@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');




* { margin:0; padding:0; border:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'noto', sans-serif; color: #373737; font-size: 12px; }
* a { color: #373737; }
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: none }
a:active { text-decoration: none }
ol, ul, li { list-style:none }
input,select,textarea,button { outline: none; background: none; }
iframe, video, embed, object { max-width: 100%; }
iframe { display: block; }
#tistorytoolbarid { display: none; }
.postbtn_ccl { display: none; }
.commentList li .tistoryProfileLayerTrigger { display: none; }
.guestList li .tistoryProfileLayerTrigger { display: none; }
.clear { clear: both; }
img.emoji { width: 12px; vertical-align: middle; padding: 3px 0; }



body{ 
	background: #E7ECF0; 
	word-break: normal; 
	word-wrap: break-word; 
}
html{
	height: 100%;
}



/* paging */
#tt-body-guestbook .paging {
	border: 1px solid #e6ecf0;
}
.paging { 
	padding:10px; 
	font-weight: bold; 
	background: white;
}
.paging a { 
	cursor: pointer; 
	transition: 0.5s; 
}
.paging a:hover { 
	opacity: .5; 
}
.paging .next { 
	float: right; 
}
.no-more-next, .no-more-prev {
	opacity: .5;
	cursor: default !important;
}


/* 스크롤 */
::-webkit-scrollbar {
	width:3px;
	background-color:rgba(255, 255, 255, 0);
}
::-webkit-scrollbar-thumb {
	width:3px;
}


/* 드래그 */
::selection{ 
  color: transparent; 
  text-shadow: 0 0 2px #373737; 
  transition: all 250ms ease-in; 
} 
::-moz-selection{ 
  color: transparent; 
  text-shadow: 0 0 2px #373737; 
  transition: all 250ms ease-in; 
} 


/* 더보기 */
.moreless_fold span, .moreless_top span, .moreless_bottom span { 
    transition: 0.6s; 
    font-size: 12px; 
}
.moreless_fold:before, .btn_more:before { 
    font-family: "edgeicons"; 
    content: "\f198"; 
    font-size: 11px;
}
.btn_more {
	display: block;
}
.moreless_top:before, .btn_less:before { 
    font-family: 'edgeicons'; 
    content: '\f045'; 
    font-size: 11px;
}
.moreless-content, .moreless_content { 
    padding: 10px; 
    margin: 10px 0; 
    border: 1px solid rgba(55, 55, 55, 0.2);
}
.moreless_bottom { 
    text-align: right; 
}
.moreless_bottom:after { 
    font-family: 'edgeicons'; 
    content: '\f045'; 
	font-size: 11px;
}
.moreless_fold span:hover, .moreless_top span:hover, .moreless_bottom span:hover { 
    letter-spacing: 4px; 
}
div[data-ke-type='moreLess'] .btn-toggle-moreless, #tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless {
	font-size: 12px !important;
}
.btn-toggle-moreless:before { 
    font-family: "edgeicons"; 
    content: "\f198"; 
    font-size: 11px;
}
div[data-ke-type='moreLess'].open .btn-toggle-moreless:before { 
    font-family: 'edgeicons'; 
    content: '\f045'; 
    font-size: 11px;
}


/* 첨부파일 */
.imageblock a img {
	display: none;
}
.imageblock a:before {
	content: '\f088';
	font-family: 'edgeicons';
	color: #929292;
}
.file_d .desc {
	padding: 0;
}
figure {
	margin: 0;
}
.file_d .desc .size {
	display: none;
}
.file_d .desc .name {
	margin: 0;
	cursor: pointer;
}
.file_d .desc .name:before {
	content: '\f088';
	font-family: 'edgeicons';
	color: #929292;
}


/* 인용구 */
.tx-quote-tistory {
	padding: 7px;
	border: 1px solid rgba(55, 55, 55, 0.2);
	border-radius: 10px;
}
blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='normal'] {
	background: none !important;
	padding: 7px !important;
	border: 1px solid rgba(55, 55, 55, 0.2) !important;
	border-radius: 10px !important;
	font-size: 12px !important;
}
blockquote[data-ke-style='box'] span, #tt-body-page blockquote[data-ke-style='box'] span {
	font-family: 'noto' !important;
}
blockquote, blockquote p {
	font-size: 12px !important;
}


/* 구분 선 */
hr[data-ke-style], #tt-body-page hr[data-ke-style] {
	margin: 3px auto;
}


/* list-style */
ol[data-ke-list-type='decimal'], ol[data-ke-list-type='decimal'] li, #tt-body-page ol[data-ke-list-type='decimal'], #tt-body-page ol[data-ke-list-type='decimal'] li {
	list-style: decimal !important;
}
ol[data-ke-list-type='decimal'], ul[data-ke-list-type='square'], ul[data-ke-list-type='disc'] {
	padding-inline-start: 20px !important;
}


/* 이전 댓글 */
.tt_more_preview_comments_wrap {
	padding: 10px;
	border-top: 1px solid #e6ecf0;
}
.tt_more_preview_comments_text {
	color: #657786;
	transition: 0.5s; 
}


/* cover */
.main_twt { 
	padding: 9px 12px; 
	border-bottom: 1px solid #e6ecf0;
}
.main_twt .pin { 
	margin: 0 0 3px 35px; 
	line-height: 1;
}
.main_twt .pin i { 
	margin-right: 6px; 
}
.main_twt .pin .pinned { 
	color: #657786; 
	font-size: 12px; 
}
.main_twt .profile_img { 
	float: left; 
}
.main_twt .profile_img img { 
	width: 48px; 
	height: 48px; 
	border-radius: 50%; 
}
.main_twt .main-t-a { 
	margin-left: 60px; 
}
.main_twt .blogger { 
	font-size: 14px; 
	font-weight: bold; 
}
.main_twt .main-t-e { 
	margin-top: 2px; 
}
.main_twt .main-t-img {
	margin-top: 10px;
}
.main_twt .main-t-img img { 
	border-radius: 4px; 
	max-width: 100%;
}
.main_twt .main-t-m {
	margin-top: 10px;
}
.main_twt .main-t-i {
	float: left;
	min-width: 80px;
}
.main_twt .main-t-i i {
	color: #657786;
}
.main_twt .reply:hover i {
	color: #1da1f2;
}
.main_twt .retweet:hover i {
	color: #17bf63;
}
.main_twt .heart:hover i {
	color: #e0245e;
}
.twitter_n {
	border-bottom: 1px solid #e6ecf0;
}
.twitter_n iframe {
	display: block !important;
}
.c-list { 
	background: white;
	border: 1px solid #e6ecf0;
	margin: 20px 0;
}
.c-list a { 
	cursor: default; 
}
.c-list .cl_t { 
	font-size: 14px; 
	font-weight: bold; 
	border-bottom: 1px solid #e6ecf0; 
	padding: 10px 15px; 
	cursor: default; 
}
.c-list .c-list-content {
	padding: 15px;
}
.c-list-t { 
	margin-bottom: 10px; 
	line-height: 1;
}
.c-list-t:last-child {
	margin-bottom: 0;
}
.c-list-t .cl_title { 
	font-weight: bold; 
	font-size: 14px; 
	transition: 0.5s; 
}
.c-list-t .cl_title:hover { 
	opacity: .7; 
}
.c-list-t .cl_cate { 
	color: #657786; 
	font-size: 12px; 
}
.n_gallery a {
	float: left;
	width: 32%;
	margin-bottom: 2%;
}
.n_gallery a:nth-child(3n+2) {
    margin: 0 2%;
}
.n_gallery a:nth-last-child(-n+3) {
    margin-bottom: 0;
}
.n_gallery_t a .thumb {
	border-radius: 4px;
	overflow: hidden;
}
.n_gallery_t a .thumb img {
	width: 100%;
	display: block;
}


/* menu */
#top_bar { 
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #fff; 
	line-height: 45px; 
	color: #65767E; 
	text-align: center; 
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.25); 
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.25); 
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.25); 
	z-index: 1000;
}
#top_bar .top-menu {
	max-width: 1190px;
	height: 100%;
	margin: 0 auto;
}
#top_bar .mn a { 
	color: #65767E; 
	font-weight: bold;
	font-size: 13px;
}
#top_bar .mn-t {
	float: left;
	margin: 17px 0 0 3px;
	font-size: 13px;
	line-height: 1;
	color: #66757f;
	transition: 0.5s; 
}
#top_bar img { 
	vertical-align: text-bottom; 
	padding-right: 2px; 
}
#top_bar .menu1 { 
	float: left; 
	height: 100%;
}
#top_bar .menu1 li { 
	height: 46px; 
	border-bottom: 0px solid; 
	transition: all .3s ease-in-out; 
}
#top_bar .menu1 li a {
	transition: 0.5s; 
}
#top_bar .menu1 li:hover, #top_bar .menu1 .sl-cate { 
	border-bottom: 3px solid; 
}
#top_bar .menu1 .mn { 
	padding: 0 14px 0 4px; 
	float: left;
}
#top_bar .menu1 .mn .Icon {
	margin: 11px 0 0 10px;
	float: left;
	color: #66757f;
	transition: 0.5s; 
}
#top_bar .menu2 { 
	display: flex;
	align-items: center;
	height: 100%;
}
#top_bar .menu2 .mn2 { 
	margin-left: 15px; 
	position: relative;
}
#top_bar .mn_post { 
	margin-left: 16px; 
	display: inline-block; 
	line-height: 20px; 
	border-radius: 100px; 
	padding: 6px 16px;
}
#top_bar .mn_post a { 
	width: 100%; 
	font-size: 14px;
	color: #fff; 
	font-weight: bold; 
}
#top_bar .menu2 .mn2 img { 
	width: 32px; 
	height: 32px; 
	border-radius: 50%; 
	vertical-align: middle; 
}
#top_bar .menu2 .search {  
	width: 220px; 
	height: 32px; 
	line-height: 16px;
	position: relative;
}
#top_bar .search input { 
	color: #65767E; 
	width: 100%;
	height: 100%;
	padding: 8px 32px 8px 12px;
	border: solid 1px #E7ECF0; 
	border-radius: 40px; 
	background: #F4F8FB;
	transition: all .2s ease-in-out;
}
#top_bar .search .searchbutton {
	position: absolute;
	width: 26px;
	top: 6px;
	right: 3px;
	cursor: pointer;
	text-align: left;
}
#top_bar .search .searchbutton .Icon {
	color: #66757f;
}
#top_bar .menu2 .search input:focus {
	border: 2px solid;
	background: white;
}
#top_bar .mn2 .drop_menu { 
	position: absolute; 
	min-width: 130px; 
	background: #fff; 
	padding: 10px 0; 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25); 
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.25); 
	box-shadow: 0 1px 4px rgba(0,0,0,0.25); 
	z-index: 900; 
	border-radius: 4px; 
	margin-top: 10px; 
	right: 0;
}
#top_bar .mn2 .drop_menu:after, #top_bar .mn2 .drop_menu:before { 
	bottom: 100%; 
	right: 7px; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
}
#top_bar .mn2 .drop_menu:after { 
	border-color: rgba(255, 255, 255, 0); 
	border-bottom-color: #fff; 
	border-width: 10px; 
	margin-left: -10px; 
}
#top_bar .mn2 .drop_menu:before { 
	border-color: rgba(159, 159, 159, 0); 
	border-bottom-color: rgba(0,0,0,0.12); 
	border-width: 11px; 
	margin-left: -11px; 
}
#top_bar .mn2 .drop_menu li { 
	display: block; 
	vertical-align: middle; 
	line-height: 20px; 
	text-align: left; 
}
#top_bar .mn2 .drop_menu li a:hover {  
	color: #fff; 
}
#top_bar .mn2 .drop_menu li a { 
	font-weight: 400; 
	display: block; 
	padding: 8px 16px; 
}
#top_bar .mn2 .drop_menu .category2 { 
	margin-top: 10px; 
	border-top: solid 1px #e6ecf0; 
}
#top_bar .mn2 .drop_menu .category ul li .link_tit { 
	display: none; 
}
.drop_menu { 
	display: none; 
}


/* wrap */
#wrap {
	margin: 0 auto;
	box-sizing: content-box;
}


/* main profile */
#main_profile .profile_wrap { 
	background: #fff; 
	position: relative; 
	border: 1px solid #e6ecf0; 
}
#main_profile .main_img { 
	overflow: hidden; 
	height: 95px;
	background-size: cover; 
}
#main_profile .main_profile2 { 
	height: 105px; 
}
#main_profile .main_info { 
	display: inline; 
	position: absolute; 
}
#main_profile .main_profile_img { 
	box-sizing: content-box; 
	width: 68px; 
	height: 68px; 
	border: solid 3px #fff; 
	border-radius: 50%; 
	margin: -35.5px 6px 0 7px; 
}
#main_profile .blogger { 
	display: inline-block; 
	font-size: 16px; 
	font-weight: bold; 
	vertical-align: top; 
	margin-top: 5px; 
	cursor: default; 
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#main_profile .blogger a { 
	font-size: 12px; 
}
#main_profile .blogger a:hover { 
	opacity: .5; 
	transition: 0.5s; 
}
#main_profile .blogger .blogger2 { 
	font-size: 13px; 
	font-weight: 300; 
	color: #65767E; 
}
.main_info2 { 
	position: absolute; 
	left: 0;
	bottom: 0; 
	z-index: 100;
	width: 100%;
	padding: 16px;
}
.ddown {
	position: absolute;
	width: 120px;
	top: 10px;
	right: 10px;
}
.d_m { 
	text-align: center; 
	cursor: pointer; 
	line-height: 33px; 
	border: solid 1px;
	border-radius: 20px;
	font-weight: bold;
	position: relative;
	z-index: 101;
}
.dropdown { 
	width: calc(100% - 20px); 
	display: none; 
	position:absolute; 
	border: solid 1px rgba(159, 159, 159, 0.5); 
	border-top: none; 
	background: #fff; 
	padding: 10px 5px; 
	font-size: 12px; 
	z-index: 100;
	margin: 0 10px;
	border-radius: 0 0 7px 7px;
}
.fw-w {
	display: flex;
}
.tw-w {
	flex: 1;
}
.tw {
	color: #657786;
	font-weight: bold;
	cursor: default;
}
.fw {
	font-size: 18px;
	font-weight: bold;
	cursor: default;
}
.m-fw-w {
	margin-bottom: 9px;
}
.m-tw-w {
	margin-right: 7px;
}
.m-fw {
	font-weight: bold;
	margin-right: 3px;
}
.m-tw {
	color: #657786;
}
.m-menu ul {
	display: flex;
}
.m-menu ul li {
	flex: auto;
}
.m-menu ul li a {
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 14px;
	color: #657786;
}
.m-menu .sl-cate a, #tt-body-category .m-menu .tw-co, #tt-body-page .m-menu .tw-co {
	border-bottom: 2px solid;
}
.m-pro, .m-pro-a {
	margin-bottom: 9px;
}
.m-pro {
	color: #000;
	margin-top: 10px;
}
.m-pro-a i {
	margin-right: 5px;
	color: #657786;
}


/* content */
#content { 
	background: #fff; 
	border: 1px solid #e6ecf0; 
}
#tt-body-category #content {
	background: none;
	border: none;
}


/* searchlist */
.searchList ul:after {
	content: '';
	clear: both;
	display: block;
}
.searchList { 
	border: 1px solid #e6ecf0;
	background: white;
	margin: 20px 0;
}
.searchList ul {
	padding: 15px;
}
.searchList a { 
	cursor: default; 
}
.searchList li:last-child { 
	margin-bottom: 0 
}
.searchList .sl_cate { 
	font-size: 14px; 
	font-weight: bold; 
	border-bottom: 1px solid #e6ecf0; 
	padding: 10px 15px; 
	cursor: default; 
}
.searchList ul li:last-child .titleList {
	margin-bottom: 0;
}
.titleList { 
	margin-bottom: 10px; 
	line-height: 1; 
}
.titleList .sl_title { 
	font-weight: bold; 
	font-size: 14px; 
	transition: 0.5s; 
}
.titleList .sl_title:hover { 
	opacity: .7; 
}
.titleList .sl_date { 
	color: #657786; 
	font-size: 11px; 
}
.searchList .thumb {
	display: none;
}

#lst_gal .searchList li {
	float: left;
	width: 32%;
	margin-bottom: 2%;
}
#lst_gal .searchList li:nth-child(3n+2) {
    margin: 0 2%;
}
#lst_gal .searchList .thumb {
	border-radius: 4px;
	overflow: hidden;
	display: block;
}
#lst_gal .searchList li .thumb img {
	width: 100%;
	display: block;
}
#lst_gal .searchList .titleList {
	display: none;
}

/* review */
#lst_re .searchList .sl_date, .star, #lst_re .re-sum img, #lst_re figure.imageblock.alignCenter, .re-sum-title, .read-m, .re-thumb {
	display: none;
}
#lst_re .re-sum-title, #lst_re .read-m, #lst_re .re-thumb {
	display: block;
}
#lst_re .star {
	display: block;
}
.star i {
	color: #ffd42a;
	font-size: 10px;
}
.titleWrap {
	cursor: default;
}
#lst_re .re-article {
	display: flex;
	align-items: center;
	border: 1px solid #E1E8ED;
	border-radius: 10px;
	overflow: hidden;
}
#lst_re .re-article .re-thumb {
	width: 30%;
	overflow: hidden;
}
#lst_re .re-article .re-thumb img {
	width: 100%;
	display: block;
	border-radius: 0;
}
#lst_re .re-article .re-sum-info {
	width: 70%;
	padding: 5px;
}
#lst_re .re-article .re-sum-title {
	margin-bottom: 3px;
}
#lst_re .re-article .re-sum-t {
	font-weight: bold;
}
#lst_re .re-article .re-sum {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 11px;
	color: #929292;
}
#lst_re .re-article .read-m {
	margin-top: 3px;
}
#lst_re .re-article .read-m a {
	font-weight: bold;
	font-size: 10px;
	color: #657786;
	opacity: .5;
	transition: .4s;
}
#lst_re .re-article .read-m a:hover {
	opacity: 1;
}

#lst_pl .re-article {
	border: 1px solid #E1E8ED;
	border-radius: 10px;
	overflow: hidden;
}
.youtubevid-wrapper {
	min-width: 100%;
}
.resvid {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	margin: auto;
}
.resvid iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
#lst_pl .searchList {
	display: none;
}


/* 카테고리 */
.category ul li .c_cnt { 
	display: none; 
}
.category ul li .link_tit { 
	display: none; 
}
.category ul li .link_item img { 
	display: none; 
}
.category { 
	line-height:20px; 
	text-align: center; 
	font-size: 13px; 
}
.category ul li a { 
	font-weight: 600; 
	transition-duration: .3s; 
}
.category .sub_category_list {
	display: none;
}
#main_profile .category ul li a:hover { 
	opacity: .5; 
	transition: 0.5s; 
}
.dropdown .category2 { 
	margin-top: 10px; 
	border-top: dotted 1px #9F9F9F; 
	text-align: center; 
}
.dropdown .category2 a:hover { 
	opacity: .5; 
	transition: 0.5s; 
}
.category2 li:first-child { 
	margin-top: 10px; 
}
.drop_menu .category2 a i {
	vertical-align: text-bottom;
	margin-right: 12px;
	color: #657786;
}
.drop_menu .category2 a:hover i {
	color: white;
}


/* 본문 */
.entry { 
	border-bottom: 1px solid #e6ecf0;
	background: white;
}
.entry_w {
	padding: 9px 12px; 
}
.entry .entry2 { 
	margin-left: 60px; 
}
.entry .profile_img { 
	float: left; 
}
.entry .profile_img img { 
	width: 48px; 
	height: 48px; 
	border-radius: 50%; 
}
.entry .title { 
	font-size: 14px; 
	font-weight: bold; 
}
.entry .date { 
	font-size: 12px; 
	color: #657786; 
}
.ad { 
	float: right; 
	text-align: right; 
	margin-right: 2px; 
	position: relative;
}
.ad i { 
	cursor: pointer; 
	font-size: 19px; 
	color: #657786; 
	transition: 0.3s; 
}
.ad:hover i:hover { 
	opacity: .5; 
	color: #1b95e0;
}
.admin { 
	margin-top: 10px; 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25); 
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.25); 
	box-shadow: 0 1px 4px rgba(0,0,0,0.25); 
	padding: 5px; 
	text-align: center; 
	background: #fff; 
	position: absolute; 
	width: 69px; 
	line-height: 25px; 
	border-radius: 4px; 
	right: -5px;
	display: none;
	z-index: 10;
}
.admin:after, .admin:before { 
	bottom: 100%; 
	left: 80%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
}
.admin:after { 
	border-color: rgba(255, 255, 255, 0); 
	border-bottom-color: #fff; 
	border-width: 5px; 
	margin-left: -5px; 
}
.admin:before { 
	border-color: rgba(159, 159, 159, 0); 
	border-bottom-color: rgba(0,0,0,0.12); 
	border-width: 6px; 
	margin-left: -6px; 
}
.admin a {
	transition: 0.5s; 
}
.admin a:hover { 
	opacity: .5;
}
.entry .article { 
	margin: 10px 0; 
}
.entry .article img { 
	border-radius: 4px; 
}
.article a { 
	transition: 0.5s; 
}
.article a:hover { 
	opacity: .5; 
}
.entry_w:hover, .entryNotice:hover, .entryProtected:hover, .commentList .rep:hover { 
	background: #f4f8fb; 
}
.entry2 .main-t-m {
	margin-top: 10px;
}
.entry2 .main-t-i {
	float: left;
	min-width: 80px;
}
.entry2 .main-t-i i {
	color: #657786;
}
.entry2 .reply:hover i {
	color: #1da1f2;
}
.entry2 .retweet:hover i {
	color: #17bf63;
}
.entry2 .heart:hover i {
	color: #e0245e;
}


/* 보호글 */
.entryProtected { 
	padding: 9px 12px; 
	background: white;
	border-bottom: 1px solid #e6ecf0;
}
.entryProtected .entry2 { 
	margin-left: 60px; 
}
.entryProtected .profile_img { 
	float: left; 
}
.entryProtected .profile_img img { 
	width: 48px; 
	height: 48px; 
	border-radius: 50%; 
}
.entryProtected .title { 
	font-size: 14px; 
	font-weight: bold; 
}
.entryProtected .date { 
	font-size: 12px; 
	color: #657786; 
}
.articleProtected { 
	text-align: center; 
	margin-bottom: 20px; 
}
.articleProtected p { 
	color: #66757f; 
	font-size: 20px; 
	font-weight: bold; 
	margin: 25px 0; 
}
.p_input { 
	box-sizing: border-box; 
	width: 90px; 
	height: 25px; 
	border: solid 1px; 
	border-radius: 8px; 
	vertical-align: bottom; 
	padding: 8px; 
	font-size: 11px; 
}
.p_submit { 
	box-sizing: border-box; 
	width: 40px; 
	height: 25px; 
	border: solid 1px; 
	border-radius: 8px; 
	cursor: pointer; 
	transition: 0.4s;
}
.p_submit i {
	transition: 0.4s;
}
.p_submit:hover i {
	color: white;
}


/* 공지 */
.entryNotice { 
	padding: 9px 12px; 
	border-bottom: 1px solid #e6ecf0; 
}
.entryNotice .entry2 { 
	margin-left: 60px; 
}
.entryNotice .profile_img { 
	float: left; 
}
.entryNotice .profile_img img { 
	width: 48px; 
	height: 48px; 
	border-radius: 50%; 
}
.entryNotice .title { 
	font-size: 14px; 
	font-weight: bold; 
}
.entryNotice .date { 
	font-size: 12px; 
	color: #657786; 
}
.entryNotice .article { 
	margin: 10px 0; 
}
.entryNotice .article img { 
	border-radius: 4px; 
}
.pin { 
	margin: 0 0 9px 35px; 
}
.pin img { 
	margin-right: 13px; 
}
.pin .pinned { 
	color: #657786; 
	font-size: 12px; 
	vertical-align: top; 
}


/* tag */
#tt-body-tag #content {
	padding: 15px;
}
.tagTrail { 
	color: transparent;
	text-align: justify; 
	font-size: 12px; 
	cursor: default; 
}
.tagTrail a { 
	margin-right: 5px; 
	cursor: pointer; 
}
.tagTrail a:before, .taglog li a:before {
	content: '\f052';
	font-family: 'edgeicons';
	font-size: 11px;
	margin-right: 1px;
}
.tagTrail a:hover { 
	opacity: .5; 
	transition: 0.5s; 
}
.taglog {
	cursor: default;
}
.taglog ul {
	text-align: justify;
}
.taglog li {
	display: inline;
	line-height: 20px;
}
.taglog li a {
	padding: 3px;
	margin-right: 5px;
	transition: 0.4s;
	color: #657786;
}
.taglog li a:hover {
	opacity: .6;
}


/* comment list */
.commentList .name { 
	font-weight: bold; 
	font-size: 12px; 
	cursor: default; 
}
.commentList .rep { 
	padding: 9px 12px 0; 
	border-top: 1px solid #e6ecf0; 
}
.commentList .rep:last-child {
	border-bottom: none;
}
.commentList .desc {
	position: relative;
	z-index: 10;
	padding: 0 0 20px; 
}
.commentList .rep .desc:not(:last-child)::after, .commentList .rep ul li:not(:last-child) .desc:after {
	content: '';
	width: 0;
	height: calc(100% - 56px);
	position: absolute;
	left: 23px;
	bottom: 2px;
	border: 2px solid;
	border-radius: 2px;
}
.commentList .rp .desc { 
	padding: 0 0 20px; 
}
.commentList p { 
	margin: 7px 0 25px 65px; 
}
.commentList .rp p { 
	margin: 7px 0 25px 65px; 
}
.commentList .date { 
	padding: 0 10px 0 5px; 
	cursor: default; 
	font-size: 10px; 
	color: #757575; 
}
.commentList .date a {
	font-size: 10px; 
	color: #757575; 
}
.commentList .control { 
	margin-left: 64px; 
}
.commentList .control i { 
	color: #657786;
}
.commentList .control a { 
	padding-right: 20px; 
	transition: 0.5s; 
}
.commentList .control .Icon--reply:hover {
	color: #1da1f2;
}
.commentList .control .Icon--retweet:hover {
	color: #17bf63;
}
.commentList .control .Icon--heart:hover {
	color: #e0245e;
}


/* guestbook list */
#tt-body-guestbook #content {
	padding: 0;
	border: none;
	background: none;
}
.guestList { 
	margin-top: 15px; 
}
.guestList li .tistoryProfileLayerTrigger { 
	display: none; 
}
.guestList .rep { 
	border: 1px solid #e6ecf0; 
	border-radius: 4px; 
	overflow: hidden; 
	padding-bottom: 20px; 
	margin-bottom: 20px; 
	background: white;
}
.guestList .rep .dm_name { 
	border-bottom: 1px solid #e6ecf0; 
	padding: 10px 15px; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 35px; 
}
.guestList .rep .rep2 { 
	padding: 0 15px 15px 15px; 
	overflow: hidden; 
}
.guestList .guest_general .g_info, .guestList .guest_secret .g_info { 
	margin: 0 10px; 
	max-width: 60%; 
	float: left; 
}
.guestList .guest_general .g_text, .guestList .guest_secret .g_text { 
	border-radius: 20px 20px 20px 0; 
	background: #e6ecf0; 
	padding: 8px 12px; 
	text-align: justify; 
}
.guestList .rp .guest_general .g_text, .guestList .rp .guest_secret .g_text { 
	border-radius: 0 20px 20px 0; 
}
.guestList .guest_admin .g_info { 
	margin: 0 10px; 
	max-width: 60%; 
	float: right; 
	text-align: right; 
}
.guestList .guest_admin .g_text { 
	border-radius: 20px 20px 0 20px; 
	background: #1da1f2; 
	color: #fff; 
	padding: 8px 12px; 
	text-align: justify; 
	text-align-last: right; 
	-moz-text-align-last: right; 
}
.guestList .guest_admin .g_text i {
	color: white;
}
.guestList .rp .guest_admin .g_text { 
	border-radius: 20px 0 0 20px; 
}
.guestList .guest_admin .name { 
	display: none; 
}
.guestList .guest_general .name, .guestList .guest_secret .name { 
	display: none; 
}
.guestList .guest_admin .control { 
	float: left; 
}
.guestList .guest_general .control, .guestList .guest_secret .control { 
	float: right; 
}
.guestList .guest_general .date, .guestList .guest_secret .date { 
	cursor: default; 
	font-size: 10px; 
	color: #757575; 
	float: left; 
}
.guestList .guest_admin .date { 
	cursor: default; 
	font-size: 10px; 
	color: #757575; 
	float: right; 
}
.guestList .date a {
	font-size: 10px;
}
.guestList .control { 
	font-size: 10px; 
	transition: 0.4s; 
	margin-left: 5px;
}
.guestList .control a { 
	transition: 0.5s; 
	line-height: 1;
}
.guestList .control a i {
	font-size: 10px;
	color: #757575
}
.guestList .control a:hover { 
	opacity: .7; 
}


/* 댓글 프사 */
.commentList .rp_admin .rp_e img { 
	width: 48px; 
	height: 48px; 
	float: left; 
	border-radius: 50%; 
	margin-right: 12px; 
	position: relative;
	z-index: 10;
}
.commentList .rp_p img { 
	width: 48px; 
	height: 48px; 
	float: left; 
	border-radius: 50%; 
	margin-right: 12px; 
}
.guestList .guest_admin .rp_e { 
	width: 36px; 
	height: 36px; 
	float: right; 
	border-radius: 50%; 
	overflow: hidden; 
}
.guestList .guest_general .rp_p, .guestList .guest_secret .rp_p { 
	width: 36px; 
	height: 36px; 
	float: left; 
	border-radius: 50%; 
	overflow: hidden; 
}
.guestList .guest_admin .rp_e img, .guestList .guest_general .rp_p img, .guestList .guest_secret .rp_p img { 
	width: 100%; 
}
.guestList .guest_general .rp_e, .guestList .guest_secret .rp_e { 
	display: none; 
}
.guestList .guest_admin .rp_p { 
	display: none; 
}


/* write */
.guestWrite { 
	display: inline-block; 
	width: 100%; 
	padding: 10px; 
	background: #f5f8fa; 
	border: 1px solid #e6ecf0; 
	border-radius: 4px; 
	margin-bottom: 20px; 
}
.commentWrite { 
	width: 100%; 
	padding: 10px; 
	background: #f5f8fa; 
	border: solid #e6ecf0; 
	border-width: 1px 0 0;
	/*margin: 20px 0 0; */
}
.guestWrite .textarea, .commentWrite .textarea { 
	width: 100%; 
	height: 38px; 
	background: #fff; 
	border: solid 1px; 
	border-radius: 8px; 
	padding: 8px; 
}
.gwrite input { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	border: solid 1px; 
	width: 50%; 
	line-height: 20px; 
	margin-bottom: 5px; 
	background: #fff; 
	border-radius: 8px; 
	padding: 2px; 
	font-size: 11px; 
}
.gsecret {
    float: left;
	width: 15%;
}
.gsecret input {
	width: 100%; 
	cursor: pointer; 
    text-align: center;
	visibility: hidden;
}
.gsecret input:after {
    display: block;
    font-family:'edgeicons';
    content:'\f096'; 
    color: #929292;
	border: solid 1px; 
	border-radius: 8px; 
	background: #fff; 
	visibility: visible;
	line-height: 25px; 
	transition: 0.5s;
}
.gsecret input:after:hover {
	transition: 0.5s;
}
.gsecret input:checked:after {
	display: block;
    font-family:'edgeicons';
    content:'\f096'; 
    color: white;
}
.gsubmit { 
	float: right; 
	width: 15%; 
}
.gsubmit button { 
	width: 100%; 
	line-height: 25px;
	border: solid 1px; 
	cursor: pointer; 
	border-radius: 8px; 
	background: #fff; 
	transition: 0.5s;
	font-size: 11px;
}
.gsubmit button:hover { 
	color: #fff; 
}


/* tooltip */
#powerTip {
	padding: 8px !important;
	border-radius: 4px !important;
}
#powerTip.n:before {
	border-top-width: 5px !important;
	bottom: -5px !important;
}


/* top */
.top { 
	display: scroll; 
	position: fixed; 
}


/* copyright */
.copyright img { 
	width: 13px; 
	position: fixed; 
	text-align: left; 
	cursor: pointer; 
	left: 20px; 
	bottom: 20px; 
	opacity: .8; 
	transition: 0.4s; 
}
.copyright img:hover { 
	opacity: 1; 
}



/* 피씨 */
@media all and (min-width:781px) {
    #container { 
		width: 100%; 
		min-height: 500px; 
		margin: 0 auto 40px; 
	}
	#wrap {
		width: 780px;
		padding: 56px 0 15px;
	}
    #content { 
		float: right; 
		width: 530px; 
		margin-top: 15px; 
	}
    #top_bar { 
		width: 100%; 
		height: 46px; 
		position: fixed;
	}
	#top_bar .menu2 {
		float: right; 
	}
	#main_profile { 
		float: left; 
		margin-top: 15px; 
		width: 238px; 
	}
	.ddown, .m-menu, .m-pro, .m-pro-a, .m-fw-w {
		display: none;
	}
    .guestList .control { 
		opacity: 0; 
	}
	.guestList .g_info:hover .control { 
		opacity: 1; 
	}
    .top { 
		bottom: 30px; 
		right: 30px; 
	}
    .copyright a { 
		left: 30px; 
		bottom: 30px; 
	}
    .copyright2 {
		float: right;
		width: 530px;
	}
}


/* 모바일 */
@media all and (max-width:780px) {
	#container {
		width: 100%;
		min-height: 500px;
		margin: 20px auto;
	}
	#top_bar {
		background: none;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
    #top_bar .menu1, #top_bar .mn2, #top_bar .mn_post { 
		display: none; 
	}
	#top_bar .menu2 {
		display: block;
	}
	#top_bar .menu2 .search {
		float: right;
		width: 150px;
		margin-right: 10px;
	}
    #main_profile { 
		width: 100%; 
		margin-top: 10px; 
	}
	#main_profile .blogger {
		display: block;
		max-width: 100%;
		margin: 0;
		padding: 0 16px;
		font-size: 18px;
	}
	#main_profile .main_profile2 {
		height: unset;
		position: relative;
	}
	#main_profile .profile_wrap {
		border-width: 0 0 1px 0;
	}
    #main_profile .main_img { 
		width: 100%;
		height: 150px;
	}
	#main_profile .main_info {
		position: unset;
	}
	#main_profile .main_profile_img {
		width: 95px;
		height: 95px;
		margin: -50.5px 6px 0 7px;
	}
	.main_info2 {
		position: unset;
		padding: 5px 16px;
	}
	.fw-w {
		display: none;
	}
    #content { 
		width: 100%; 
		margin: 0; 
		border-width: 0 0 1px 0;
	}
	.c-list {
		margin: 0;
		border-width: 0 0 1px 0;
	}
	.searchList {
		display: none;
	}
	.main_twt .main-t-i {
		min-width: 50px;
	}
	.entry2 .main-t-i {
		min-width: 60px;
	}
	#lst_re .re-article .re-sum {
		-webkit-line-clamp: 1;
	}
	.guestWrite, .guestList .rep {
		border-width: 0 0 1px 0;
		border-radius: 0;
	}
	.guestList {
		margin: 0;
	}
    .guestList .rp_e { 
		display: none 
	}
	.guestList .guest_general .g_info, .guestList .guest_secret .g_info { 
		max-width: 80%; 
	}
	.guestList .guest_admin .g_info { 
		max-width: 70%; 
	}
	#tt-body-guestbook .paging {
		border-width: 0 0 1px 0;
	}
    .top { 
		bottom: 14px; 
		right: 10px; 
	}
    .copyright2  { 
		margin-bottom: 40px;
	}
}