@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

html, body { margin: 0; padding: 0; }
body {}
body, input, textarea {  font-family: Nanum Gothic, 돋움,Dotum, AppleGothic,sans-serif;  font-size:12px;  }

p { margin: 0; padding: 0;}

ul {margin:0; padding:0; list-style:none;}
.clr {clear:both;}

input, textarea {
box-sizing: border-box; /* Opera/IE 8+ */
-webkit-box-sizing: border-box; /* Safari, Chrome et al */
-moz-box-sizing: border-box; /* Firefox */
}

a { text-decoration: none;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s; }
a:hover { text-decoration: none; }

img { border:none;  vertical-align:middle;}


iframe, embed, object { max-width: 100%; }

::-moz-selection { background-color: #333; text-shadow: 1px 1px #000; color: #fff; }
::selection { background-color: #333; text-shadow: 1px 1px #000; color: #fff; }



/*
 * 블로그 wrap
 */
#wrap { max-width: 1600px; }


/*
 * 공통
 */
#wrap { margin: 0 auto; line-height: 180%; padding: 0 0; }




/* 사이트 1005  본문 width 735 사이드 250 */
.header_wrap {min-width:1005px; padding:0 0 0;  }
.header {width:1005px; padding:0 0 0; margin:0 auto; position:relative;}
.header .site_title {padding:0; margin:0; }
.header .site_title img {max-width:100%;}

/* nav */
#nav { width:100%; height:42px; background:#ffbd00; border-top:1px solid #ff7f00;  border-bottom:1px solid #ff7f00;  padding:0; margin:0 0 0; }
#nav ul {position:relative;}
#nav ul li {float:left; position:relative; text-align:center; width:201px; }
#nav ul li.last {float:right; width:200px; }
#nav ul li a {display:block; height:42px; padding:0; }

#nav ul li ul.menu {position:absolute; width:201px; top:42px; left:0;  background:#ff7f00; border-top:1px solid #ff7f00; display:none; z-index:9999;}
#nav ul li ul.menu li {border-bottom:1px solid #fff; height:30px; line-height:30px; }
#nav ul li ul.menu li:hover { background:#ffbd00;}
#nav ul li ul.menu li a {text-decoration:none; color:#fff;}

#nav ul li.last ul.menu,
#nav ul li.last ul.menu li {width:200px;}


/* 본문 layout 사이드 250 본문 735 */
.contents_area {width:1005px; margin:20px auto; }
.contents_area .side {width:250px; float:right; padding:0 0 0 0; }
.contents_area .contents { width:735px; float:left; padding:0 0 0 0; }


.contents_area .side ul.banner {padding:0; margin:0;}
.contents_area .side ul.banner li {padding:0; margin:0; margin:0 0 15px 0;}


/* 하단 */
.tail_wrap {clear:both;  min-width:1005px; padding:20px 0;  border-top:1px solid #989898; line-height:1.5em;}
.tail_wrap:after {content:" "; display:block; clear:both;} 
.tail_wrap .tail_emb {float:left; }
.tail_wrap .copyright {float:right; width:380px;  text-align:right; color:#333;}
.tail_wrap .copyright a { color:#333;}




.header h1,
#entry .titleWrap .date .category,
.side .widget h3 { font-family: "나눔고딕", "Nanum Gothic", "맑은 고딕", Verdana, serif; }

#tailbar .widget h3,
#content h2 { font-family:  "나눔고딕", "나눔명조", "맑은 고딕"; font-size: 1.4em; }

#go_top { right: 10px; }
#fixed_category { left: 10px; }
#go_top, #fixed_category { padding: 10px; background: #333; font-size: 13px; position: fixed; bottom: 10px; color: #fff; z-index:99999; border: 1px solid #333; border-radius: 50%; line-height: 100%;
transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s; }
#go_top:hover, #fixed_category:hover { cursor: pointer; }



/*
 * 헤더
 */
.header .blog_menu { margin-top: 5px; }
.header .blog_menu ul { padding: 0; margin: 0; }
.header .blog_menu li { margin-right: 30px; list-style: none; float: left; list-style-position: inside; letter-spacing: 2px; text-transform: lowercase }
.header .blog_menu li a { color: #777; }
.header .blog_menu li a:hover { color: #f99; }


/*
 * 컨텐츠
 */
#content { color: #333; word-break: break-all; }
#content a { color: #333; }
#content a:hover { color: #3a3; }

#post_list { padding:0; margin:0; }
#post_list ul { padding:0; margin:0; border-top:1px solid #ccc; }

#post_list li { padding:10px 5px 8px; border-bottom:1px solid #ccc; list-style-type:none; list-style-position:inside; }
#post_list li:hover { background:#fbfbfb; }
#post_list .list_date, #post_list .cnt { font-size: 11px; }
#post_list .cnt { margin-left: 5px; }

#entry { padding-bottom: 20px; border-bottom: 2px solid #000; }
#entry h2 { padding: 0; margin-top:0; letter-spacing: -2px; }

#entry .titleWrap {text-align:left; }
#entry .titleWrap .date { letter-spacing: 2px; margin-top: 15px; font-size: 11px; }
#entry .titleWrap .date_monthday { }
#entry .titleWrap .date .category {padding: 2px 5px; }
#entry .titleWrap .admin { letter-spacing: 2px; text-align: center; margin-top: 30px; }
#entry .titleWrap h2 {line-height:1.3em;}

#entry .article { padding:0 0 50px 0; font-size: 15px; }
#entry .article h3 { border-left: 8px solid #666; border-right: 8px solid #666; background: #888; padding: 8px; text-shadow: 1px 1px #666; color: #fff; }

#entry .article pre { padding: 10px; margin: 10px 0; max-width: 738px; overflow-x: auto; overflow-y: hidden; border: 1px solid #b2b2b2; font: 12px/180% Lucida Console; background: #f7f7f7; }
#entry .article ul li { line-height: 200%; }

#entry .moreless_fold { background: url('./images/icon_more.gif') center left no-repeat; color: #000; padding: 0 0 0 20px; }
#entry .moreless_top { background: url('./images/icon_less.gif') center left no-repeat; color: #000; padding: 0 0 0 20px; }
#entry .moreless_bottom { background: url('./images/icon_less.gif') center right no-repeat; color: #666; padding: 0 20px 0 0; text-align: right; }

#entry a.tx-link { font-weight: bold; }
#entry a.key1 { border-bottom: 1px dashed #3a3; font-weight: bold; cursor: pointer; }

#entry .cap1 { max-width: 100%; margin: 10px 0 0; padding: 0; text-align: center; color: #777; font-size: 12px; }

#tagTrail { margin-bottom: 30px; }
#tagTrail .tagText { font-size: 11px; font-weight:normal; }


.another_category,
.another_category a,
.another_category div {font-size:11px; font-weight:normal;}

.another_category table td {font-size:11px; font-weight:normal; }
.another_category h4 {font-size:11px; font-weight:normal; }

/*
 * 트랙백, 댓글, 방명록
 */
#actionTrail { font-size:11px; font-weight:normal; }

#trackback { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 10px; background: #fafafa; margin-top: 15px; }
#trackback h3 { font-size: 11px; }
#trackback ol { padding: 0; border-top: 1px dashed #eee; }
#trackback ol li { list-style: none; border-bottom: 1px dashed #eee; }
#trackback ol li h4 { margin: 10px 0; }

#commentList, 
#guestList { margin-top: 20px; font-size:11px;}
#commentList img, #guestList img { border-radius: 50%; vertical-align: middle; }
#commentList ol, #guestList ol { list-style: none; padding: 0; margin: 0; }
#commentList ol li, #guestList ol li { padding: 0; border-top: 2px solid #333; margin-bottom: 20px; }
#commentList ol li:hover, #guestList ol li:hover { background: #fafafa; }
#commentList ol li div, #guestList ol li div { border-bottom: 1px solid #ccc; padding: 15px 10px 10px; }
#commentList ol li ul, #guestList ol li ul { list-style: none; padding: 0; margin: 0; }
#commentList ol li ul li, #guestList ol li ul li { border: none; margin-bottom: 0; }

#commentList .control, 
#guestList .control { float: right; }
#commentList .control a, 
#guestList .control a { background: #eee; padding: 4px 6px; font-size:11px; }
#commentList .control a:hover, 
#guestList .control a:hover { background: #333; color: #fff; }

#commentList .name, #guestList .name { font-size:11px; font-weight: bold; }
#commentList .date, #guestList .date { float: none; font-size: 11px; }

#commentWrite .name, #commentWrite .password, #commentWrite .homepage,
#guestWrite .name, #guestWrite .password, #guestWrite .homepage { font-size: 12px; max-width: 60%; width: 100%; padding: 5px 0 5px 60px; border: 1px solid #ccc; }

#commentWrite .name, #guestWrite .name { background: url('./images/input_name.gif') 5px center no-repeat; }
#commentWrite .password, #guestWrite .password { background: url('./images/input_password.gif') 5px center no-repeat; }
#commentWrite .homepage, #guestWrite .homepage { background: url('./images/input_homepage.gif') 5px center no-repeat; }

#commentWrite textarea, #guestWrite textarea { width: 100%; border: 1px solid #ccc; padding: 10px; }

#commentWrite input.submit, #guestWrite input.submit { width: 100px; padding: 10px; background: #333; color: #fff; cursor: pointer; border: 1px solid #000;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s; }
#commentWrite input.submit:hover, #guestWrite input.submit:hover { background-color: #fff; color: #333; }


/*
 * 리스트의 썸네일을 위한 속성 ( http://www.yongzz.com/view.php?bbs=know&no=9 )

.thumb-box { float: right; margin-top: -3px; width: 50px; height: 50px; border-radius: 20%; border: 1px solid #ccc; overflow: hidden; background: #fff; }
.thumb-box #str { display: none; }
.thumb-box img{ border: 0; width: 50px; height: 50px; border-radius: 20%; }
.thumb-box img.dno{ display: none; }
 */

/*
 * 페이징
 */
#paging { text-align: center; margin: 30px; }


/*
 * 사이드바, 꼬리바
 */
.side {}
.side a { color: #666; line-height: 200%; }
.side a:hover { color: #99f; }
.side img { max-width:100% !important; height: auto; }

.side .widget { color: #888; float: left; width: 100%; margin-bottom: 30px; }
.side .widget h3 { font-size: 13px; color: #666; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; text-shadow: #eee 1px 1px; }
.side .widget h3 a { line-height: 160%; }

#tailbar { display:none; clear:both; border-top: 1px solid #ccc; padding-top: 20px; display:none;}
#tailbar:after {content:" "; display:block; clear:both;} 
#tailbar .widget { line-height: 200%; float: left; width: 30%; padding: 0 1.65% 30px; color: #888; font-size: 14px; word-break: break-all; overflow: hidden; }
#tailbar .widget h3 { line-height: 100%; font-size: 20px; color: #666; }
#tailbar a { color: #666; }
#tailbar a:hover { color: #99f; }

.category_widget { margin: 0; padding: 0 !important; }
.category_widget a { line-height: 200%; }
.category_widget ul { list-style: none; margin: 0; padding: 0; }
.category_widget li { list-style-type: none; list-style-position: inside; }
.category_widget ul li ul li ul li { padding-left: 10px; list-style: none; }
.category_widget ul li ul li ul li:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; }


#searchBox { margin: 10px 0px; }
#searchBox:after {content:" "; display:block; clear:both;} 
#searchBox input.search_keyword { border: 5px solid #fc6d27; background-color: #ffffff; float: left;width: 203px; height: 34px; line-height:34px;}
#searchBox input.button {background: url(./images/btn_search.gif) no-repeat; width: 47px; height: 34px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }
/*
.search { border: 1px solid #ccc; width: 100%; padding: 5px 10px; }
*/
.blog-img { margin-bottom: 30px; }



/*
 * 하단 카피라이트
 */
#footer { font-size: 10px; font-family: verdana; padding: 20px 0; text-align: right; border-top: 1px solid #ccc; color: #aaa; letter-spacing: 2px; }
#footer a { color: #888; }
#footer a:hover { color: #f99; }


/*
 * 반응형 속성
 */
.imageblock { max-width: 100% !important; /* width: auto !important; */ height: auto; margin-bottom: 10px;  }
.imageblock img { max-width: 100% !important; height: auto; }
.imgblock { display: block; }
.imgblock td { display: block; }
.tt-gallery-box img { max-width: 100%; height: auto !important; }

.header .collapse { display: none; }
#fixed_category { display: none; }
#view-category { display: none; }




@media all and (min-width: 1024px) {
	#view-category { display: none !important; }
}



@media all and (max-width: 1023px) {

/* #header, #content, #sidebar, #footer { max-width: 100%; margin: 0 auto; float: none; clear: both; } */

/*
.side .widget, 
#tailbar .widget { width: 30%; margin-left: 2.5%; float: left; }
#tailbar .widget { padding-left: 0; padding-right: 0; }
*/
.blog-img { display: none; }

#fixed_category { display: block; }

#view-category { position: fixed; background: #fff; bottom: 50px; left: 10px; max-height: 300px; height: 80%; width: 220px; display: none; opacity: 0.95; border: 1px solid #ccc; padding: 10px; overflow-y: auto; z-index: 100; box-sizing: border-box; }
#view-category a { color: #666; line-height: 200%; }
#view-category a:hover { color: #99f; }



}








/* 768 이하  */
@media screen and (max-width:768px){

html, 
body {overflow-x:hidden;}


.header .default { display: none; }
.header .collapse { display: block; }
.header .collapse h1 { float: left; line-height: 120%; }
.header .collapse button { cursor:pointer; font-size: 21px; border:0; background: transparent; color: #777; text-shadow: 1px 1px #eee; margin: 0; padding: 0; }
.header .collapse #submenu { display: none; margin-top: 5px; }
.header .collapse .blog_menu { text-align: right; }
.header .collapse .blog_menu ul { padding: 0; margin: 0; }
.header .collapse .blog_menu li { list-style: none; list-style-position: inside; padding: 5px 10px; border-right: 5px solid #ccc; background: #fafafa; text-shadow: 1px 1px #eee; margin-bottom: 5px; }

.side .widget,
#tailbar .widget { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

.hide-widget { display: none; }


.header_wrap {min-width:320px; padding:0 0 0;  }
.header {width:100%; padding:0 0 0; margin:0 auto; position:relative;}

/* nav */
#nav {height:auto; border-bottom:none; !important; }
#nav ul li {clear:both; position:relative; text-align:center; width:100%; border-bottom:1px solid #ff7f00 }
#nav ul li.last {clear:both; width:100%;   }
#nav ul li a {display:block; height:auto; padding:0; }

#nav ul li ul.menu {position:relative; width:100%; top:0; left:0;}
#nav ul li ul.menu li {border-bottom:1px solid #fff; height:auto; line-height:auto;  background:#ff7f00;  }
#nav ul li ul.menu li:hover { background:#ffbd00;}
#nav ul li ul.menu li a {text-decoration:none; color:#fff;}

#nav ul li.last ul.menu,
#nav ul li.last ul.menu li {width:100%;}
#nav:after {content:" "; display:block; clear:both;} 

.contents_area {width:90%; padding:0 5%; margin:10px auto; }
.contents_area .side {width:100%; clear:right; padding:0 0 0 0; min-height:100px;}
.contents_area .contents { width:100%; clear:left; padding:0 0 0 0;   min-height:100px; }
/* .contents_area .contents img {max-width:100%;} */
.contents_area .side ul.banner li img {width:100%; margin-bottom:20px;}
	
/*티에디션 생활이야기*/

	


/* 하단 */
.tail_wrap {clear:both;  min-width:300px; margin:0 auto; padding:20px 0;  border-top:1px solid #989898; line-height:1.5em;}
.tail_wrap .tail_emb {clear:left; }
.tail_wrap .tail_emb img {max-width:98%;}

.tail_wrap .copyright {clear:right; width:100%;  text-align:left; padding:10px 0 0 0;}



#tailbar { max-width: 100%; margin: 0 auto; float: none; clear: both; display:block;}


#searchBox { margin:20px 0; text-align:center;}
#searchBox input.search_keyword { border: 5px solid #fc6d27; background-color: #ffffff; float: left; width: 90%; height: 34px; line-height:34px;}
#searchBox input.button {background: url(./images/btn_search.gif) no-repeat; width:10%; height: 34px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }


.sns_wrap,
.facebook_wrap,
.twitter_wrap {display:none !important;}








/* 티에디션 수정대책 */

.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;
  }

    .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; 
    }
    
}




} /* 768 end*/

	.middle_link {
		width: 100%;
		margin: auto;
	}
	.middle_link > a > img {
		width: 19.2%;
		float: left;
		padding-right: 1%;
		padding-bottom: 10px;
	}
	.middle_link_last {
		padding-right: 0 !important;
	}
.timeline-Footer {
	display:none !important;
}
.tt-wrap-item-thumbnail{
	display: none;
}
.tt-post-thumb{
	width:100% !important;
	margin:0 !important;
}
.tt-wrap-thumb-link{
	width:100% !important;
	height:auto !important;
}