/* 헤드라인 이미지 고정 */
div#ttItemGroup1427095570 img {
	width: 735px;
	height: 418px;
	margin: 0 !important;}
#ttCanvas, .tt-span-12 {width: 100% !important;} 
div#ttCanvas div.tt-panel {padding-top: 0px !important;}

.left_area #ttCanvas .edit li .img_area {border: 1px solid #e8e8e8;}
.tt-last {margin-right:0px;}

body. tistory_grid_700 div#ttCanvas .tt-span-6 {margin-right:0px;}

#tistorytoolbarid {display: none;}
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,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;
	line-height:1.3;
	font-family:Nanum Gothic, 돋움, Dotum, AppleGothic, sans-serif;
}
dl,ul,ol,menu,li {list-style:none}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:none; }
hr {display:none; }
input.text, select, textarea {
	border:1px solid #D0D0D0;
	background-color:#fff;
	color:#8A8A8A;
}
input {vertical-align: middle; }
/* 태그 */
#taglog ul, #tagbox ul {
	text-align:justify;
}
#blogMenu li,
#counter li,
#tagbox li,
#taglog li {
	display:inline;
}
#blogMenu li, /*탑메뉴*/
#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#searchList li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
	list-style-type:none;
}

/* 0221 댓글폼 수정 */
/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             {  }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat; }
    .rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}



/* 포스트 본문 마크업 */
#content .entry .article ol, #content .entry .article ul, #content .entry .article il {
	padding-left:25px;
}
.article dt {
	padding-top:5px;
	text-decoration:underline;
}
.article dd {
	padding-left:25px;
	padding-bottom:5px;
}
.article table th {background-color:#fff; } /* 스킨디자인에따라 색상 변경 */
.article table td {padding:2px; background-color:#fff; } /* 스킨디자인에따라 색상 변경 */
.dual table td, .triple table td {background-color:transparent; } /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
	clear:both;
}

/* 인스타 */
#instaPics { 
            max-width: 320px;
						max-height:300px;
						overflow: hidden;  
						overflow-y:auto; 
       }  
       .insta-box {  
            position: relative;  
            width: 146px;  
            height: 146px;  
            float: left;  
				 		border-bottom: 1px solid #e2e9ed;
       }  
       .image-layer {  
            overflow: hidden;  
            width: 146px;  
            height: 146px; 

       }  
       .image-layer img {  
            max-width: 100%;  
       }  
       .caption-layer {  
            display: none;  
            position: absolute;  
            top: 0;  
            background: rgba(255,255,255,0.8);  
            height: 150px;  
            width: 146px;  
            padding: 10px;  
            box-sizing: border-box;  
            font-size: 12px;  
            color: #333;
						font-family:Nanum Gothic; 
       }  
       .insta-likes {
            float: right;  
       }  


.video{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:100%;}

/* youtube */
.video_yt{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:560px;height:315px;}
.youtube_area{max-width: 320px;max-height:300px;overflow:hidden;overflow-y:auto;}
.youtube_area .u_a{float:left;margin-right:1%;width:49%;box-sizing:border-box;cursor:pointer;}
.youtube_area .u_a:odd{margin-right:0}
.youtube_area .u_a img{max-width:100%;}
.youtube_area .u_a h6{margin:0 auto 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 블로그 레이아웃 */
.wrap {
	overflow:hidden;
	position:relative;
}
#side_area {
	display: none;
}
#top {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
}
#top .cont {
	height: 36px;
	background: #fff;
	padding: 7px 0;
	position: relative;
	border-bottom: 1px solid #999;
}
#top .cont .profile {
	width: 100%;
  height: 36px;
  background: url(./images/logo.png) no-repeat 50% 0;
  background-size: 206px 36px;
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
#top .list {
    width: 36px;
    height: 36px;
    background: url(./images/mob_list2.gif) no-repeat;
    background-size: 36px 36px;
    position: absolute;
    left: 10px;
    top: 7px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.blogmenu {
	display: none;
}
#menu {
		width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 200;
    overflow: hidden;
}
#menu .menu_content {
    width: 265px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #316db5;
		overflow: auto;
		font-size: 11pt;
		font-family: 'NanumGothic';
}
#menu .menu_content .mob_menu {
    position: relative;
}
#menu .menu_content .mob_menu .mob > li.menu1 a {
    border-top: 0 none;
}
#menu .menu_content .mob_menu .mob > li > a {
    font-size: 1.1em;
    color: #fff;
    display: block;
    padding: 5px 10px;
    background: url(./images/ico_p.png) no-repeat 220px 50%;
    background-size: 8px auto;
    padding: 16px 35px 15px 35px;
    border-top: 1px solid #4576b0;
    border-bottom: 1px solid #4576b0;
}
#menu .menu_content .mob_menu .mob li ul li a {
    font-size: 1em;
    color: #fff;
    display: block;
    background: #315c8f url(./images/ico_menu.png) no-repeat 220px 50%;
    background-size: 6px auto;
    padding: 16px 16px 0 20px;
}
#menu .menu_content .mob_menu .mob li ul li a span {
    padding: 0 0 15px 15px;
    border-bottom: 1px solid #4b81c1;
    display: block;
}
#menu .menu_content .mob_menu .mob li ul li:last-of-type a span {
    border-bottom: 0 none;
}
#search_area {
    width: 100%;
    height: 100%;
    position: absolute;
    /* right: -100%; */
    top: 0;
    z-index: 200;
    display: none;
    overflow: hidden;
}
#search_area .cont {
    width: 265px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    overflow: auto;
    background: #003964;
}
#visual {
		/* margin-top:50px; */
	  margin-top:40px;
		height:200px;
		background:url("images/visual_1") no-repeat center center;
		background-size: cover;
	}
/* 카운터 */
#counter {float:right; margin-top:5px;margin-bottom:5px; }
#counter li {color:#333; font:9px tahoma; }
#counter span {}
#counter .total, #counter .today, #counter .yesterday {height:7px; margin-right:7px; background-repeat:no-repeat; background-position:0px 2px; }
#counter .total {padding-left:29px; background-image:url(images/txt_total.gif); }
#counter .today {padding-left:5px; background-image:url(images/txt_today.gif); }
#counter .yesterday {padding-left:5px; background-image:url(images/txt_yesterday.gif); }
body.tistory_grid_735 div#ttCanvas {
	width: 100% !important;
}
.ttItem1486453372 {
	width: 100%;
	margin: 0px;
}


body.tistory_grid_735 div#ttCanvas .tt-span-12 {
	width: 100% !important;
}
.edit {
  overflow: hidden;
  margin: 0 10px !important;
}
.edit li {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.left_area #ttCanvas .edit li .category {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	padding-left: 5px;
	z-index: 99;
	font-size: 0.5em;
}
#left_area {
    margin-top: 35px;
}
.left_area #ttCanvas .edit li .img_area {
		margin-top: 2px;
	}
.edit li .img_area {
  float: left;
  z-index: 100;
}
.edit li .img_area a {
	width: 135px;
	height: 99px;
	display: block;
	overflow: hidden;
	position: relative;
	background: none;
}

.edit li .img_area img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.edit li .text_area {
   float: left;
   position: absolute;
   left: 0;
   top: 0;
	 margin-left: 147px !important;
}
.left_area #ttCanvas .edit li .text_area .tit {
    font-size: 14px;
    font-weight: bold !important;
    color: #817f7e;
    line-height: 14px;
    margin-bottom: 10px !important;
    display: -webkit-box !important;
	  font-family: NanumGothic, 돋움, dotum, Arial;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.edit li .text_area .txt {
    font-size: 12px !important;
    color: #555;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#right_area {
    margin: 0 10px;
}
#popularity_post {
    border-top: 1px solid #e1e1e1;
    padding-top: 12px;
    position: relative;
    margin-bottom: 19px;
}
#popularity_post .appearance {
    width: 35px;
    height: 3px;
    background: #003964;
    position: absolute;
    left: 7px;
    top: 0;
}
#popularity_post dt {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    margin: 0 0 8px 7px;
}
#popularity_post dl dd {
    height: 13px;
    font-size: 0.8em;
    line-height: 13px;
		margin: 0 0 6px 7px;
    background: url(./images/dot.gif) no-repeat 0 5px;
    padding-left: 20px;
}
#popularity_post dd a {
    font-size: 1em;
    color: #555;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
#recentPost {
    border-top: 1px solid #e1e1e1;
    padding-top: 12px;
    position: relative;
    margin-bottom: 19px;
}
#recentPost .appearance {
    width: 35px;
    height: 3px;
    background: #003964;
    position: absolute;
    left: 7px;
    top: 0;
}
#recentPost dt {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    margin: 0 0 8px 7px;
}
#recentPost dl dd {
    height: 13px;
    font-size: 0.8em;
    line-height: 13px;
		margin: 0 0 6px 7px;
    background: url(./images/dot.gif) no-repeat 0 5px;
    padding-left: 20px;
}
#recentPost dd a {
    font-size: 1em;
    color: #555;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
#video {
    border-top: 1px solid #e1e1e1;
    padding-top: 12px;
    position: relative;
    margin-bottom: 19px;
}
#video .appearance {
    width: 35px;
    height: 3px;
    background: #003964;
    position: absolute;
    left: 7px;
    top: 0;
}

#video dt {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    margin: 0 0 8px 7px;
}
#video dd {
    height: 0;
    padding:0 0 59% 0;
    margin: 0 0 6px 7px;
    position: relative;
    overflow: hidden;
}
#video dd iframe, #video dd object, #video dd embed {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
		border: 0;
}
#video .link {
	 margin: 0 0 6px 7px;
}
.search_list {
    margin: 0 10px;
}
.search_list h3 {
		font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: bold;
    color: #003964;
    margin: 0 0 17px 0;
}
.search_list ol li {
    border-bottom: 1px solid #eee;
    padding: 1px 0 3px 0;
    margin-bottom: 4px;
}
.search_list ol li .date {
    font-size: 0.9em;
    margin-right: 10px;
}
.search_list ol li a {
    color: #333;
    font-size: 0.9em;
}
.search_list ol li .count {
    font-size: 0.9em;
    color: #f60;
}
.paging {
		clear: both;
   	text-align: center;
    color: #636363;
    margin: 20px 0;
}
.paging a.left {
		background: url(./images/ico_prev.gif) no-repeat 0 50%;
    background-size: 7px auto;
    padding: 10px 0 10px 11px;
}

/* comment13 */

.entry {
    width: 100%;
    font-size: 13px;;
}
.article_top {
    margin: 0 10px 16px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 7px;
}
.article_top .article_category a {
    font-size: 12pt;
    color: #595963;
}
.article_top .title_area {
		font-family: 맑은고딕;
    overflow: hidden;
    margin-bottom: 20px;
}
.article_top h3 a {
    font-size: 1em;
		font-family: 맑은고딕;
	  font-weight: bold;
    color: #336699;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	letter-spacing:-1px;
}
.article_top .date {
    font-size: 0.7em;
	float: right;
}
.entry .article {
    margin: 0 10px;
}

/* comment14 */

#right_area {
    margin: 0 10px;
}
#bottom_area .cont {
    width: 100%;
}
.facebook_area {
	display: none;
}
.insta_area {
	display: none;
}
.twitter_area {
	display: none;
}
.youtube {
	display: none;
}
.map_area {
	display: none;
}
.use_area {
	display: none;
}
.cont .facebook_area .title {
    height: 45px;
}
.facebook_area .title dt {
    margin-top: 0px;
}
.fb-page {
	width:100%;
}
.fb-page > span {
	width:100%;
}
.fb-page iframe {
	width:100%;
}
.twitter_area .title {
    height: 45px;
}
.twitter_area .title dt {
    float: left;
    margin-top: 0px;
}
#bottom_area .cont .rss_area {
    width: 100%;
    background: #fff;
    display: block !important;
    border-top: 1px solid #e1e1e1;
	  padding: 10px 0;
}
#bottom_area .cont .rss_area .banner dd.banner1 a {
    display: block;
    width: 100%;
    height: 60px;
    background: #316db5;
    overflow: hidden;
    font-size: 1em;
    line-height: 60px;
		text-align: center;
		color: #fff;
	font-weight: bold;
}
#bottom_area .cont .rss_area .banner dd.banner2 a {
    display: block;
    width: 100%;
    height: 60px;
    background: #2b98db;
    overflow: hidden;
    font-size: 1em;
    line-height: 60px;
		text-align: center;
		color: #fff;
	font-weight: bold;
}
#bottom_area .cont .rss_area .banner dd.banner3 a {
    display: block;
    width:100%;
    height: 60px;
    background:#fd8d43;
    overflow: hidden;
    font-size: 1em;
    line-height: 60px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

@media (min-width: 10px) {
	/*0221 댓글폼*/
	.comment                          { width:/*@post-width:-12*/ 700px /*@*/; background:none; padding:15px 5px 0 5px; overflow:hidden;}
	.comment p                        { margin:3px 0 0 0; padding:0;}

	.comment h3                       { display:none;}
	.comment ol,
	.comment ul                       { margin:0;  padding:0;  list-style:none;}
	.comment .date                    { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999999;}
	.comment .name                    { color:#336699; font-weight:bold;}
	.comment .name a                  { color:#336699; font-weight:bold;}
	.comment ol li                    { border-bottom:1px dashed #999; margin:0 0 7px 0; padding:0 0 7px 0; }
	.comment li ul li                 { padding:5px 10px 5px 35px;  background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
	.comment .control                 { text-align:right; float:right;}
	.comment .control a.address       { background:url(images/btnAddress.gif) no-repeat;  padding-left:57px;  padding-bottom:2px;  text-decoration:none;}
	.comment .control a.address span  { display:none;}
	.comment .control a.modify        { background:url(images/btnModifyDelete.gif) no-repeat;  padding-left:57px;  padding-bottom:2px;  text-decoration:none;}
	.comment .control a.modify span   { display:none;}
	.comment .control a.write         { background:url(images/btnReply.gif) no-repeat;  padding-left:57px;  padding-bottom:2px;  text-decoration:none;}
	.comment .control a.write span    { display:none;}

	.commentWrite                     { overflow: hidden; padding:0px; }
	.commentWrite input               { 
	    border: 1px solid #E5E5E5;
    font: 12px/1.5 나눔고딕, nanumgothic, 맑은 고딕, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif;
    color: #666;
	}
	.commentWrite textarea            { width:/*@post-width:-80*/ 700px /*@*/;overflow: hidden;  padding:5px; margin:0; color:#666; }
	.commentWrite .homepage           { width:200px;}
	.commentWrite .submit             { background:url(images/btn_reple.gif) no-repeat; width:71px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; }
	.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
	.commentWrite .checkbox           { border:none; padding:0; margin:0; width:25px;}
	
	/*0220 티에디션 수정*/
	body.tistory_grid_735 div#ttCanvas .tt-span-12 {
    width: 735px !important;
}
	
	
	.container {
		width:1000px;
		margin:0 auto;
	}
	#header {
		width:100%;
		height:auto
	}
	#top {
		position:relative;
		left:0;
		top:0;
		display:block;
		overflow:visible;
		z-index:1000;
		background:#fff;
	}
	#top .cont {
		width:1000px;
		height:70px;
		margin:0 auto;
		background:none;
		position:relative;
		padding: 0;
		border-bottom: none;
	}
	#top .cont .profile {
		display:block;
		width:206px;
		height:36px;
		margin-top:15px;
		background: url(./images/logo.png) no-repeat;
		float:left;
		overflow: hidden;
	}
	#top .list {
		display: none;
	}
	#search_area {
		width: 1000px;
    height: 31px;
    position: absolute;
    left: 50%;
    top: 20px;
    display: block;
    margin: 0 0 0 -360px;
		z-index: 1500;
	}
	#search_area .cont {
		width: 320px;
    height: 31px;
    position: absolute;
    right: 131px;
    top: 0;
    background: none;
	}
	#search_area .cont .input_search {
		width: 318px;
		height: 28px;
		border: 1px solid #d2d2d1
	}
	#search_area .cont .search_form {
		width:284px;
		height:28px;
		background: none;
		padding:0;
		float:left
	}
	#search_area .cont .search_form input[type="text"] {
		width:274px;
		height:28px;
		font-size:1.2em;
		color:#949494;
		background:none;
		padding-left:10px;
		display:block;
		float:left;
		border:0;
		outline:none;
		border-left:2px solid #fff
	}
	#search_area .cont .submit_area {
		display:block;
		width:34px;
		height:28px;
		border:0;
		background:none;
		float:left
	}
	#search_area .cont .submit_area input {
		width:25px;
		height:21px;
		text-indent:-9999px;
		display:block;
		overflow:hidden;
		cursor:pointer;
		padding:0;
		border:0;
		margin-top:3px;
		background:url("./images/search.png")
	}

	#visual {
		margin-top: 0;
		height:466px;
		background:url("./images/skin_180424.jpg") no-repeat center center;
		background-size: cover;
	}
    /*menu*/
    nav {background: #003964;}
    

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

nav ul li {
  display: inline-block;
  position: relative;
	width:20%;
}

nav ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 15px 14px;
  transition: 0.3s linear;
	text-align:center;
}

nav ul li:hover {background: #003944;}

nav ul li ul {
  border-bottom: 5px solid #003964;
  display: none;
  position: absolute;
  width: 100%;
	z-index:9999;
}

nav ul li ul li {
  border-top: 1px solid #444;
  display: block;
	width:100%;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #373737;
  display: block;
  padding: 10px 14px;
}

nav ul li ul li a:hover {background: #003964;}

nav .fa.fa-angle-down { margin-left: 6px; }


	#menu {
    display: none;
	}
	.blogmenu {
		display: block;
	}
	#gnb {
		width:100%;
		height:50px;
		background: #003964;
		border-bottom: #e9e9e9;
	}
	#gnb > ul > li {
		float:left;
		width:20%;
		height:50px;
		border-right:1px solid #fff;
		box-sizing:border-box;
		position:relative;
	}
	#gnb > ul > li:first-child {
		border-left:1px solid #fff;
	}
	{
		display:block;
		width:100%;
		text-align:center;
		height:50px;
		line-height:50px;
		background-size: 100%;
		color: #fff;
	}
	#gnb > ul > .menu2 > a {
		display:block;
		width:100%;
		text-align:center;
		height:50px;
		line-height:50px;
		background-size: 100%;
		color: #fff;
	}
	#gnb > ul > .menu3 > a {
		display:block;
		width:100%;
		text-align:center;
		height:50px;
		line-height:50px;
		background-size: 100%;
		color: #fff;
	}
		#gnb > ul > .menu4 > a {
		display:block;
		width:100%;
		text-align:center;
		height:50px;
		line-height:50px;
		background-size: 100%;
			color: #fff;
	}
		#gnb > ul > .menu5 > a {
		display:block;
		width:100%;
		text-align:center;
		height:50px;
		line-height:50px;
		background-size: 100%;
		color: #fff;
	}
	#gnb .sub {
		position: relative;
		display: none;
		z-index: 2500;
	}
	#gnb .sub > li {
		height: 50px;
		line-height: 50px;
		background-color:#f6f6f6;
		border-bottom: 1px solid #ddd;
	}
	#gnb .sub > li:first-child {
		border-top: 1px solid #ddd;
	}
	#gnb .menu1 > .sub > li:last-child {
		border-bottom: 1px solid #fa8d2c;
	}
	#gnb .menu2 > .sub > li:last-child {
		border-bottom: 1px solid #135b99;
	}
	#gnb .menu3 > .sub > li:last-child {
		border-bottom: 1px solid #7db440;
	}
	#gnb .sub > li > a {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background-color:#f6f6f6;
		text-align: center;
		color: #333;
	}
	#gnb .sub > li > a:hover {
		background-color:#ddd;
	}
	#content {
		padding-top: 0;
    width: 1000px;
    margin: 65px auto 0 auto;
    position: relative;
	}
	#counter {float:right; margin-top:15px;margin-bottom:15px; }
	#mid_area {
		width: 1000px;
		position: relative;
		overflow: hidden;
		margin: 65px auto 13px auto;
	}
	#side_area {
    display: block;
	}
	.side_area {
    position: absolute;
    right: -130px;
    top: 0;
		z-index: 1000;
	}
	.side_area ul li a {
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    display: block;
	}
	.side_area .side_menu1 a {
    width: 115px;
    height: 99px;
    background: url(./images/home.gif) no-repeat;
	}
	.side_area .side_menu2 a {
    width: 115px;
    height: 99px;
    background: url(./images/face.gif) no-repeat;
	}
	.side_area .side_menu3 a {
    width: 115px;
    height: 99px;
    background: url(./images/instar.gif) no-repeat;
	}
	.side_area .side_menu4 a {
    width: 115px;
    height: 99px;
    background: url(./images/kakao.gif) no-repeat;
	}
	.side_area .side_menu5 a {
    width: 115px;
    height: 99px;
    background: url(./images/twitter.gif) no-repeat;
	}
	.side_area .side_menu6 a {
    width: 115px;
    height: 99px;
    background: url(./images/youtube.gif) no-repeat;
	}
	.side_area .side_menu7 a {
    width: 115px;
    height: 99px;
    background: url(./images/news.gif) no-repeat;
	}
	
	#content .left_area {
		width: 760px;
		float: left;
		margin: 0;
	}
	#content .left_area #ttCanvas .edit {
		width: 760px;
		margin: 0 !important;
	}
	.left_area #ttCanvas .edit li {
		width:360px;
		height:346px;
		float:left;
	}
	.edit li:nth-child(odd) {
    margin-right: 15px !important;
	}
	.edit li:nth-child(even) {
    margin-right: 0% !important;
	}
	
	.left_area #ttCanvas .edit li .category {
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 30px;
		line-height: 30px;
		color: #fff;
		padding-left: 20px;
		font-size: 16px;
	}
	#mid_area .left_area #ttCanvas .edit {
		
		width: 760px;
	}

	.left_area #ttCanvas .edit li .img_area {
		float: none;
		margin-top: 2px;
	}
	.left_area #ttCanvas .edit li .img_area img {
		width: 358px;
		height: 258px;
		position: static;
	}
	.left_area #ttCanvas .edit li .text_area {
		float: none;
		position: static;
		padding-left: 0;
		margin: 0 !important;
	}
	.left_area #ttCanvas .edit li .img_area a {
    width: 360px;
    height: 258px;
	}
	.left_area #ttCanvas .edit li .text_area .tit {
		width:360px;
		height: 14px;
		line-height: 14px;
		margin: 14px 0px 7px 0px !important;
		font-size: 14px;
		color: #817f7e;
		font-family: 돋움, dotum, Arial;
	}
	.left_area #ttCanvas .edit li .text_area .txt {
		height: 32px;
		line-height: 18px;
		margin: 0px !important;
		font-size: 12px;
		color: #888;
	}

	#mid_area .right_area {
		width: 240px;
		float: left;
		margin: 0;
	}
	
	#category{
		width: 240px;
		margin-bottom: 0px;
		position: relative;
		box-sizing: border-box;
	}
	
	#category dl dt{
		width: 240px;
		height: 0px;
		background: url(./images/category.jpg) no-repeat 0 0;
		font-size: 0;
		font-weight: bold;

		color: #696969;
		text-indent: -999;
	}
	
	#category dl{
		width: 240px;
		padding: 10px 0 10px 0;
		overflow: hidden;
	}
	
	#category td{
		font-size: 12px;
	}
	
	.appearance{
		width: 45px;
		height: 5px;
		background: #003964;
		position: absolute;
		left: 10px;
		top: 0;
	}
	
	#mid_area .recentPost {
		width: 240px;
		height: 180px;
		margin-bottom: 10px;
		position: relative;
		border: 1px solid #e8e8e8;
		box-sizing: border-box;
	}
	#mid_area .recentPost dl dt {
		width: 240px;
		height: 25px;
		background: url(./images/recentPost_.jpg) no-repeat 0 0;
	}
	#mid_area .recentPost dl {
		width: 200px;
		padding: 10px;
		overflow: hidden;
	}
	#mid_area .recentPost dl dt {
		font-size: 0;
		font-weight: bold;
		line-height: 16px;
		color: #696969;
		margin: 0 0 15px 0;
		text-indent: -999;
	}
	#mid_area .recentPost dl dd {
		height: 17px;
		line-height: 17px;
		margin-bottom: 7px;
		background: url(./images/dot.gif) no-repeat 6px 5px;
		font-size: 14px;
	}
	#mid_area .recentPost dl dd a {
		font-size: 12px;
		color: #898989;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: block;
	}
	#mid_area .recentPost .appearance {
		width: 45px;
		height: 5px;
		background: #003964;
		position: absolute;
		left: 10px;
		top: 0;
	}
	
	/* 0217 */
	#mid_area .popularity_post {
		width: 240px;
		height: 180px;
		margin-bottom: 10px;
		position: relative;
		border: 1px solid #e8e8e8;
		box-sizing: border-box;
	}
	#mid_area .popularity_post dl dt {
		width: 240px;
		height: 25px;
		background: url(./images/popular.jpg) no-repeat 0 0;
	}
	#mid_area .popularity_post dl {
		width: 200px;
		padding: 10px;
		overflow: hidden;
	}
	#mid_area .popularity_post dl dt {
		font-size: 0;
		font-weight: bold;
		line-height: 16px;
		color: #696969;
		margin: 0 0 15px 0;
		text-indent: -999;
	}
	#mid_area .popularity_post dl dd {
		height: 17px;
		line-height: 17px;
		margin-bottom: 7px;
		background: url(./images/dot.gif) no-repeat 6px 5px;
		font-size: 14px;
	}
	#mid_area .popularity_post dl dd a {
		font-size: 12px;
		color: #898989;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: block;
	}
	#mid_area .popularity_post .appearance {
		width: 45px;
		height: 5px;
		background: #003964;
		position: absolute;
		left: 10px;
		top: 0;
	}
	
	#mid_area .cbanner {
		width: 240px;
		height: 240px;
		margin-bottom: 10px;
		padding: 10px;
		position: relative;
		border: 1px solid #e8e8e8;
		box-sizing: border-box;
	}
	#mid_area .cbanner dl dt {
		width: 200px;
		height: 222px;
	}
	#mid_area .cbanner dl {
		width: 200px;
		padding: 10px;
		overflow: hidden;
	}
	#mid_area .cbanner dl dt {
		font-size: 0;
		font-weight: bold;
		line-height: 16px;
		color: #696969;
		margin: 0 0 15px 0;
		text-indent: -999;
	}
	#mid_area .cbanner dl dd {
		height: 17px;
		line-height: 17px;
		margin-bottom: 7px;
		background: hidden;
		font-size: 14px;
	}

	#mid_area .cbanner .appearance {
		width: 45px;
		height: 5px;
		background: #003964;
		position: absolute;
		left: 10px;
		top: 0;
	}
	
	
	#mid_area .video {
    width: 240px;
    height: 220px;
    border: 1px solid #e8e8e8;
    position: relative;
    padding: 0;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	#mid_area .video dl {
    padding: 0px;
	}
	#mid_area .video dl dt {
		font-size: 0;
		font-weight: bold;
		line-height: 16px;
		color: #696969;
		margin:22px 10px 15px 10px;
		width: 240px;
		height: 25px;
		background: url(./images/video.png) no-repeat 0 0;
	}

	#mid_area .video dl dd {
		margin: 0;
		width: 238px;
	}
	#mid_area .video .appearance {
		width: 45px;
		height: 5px;
		background: #003964;
		position: absolute;
		left: 10px;
		top: 0;
	}
	#mid_area .video .link {
		width: 200px;
		height:47px;
		display: block;
		font-size: 0;
		background: url(./images/view.jpg) no-repeat 0 0;
		margin: 0;
	}
	.entry {
		width: 710px;
		margin-right: 50px;
	}
	.article_top {
		margin: 23px 0 35px;
		border-bottom: 1px solid #a1a1a1;
		padding-bottom: 12px;
	}
	.article_top .title_area {
		margin-bottom: 25px;
		overflow: hidden;
	}
	.article_top h3 {
		float: left;
		font-weight: normal;
	}
	.article_top h3 a {
		width: 710px;
		font-size: 1.5em;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.article_top .date {
		font-size: 1em;
		color: #595963;
		float: left;
		padding-top: 13px;
		display: block;
	}
	#bottom_area {

	}
	#bottom_area .cont {
		width:973px;
		height:330px;
		margin:0 auto;
		padding: 0 0 55px 0;
		overflow: hidden;
	}
	#bottom_area .cont .facebook_area {
		width: 309px;
    height: 343px;
    background: #fff;
    margin-right: 20px;
    float: left;
    display: block;
    border: 1px solid #e8e8e8;
	}
	#bottom_area .cont .facebook_area .title {
		height: 43px;
	}
	#bottom_area .cont .facebook_area .title dt {
		float: left;
    margin-top: 0px;
	}
	#bottom_area .cont .insta_area {
		width: 309px;
    height: 343px;
    background: #fff;
    margin-right: 20px;
    float: left;
    display: block;
    border: 1px solid #e8e8e8;
	}
	
	#bottom_area .cont .insta_area .title {
		height: 43px;
	}
	#bottom_area .cont .insta_area .title dt {
		float: left;
	}
	
	
	#bottom_area .cont .twitter_area {
		width: 309px;
    height: 343px;
    background: #fff;
    margin-right: 20px;
    float: left;
    display: block;
    border: 1px solid #e8e8e8;
	}
	
	#bottom_area .cont .twitter_area .title {
		height: 43px;
	}
	#bottom_area .cont .twitter_area .title dt {
		float: left;
	}
	
		#bottom_area .cont .youtube {
		width: 309px;
    height: 343px;
    background: #fff;
    margin-right: 20px;
		margin-top: 20px;
    float: left;
    display: block;
    border: 1px solid #e8e8e8;
	}
	#bottom_area .cont .youtube .title {
		height: 43px;
	}
	#bottom_area .cont .youtube .title dt {
		float: left;
    margin-top: 0px;
	}
	
	#bottom_area .cont .map_area {
		width: 309px;
    height: 343px;
    background: #fff;
    float: left;
    display: block;
    border: 1px solid #e8e8e8;
	}
	
	#bottom_area .cont .map_area .title {
		height: 43px;
	}
	#bottom_area .cont .map_area .title dt {
		float: left;
    margin-top: 0px;
	}
	#bottom_area .cont .map_area .title {
		height: 43px;
	}
	#bottom_area .cont .map_area .title dt {
		float: left;
    margin-top: 0px;
	}
	
	#bottom_area .cont .use_area {
		width: 309px;
    height: 343px;
    background: #fff;
		margin-top: 20px;
    float: left;
    display: block;

	}
	#bottom_area .cont .use_area .title {
		height: 43px;
	}
	#bottom_area .cont .use_area .title dt {
		float: left;
    margin-top: 0px;
	}

	#bottom_area .cont .rss_area {
		width: 280px;
    height: 289px;
    background: #fff;
    float: left;
    padding: 24px 19px 20px 19px;
    display: block !important;
    border: 1px solid #e8e8e8;
	}
	#bottom_area .cont .rss_area .banner dd.banner1 a {
		display: block;
		width: 210px;
    height: 60px;
    background: url(./images/ba1.jpg) no-repeat;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
		margin: 0 auto;
	}
	#bottom_area .cont .rss_area .banner dd.banner2 a {
		display: block;
		width: 210px;
    height: 60px;
    background: url(./images/ba2.jpg) no-repeat;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
		margin: 0 auto;
	}
	#bottom_area .cont .rss_area .banner dd.banner3 a {
		display: block;
		width: 210px;
    height: 60px;
    background: url(./images/ba3.jpg) no-repeat;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
		margin: 0 auto;
	}

	.search_list {
    margin: 0 50px 0 0;
	}
	.search_list h3 {
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: bold;
    color: #003964;
    margin: 0 0 17px 0;
	}
	.search_list ol li {
    border-bottom: 1px solid #eee;
    padding: 1px 0 3px 0;
    margin-bottom: 4px;
	}
	.search_list ol li .date {
    font-size: 0.9em;
    margin-right: 10px;
	}
	.search_list ol li a {
    font-size: 0.9em;
    color: #333;
	}
	.search_list ol li .count {
    font-size: 0.9em;
    color: #003964;
	}
	.paging {
		color: #666;
    margin-bottom: 40px;		
	}
	.paging .numbox {
    display: inline;
	}
	.entry .article {
		margin: 0;
	}
	
	/* comment15 */
	
}
/* ^^Responsive End */

#sidebar {
	float:right;
	width:200px;
	overflow:hidden;
}
#footer {
	clear:both;
	width:970px;
	margin: 0 auto;
	margin-top:15px;
	padding:15px 0 32px 0;
	border-top: 1px solid #aaa;
}

/* BOX */
.boxTop, .boxMid, .boxBtm, .boxTopR, .boxMidR, .boxBtmR {clear:both; }
.boxTop-left, .boxTop-right, .boxBtm-left, .boxBtm-right {float:left; width:4px; height:4px; background-color:#transperant; }
.boxTopR, .boxBtmR { height: 4px; }
.boxBtmR { padding-bottom: 9px; }

.boxTop-mid, .boxBtm-mid, .boxTopR-mid, .boxBtmR-mid {float:left; height:4px; }
.boxTop .boxTop-mid, .boxBtm .boxBtm-mid {width:/*@post-width:34=*/774px/*@*/; }
.boxTopR .boxTop-mid, .boxBtmR .boxBtm-mid {width:192px; }

.boxTop-mid {background:url(images/box_t.gif) repeat-x; }
.boxBtm-mid {background:url(images/box_b.gif) repeat-x; }

.boxTop-left {background:url(images/box_tl.png) no-repeat; }
* html .boxTop-left {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tis_LifeInMono_Light/images/box_tl.png', sizingMethod='crop');
}
.boxTop-right {background:url(images/box_tr.png) no-repeat; }
* html .boxTop-right {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tis_LifeInMono_Light/images/box_tr.png', sizingMethod='crop');
}
.boxBtm-left {background:url(images/box_bl.png) no-repeat; }
* html .boxBtm-left {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tis_LifeInMono_Light/images/box_bl.png', sizingMethod='crop');
}
.boxBtm-right {background:url(images/box_br.png) no-repeat; }
* html .boxBtm-right {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tis_LifeInMono_Light/images/box_br.png', sizingMethod='crop');
}

.boxMid, .boxMidR {border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0; background-color:#fff; }
.boxMid {width:/*@post-width:40=*/780px/*@*/; overflow:hidden; }
.boxMidR {width:198px; overflow:hidden; }

.boxBtm {margin-bottom:14px; }
.clear {clear:both; width:1px; height:10px; padding:0; font:0px; line-height:0px; }
* html .clear {clear:both; width:1px; height:6px; padding:0; font:0px; line-height:0px; }

.boxTop div, .boxBtm div, .boxTopR div, .boxBtmR div {font-size:0px; }



/* 검색 */
#searchBox {float:left; margin-top:9px; padding-left:64px; background:url(images/txt_search.gif) no-repeat 7px 3px; }
#searchBox label {display:none; }
#searchBox input {
	width:160px;
	height:14px;
	border:1px solid #9A9A9A;
	background-color:#515151;
	color:#9A9A9A;
	vertical-align:middle; /* 검색창과 버튼 정렬이 안맞을 때 필수 */
	position:relative;
	cursor:pointer;
}
#searchBox .submit {
	width:22px;
	height:16px;
	border:0px;
	background:url(images/btn_search.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	vertical-align:middle; /* 검색창과 버튼 정렬이 안맞을 때 필수 */
	position:relative;
	cursor:pointer;
}


/* 컨텐츠 */


/* 태그로그 */
#taglog ul {margin:16px 20px 30px 20px; }
#taglog li {line-height:22px; vertical-align:middle; }
#taglog li .cloud1 { /* 가장 빈도수가 높은 태그 */
	background-color:#9CA5E8;
	color:#fff;
	font-size:16px;
}
#taglog li .cloud2 {
	background-color:#EBECFA;
	color:#8A8A8A;
	font-weight:bold;
	font-size:14px;
}
#taglog li .cloud3 {
	color:#7683E6;
	font-size:12px;
}
#taglog li .cloud4 {
	color:#5C5C5C;
	font-size:12px;
}
#taglog li .cloud5 {
	color:#A1A1A1;
	font-size:12px;
}

/* 지역로그 */
#localog .container {padding:17px 20px 31px 20px; }
#localog .spot {
	padding-left:35px;
	background:url(images/iconIndentArrow_local.gif) no-repeat 0px 5px;
	color:#A1A1A1;
	font:12px/20px dotum, sans-serif;
}
#localog .info {
	padding-left:6px;
	background:url(images/iconIndentArrow_localinfo.gif) no-repeat 0px 6px;
}
#localog .info a {
	color:#7683E6;
	font:12px/20px dotum, sans-serif;
}



/* 댓글 comment16 */
#guestList .wrapper, .commentList .wrapper {float:left; }
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color:#8A8A8A; font:bold 12px/16px dotum; }
#guestList .wrapper, #guestList .wrapper a, .commentList .wrapper, .commentList .wrapper a {color:#A0A0A0; }
#guestList p, .commentList p {padding-bottom:1px; font:12px/16px dotum; }
#guestList .date, .commentList .date {font:10px/16px tahoma; }
#guestList .wrapper .control, #guestList .wrapper .control a, .commentList .wrapper .control, .commentList .wrapper .control a {color:#B8B8B8; font:10px/16px tahoma; }
#guestList ol li ul li, .commentList ol li ul li {
	padding-left:33px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 11px 15px;
}


/* 검색목록 */
#searchList ol, #searchRplist ol {margin:19px 20px 9px 20px; }
#searchList li, #searchRplist li {margin-bottom:4px; }
#searchList li .date, #searchRplist li .date {padding-right:4px; }
#searchList li, #searchList li a, #searchRplist li, #searchRplist li a {color:#8A8A8A; font:12px/16px dotum; }
/* 보호글 */
.entryProtected .container {padding-top:25px !important; padding-bottom:47px !important; text-align:center; }
.entryProtected p.text {padding-bottom:7px; color:#8A8A8A; font:12px/18px dotum; }
.entryProtected p.input {width:290px; margin:0px auto; padding:10px 0px; background-color:#EFEFEF; }
.entryProtected label {color:#5C5C5C; font:bold 12px dotum; }
.entryProtected input.text {
	width:150px;
	height:18px;
	border:1px solid #ADADAD;
	vertical-align:middle;
}
.entryProtected .input .submit {
	width:59px;
	height:19px;
	background:url(images/btn_confirm2.gif) no-repeat;
	font-size:0px;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
}
/* 포스트 */
.infor {width:/*@post-width:42=*/782px/*@*/; height:22px; padding-top:8px; }
.infor span, .infor span a {color:#636362; }
.infor .category {float:right; padding-top:2px; padding-left:16px; background:url(images/icon_category.gif) no-repeat 0px 3px; font:11px dotum;}
*:first-child+html .infor .category { background-position: 0 4px; }
.infor .date {padding-left:21px; background:url(images/icon_date.gif) no-repeat 8px 2px; font:11px tahoma; }

.titleWrap h2 a {
	color:/*@post-title-color=*/#014687/*@*/;
	font-size:/*@post-title-font-size=*/16px/*@*/;
	line-height:1.3em;
	font-family:/*@post-title-font-family=*/dotum/*@*/;
}

.entryNotice .article, .entryProtected .container, .entry .container {padding:10px 20px 17px 20px; }

.entry .admin {padding-bottom:14px; }
.entry .admin, .entry .admin a {color:#A1A1A1; font:12px/18px dotum; }


.article p {margin:1em 0;}
.entry .article a {color:#8A8A8A; text-decoration:underline; }

/* 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; }

.author {padding-top:24px; padding-bottom:16px; color:#9F9F9F; font:11px dotum; text-align:right; }
.author .text {font:10px tahoma; }

.tagTrail {padding-left:38px; padding-bottom:8px; background:url(images/txt_tag.gif) no-repeat 0 1px;}
.tagTrail, .tagTrail a {color:#A0A0A0; font:12px dotum; }
.tagTrail .tagText {display:none; }

.actionTrail {
    border-top: 1px dotted #ccc;
    padding: 7px 10px 7px 0;
    clear: both;
}
.actionTrail a, .actionTrail a span { /* 폰트 지정시 필수 */
	color:#A1A1A1;
	font:bold 10px tahoma;
}
.actionTrail a .cnt {color:#7683E6; }
.actionTrail a.tb {padding-left:13px; background:url(images/icon_trackback.gif) no-repeat 0px 1px }
.actionTrail a.rp {padding-left:19px; background:url(images/icon_comment.gif) no-repeat 5px 2px }

.trackback, .comment {margin-top:1px; background-color:#FFF; }

.trackback h3 {width:/*@post-width:-30=*/710px/*@*/; padding:11px 0 12px 15px; color:#8A8A8A; font:bold 9px/16px tahoma; }
.trackback .trackback-url { padding-left:10px; }
.trackback h3 span { color:#A0A0A0; font:normal 11px/16px verdana; }
.trackback ol li {width:/*@post-width:-30=*/710px/*@*/; padding:13px 15px 0 15px; border-top:1px solid #fff; overflow:hidden; }
.trackback ol li, .trackback ol li a {color:#A9A79D; }
.trackback h4, .trackback h4 a {font:11px/15px dotum; }
.trackback .from {padding-left:12px; }
.trackback .from, .trackback .date {font:10px/15px verdana; }
.trackback .name {font:11px/15px dotum; }
.trackback p {padding-top:3px; padding-bottom:11px; font:12px/15px dotum; }
.trackback a.delete {
	padding-left:5px; /* 이미지 넓이 -3px */
	background:url(images/iconDelete.gif) no-repeat;
	font-size:9px;
	text-decoration:none;
}
.trackback a.delete span {
	display:none;
}
/* 페이지 */
#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버튼 */

/* 사이드바 */
/* 사이드바 타이틀 */
#sidebar h3 {color:#8A8A8A; font:bold 12px dotum; }
#sidebar h3.stitle {height:20px; border-bottom:1px solid #DCDCDC; background-repeat:no-repeat; background-position:10px 7px; text-indent:-5000px; overflow:hidden; }
#sidebar #notice h3.stitle {background-image:url(images/stitle_notice.gif); }
#sidebar #category h3.stitle {background-image:url(images/stitle_category.gif); }
#sidebar #tagbox h3.stitle {background-image:url(images/stitle_tag.gif); }
#sidebar #recentPost h3.stitle {background-image:url(images/stitle_recentpost.gif); }
#sidebar #recentComment h3.stitle {background-image:url(images/stitle_recentcomment.gif); }
#sidebar #recentTrackback h3.stitle {background-image:url(images/stitle_recenttrackback.gif); }
#sidebar #archive h3.stitle {background-image:url(images/stitle_archive.gif); }
#sidebar #link h3.stitle {background-image:url(images/stitle_mylink.gif); }
#sidebar #calendar h3 {display:none; }


/* 본문 */
#sidebar ul {margin:7px 10px 0px 10px; }
.boxMidR {padding-bottom:7px; }
#sidebar ul li, #sidebar ul li a, #sidebar ul li a span {color:#8A8A8A; font:11px/16px dotum; }
#sidebar ul li {padding:1px 0px; }
#sidebar #tagbox ul li, #sidebar #tagbox ul li a {line-height:18px; }

/* RSS */
#btnRSS {width:200px; height:20px; margin-top:10px; text-align:right; }
#btnRSS a {float:right; display:block; width:61px; height:15px; background:url(images/rss.gif) no-repeat; text-indent:5000px; overflow:hidden; }

/* 블로거 */
#blogImage, #userID, #blogDesc {width:178px; margin-left:10px; overflow:hidden; word-break:break-all; word-wrap:break-word; }
#blogImage {padding-top:7px; padding-bottom:8px; text-align:center; }
#blogImage img {width:174px; }
#userID {color:#5C5C5C; font:bold 11px/16px dotum; }
#blogDesc {color:#8A8A8A; font:11px/16px dotum; }

/*카테고리*/
#treeComponent {width:178px; margin-top:10px; margin-left:10px; margin-right:10px; }
.c_cnt { /* 카테고리 옆 개수 */
	color:#8A8A8A;
}
/* 달력 */
#calendar {width:180px; margin:0 auto; padding-top:7px; }
#calendar .tt-calendar caption.cal_month { /* 달력 월 표시 */
	width:180px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#ADADAD;
}
#calendar .tt-calendar caption.cal_month a { /* 달력 월 표시 */
	color:#fff;
	font:bold 9px/13px tahoma, sans-serif;
}
#calendar .tt-calendar caption.cal_month a.prev-month { /* 달력 prev 커서 이미지 */
	display:block;
	float:left;
	width:5px;
	height:11px;
	margin-left:4px;
	background:url(images/btn_prevmonth.gif) no-repeat 0px 5px;
	text-indent:-1000px;
	overflow:hidden;
}
#calendar .tt-calendar caption.cal_month a.next-month { /* 달력 next 커서 이미지 */
	display:block;
	float:right;
	width:5px;
	height:11px;
	margin-right:4px;
	background:url(images/btn_nextmonth.gif) no-repeat 0px 5px;
	text-indent:-1000px;
	overflow:hidden;
}
#calendar .tt-calendar thead {display:none; }
#calendar .tt-calendar thead th { /* 달력 요일 표시(th 영역) */
	height:15px;
	color:#A5A5A4;
	font:normal 11px/13px Dotum, sans-serif;
}
#calendar .tt-calendar tbody td { /* 달력 Day(td 영역) */
	color:#8A8A8A;
	font:9px/15px Verdana, sans-serif;
	text-align:center;
}
#calendar .tt-calendar tbody td.cal_day4 { /* 달력 오늘 날짜 표시(td) */
	color:#7683E6;
	font-weight:bold;
}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link, a.cal_click:visited {
	color:#7683E6;
	font:9px/15px Verdana, sans-serif;
	text-decoration:underline;
}

/* TISTORY */
#adTistory {height:14px; padding: 0 0 6px 6px; }
#adTistory a { display: inline; float: left; color:#8A8A8A; font:11px dotum; }
#adTistory .linkTistory { background:url(images/tistory.png) no-repeat; width: 87px; height: 14px; text-indent: -100em;}
* html #adTistory .linkTistory {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tis_LifeInMono_Light/images/tistory.png', sizingMethod='crop');
}
#adTistory .joinTistory { margin: 3px 0 0 6px; }

/* 푸터 */
#footer, #footer a {color:#8A8A8A; font:11px dotum; }
#footMenu a {letter-spacing:-1px; }
#copyright {padding-left:14px; text-transform:uppercase; }

/* 티스토리설정 */

/* 카테고리테이블 */
.ib { /* 이미지 버튼 */
	cursor:pointer;
}
.branch3 { /* 트리 셀 */
	cursor:pointer;
}

/* 인용문 */
.article blockquote {
	margin:5px;
	padding-left:16px;
	background:url(images/iconBlockquote.gif) no-repeat;
}

/* 이미지 */

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

.floatWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */






/* 방명록_20171017 */
#guestbook{padding-right:15px}
#guestWrite{position:relative;}
#guestWrite:after{content:"";display:block;clear:both;visibility:hidden}
#guestWrite .guest-name,
#guestWrite .guest-password,
#guestWrite .guest-homepage{float:left;display:inline-block;position:relative;margin:5px 0;padding:0 15px 0 60px;box-sizing:border-box}
#guestWrite .guest-name{padding-left:40px;width:20%}
#guestWrite .guest-password{width:25%}
#guestWrite .guest-homepage{padding-right:0;width:55%}
#guestWrite .guest-comment{float:left;margin:10px 0 0;padding-right:110px;width:100%;box-sizing:border-box;}
#guestWrite p label{position:absolute;top:0;left:0;font-size:12px;font-weight:bold;line-height:34px;cursor:pointer}
#guestWrite .guest-name input,
#guestWrite .guest-password input,
#guestWrite .guest-homepage input{padding:0 5px;width:100%;height:34px;border:1px solid #ddd;box-sizing:border-box}
#guestWrite textarea{width:100%;height:100px;}
#guestWrite .submit{position:absolute;bottom:0;right:0;width:100px;height:100px;background-color:#003964;border-color:#003964;color:#fff;font-size:12px;font-weight:bold;cursor:pointer}

#guestList{}
#guestList ol{}
#guestList ol>li{padding:20px 0;border-bottom:1px dashed #ddd}
#guestList ol>li:first-chlid{border-top:1px dashed #ddd}
#guestList ol>li ul{padding-top:15px}
#guestList p{margin-bottom:0}

#guestList .control a{padding:5px 10px;border:1px solid #003964;font-size:12px}