@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#tistorytoolbarid *,
#tistoryProfileLayer * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

html { overflow-x: hidden; }
html, body { margin: 0; padding: 0; }
body { background-color: #000; }
body, input, textarea { font-size: 15px; font-family: "나눔고딕", "맑은 고딕", "Malgun Gothic", "Apple SD 산돌고딕 Neo", "AppleSDGothicNeo", sans-serif; line-height: 150%; }

img { max-width: 100%; border: 0; }
fieldset { padding: 2%; border: 1px solid #ddd; }
fieldset legend { padding: 0 10px; }
sup, sub { display: inline-block; height: 0; font-size: 10px; line-height: 0; }
iframe, video, embed, object { max-width: 100%; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
cite, em { font-style: italic; }
blockquote { position: relative; margin: 0; padding: 10px 15px; color: #555; border-left: 5px solid #f1f1f1; }
pre { margin: 10px 0; padding: 40px 40px 35px; font-size: 13px; font-family: "verdana", "나눔고딕", "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "Apple SD 산돌고딕 Neo", "AppleSDGothicNeo", sans-serif; color: #fff; line-height: 170%; tab-size: 4; background-color: #333; overflow-x: auto; overflow-y: hidden; }
hr { margin: 0; padding: 0; height: 0; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #fafafa; overflow: hidden; }
h1, h2, h3, h4, h5, b, strong { font-weight: 500; }
input, textarea { line-height: 170%; outline: none; }
code { display: inline-block; margin: 1px 0; padding: 2px 5px 3px; font-family: inherit; color: crimson; background-color: #f1f1f1; border-radius: 3px; }
code.red { color: #BE0D0D; background-color: #FFF4F4; border: 1px solid #FFD8D8; }
code.blue { color: #4570CD; background-color: #F4FCFF; border: 1px solid #AFD5E3; }
code.green { color: #267C45; background-color: #F4FFF4; border: 1px solid #A6E6A6; }

h1,h2,h3,h4,h5 { font-family: "Noto Sans CJK KR", "본고딕", "Noto Sans Korean", "나눔고딕", "맑은 고딕", "Malgun Gothic", "Apple SD 산돌고딕 Neo", "AppleSDGothicNeo", sans-serif; letter-spacing: -0.5px; }

a { color: #aaa; text-decoration: none; }
a:active { color: #888; }


/* common */
.width { margin: 0 auto; max-width: 1100px; }

.clear { clear: both; width: 100%; }

#wrap {  }
#notice { position: absolute;  top: 0; left: 0; padding: 15px; width: 100%; text-align: center; font-size: 12px; color: #fff; }
#notice .notice-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
background-color: #000;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

#background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
#background img { width: 100%; }

#cover { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 30; opacity: 0.8; }
#cover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/* header */
#header { position: relative; padding: 130px 0 80px; }
.header-wrap { position: relative; }
.header-wrap .title { float: left; margin: 0; padding: 0; font-size: 20px; }
.header-wrap .title a { color: #ddd; }
.header-wrap .nav { position: absolute; top: -8px; right: 0; bottom: 0; margin: auto; }
.header-wrap .nav .blog_menu,
.header-wrap .nav .category { display: none; }
.header-wrap .nav ul { margin: 0; padding: 0; }
.header-wrap .nav li { float: left; list-style: none; font-size: 13.5px; }
.header-wrap .nav li a { display: block; padding: 8px 10px 10px; color: #aaa; border-top: 2px solid #333; }
.header-wrap .nav li a:hover { color: #ccc; border-color: #444; }
.header-wrap .nav li a:active { background-color: #222; }

/* container */
#container { }

.container-title { position: relative; padding: 60px 0 50px; color: #ddd; text-align: center; line-height: 200%; box-shadow: 0 0 10px #333; overflow-wrap: break-word; word-break: keep-all; }
.container-title .container-title-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
background-color: #000;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.container-title a { color: #ddd; }
.container-title h2 { margin: 0; padding: 0; font-size: 20px; font-weight: 400; }
.container-title span { display: block; font-size: 14px; color: #aaa; letter-spacing: 1px; }
.container-title span.category { margin-top: 10px; color: #5D978E; }
.container-title span.date { font-size: 12px; }
.container-title .admin { margin-top: 20px; font-size: 13px; text-align: center; color: #888; }
.container-title .admin a { color: #888; }

.container-wrap { position: relative; padding: 30px 0; overflow: hidden; }
.container-wrap .content { float: left; width: 75%; line-height: 180%; overflow-wrap: break-word; word-break: keep-all; }
.container-wrap .sidebar-wrap { display: block; float: right; padding: 0 0 0 20px; width: 25%; }

/* tag */
.tag .content { text-align: center; }
.tag .content a { display: inline-block; margin: 7px 5px; }
.tag .content .cloud5 { color: #888 !important; font-size: 14px !important; }
.tag .content .cloud4 { color: #157586 !important; font-size: 15px !important; }
.tag .content .cloud3 { color: #5d978e !important; font-size: 18px !important; }
.tag .content .cloud2 { color: #f55 !important; font-size: 20px !important; }
.tag .content .cloud1 { color: #f00 !important; font-size: 22px !important; }

/* local */
.local .spot { padding-left: 5px; }
.local .spot:before { content: "\f0da"; font-family: "FontAwesome"; padding-right: 5px; }
.local .info:before { content: "\f041"; font-family: "FontAwesome"; padding-right: 5px; }

/* list */
.list .content {  }
.list .content ul { margin: 0; padding: 0; border-top: 1px solid #222; }
.list .content ul li { list-style: none; padding: 0; border-bottom: 1px solid #222; }
.list .content ul li a { display: block; padding: 10px 0; }
.list .content ul li:hover { background-color: rgba(20,20,20,0.7); }
.list .content .info { padding: 20px 10px 15px; }
.list .content .info .title { color: #ddd; }
.list .content .info .desc { display: none; }
.list .content .info .date { font-size: 13px; color: #999; }
.list .content .info .cnt { color: #5D978E; }

/* notice */
.notice .entry-ccl { margin-bottom: 0 !important; }

/* protect */
.protect .content { width: 100%; }
.protect .entry { padding: 50px 10px; text-align: center; }
.protect .entry .text { margin-bottom: 10px; font-size: 30px; }
.protect .entry .password input { padding: 10px; width: 50%; text-align: center; border: none; border-bottom: 1px dotted #aaa; }
.protect .entry .button { margin-top: 10px; }
.protect .entry .button input { padding: 10px; border: none; border-bottom: 1px dotted #aaa; background-color: transparent; cursor: pointer; }

/* article */
.article .entry { color: #ccc; }
.article .entry a.tx-link { color: #5D978E; border-bottom: 1px solid #5D978E; }

.article .entry .imageblock img { vertical-align: middle; }
.article .entry .imageblock .ExifInfo { padding-top: 3px; }
.article .entry .galleryControl { font-family: inherit !important; }
.article .entry .tt-gallery-box { margin-bottom: 10px; }
.article .entry .tt-gallery-box img { max-width: 100%; height: auto !important; vertical-align: middle; }
.article .entry .cap1,
.article .entry .galleryCaption { margin: 0 !important; padding-top: 3px; text-align: center; color: #555; font-style: italic; word-break: break-all; }
.article .entry .cap1 { width: 100% !important; }

.article .entry .moreless_fold span:before,
.article .entry .moreless_top span:before { font-family: "FontAwesome"; top: 10px; left: 9px; font-size: 16px; color: #aaa; }
.article .entry .moreless_fold,
.article .entry .moreless_top { background-color: #fcfcfc; border-top: 1px solid #eee; }
.article .entry .moreless_fold span,
.article .entry .moreless_top span { display: block; padding: 10px 10px 8px 25px; }
.article .entry .moreless_fold { position: relative; border-bottom: 1px solid #eee; }
.article .entry .moreless_fold span:before { content: "\f107"; position: absolute; }
.article .entry .moreless_top { position: relative; border-bottom: 1px solid #eee; }
.article .entry .moreless_top span:before { content: "\f106"; position: absolute; }
.article .entry .moreless_content { padding: 10px; }
.article .entry .moreless_content pre { margin-left: -60px; margin-right: -60px; padding: 40px 60px; }
.article .entry .moreless_bottom { position: relative; text-align: center; border-bottom: 1px solid #eee; }
.article .entry .moreless_bottom span { display: block; padding: 10px 25px 8px 10px; font-size: 15px; color: #888; }

.article .entry a.key1 { cursor: pointer; }

.article .entry div.footnotes { margin-top: 30px; font-size: 13px; border-top: 1px solid #333; }
.article .entry div.footnotes ol { padding: 0; margin: 10px 0 0 30px; list-style: decimal-leading-zero; }
.article .entry div.footnotes ol li a { color: #aaa; font-weight: 400; }

.article .another_category { padding: 0; border: none; }
.article .another_category table { margin-top: 14px !important; }
.article .another_category h4 { font-size: 0 !important; color: #aaa !important; border-bottom-color: #333 !important; }
.article .another_category h4 a { font-size: 16px !important; color: #bbb !important; font-weight: 500 !important; }
.article .another_category h4 a:after { content: "카테고리의 다른 글..."; padding-left: 5px; font-size: 14px !important; color: #aaa !important; font-weight: 400 !important; }
.article .another_category th { font-size: 13px !important; }
.article .another_category th a { color: #bbb !important; }

.article .tag_label { padding-top: 10px; font-size: 13px; border-top: 1px solid #333; }
.article .tag_label a { display: inline-block; color: #bbb; }
.article .tag_label a:before { content: "#"; }

.article .actionTrail { position: relative; margin: 30px 0 0; padding: 50px 0 45px; font-size: 13px; text-align: center; }
.article .actionTrail a { color: #999; }
.article .actionTrail-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
background-color: #111;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/* communicate */
.communicate { color: #bbb; }
.communicate .tistoryProfileLayerTrigger { display: none; }
.communicateList ol { margin: 0; padding: 0; }
.communicateList ul { margin: 0 0 0 30px; padding: 0; }
.communicateList li { position: relative; list-style: none; }
.communicateList li div { padding: 0 5px; }
.communicateList > ol > li { margin: 50px 0 0; }
.communicateList ul li { padding: 15px 0 0; border-top: 1px solid #222; }
.communicateList ul li:last-child { border-bottom: 1px solid #222; }
.communicateList .desc { font-size: 13px; }
.communicateList .info .name a { color: #aaa; }
.communicateList .info .date a { font-size: 11px; color: #5D978E; }
.communicateList .control { padding: 0 0 10px; font-size: 13px; text-align: right; }
.communicateList .control .reply { margin-right: 10px; color: #5D978E; }
.communicateList .control .delete { color: #888; }

.communicateWrite { position: relative; margin: 50px 0 0; padding: 15px 15px 10px; }
.communicateWrite .communicateWrite-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
background-color: #111;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.communicateWrite input,
.communicateWrite textarea { font-size: 13px; }
.communicateWrite div { margin: 0 0 15px; padding: 0; }
.communicateWrite div label { display: block; margin-bottom: 5px; padding: 0 5px; font-size: 13px; }
.communicateWrite div input[type="text"],
.communicateWrite div input[type="password"] { padding: 10px 5px; width: 70%; color: #aaa; background-color: transparent; border: none; border-bottom: 1px solid #333; outline: none; cursor: pointer; }
.communicateWrite div input[type="text"]:focus,
.communicateWrite div input[type="password"]:focus { border-color: #555; }
.communicateWrite .secret { position: relative; }
.communicateWrite .secret label { margin: 0; cursor: pointer; }
.communicateWrite .secret input { position: absolute; top: 0; bottom: 0; left: 70px; margin: auto 0; cursor: pointer; }
.communicateWrite .secret input:focus { border: none; }
.communicateWrite .textarea { margin-bottom: 0; }
.communicateWrite .textarea textarea { width: 100%; padding: 10px 5px; height: 150px; color: #aaa; background-color: transparent; border: none; border-bottom: 1px solid #333; outline: none; vertical-align: middle; }
.communicateWrite .textarea textarea:focus { border-color: #555; }
.communicateWrite .submit { margin: 10px 0 0; }
.communicateWrite .submit input { width: 100%; height: 50px; font-size: 13px; color: #aaa; border: none; background: none; cursor: pointer; }
.communicateWrite .submit input:focus { font-weight: 500; color: #a00; outline: none; }

.guestbook .communicateWrite { margin: 0; }
.guestbook .communicateWrite .textarea textarea { height: 200px; }

/* sidebar */
.sidebar { display: none; font-size: 15px; }
.sidebar-wrap .sidebar { display: block; }
.sidebar-wrap .widget { position: relative; margin-bottom: 20px; padding: 10px 10px 15px; }
.sidebar-wrap .widget .widget-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
background-color: #000;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.sidebar-wrap .widget h5.title { position: relative; margin: 0; padding: 8px 0 7px; font-size: 15px; font-weight: 400; color: #5D978E; border-bottom: 1px solid #222; }
.sidebar-wrap .widget ul { margin: 0; padding: 0; }
.sidebar-wrap .widget ul li { list-style: none; padding: 10px 0 0; font-size: 13px; }
.sidebar-wrap .widget ul li a { color: #aaa; }
.sidebar-wrap .widget input { margin-top: 10px; padding: 5px; width: 100%; font-size: 13px; color: #aaa; border: none; background-color: transparent; }
.sidebar-wrap .widget input:focus { outline: none; }
.sidebar-wrap .category ul { margin: 0; padding: 0 0 0; }
.sidebar-wrap .category > ul { margin: 0; padding: 10px 0 0; }
.sidebar-wrap .category ul li { margin: 0; padding: 0; list-style: none; }
.sidebar-wrap .category ul li ul li { padding: 10px 0 0; }
.sidebar-wrap .category ul li ul li ul li { padding: 5px 0 0 5px; }
.sidebar-wrap .category ul li ul li ul li:before { content: "-"; padding-right: 8px; color: #aaa; }

/* paging */
.paging { padding: 25px 0 10px; overflow: auto; }
.paging .width { padding: 40px 10px 0; }
.paging .prev { color: #aaa; }
.paging .next { float: right; color: #aaa; }
.paging .no-more-prev,
.paging .no-more-next { color: #333; cursor: no-drop; }

/* footer */
#footer { position: relative; margin-top: 20px; padding: 55px 10px; color: #999; text-shadow: 1px 1px #000; }
#footer .footer-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
background-color: #222;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.footer-wrap { position: relative; }
.footer-wrap a { color: #999; }
.footer-wrap a:hover { color: #ddd; }
.footer-wrap a:active { color: #fff; }

.footer-wrap .line { width: 100%; }

.footer-wrap .widget { float: left; width: 30%; margin: 0; padding: 0 1.5% 50px; }
.footer-wrap .widget h5 { margin: 0; padding: 0; font-size: 15px; font-weight: 400; color: #5D978E; }
.footer-wrap .widget ul { margin: 0; padding: 0; }
.footer-wrap .widget ul li { list-style: none; padding: 7px 0 0; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.footer-wrap .widget input { margin-top: 10px; padding: 10px 5px; width: 100%; font-size: 13px; color: #ccc; background-color: transparent; border: 1px solid #3d3d3d; outline: none; }
.footer-wrap .widget input:focus { box-shadow: 0 0 5px #222; }

.footer-wrap .category {  }
.footer-wrap .category ul { margin: 0; padding: 0; }
.footer-wrap .category > ul { margin: 0; padding: 10px 0 0; }
.footer-wrap .category ul li { margin: 0; padding: 0; list-style: none; }
.footer-wrap .category > ul > li > ul > li { padding: 10px 0 0; }
.footer-wrap .category > ul > li > ul > li > ul > li { padding: 5px 0 0; }
.footer-wrap .category ul li ul li ul li { padding-left: 10px; }

.footer-wrap .profile-image { text-align: center; }
.footer-wrap .profile-image img { max-width: 300px; }
.footer-wrap .profile-desc {  }
.footer-wrap .profile-desc .desc { padding: 7px 0 0; font-size: 13px; word-break: break-all; }

.footer-wrap .copyright { padding: 50px 10px 0; font-family: "verdana", "NSK"; font-size: 11px; text-align: center; }

/* footer button */
.footer-wrap .footer-button-wrap { position: absolute; top: -80px; right: 0; left: 0; margin: 0 auto; width: 50px; text-align: center; z-index: 50; }
.footer-wrap .footer-button { float: right; height: 50px; line-height: 50px;
background: #000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000 0%, #1a1a1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000), color-stop(100%,#1a1a1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #000 0%,#1a1a1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #000 0%,#1a1a1a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #000 0%,#1a1a1a 100%); /* IE10+ */
background: linear-gradient(135deg, #000 0%,#1a1a1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-shadow: none;
font-size: 16px;
}
.footer-wrap .footer-button a { display: block; width: 50px; height: 50px; color: #bbb; }

/* responsive web */
.header-wrap .nav-toggle { display: none; }

@media all and (max-width: 1023px) {
	.container-wrap { padding-left: 10px; padding-right: 10px; }
}
@media all and (max-width: 960px) {
	.responsive-video { position: relative; padding-bottom: 56.25%; width: 100%; }
	.responsive-video iframe,
	.responsive-video embed,
	.responsive-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media all and (max-width: 959px) {
	#header { padding-top: 80px; padding-bottom: 50px; }
	.header-wrap .title { float: none; text-align: center; }
	.header-wrap .nav-toggle { position: relative; display: block; margin-top: 25px; padding: 15px 0 13px; color: #bbb; text-align: center; box-shadow: 0 0 10px #333; }
	.header-wrap .nav-toggle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: -1; }
	.header-wrap .nav { display: none; position: relative; top: 0; }
	.header-wrap .nav li { float: none; padding: 0; font-size: 12px; }
	.header-wrap .nav li a { padding: 10px; border-top: none; border-bottom: 1px solid #333; }

	html.nav-active .header-wrap .nav { display: block; }

	.container-wrap .content { float: none; width: 100%; }
	.container-wrap .sidebar-wrap { float: none; padding: 20px 0 0; width: 100%; }
	.container-wrap .sidebar-wrap .widget { border: none; padding-left: 10px; padding-right: 10px; }

	.footer-wrap .widget { float: none; width: 100%; }
}
@media all and (max-width: 640px) {
	#tistorytoolbarid { display: none; }
	.another_category td { display: none; }
}
@media all and (min-width: 960px) {
	.header-wrap .nav-toggle { display: none; }
	.header-wrap .nav { display: block; }
}

/* tedition */
#ttCanvas { visibility: hidden; width: 100% !important; }
.tt-edit-canvas { visibility: visible !important; }