@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */
* {margin:0; padding:0; border:0; }
body {
	background-color:transparent;
	font-family:Dotum, Sans-serif;font-size:11px;overflow-y:scroll;
	-webkit-text-size-adjust:none;
} 

input[type=text], input[type=password], input[type=submit], input[type=search], textarea {-webkit-appearance:none; border-radius:0; outline:none;}

a {text-decoration:none; }
a:link { color:#666; text-decoration:none;}
	a:visited { color:#666; text-decoration:none;}
	a:hover { color:#666; text-decoration:none;}
	a:active { color:#666; text-decoration:none;}
#container {width:100%;height:100%;word-wrap:break-word;}
#top {width:100%;height:210px;border-bottom:1px solid #cfcfcf;}
#top_in {width:635px;height:210px;margin:0px auto;}
#top1 {width:635px;height:180px;}
#blogtitle {height:18px;padding-top:133px;font:11px verdana; color:#666;font-weight:bold;}
#blogaddress {font:10px verdana; color:#666;padding-top:4px;}
#top2 {width:635px;height:30px;}
#myslidemenu {width:75px;height:30px;float:left;border-left:1px solid #cfcfcf;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;text-align:center;line-height:29px;cursor:pointer;}
#menu2 {width:75px;height:30px;float:left;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;margin:0 auto;text-align:center;line-height:29px;}
#menu3 {width:75px;height:30px;float:left;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;text-align:center;line-height:29px;}
#menu4 {width:75px;height:30px;float:left;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;text-align:center;line-height:29px;}
body#tt-body-page #myslidemenu {width:75px;height:30px;float:left;background:white;}
body#tt-body-category #myslidemenu {width:75px;height:30px;float:left;background:white;}
body#tt-body-guestbook #menu3 {width:75px;height:30px;float:left;background:white;}
body#tt-body-index #menu2 {width:75px;height:30px;float:left;background:white;}
iframe,object,embed {max-width:100%;}
video {max-width:100%;height:auto;}
#content {max-width: 635px;padding-top:25px;margin:0px auto;overflow:hidden;}

.fixed_img_col ul{margin-left:-3.43%;list-style:none;margin-bottom:10px;}
.fixed_img_col li{float:left;
	margin-left: 3.33%;
	width: 30%;
	height: 270px;margin-bottom:5px;}
.fixed_img_col .thumb{display:block;position:relative;overflow:hidden;width:100%;height:220px;font:10px verdana; color:#666;;text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid #cfcfcf;line-height:220px;box-sizing:border-box;}
.fixed_img_col .secret_thumb{display:block;position:relative;overflow:hidden;width:100%;height:220px;font:10px verdana; color:#888;;text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid #cfcfcf;line-height:220px;box-sizing:border-box;}
.fixed_img_col .thumb img{border:0; max-width:none;height:100%;width:auto;position:absolute;top:0;left:50%;margin-left:-110px;}
.fixed_img_col a{display:block;width:100%;text-decoration:none;cursor:pointer;}
.fixed_img_col .thumb .dno{display:none;}

.area_related {position:relative;width:100%;margin-top:10px;}
.area_related .tit_related {font-weight:normal;font-family:Dotum, Sans-serif;font-size:11px;color:#666;border-bottom:1px dotted #cfcfcf;padding-bottom:10px;}
.list_related {overflow:hidden;margin-top:15px;margin-left:-2%;}
.list_related li {position:relative;width:23%;float:left;margin-left:2%;list-style:none;margin-bottom:15px;}
.list_related li:last-child { margin-right:0;}
.list_related .link_related {display:block;overflow:hidden;position:relative;width:100%;height:150px;margin:0 auto;border:1px solid #e8e8e8;background:transparent;font-family:Dotum, Sans-serif;font-size:11px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff;line-height:180%; }
.list_related .thumb_type .link_related {width:100%;height:150px;border:0 none;}
.list_related .frame_related {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(Opacity=40);}
.thumb_type .frame_related {display:block;}
.thumb_related img {border:0; max-width:none;position:absolute;top:0;left:50%;margin-left:-105px;}
.list_related .thumb_related {position:absolute;left:0;top:0;width:100%;height:100%;}
.list_related .txt_related {display:block;overflow:hidden;position:relative;left:0;top:0;z-index:10;max-height:60px;padding:25px 20px 0;color:#5c5c5c;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word; vertical-align:middle;
}
.list_related .link_related:hover .txt_related {text-decoration:none;}
.list_related .date_related {position:absolute;left:0;font:9px verdana;bottom:25px;z-index:10;width:100%;color:#a7a7a7;}
.list_related .thumb_type .txt_related {color:#fff;}
.list_related .thumb_type .date_related {color:#fff; opacity:0.7;}
.area_related .link_more {float:right;text-decoration:none;font-weight:bold;font:9px verdana;color:#666;}


div.another_category{max-width:100%;margin-top:10px;padding:0;border:0 !important;display:none;}
div.another_category table td{font:10px verdana;color:#666;}
div.another_category h4{font-family:Dotum, Sans-serif;font-size:11px !important;color:#666;border-bottom:1px dotted #cfcfcf !important;}
div.another_category h4 a{font-family:Dotum, Sans-serif;font-size:11px !important;font-weight:bold !important;font-weight:bold;color:#666;text-decoration:none;}
div.another_category th {max-width:75%;border-bottom:0 !important;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;display:inline-block;line-height:145% !important;}
div.another_category th a{font-family:Dotum, Sans-serif;font-size:11px !important; color: #666 !important;}
div.another_category th a.current{border-bottom:0 !important; font-weight:bold !important;}
div.another_category th span{display:none;}

/* 페이징 - 현재 페이지 */
	.selected		{color:#545252; font-weight:bold; }
	.no-more-prev	{background:url(images/icon_prev_no.gif) no-repeat left 4px !important; }
	.no-more-next	{background:url(images/icon_next_no.gif) right 4px no-repeat !important; }


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

/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
	.imageblock             { margin:5px 0;}
/* 왼쪽 */
	.left                   { }
/* 가운데 */
	.center                 { }
/* 오른쪽 */
	.right                  { }
/* 그림 2개 배치 */
	.dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
	.triple                 { margin-bottom:5px;}

/* 본문 - more / less */
	.moreless_fold, .moreless_top, .moreless_bottom {color:#666; font-family:Dotum, Sans-serif;font-size:11px; text-decoration:none; font-weight:bold;}
	.moreless_fold {line-height:190%; padding-left:14px; background:url(images/iconMore.gif) no-repeat left 6px; }
	.moreless_top {line-height:190%; padding-left:14px; background:url(images/iconLess.gif) no-repeat left 6px; }
	.moreless_content {margin:3px 0 3px 0; }
	.moreless_bottom {padding-right:14px; background:url(images/iconLess.gif) no-repeat right 6px; text-align:right; line-height:190%; }

/* 키워드 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr {display:none; }

#taglog ul, #tagbox ul {text-align:justify; }
#blogMenu li, #counter li, #tagbox li, #taglog li {display:inline; }
.nonEntry li, .listEntry li, #sidebar li, #conter li, .trackback li, .commentList li {list-style-type:none; }

/* 포스트 본문 마크업 */
#content .entry { margin-bottom:30px; }
#content .notice_entry { margin-bottom:20px; }
#content .entry .article ol, #content .entry .article ul, #content .entry .article il, #content .notice_entry .article ol, #content .notice_entry .article ul, #content .notice_entry .article il {padding-left:25px; }
.article dt {padding-top:5px; text-decoration:underline; }
.article dd {padding-left:25px; padding-bottom:5px; }

/* 표만들기 color */
.article table th {background-color:transparent; } 
.article table td {background-color:#eee; }
/* 카테고리 글 더보기 테이블 */
.another_category th, .another_category td { background-color: transparent !important; }

/* 이미지를 둘러싼 테이블 bg */
.dual table td, .triple table td {background-color:transparent; } 

/* 블로그 레이아웃 */
#guestbook {width:635px; }
#hid {margin-top:-7px;}
.hid2 {height:22px;clear:both;}

/* 공통 */
input.text {height:19px; padding-top:2px; padding-left:5px; color:#979796; font-family:Dotum, Sans-serif;font-size:11px; } 
.tt_article_useless_p_margin>div:last-child {display: none !important; }

/* 방명록 댓글 기준 */
textarea {width:559px; height:85px; margin-top:0px;margin-right:3px; border:1px solid #cfcfcf;color:#777777; font-family:Dotum, Sans-serif;font-size:11px;line-height:190%;overflow: auto; }
.submit { overflow:hidden; cursor:pointer; font:10px verdana; }

/* 댓글 */
.comment {margin-top:7px; }

/* 쓰기 */
.gname {border-bottom:1px solid #cfcfcf;width:188px;float:left;height:22px;margin-right:4px;}
.gpass {border-bottom:1px solid #cfcfcf;width:193px;float:left;height:22px;margin-right:4px;}
.ghome {border-bottom:1px solid #cfcfcf;width:246px;float:left;height:22px;}
.gpass .pass_label, .ghome .home_label, .gname .name_label {font:10px verdana;color:#666;margin-left:0px;}
.gname input.text {width:145px; }
.gpass input.text {width:131px; }
.ghome input.text {width:173px; }
#guestWrite, .commentWrite {width:635px;}
#guestWrite {margin-top:0px; }
.commentWrite {padding-top:10px; border-top:1px solid #cfcfcf;}
.mit {float:left; }
.secretWrap {line-height:24px;margin-top:4px;text-align:center;width:69px;height:24px;border:1px solid #cfcfcf;display:inline-block; }
.secretWrap label {color:#777; font:10px verdana;cursor:pointer;vertical-align:top;display:inline-block;margin-top:5px;margin-left:2px;}
.secretWrap input {margin-top:5px; }
.secretWrap2 {line-height:24px;margin-top:4px;text-align:center;width:69px;height:24px;border:1px solid #cfcfcf;display:inline-block;}
.secretWrap2 label {color:#777; font:10px verdana;cursor:pointer;vertical-align:top;display:inline-block;margin-top:5px;margin-left:2px;}
.secretWrap2 input {margin-top:5px; }
.btn-write { color:#777777;}
.btn-write input.submit {width:71px;height:57px; color:#777777; background:transparent;border:1px solid #cfcfcf; }

/* 읽기 */
#guestList {margin-top:20px; }
#guestList .guest1 li {border-top:1px solid #cfcfcf;padding-top:15px;margin-top:11px;}
#guestList .guest2 li {border:0;padding-top:12px;margin-top:0px;}
.commentList .comment1 li {border-top:1px solid #cfcfcf;padding-top:12px;padding-bottom:8px;}
.commentList .comment2 li {border:0;padding-top:12px;padding-bottom:0px;}
#guestList li, .commentList li {width:635px;overflow:hidden;}
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color:#666; font-family:Dotum, Sans-serif;font-size:11px; font-weight:bold; }
#guestList .date, .commentList .date {color:#666; font:9px verdana; }
#guestList p {padding-top:5px;color:#777777;font-family:Dotum, Sans-serif;font-size:11px;line-height:190%; }
.commentList p {padding-top:5px;color:#777777;font-family:Dotum, Sans-serif;font-size:11px;line-height:190%; }
.control {float:right;color:#a9a9a9; font:9px verdana; }
.control a {color:#a9a9a9; font:9px verdana; letter-spacing:0px; }
.control2 {float:right;color:#a9a9a9; font:9px verdana; }
.control2 a {color:#a9a9a9; font:9px verdana; letter-spacing:0px; }
#guestList ul li {
	width:615px; 
	padding:0 0 0 20px; margin:0px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 5px 11px;
}
.commentList ul li {
	width:615px; 
	padding:0 0 0 20px; margin:0px; 
	background:url(images/iconIndentArrow_re.gif) no-repeat 5px 11px;
}


/* 보호글 */
.entryProtected .article {padding:30px 0 40px 0; margin-bottom:30px; text-align:center;border-bottom:1px solid #cfcfcf;}
.entryProtected p {padding:4px; }
.entryProtected #protectin {display:inline-block;}
.entryProtected #protectin #proinin1 {float:left;border:1px solid #cfcfcf;width:217px;height:22px;margin-right:4px;}
.entryProtected #protectin #proinin2 {float:left;}
.entryProtected #protectin #proinin1 .pass_label {font:10px verdana;color:#666;margin-left:5px;}
.entryProtected #protectin #proinin1 input.text {width:150px;}
.entryProtected #protectin #proinin2 input.submit {width:70px; color:#777777; background:transparent; height:24px;font:10px verdana; border:1px solid #cfcfcf;}

/* 검색결과 */
.listEntry { margin-bottom: 20px; margin-top:0px;}
.searchList h3 { margin-bottom:15px; color:#666; font-family:Dotum, Sans-serif;font-size:11px;font-weight:normal;}
.listEntry h3 b {font-weight:bold; }
.thumb_date {display:block; float:right; width:89px; margin-top:5px; color:#888; font:9px verdana; text-align:right;line-height:9px;}

.list_title {max-width:100%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;display:inline-block;margin-top:10px;line-height:130%;}
.listEntry .cnt {position:absolute;margin-left:1px;color:#888; font:9px verdana;line-height:10px;display:inline-block;}
.listEntry a, listEntry span {color:#777; font-family:Dotum, Sans-serif;font-size:11px; line-height:12px; }
.listEntry li {padding-top:9px; padding-bottom:19px; border-bottom:1px solid #cfcfcf; }
.listEntry ol {border-top:1px solid #cfcfcf; }

/* 포스트 */
.titleWrap {margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #cfcfcf; }
.notice_titleWrap {margin-bottom:10px;height:27px;padding-bottom:3px;border-bottom:1px solid #cfcfcf; }
	.titleWrap h2 { margin: 0; padding: 0px 0; color: #666; margin-bottom: 5px;font-family:Dotum, Sans-serif;font-size:11px; }
	.titleWrap h2 a:link { color: #666; text-decoration:none; }
	.titleWrap h2 a:visited { color: #666; text-decoration:none; }
	.titleWrap h2 a:hover { color: #666; text-decoration:none; }
	.titleWrap h2 a:active { color: #666; text-decoration:none; }
.noticetitle {color:#666;}
.artitle {color:#666;font-weight:bold;}
.hidden_date {display:none;}
.show_date {font-family:verdana;font-size:9px;}
.titlecate {color:#ccc;font-weight:normal;}
.date_1 {float:right;margin-top:0px;color:#888;}
.notice_date {border:1px solid #cfcfcf;float:left;color:#666;margin-top:0px;padding:3px 5px 3px 5px;}
.admin {margin-top:8px; margin-bottom:2px; }
.admin, .admin a, .admin a:hover {color:#b7b7b7;font-family:Dotum, Sans-serif;font-size:11px; }
.article {
	width:635px; 
	padding-bottom:0px;
	color:#777777;
	font-size:11px;
	line-height:190%;
	font-family:Dotum, Sans-serif; 
	overflow:hidden;
         text-align:justify; 
}
.article a {color:#9c9c9c; text-decoration:underline; }

/* 포스트본문 */
.article blockquote {padding-left:12px; background:url(images/iconBlockquote.gif) no-repeat; }


/* 액션트레일 */
.actionTrail a, .actionTrail a span, .actionTrail b {color:#666;font-family:Dotum, Sans-serif;font-size:11px;}
.actionTrail {float:right;color:#666; font-family:Dotum, Sans-serif;font-size:11px;height:14px;line-height:14px;margin-right:1px;}
.actionTrail span.cnt {font-family:Dotum, Sans-serif;font-size:11px; color: #666;height:14px;line-height:14px;}
#fline {margin-top:9px;padding-top:11px;border-top:1px solid #cfcfcf;display:inline-block;width:635px;}
#moklok {color:#666;float:left; font-family:Dotum, Sans-serif;font-size:11px;height:14px;line-height:14px;}

/* 페이지 */
#paging {width:635px;display:inline-block;margin-top:10px; margin-bottom:22px; text-align:center; }
body#tt-body-guestbook #paging {width:635px;display:inline-block;margin-top:30px; margin-bottom:22px; text-align:center; }
body#tt-body-index #paging {width:635px;display:inline-block;margin-top:10px; margin-bottom:22px; text-align:center; }
body#tt-body-category #paging {width:635px;display:inline-block;margin-top:10px; margin-bottom:22px; text-align:center; }
.numbox a {padding:0 4px; }
#paging, #paging a, #paging a:hover {color:#777777; font:10px verdana; }

/* 이전 다음 버튼 */
#prevPage {padding-left:5px; background:url(images/icon_prev.gif) no-repeat left 4px; }
#nextPage {padding-right:5px; background:url(images/icon_next.gif) no-repeat right 4px; }
.no-more-prev:hover, .no-more-next:hover {text-decoration:none; }

.hide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; } 
#tistorytoolbarid {display: none;}

/* search */
#searchBox {height:18px; width:170px;padding-top:7px;float:right; }
#searchBox input {vertical-align:top; }
#searchBox input.text {float:left; width:145px; height:16px; padding-top:0px; border:0px; color:#888; font-family:Dotum, Sans-serif;font-size:11px;margin-left:4px; }
#searchBox .submit {float:right; width:12px; height:12px; margin-top:1px; margin-right:0px; background:url(images/btn_search.gif) no-repeat; vertical-align:middle; }

#footer {margin:0px auto;width:635px;height:50px;border-top:1px solid #cfcfcf;margin-bottom:15px;}
#copy {color:#666; font:10px verdana;padding-top:15px;text-align:center;}
#gotop {color:#999; font:10px verdana;margin-top:5px;text-align:center;}
#gotop a {text-decoration:none;color:#999;}

.jqueryslidemenu{
font:10px verdana; color:#666;
background:transparent;
width:100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;z-index:1000;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;width:75px;
float: left;text-align:center;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background:white; /*background of tabs (default state)*/
color: #2d2b2b;
text-decoration: none;
}

.jqueryslidemenu ul li:hover{
background: #f9f9f9; /*tab link background during hover state*/
color:#666;
}

.jqueryslidemenu ul li a:hover{
background: #f9f9f9; /*tab link background during hover state*/
color:#666;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:#666;
}

.jqueryslidemenu ul li li a:hover{
background: #f9f9f9; /*tab link background during hover state*/
color:#666;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

#littlemenu {border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;width:75px;height:29px;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font:10px Verdana;
width: 75px; height:29px;
padding-top:0px;line-height:29px;
border-top-width: 0;margin-top:0px;margin-left:-1px;
border-bottom: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: blue;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;width:0px;height:0px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;width:0px;height:0px;
}
.clear { clear: both; }
* html .clear { display: inline; }


/* ######### 반응형부분1  ######### */


@media (max-width: 700px) {
* {margin:0; padding:0; border:0; }
body {
	background-color:transparent;
	font-family:Dotum, Sans-serif;font-size:11px;overflow-y:scroll;
} 
img { max-width:100%; height:auto; }
.imageblock {max-width:100%;height:auto;} 
 
a {text-decoration:none; }
a:link { color:#666; text-decoration:none;}
	a:visited { color:#666; text-decoration:none;}
	a:hover { color:#666; text-decoration:none;}
	a:active { color:#666; text-decoration:none;}
#container {width:100%;height:100%;word-wrap:break-word;}
#top {width:100%;min-width:297px;height:100px;border-bottom:1px solid #cfcfcf;}
#top_in {width:93%;min-width:297px;height:100px;margin:0px auto;}
#top1 {width:100%;height:70px;margin:0px auto;}
#blogtitle {height:18px;padding-top:23px;font:11px verdana; color:#666;font-weight:bold;}
#blogaddress {font:10px verdana; color:#666;padding-top:4px;}
#top2 {width:100%;height:30px;margin:0px auto;}
#myslidemenu {width:70px;height:30px;float:left;border-left:1px solid #cfcfcf;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;text-align:center;line-height:29px;}
#menu2 {width:70px;height:30px;float:left;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;margin:0 auto;text-align:center;line-height:29px;}
#menu3 {width:70px;height:30px;float:left;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;text-align:center;line-height:29px;}
#menu4 {width:70px;height:30px;float:left;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;font:10px verdana; color:#666;text-align:center;line-height:29px;}
body#tt-body-page #myslidemenu {width:70px;height:30px;float:left;background:white;}
body#tt-body-category #myslidemenu {width:70px;height:30px;float:left;background:white;}
body#tt-body-guestbook #menu3 {width:70px;height:30px;float:left;background:white;}
body#tt-body-index #menu2 {width:70px;height:30px;float:left;background:white;}
#content {width:93%;min-width:297px;padding-top:25px;margin:0px auto;overflow:hidden;}

/* 페이징 - 현재 페이지 */
	.selected		{color:#545252; font-weight:bold; }
	.no-more-prev	{background:url(images/icon_prev_no.gif) no-repeat left 4px !important; }
	.no-more-next	{background:url(images/icon_next_no.gif) right 4px no-repeat !important; }


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

/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
	.imageblock             { margin:5px 0;}
/* 왼쪽 */
	.left                   { }
/* 가운데 */
	.center                 { }
/* 오른쪽 */
	.right                  { }
/* 그림 2개 배치 */
	.dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
	.triple                 { margin-bottom:5px;}

/* 본문 - more / less */
	.moreless_fold, .moreless_top, .moreless_bottom {color:#666; font-family:Dotum, Sans-serif;font-size:11px; text-decoration:none; font-weight:bold;}
	.moreless_fold {line-height:190%; padding-left:14px; background:url(images/iconMore.gif) no-repeat left 6px; }
	.moreless_top {line-height:190%; padding-left:14px; background:url(images/iconLess.gif) no-repeat left 6px; }
	.moreless_content {margin:3px 0 3px 0; }
	.moreless_bottom {padding-right:14px; background:url(images/iconLess.gif) no-repeat right 6px; text-align:right; line-height:190%; }

/* 키워드 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr {display:none; }

#taglog ul, #tagbox ul {text-align:justify; }
#blogMenu li, #counter li, #tagbox li, #taglog li {display:inline; }
.nonEntry li, .listEntry li, #sidebar li, #conter li, .trackback li, .commentList li {list-style-type:none; }

/* 포스트 본문 마크업 */
#content .entry { margin-bottom:30px; }
#content .notice_entry { margin-bottom:20px; }
#content .entry .article ol, #content .entry .article ul, #content .entry .article il, #content .notice_entry .article ol, #content .notice_entry .article ul, #content .notice_entry .article il {padding-left:25px; }
.article dt {padding-top:5px; text-decoration:underline; }
.article dd {padding-left:25px; padding-bottom:5px; }

/* 표만들기 color */
.article table th {background-color:transparent; } 
.article table td {background-color:#eee; }
/* 카테고리 글 더보기 테이블 */
.another_category th, .another_category td { background-color: transparent !important; }

/* 이미지를 둘러싼 테이블 bg */
.dual table td, .triple table td {background-color:transparent; } 

/* 블로그 레이아웃 */
#guestbook {width:100%;}
#hid {margin-top:-7px;}
.hid2 {height:22px;clear:both;}

/* 공통 */
input.text {height:19px; padding-top:2px; padding-left:5px; color:#979796; font-family:Dotum, Sans-serif;font-size:11px;width:100%; } 

/* 방명록 댓글 기준 */
textarea {width:100%; height:45px; margin-top:0px; border:1px solid #cfcfcf;color:#777777;font-family:Dotum, Sans-serif;font-size:11px;line-height:190%;overflow: auto;box-sizing:border-box;}
.submit { overflow:hidden; cursor:pointer; font:10px verdana; }

/* 댓글 */
.comment {margin-top:7px; }

/* 쓰기 */
.gname {border-bottom:1px solid #cfcfcf;width:100%;float:left;height:22px;}
.gpass {border-bottom:1px solid #cfcfcf;width:100%;float:left;height:22px;margin-top:7px;}
.ghome {border-bottom:1px solid #cfcfcf;width:100%;float:left;height:22px;margin-top:7px;}
.gpass .pass_label, .ghome .home_label, .gname .name_label {font:10px verdana;color:#666;margin-left:0px;}
.gname input.text {width:80%; }
.gpass input.text {width:75%; }
.ghome input.text {width:70%; }
#guestWrite, .commentWrite {width:100%;}
#guestWrite {margin-top:0px; }
.commentWrite {padding-top:10px; border-top:1px solid #cfcfcf;}
.mit {float:left;width:100%; }
.secretWrap {line-height:24px;text-align:center;width:69px;height:24px;border:1px solid #cfcfcf;}
.secretWrap label {color:#777; font:10px verdana;cursor:pointer;vertical-align:top;display:inline-block;margin-top:5px;margin-left:2px;}
.secretWrap input {margin-top:5px; }
.btn-write { color:#777777;}
.btn-write input.submit {width:72px;height:26px; color:#777777; background:transparent;border:1px solid #cfcfcf; margin-top:4px;vertical-align:top;}

/* 읽기 */
#guestList {margin-top:20px; }
#guestList .guest1 li {border-top:1px solid #cfcfcf;padding-top:15px;margin-top:11px;}
#guestList .guest2 li {border:0;padding-top:12px;margin-top:0px;padding-left:20px;}
.commentList .comment1 li {border-top:1px solid #cfcfcf;padding-top:12px;padding-bottom:8px;}
.commentList .comment2 li {border:0;padding-top:12px;padding-bottom:0px;padding-left:20px;}
#guestList li, .commentList li {width:100%;overflow:hidden;}
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color:#666; font-family:Dotum, Sans-serif;font-size:11px; font-weight:bold; }
#guestList .date, .commentList .date {color:#666; font:9px verdana; }
#guestList p {padding-top:5px;color:#777777;font-family:Dotum, Sans-serif;font-size:11px;line-height:190%; }
.commentList p {padding-top:5px;color:#777777;font-family:Dotum, Sans-serif;font-size:11px;line-height:190%; }
.control {float:right;color:#a9a9a9; font:9px verdana; }
.control2 {float:right;color:#a9a9a9; font:9px verdana;margin-right:20px; }
.control a {color:#a9a9a9; font:9px verdana; letter-spacing:0px; }
.control2 a {color:#a9a9a9; font:9px verdana; letter-spacing:0px; }
#guestList ul li {
	width:100%; 
	padding:0 0 0 20px; margin:0px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 5px 11px;
}
.commentList ul li {
	width:100%; 
	padding:0 0 0 20px; margin:0px; 
	background:url(images/iconIndentArrow_re.gif) no-repeat 5px 11px;
}


/* 보호글 */
.entryProtected .article {padding:30px 0 40px 0; margin-bottom:30px; text-align:center;border-bottom:1px solid #cfcfcf;}
.entryProtected p {padding:4px; }
.entryProtected #protectin {display:inline-block;}
.entryProtected #protectin #proinin1 {float:left;border:1px solid #cfcfcf;width:167px;height:22px;margin-right:4px;}
.entryProtected #protectin #proinin2 {float:left;}
.entryProtected #protectin #proinin1 .pass_label {font:10px verdana;color:#666;margin-left:5px;}
.entryProtected #protectin #proinin1 input.text {width:100px;}
.entryProtected #protectin #proinin2 input.submit {width:30px; color:#777777; background:transparent; height:24px;font:10px verdana; border:1px solid #cfcfcf;}

/* 검색결과 */
.listEntry { margin-bottom: 20px; margin-top:0px;}
.searchList h3 { margin-bottom:15px; color:#666;font-family:Dotum, Sans-serif;font-size:11px; }
.listEntry h3 b {font-weight:bold; }
.searchList .date {display:block; float:right; width:89px; margin-top:5px; color:#888; font:9px verdana; text-align:right;line-height:9px;}

.searchList .list_title {max-width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;display:inline-block;margin-top:10px;line-height:130%;}
.listEntry .cnt {position:absolute;margin-left:1px;color:#888; font:9px verdana;line-height:10px;display:inline-block;}
.listEntry a, listEntry span {color:#777; font-family:Dotum, Sans-serif;font-size:11px; line-height:12px; }
.listEntry li {padding-top:9px; padding-bottom:19px; border-bottom:1px solid #cfcfcf; }
.listEntry ol {border-top:1px solid #cfcfcf; }
	
/* 포스트 */
.titleWrap {margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #cfcfcf; }
.notice_titleWrap {margin-bottom:10px;height:27px;padding-bottom:3px;border-bottom:1px solid #cfcfcf; }
	.titleWrap h2 { margin: 0; padding: 0px 0; color: #666; margin-bottom: 5px;font-family:Dotum, Sans-serif;font-size:11px; }
	.titleWrap h2 a:link { color: #666; text-decoration:none; }
	.titleWrap h2 a:visited { color: #666; text-decoration:none; }
	.titleWrap h2 a:hover { color: #666; text-decoration:none; }
	.titleWrap h2 a:active { color: #666; text-decoration:none; }
.noticetitle {color:#666;}
.artitle {color:#666;font-weight:bold;}
.hidden_date {display:none;}
.show_date {font-family:verdana;font-size:10px;}
.titlecate {color:#ccc;font-weight:normal;}
.date_1 {float:right;margin-top:0px;color:#888;}
.notice_date {border:1px solid #cfcfcf;float:left;color:#666;margin-top:0px;padding:3px 5px 3px 5px;}
.admin {margin-top:8px; margin-bottom:2px; }
.admin, .admin a, .admin a:hover {color:#b7b7b7; font-family:Dotum, Sans-serif;font-size:11px; }
.article {
	width:100%; 
	padding-bottom:0px;
	color:#777777;
	font-size:11px;
	line-height:190%;
	font-family:Dotum, Sans-serif; 
 
}
.article a {color:#9c9c9c; text-decoration:underline; }

/* 포스트본문 */
.article blockquote {padding-left:12px; background:url(images/iconBlockquote.gif) no-repeat; }


/* 액션트레일 */
.actionTrail a, .actionTrail a span, .actionTrail b {color:#666; font-family:Dotum, Sans-serif;font-size:11px;}
.actionTrail {float:right;color:#666; font-family:Dotum, Sans-serif;font-size:11px;height:14px;line-height:14px;margin-right:1px;}
.actionTrail span.cnt { font-family:Dotum, Sans-serif;font-size:11px; color: #666;height:14px;line-height:14px;}
#fline {margin-top:9px;padding-top:11px;border-top:1px solid #cfcfcf;display:inline-block;width:100%;}
#moklok {color:#666;float:left; font-family:Dotum, Sans-serif;font-size:11px;height:14px;line-height:14px;}

/* 페이지 */
#paging {width:100%;display:inline-block;margin-top:10px; margin-bottom:22px; text-align:center; }
body#tt-body-guestbook #paging {width:100%;display:inline-block;margin-top:30px; margin-bottom:22px; text-align:center; }
body#tt-body-index #paging {width:100%;display:inline-block;margin-top:10px; margin-bottom:22px; text-align:center; }
body#tt-body-category #paging {width:100%;display:inline-block;margin-top:10px; margin-bottom:22px; text-align:center; }
.numbox a {padding:0 4px; }
#paging, #paging a, #paging a:hover {color:#777777; font:10px verdana; }

/* 이전 다음 버튼 */
#prevPage {padding-left:5px; background:url(images/icon_prev.gif) no-repeat left 4px; }
#nextPage {padding-right:5px; background:url(images/icon_next.gif) no-repeat right 4px; }
.no-more-prev:hover, .no-more-next:hover {text-decoration:none; }

.hide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; } 
#tistorytoolbarid {display: none;}

/* search */
#searchBox {width:60px;height:16px;margin-top:0px;float:right; }
#searchBox input {vertical-align:top; }
#searchBox input.text {float:left; width:38px; height:16px; padding-top:0px; border:0px; color:#888; font-family:Dotum, Sans-serif;font-size:11px; }
#searchBox .submit {float:right; width:12px; height:12px; margin-top:1px; margin-right:0px; background:url(images/btn_search.gif) no-repeat; vertical-align:middle; }

#footer {margin:0px auto;width:93%;min-width:297px;height:50px;border-top:1px solid #cfcfcf;margin-bottom:15px;}
#copy {color:#666; font:10px verdana;padding-top:15px;text-align:center;}
#gotop {color:#999; font:10px verdana;margin-top:5px;text-align:center;}
#gotop a {text-decoration:none;color:#999;}

.jqueryslidemenu{
font:10px verdana; color:#666;
background:transparent;
width:100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;z-index:1000;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;width:70px;
float: left;text-align:center;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background:white; /*background of tabs (default state)*/
color: #2d2b2b;
text-decoration: none;
}

.jqueryslidemenu ul li a:hover{
background: #f9f9f9; /*tab link background during hover state*/
color:#666;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:#666;
}

.jqueryslidemenu ul li li a:hover{
background: #f9f9f9; /*tab link background during hover state*/
color:#666;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
	
#littlemenu {border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;width:70px;height:29px;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font:10px Verdana;
width: 70px; height:29px;
padding-top:0px;line-height:29px;
border-top-width: 0;margin-top:0px;margin-left:-1px;
border-bottom: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: blue;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;width:0px;height:0px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;width:0px;height:0px;
}
.clear { clear: both; }
* html .clear { display: inline; }

#ttCanvas img {max-width: none;}
#ttCanvas {padding-left:9px;}
	

}

/* ######### 반응형부분2  ######### */


@media (max-width: 480px) {
	
.fixed_img_col ul{margin-left:-2.04%;list-style:none;}
.fixed_img_col li{float: left;
	margin-left: 2.0018%;
	width: 48%;
	height: 270px; margin-bottom:5px;}
.fixed_img_col .thumb{display:block;position:relative;overflow:hidden;width:100%;height:220px;font:10px verdana; color:#666;;text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid #cfcfcf;line-height:220px;box-sizing:border-box;}
.fixed_img_col .thumb img{border:0; max-width:none;height:100%;width:auto;position:absolute;top:0;left:50%;margin-left:-110px;}
.fixed_img_col a{display:block;width:100%;text-decoration:none;cursor:pointer;}
.fixed_img_col .thumb .dno{display:none;}
.list_related {overflow:hidden;margin-top:15px;margin-left:-4.1%;}
.list_related li {position:relative;width:46%;float:left;margin-left:4%;list-style:none;margin-bottom:15px;}		
	
}

/* ######### 반응형부분3  ######### */


@media (max-width: 391px) {
/* search */
#searchBox {width:80px;height:16px;margin-top:-66px;float:right;}
#searchBox input.text {float:left; width:59px; height:16px; padding-top:0px; border:0px; color:#888; font-family:Dotum, Sans-serif;font-size:11px; }
}
[data-tistory-react-app="Namecard"] {
display: none;
}

/* 구독 버튼 정렬 */
.container_postbtn { 
	align-items: right; 
	justify-content: right;
	padding: 15px 0 !important; 
}
.container_postbtn button { 
	vertical-align: top !important; 
}
.container_postbtn .postbtn_like {
	float: none !important;
	display: inline-block; 
}