@charset "UTF-8";



* { margin:0; padding:0; border:0; font-family: 'noto', sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 13px; }
* a { color: #000; }
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%; }
#tistorytoolbarid { display:none }
.commentList li .tistoryProfileLayerTrigger { display: none; }
.guestList li .tistoryProfileLayerTrigger { display: none; }
.clear { clear: both; }
hr { border-top: 1px solid #808080; border-bottom: 1px solid white; margin: 0 2px; }
.hr2 { height: calc(100% - 6px); width: 3px; margin: 2px; border: 1px solid; border-top-color: white; border-left-color: white; border-right-color: #808080; border-bottom-color: #808080; }



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



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


/* 드래그 */
::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; 
} 


/* 드래그 */
::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: "Font Awesome 5 Free"; 
    content: "\f067"; 
	font-weight: 900;
    margin-right: 5px; 
}
.btn_more {
	display: block;
}
.moreless_top:before, .btn_less:before { 
    font-family: 'Font Awesome 5 Free'; 
    content: '\f068'; 
	font-weight: 900;
    margin-right: 5px; 
}
.moreless_content { 
    padding: 10px; 
    margin: 10px 0; 
    border: 1px solid rgba(55, 55, 55, 0.2);
}
.moreless_bottom { 
    text-align: right; 
}
.moreless_bottom:after { 
    margin-left: 5px; 
    font-family: 'Font Awesome 5 Free'; 
	font-weight: 900;
    content: '\f068'; 
}
.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: "Font Awesome 5 Free"; 
    content: "\f067"; 
	font-weight: 900;
    margin-right: 5px;
}
div[data-ke-type='moreLess'].open .btn-toggle-moreless:before { 
    font-family: 'Font Awesome 5 Free'; 
    content: '\f068'; 
	font-weight: 900;
    margin-right: 5px;
}


/* 첨부파일 */
.imageblock a img { 
	display: none; 
}
.imageblock a { 
	font-weight: bold; 
	opacity: .7; 
	transition: .4s;
}
.imageblock a:hover {
	opacity: 1;
}


/* 인용구 */
.tx-quote-tistory {
	padding: 7px;
	border: 1px solid rgba(55, 55, 55, 0.2);
}
blockquote, blockquote p {
	font-size: 11px !important;
}
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;
	font-size: 11px !important;
}
blockquote[data-ke-style='box'] span, #tt-body-page blockquote[data-ke-style='box'] span {
	font-family: 'noto' !important;
}


/* 이전 댓글 */
.tt_more_preview_comments_wrap {
	margin-bottom: 10px;
	cursor: default !important;
	background: #c0c0c0;
	border: 1px solid;
	border-top-color: #dfdfdf;
	border-left-color: #dfdfdf;
	border-right-color: #000;
	border-bottom-color: #000;
}
.tt_more_preview_comments_text {
	font-weight: bold;
	display: block;
	padding: 3px;
	cursor: pointer;
	border: 1px solid;
	border-top-color: white;
	border-left-color: white;
	border-right-color: #808080;
	border-bottom-color: #808080;
}
.tt_more_preview_comments_wrap:hover .tt_more_preview_comments_text {
	color: white;
}


/* cover */
.c-content {
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000;
    margin-bottom: 20px;
}
.c-c-w {
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
}
.c-content-t {
    margin: 2px 2px 0; 
    padding: 1px 5px; 
    color: #fff; 
    font-weight: bold;
    font-size: 10px;
    line-height: 19px;
    cursor: default;
}
.c-cont-m {
    line-height: 23px;
	margin: 0 7px;
}
.c-cont-m span {
    margin-right: 10px;
    cursor: default;
}
.coverWrap {
    display: flex;
    align-items: center;
    margin: 1px 2px;
    position: relative;
}
.c-content-s { 
    margin: 0 2px 2px 2px; 
    border: 1px solid; 
    border-top-color: #808080; 
    border-left-color: #808080; 
    border-bottom-color: #fff; 
    border-right-color: #fff;  
}
.c-n-w {
    background: #fff; 
    border: 1px solid; 
    border-top-color: #000; 
    border-left-color: #000; 
    border-bottom-color: #dfdfdf; 
    border-right-color: #dfdfdf;
}
.n_gallery_s .c-n-w {
	padding: 15px;
}
.n_gallery_s ul li {
	float: left;
	width: 20%;
	border: 1px dotted transparent;
}
.n_gallery_s ul li a {
	display: block;
	position: relative; 
	margin: 5px;
}
.n_gallery_s ul li a .thumb {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.n_gallery_s ul li a .thumb img {
	display: block;
	width: 100%;
}
.n_gallery_s ul li a .overlay { 
    opacity: 0; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 100%; 
    width: 100%; 
    transition: .5s ease; 
    background-color: rgba(0, 0, 0, 0.25); 
	z-index: 10;
}
.n_gallery_s ul li a .thumb_t { 
    color: white; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    text-align: left; 
    font-size: 12px; 
    max-width: 90%; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    font-weight: bold; 
}
.n_gallery_s ul li:hover {
	border-color: #000;
}
.n_gallery_s ul li a:hover .overlay { 
    opacity: 1; 
    position: absolute; 
}
.n_web .c-n-w {
    min-height: 150px;
}
.web_bb {
    display: flex;
    justify-content: space-between;
    border: 1px solid #000;
    border-bottom: none;
    margin: 0 2px;
}
.web_bb .web_bc div {
    border: 1px solid;
    border-top-color: white;
    border-left-color: white;
    border-right-color: #808080;
    border-bottom: none;
    line-height: 1;
    padding: 3px 5px;
}
.web_b1 {
    width: 50%;
}
.web_b2 {
    width: 25%;
    border-left: 1px solid #000;
}
.web_b3 {
    width: 25%;
    border-left: 1px solid #000;
}
.web_n a {
    display: block;
}
.web_n {
    display: flex;
    justify-content: space-between;
    border: 1px solid transparent;
}
.web_n:hover {
    border: 1px dotted #000;
}
.webnn {
    line-height: 1;
    padding: 3px 5px;
    overflow: hidden;
    white-space: nowrap; 
	text-overflow: ellipsis; 
}
.web_t {
    width: 50%;
}
.web_d {
    width: 25%;
    cursor: default;
	padding: 3px 7px;
}
.web_c {
    width: 25%;
	padding: 3px 9px;
}
.c-notice .c-n-w {
    padding: 5px;
    min-height: 200px;
}
.owl-carousel .item {
	width: 100%;
}
.owl-theme .owl-nav.disabled+.owl-dots {
	position: absolute !important;
	margin-top: 0 !important;
	left: 0 !important;
	bottom: 15px !important;
	width: 100% !important;
}
.owl-theme .owl-dots .owl-dot span {
	width: 7px !important;
	height: 7px !important;
	margin: 5px !important;
}
.d_m_w {
	position: relative;
	margin-right: 0 !important;
	display: inline-block;
}
span.d_m{
	padding: 0;
	border: none;
	text-align: left;
    min-height: unset;
	display: unset;
}


/* twitter */
.twitter iframe {
    min-width: 100% !important;
	display: block !important;
}
.twitter .titleWrap2 {
    width: 100%;
}
.twitter .c-n-w {
	height: 250px;
	overflow-y: scroll;
}


/* container */
#container { 
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000;  
}


/* window */
.window { 
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
}


/* header */
#header { 
    margin: 2px 2px 0; 
    padding: 1px 2px; 
    color: #fff; 
    font-weight: 500; 
    font-size: 12px; 
}
#header .h-title {
	height: 20px;
	display: flex;
	align-items: center;
}
#header .h-title a { 
    color: #fff; 
	display: block;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: '돋움체', DotumChe;
}
#header .favicon { 
    margin: 0 3px; 
    height: 16px; 
}


/* menu */
#menu { 
    height: 25px;
    display: flex;
	align-items: center;
	margin: 0 2px;
	position: relative;
}
#menu a { 
    
}
.ddown { 
    cursor: pointer;
	position: relative;
	
}
.dropdown { 
    min-width: 100px; 
    display: none; 
    position: absolute;
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000; 
    cursor: pointer; 
    z-index: 100; 
}
.dropdown a { 
    line-height: 20px; 
}
.drop-m .category ul li a {
	padding: 0 3px;
}
.drop-m .category ul li a:hover {
	color: white;
}
.d_m, .d_m a {
	display: block;
}
.d_m {
	padding: 1px 5px 0 3px;
	border: 1px solid transparent;
	text-align: center;
    min-height: 21px;
}
.ddown:hover .d_m {
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	padding: 2px 3px 0 5px;
}


/* search */
#tt-body-search .lst_web2 {
	display: flex;
}
.search { 
    width: 250px;
	display: none;
	position: absolute;
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000; 
	top: 100%; 
    left: 25%;  
    z-index: 200;
}
.search_container { 
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080;
}
.search_h { 
    margin: 2px 2px 0; 
    padding: 1px 3px; 
    color: #fff; 
    font-weight: bold; 
    cursor: default;
    font-size: 10px;
}
.search_w { 
    cursor: default;
    padding: 30px;
    display: flex;
    justify-content: space-between;
}
.search_a {
    width: 30%;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
}
.search_n { 
    width: 70%;
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: white;
    border-bottom-color: white;
}
.search_n input {
    width: 100%;
    border: 1px solid;
    border-top-color: #000;
    border-left-color: #000;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    background: white;
}
.s-c_b {
    float: right;
    border: 1px solid;
    border-top-color: #dfdfdf;
    border-left-color: #dfdfdf;
    border-bottom-color: #000;
    border-right-color: #000;
    background: #c0c0c0;
}
.s-c_b2 {
    border: 1px solid;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-top-color: white;
    border-left-color: white;
    line-height: 1;
    padding: 1px 2px;
    cursor: pointer;
}
  



/* 카테고리 */
.category {
	 border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
	padding: 2px;
}
.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; 
}
.category ul li ul li { 
    display: block;
	padding: 0 3px;
}
.category ul li a {
	display: block;
}
.category ul li ul li:hover > a {
	color: white;
}
.category > ul > li > ul > li > ul > li a { 
    font-size: 9px; 
    text-align: right;
}
.subb:hover {
	color: white;
}
.subb:after {
	content: '\f0da';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
}
.category_list li {
	position: relative;
}
.category .sub_c{
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 90px;
    background: #c0c0c0;
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000; 
    z-index: 101; 
}
.category .sub_category_list {
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
	padding: 2px;
}
.category .category_list > li:hover .sub_c {
	display: block;
}



/* content */
#content { 
    margin: 0 2px 2px 2px; 
    border: 1px solid; 
    border-top-color: #808080; 
    border-left-color: #808080; 
    border-bottom-color: #fff; 
    border-right-color: #fff;  
}
.content2 {
    height: 379px; 
    background: #fff; 
    border: 1px solid; 
    border-top-color: #000; 
    border-left-color: #000; 
    border-bottom-color: #dfdfdf; 
    border-right-color: #dfdfdf;
	overflow-x: hidden;
	overflow-y: scroll;
}


/* searchList */
.hr2.s-line2 {
    height: 23px
}
.searchList_w {
    display: flex;
    align-items: center;
    margin: 1px 2px;
}
.searchList { 
    width: calc(100% - 8px);
    cursor: default;
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-bottom-color: white;
    border-right-color: white;
    margin-left: 1px;
}
.searchList .st { 
    text-align: left;
    width: 100%;
    border: 1px solid;
    border-top-color: #000; 
    border-left-color: #000; 
    border-bottom-color: #dfdfdf; 
    border-right-color: #dfdfdf; 
    background: white;
}
.searchList .st_t {
    float: left;
    line-height: 19px;
    white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	max-width: 90%;
    padding: 0 3px;
}
.st_b {
    float: right;
    border: 1px solid;
    border-top-color: #dfdfdf;
    border-left-color: #dfdfdf;
    border-bottom-color: #000;
    border-right-color: #000;
    background: #c0c0c0;
}
.st_b2 {
    border: 1px solid;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-top-color: white;
    border-left-color: white;
    padding: 0 2px;
}


/* list */
.list_wrap:after { 
    display: block; 
    clear: both; 
    content: ''; 
}
.lst_web2 {
	display: none;
}
#tt-body-index .lst_web2, #tt-body-category .lst_web2 {
	display: flex;
}
#lst_web .list_content .thumb { 
    display: none; 
}
#lst_web .list_content .listTitle {
    display: flex;
    justify-content: space-between;
    text-align: left;
    border: 1px solid transparent;
}
#lst_web .list_content .listTitle:hover { 
    border: 1px dotted #000; 
}
#lst_web .list_content .lstw {
    padding: 3px 5px;
    line-height: 1;
}
#lst_web .list_content .listTitle .list_title {
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	width: 50%;
}
#lst_web .list_content .date {
    width: 25%;
	padding: 3px 7px;
}
#lst_web .list_content .lst_category {
    width: 25%;
    white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	padding: 3px 9px;
}


#lst_gal .date, #lst_gal .lst_category {
	display: none;
}
#lst_gal {
    padding: 15px;
}
#lst_gal .list_content {
    float: left;
    width: 20%;
    border: 1px dotted transparent;
    background: white;
    padding: 5px;
}
#lst_gal .list_content:hover {
	border-color: #000
}
#lst_gal .list_content a {
	position: relative;
	display: block;
}
#lst_gal .list_content .list_title { 
	opacity: 0; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	height: 100%; 
	width: 100%; 
	transition: .2s ease; 
	background-color: rgba(0, 0, 0, 0.25); 
	z-index: 10;
}
#lst_gal .list_content .overlay { 
	color: white; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); 
	text-align: left; 
	font-size: 12px; 
	max-width: 90%; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	font-weight: bold; 
}
#lst_gal .list_content:hover .list_title { 
	opacity: 1; 
	position: absolute; 
}
#lst_gal .thumb img, #lst_re2 .thumb img {
    display: block;
    width: 100%;
}




/* 본문 */
.titleWrap {
    display: flex;
    align-items: center;
    margin: 1px 2px;
    position: relative;
}
.titleWrap2 { 
    width: calc(100% - 8px);
    cursor: default;
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-bottom-color: white;
    border-right-color: white;
    margin-left: 1px;
}
.titleWrap2 .titleWrap3 { 
    text-align: left;
    width: 100%;
    border: 1px solid;
    border-top-color: #000; 
    border-left-color: #000; 
    border-bottom-color: #dfdfdf; 
    border-right-color: #dfdfdf; 
    background: white;
}
.titleWrap2 .title {
    float: left;
    line-height: 19px;
    white-space: nowrap;
	max-width: 90%;
    padding: 0 3px;
}
.titleWrap2 .tag_b {
    float: right;
    border: 1px solid;
    border-top-color: #dfdfdf;
    border-left-color: #dfdfdf;
    border-bottom-color: #000;
    border-right-color: #000;
    background: #c0c0c0;
}
.titleWrap2 .tag_b2 {
    border: 1px solid;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-top-color: white;
    border-left-color: white;
    padding: 0 2px;
    cursor: pointer;
}
.titleWrap2 .admin_b {
    float: right;
    border: 1px solid;
    border-top-color: #dfdfdf;
    border-left-color: #dfdfdf;
    border-bottom-color: #000;
    border-right-color: #000;
    background: #c0c0c0;
}
.titleWrap2 .admin_b2 {
    border: 1px solid;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-top-color: white;
    border-left-color: white;
    padding: 0 2px;
}
.admin {
	position: absolute;
	background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000; 
	width: 75px;
	right: 0;
    top: 100%;
	text-align: center;
	display: none;
    z-index: 100;
}
.admin .admin_w {
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
	padding: 2px;
}
.admin .ad_bb {
	padding: 3px;
}
.admin ul li:last-child {
	border-bottom: none;
}
.admin .ad_aa {
	display: block;
	font-size: 11px;
    padding: 3px;
}
.admin .ad_aa:hover {
    color: white;
}
a.tx-link { 
    color: #929292; 
}
a.tx-link:hover { 
    opacity: .8; 
    transition: 0.5s; 
}
.entry, .entryNotice {
    padding: 15px;
	position: relative;
}


/* tagTrail */
.tag_container { 
    width: 250px;
	display: none;
	position: absolute;
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000; 
	top: 0; 
    right: 0;  
    z-index: 200;
}
.tag_content { 
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080;
}
.tt_h { 
    margin: 2px 2px 0; 
    padding: 1px 3px; 
    color: #fff; 
    font-weight: bold; 
    cursor: default;
    font-size: 10px;
}
.tagTrail_w { 
    cursor: default;
    padding: 30px;
    display: flex;
    justify-content: space-between;
}
.tagTrail_a {
    width: 30%;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
}
.tagTrail { 
    width: 70%;
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: white;
    border-bottom-color: white;
}
.tagTrail_e {
     border: 1px solid;
    border-top-color: #000;
    border-left-color: #000;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    background: white;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.tagTrail_e a {
    display: block;
    padding: 3px;
    font-size: 10px;
}
.tagTrail_e a:hover {
    color: white;
}
.tag-c_b {
    float: right;
    border: 1px solid;
    border-top-color: #dfdfdf;
    border-left-color: #dfdfdf;
    border-bottom-color: #000;
    border-right-color: #000;
    background: #c0c0c0;
}
.tag-c_b2 {
    border: 1px solid;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-top-color: white;
    border-left-color: white;
    line-height: 1;
    padding: 1px 2px;
    cursor: pointer;
}


/* 보호글 */
.article_P {
    width: 250px;
    margin: 40px auto;
}
.ap_w {
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000;
}
.ap_c {
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080;
}
.ap_h {
    margin: 2px 2px 0; 
    padding: 1px 3px; 
    color: #fff; 
    font-weight: bold;
    cursor: default;
    line-height: 19px;
}
.lock_w {
    padding: 20px;
}
.lock {
    text-align: center;
    margin-bottom: 25px;
}
.ap_input {
    display: flex;
    justify-content: space-between;
}
.ap_it {
    width: 30%;
}
.p_input_w {
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: white;
    border-bottom-color: white;
}
.p_input {
    background: white;
    border: 1px solid;
    border-top-color: #000;
    border-left-color: #000;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    padding: 3px;
    font-size: 10px;
}


/* notice */
.lst_notice .noticeTitle {
    display: flex;
    justify-content: space-between;
    text-align: left;
    border: 1px solid transparent;
}
.lst_notice .noticeTitle:hover { 
    border: 1px dotted #000; 
}
.lst_notice .noticeTitle .lstw {
    padding: 3px 5px;
    line-height: 1;
}
.lst_notice .noticeTitle .notice_title {
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	width: 50%;
}
.lst_notice .noticeTitle .date {
    width: 25%;
	padding: 3px 7px;
}
.lst_notice .noticeTitle .lst_category {
    width: 25%;
    white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	padding: 3px 9px;
}


/* comment, guestbook */
.commentList .date, .commentList .datee, .guestList .datee, .guestList .date {
	font-size: 10px;
	color: rgba(55, 55, 55, 0.5);
}
.commentList .date:before, .commentList .datee:before, .guestList .datee:before, .guestList .date:before {
	content: '·';
	color: #373737;
	margin-right: 2px;
}
.rep {
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000;  
    margin-bottom: 20px;
}
.rep_w {
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
    padding: 10px;
}
.desc {
    padding: 0 7px 12px;
}
.rp {
    padding: 12px 7px;
}
.rp:last-child {
	padding-bottom: 0;
}
.name {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: default;
    line-height: 1;
}
.name a {
    font-weight: bold;
}
.control {
    float: right;
    width: 30%;
    text-align: right;
}
.control a {
    font-size: 10px;
    transition: 0.5s;
    opacity: .8;
}
.control a:hover {
    opacity: 1;
    font-weight: bold;
}
.control a i {
	font-size: 10px;
}
.ny {
    margin-left: 5px;
}


/* write */
.comment {
    margin-top: 20px;
}
#tt-body-guestbook .content2 {
	padding: 30px;
	background: #c0c0c0;
}
.commentw_w { 
    background: #c0c0c0; 
    border: 1px solid; 
    border-top-color: #dfdfdf; 
    border-left-color: #dfdfdf; 
    border-right-color: #000; 
    border-bottom-color: #000;  
    margin-bottom: 40px;
}
.commentWrite { 
    border: 1px solid; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #808080; 
    border-bottom-color: #808080; 
    padding: 20px;
}
.guestWrite_w {
	margin-bottom: 40px;
}
.gwrite {
    margin-bottom: 10px;
}
.gwrite_input {
	background: white;
	border: 1px solid;
	border-top-color: #808080;
	border-left-color: #808080;
	border-right-color: white;
	border-bottom-color: white;
}
.gwrite_input input {
	border: 1px solid;
	border-top-color: #000;
	border-left-color: #000;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
    width: 100%;
    padding: 3px;
}
.wr_textarea {
	background: white;
	border: 1px solid;
	border-top-color: #808080;
	border-left-color: #808080;
	border-right-color: white;
	border-bottom-color: white;
	margin-bottom: 5px;
}
.wr_textarea textarea {
	border: 1px solid;
	border-top-color: #000;
	border-left-color: #000;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	width: 100%;
	display: block;
    padding: 5px;
}
.gwrite_t {
    float: left;
    width: 20%;
}
.gwrite_input, .wr_textarea {
    float: right;
    width: 80%;
}
.gsecret {
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: white;
    border-bottom-color: white;
    width: 13px;
    height: 13px;
    line-height: 1;
}
.gsecret .checkbox {
	display: none;
}
.lb_secret {
	display: block;
    border: 1px solid;
    border-top-color: #000;
    border-left-color: #000;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    background: white;
    height: 100%;
}
.lb_secret:after {
    display: block;
	text-align: center;
    font-size: 10px;
    font-weight: bold;
}
.gsecret .checkbox + .lb_secret:after {
	content:'　';
}
.gsecret .checkbox:checked + .lb_secret:after {
	content:'\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.gsecret_w {
    display: flex;
}
.gsecret-t {
    margin-left: 7px;
}
.gsecret-t, .gsecret-t u {
    line-height: 1;
    font-size: 10px;
}
.gsubmit {
    border: 1px solid;
    border-top-color: #dfdfdf;
    border-left-color: #dfdfdf;
    border-right-color: #000;
    border-bottom-color: #000;
    width: 50px;
    line-height: 1;
}
.gsubmit input {
    border: 1px solid;
    border-top-color: white;
    border-left-color: white;
    border-right-color: #808080;
    border-bottom-color: #808080;
    width: 100%;
    line-height: 1;
    padding: 5px;
    font-weight: bold;
}
.gsubmit:hover {
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: white;
    border-bottom-color: white;
}
.gsubmit input:hover {
    border-top-color: #000;
    border-left-color: #000;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    padding: 6px 4px 4px 6px;
}
.g_ss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}


/* taglog */
#tt-body-tag .content2 {
	height: 200px;
}
#tt-body-tag .lst_web2 {
	display: flex;
}
.taglog {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    background: #c0c0c0;
}
.taglog_t {
    width: 30%;
}
.tag-list {
    width: 70%;
    border: 1px solid;
    border-top-color: #808080;
    border-left-color: #808080;
    border-right-color: white;
    border-bottom-color: white;
}
.tag-list ul {
    border: 1px solid;
    border-top-color: #000;
    border-left-color: #000;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    background: white;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.tag-list ul li {
    margin-bottom: 1px;
}
.tag-list ul li a {
    display: block;
    padding: 3px;
    font-size: 10px;
}
.tag-list ul li a:hover {
    color: white;
}


/* paging */
.paging { 
    padding: 2px 5px; 
    border: 1px solid; 
    border-top-color: #808080; 
    border-left-color: #808080; 
    border-bottom-color: white; 
    border-right-color: white;
    margin: 0 2px 2px;
}
.paging a { 
    cursor: pointer; 
}
.paging a:hover { 
    transition: .5s; 
    opacity: 0.8; 
}
.paging .paging2 a { 
    padding-right: 5px; 
    color: #373737; 
}
.numbox { 
    margin: 0 10px; 
}
.numbox .num .selected { 
    font-weight: bold; 
}


/* tooltip */
#powerTip {
	cursor: default;
	background: #c0c0c0;
	border: 1px solid;
	border-top-color: white;
	border-left-color: white;
	border-right-color: #808080;
	border-bottom-color: #808080;
	font-size: 10px;
	display: none;
	line-height: 1;
	padding: 5px;
	border-radius: 2px;
	position: absolute;
	white-space: nowrap;
	z-index: 2147483647;
}



/* 피씨 */
@media all and (min-width:601px) {
    #container { 
        width: 600px; 
        margin: 100px auto 20px;
    }
    .cover {
        width: 600px;
        margin: 60px auto 50px;
    }
}


/* 모바일 */
@media all and (max-width:600px) {
    #container { 
        width: 90%; 
        margin: 20px auto; 
    }
    .cover {
        width: 90%;
        margin: 20px auto;
    }
	.ddown{ 
        margin-right: 5px; 
    }
	.category .sub_c {
		display: none;
	}
	.subb:after {
		content: '';
	}
	.search {
		left: 0;
	}
    .tag_container {
        width: 80%;
    }
    .tt_t {
        width: 80%;
    }
    .gwrite_t {
        width: 30%;
    }
    .gwrite_input, .wr_textarea {
        width: 65%;
    }
}