@charset "utf-8";
@font-face { font-family: heumeot; src: url(./images/heum.eot); }
@font-face { font-family: heumttf; src: url(./images/heum.ttf); }
@font-face { font-family: heumwoff; src: url(./images/heum.woff); }
#ttCanvas, .tt-component, tt-item { position: relative; overflow: hidden; z-index: 1; }
#ttCanvas ul li, #ttCanvas ul li p { position: relative; overflow: hidden; z-index: 1; }


/* 초기화 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, blockquote, th, td, input, select, textarea, button, p { margin: 0; padding: 0; }
header, footer, article, nav, aside { display: block; }
img { border: 0 none; }
hr { display: none; }
dl, ul, ol, menu, li { list-style: none; }
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a {transition: all 0.2s;}
a:hover { color: #666; text-decoration: underline; transition: all 0.2s; }
.index_type_horizontal_line2 a:hover, .index_list_container a:hover {text-decoration: none; color: #555;}
a:active { color: #666; text-decoration: none; }
h1 { font-size: 20px; color: #515151; }
h2 { color: #494949; text-shadow: 0px 0px 3px #6f8dfe; }
.moreless_fold { padding-left: 22px; margin-bottom: 5px; background: transparent url(images/more.png) no-repeat; color: #3196fc; font-size: 1.1em; }
.moreless_top { padding-left: 22px; margin-bottom: 5px; background: transparent url(images/less.png) no-repeat; color: #3196fc; font-size: 1.1em; }
.moreless_bottom { padding-right: 22px; margin: 0; background: transparent url(images/less.png) no-repeat right; color: #999; text-align: right; font-size: 1.1em; }
.clear { clear: both; height: 0 !important; }
.rounded { border-radius: 5px; }
.imageblock img { border-radius: 8px; }
td.chart { border: 0 none !important; }



/* 레이아웃 */

body { 
	font-family: heumeot, heumttf, heumwoff, '나눔고딕', 'Nanum Gothic', '맑은 고딕', AppleGothic, sans-serif;
	font-size: 14.5px;
	color: #000;
	background: #fff no-repeat top center fixed;
	background-size: cover;
	cursor: default;
}
#main_title { margin-top: 40px;
}
#main_title .name { display: inline-block; width: 400px; height: 60px; background: transparent url(images/blog_title.png) no-repeat 20px 0; cursor: pointer;
}
#main_title .name:hover { background-position: 20px -60px;
}
.wrapper { position: relative; width: 840px; margin: 10px auto 25px auto; overflow: visible;
}
.box_top { width: 840px; height: 23px; background: transparent url(images/box_t.png) no-repeat; background-position: center bottom -0.2px;
}
.box_bottom { width: 840px; height: 23px; background: transparent url(images/box_b.png) no-repeat bottom center;
}
#box_container { background: transparent url(images/box_right.png) repeat-y right; overflow: hidden;
}
#box_left { float: left; width: 52px;
}
#box_right { float: right; width: 763px; padding-left: 25px;
}
#box_wrapL { width: 52px; background: transparent url(images/box_left.png) repeat-y left;
}
#content { width: 730px;
}
.content_element { padding-bottom: 30px;
}
.content_element .title {
	margin: 10px 0 10px 0;
}



/* 네비게이션 메뉴 */

#tt-body-guestbook #nav_main { background: transparent url(images/nav_mainDefault.png) no-repeat;
}
#tt-body-guestbook #nav_guest { background: transparent url(images/nav_guestActive.png) no-repeat;
}
#box_left .navigation span { display: block; width: 52px; height: 126px; cursor: pointer;
}
#nav_main { background: transparent url(images/nav_mainActive.png) no-repeat;
}
#nav_guest { background: transparent url(images/nav_guestDefault.png) no-repeat;
}
#nav_subtitle { background: transparent url(images/nav_subDefault.png) no-repeat;
}



/* 검색 목록, 태그 목록 */

.searchList .category, .searchList .cnt { color: #3196fc;
}
.searchList ol, .tagLog ul { margin-top: 10px;
}
.searchList li a, .tagLog li a { font-size: 1.2em; color: #000;
}
.searchList .date { margin-right: 15px; font-family: georgia, gulim; font-size: 1.2em; font-style: italic; color: #3196fc;
}
.searchList li .cnt { margin-left: 3px; font-size: 0.8em; font-weight: bold;
}
.tagLog li { display: inline; margin-right: 5px;
}



/* 포스트 */

.protectedArticle .body_section { padding: 10px 0; text-align: center; font-size: 1.1em;
}
.protectedArticle .body_section p { padding-bottom: 10px; margin: 0 0 3px;
}
.protectedArticle .article_pass { border: 1px solid #999; padding: 2px 5px; background: transparent; font-family: dotum, gulim;
}
.post { position: relative; overflow: hidden;
}
.post .pre_section {
}
.posting_section .body_section { padding-top: 15px; overflow: hidden;
}
.posting_section .info span { display: inline-block;
}
.posting_section .pre_section .date { float: left; font-family: heumeot, heumttf, heumwoff, 'Nanum Gothic', sans-serif; font-size: 1.7em; font-weight: bold;
}
.posting_section .pre_section .year { font-size: 1.0em; color: #47dafa;
}
.posting_section .pre_section .month { font-size: 1.0em; color: #c3e355; padding-left: 5px;
}
.posting_section .pre_section .day { font-size: 1.0em; color: #ffa138; padding-left: 5px;
}
.posting_section .pre_section .time { margin-left: 5px; font-size: 0.75em; font-weight: 400;
}
.posting_section .author, .post .category { padding-top: 5px; font-size: 1.1em;
}
.posting_section .author {float: left; margin-left: 10px;
}
.posting_section .category { float: right;
}
.posting_section .category a { color: #3196fc; font-weight: bold;
}
.posting_section .title a { color: #3196fc;
}
.post .editor { display: none; position: absolute; right: 0; top: 57px; padding: 0 5px; border: 1px solid #3196fc; background: transparent url(images/blank_white.png); font-size: 14px;
}
.post .editor a { color: #000;
}
.post .editor a:hover { color: #3196fc;
}
.post .editor .state { color: #ff0000;
}
.tags a { color: #3196fc;
}



/* 토글 박스, 트랙백 */

.toggle_box { margin-top: 20px;
}
.tbtoggle_btn, .rctoggle_btn { display: inline-block; height: 25px; cursor: pointer;
}
.tbtoggle_btn { width: 46px; background: transparent url(images/tb_toggle.png) no-repeat;
}
.rctoggle_btn { width: 32px; background: transparent url(images/comment_toggle.png) no-repeat;
}
.no_tb, .no_rc { font-size: 1.3em; font-weight: bold; color: #3196fc; vertical-align: 20%;
}
.toggle_box .cnt { font-size: 1.3em; font-weight: bold; color: #3196fc; vertical-align: 20%;
}
.tb_url { background: transparent url(images/blank_black.png); padding: 3px 10px 1px 10px; margin-bottom: 5px;
}
.trackbackList { margin-bottom: 15px; border-top: 1px solid #74abfe; border-bottom: 1px solid #fff;
}
.trackbackList li { position: relative; padding: 7px 10px 10px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #74abfe; overflow: hidden;
}
.trackbackList li:hover { background: transparent url(images/blank_black.png);
}
.tb_info { padding-bottom: 5px;
}
.tb_info .title { margin-right: 10px; font-size: 1.1em; font-weight: bold; color: #3196fc;
}
.tb_info .year { color: #47dafa;
}
.tb_info .month { color: #c3e355;
}
.tb_info .day { color: #ffa138;
}
.tb_info .time { margin-left: 5px;
}
.tb_desc { word-wrap: break-word;
}
.tb_from { color: #f68089;
}
.tb_del { display: none;  position: absolute; top: 7px; right: 10px; width: 21px; height: 21px; background: transparent url(images/tb_del.png) no-repeat; opacity: 0.6; filter: alpha(opacity=60); -webkit-opacity: 0.6; -moz-opacity: 0.6;
}
.tb_del:hover { opacity: 1.0; filter: alpha(opacity=100); -webkit-opacity: 1.0; -moz-opacity: 1.0;
}



/* 방명록, 댓글 */

.guest_secret, .rp_secret { color: #ff6f6f;
}
/* 기존 비밀댓글 색상 #f68089 */
.guestbook .body_section { margin-top: 10px;
}
.guestbook.content_element {
	margin-top: 10px;
}
.guestbookList { margin-top: 20px; border-top: 1px solid #74abfe; border-bottom: 1px solid #fff;
}
.guestbookList ul { border-top: 1px dashed #a9a9a9;
}
.commentList { margin-bottom: 15px; border-top: 1px solid #74abfe; border-bottom: 1px solid #fff;
}
.commentList ul { border-top: 1px dashed #a9a9a9;
}
.comment { border-top: 1px solid #fff; border-bottom: 1px solid #74abfe;
}
.reply { border-top: 1px dashed #fff;
}
.comment_box { padding: 10px;
}
.reply_box { padding: 10px 10px 10px 60px; background: transparent url(images/arrow1.png) no-repeat 10px 20px;
}
.comment_box:hover, .reply:hover { background: transparent url(images/blank_black.png);
}
.reply_box:hover { background: transparent url(images/arrow2.png) no-repeat 10px 20px;
}
.comment_info { position: relative; height: 52px; padding-left: 60px; overflow: hidden;
}
.comment_info .name, .comment_info .date { display: block; font-size: 1.02rem; margin-top: 0;
}
.comment_info .name { font-size: 1.02rem; font-weight: bold;
}
.comment_info .name a { color: #3196fc;
}
.comment_info .year { color: #47dafa; font-weight: 700;
}
.comment_info .month { color: #c3e355; font-weight: 700;
}
.comment_info .day { color: #ffa138; font-weight: 700;
}
.comment_info .time { margin-left: 5px;
}
.comment_info img { position: absolute; left: 0; width: 40px; height: 40px; padding: 1px; border: 2px solid #d1d1d1; background-color: #fff;
}
.comment_feedback { display: none; position: absolute; top: 0; right: 0;
}
.comment_feedback span { display: inline-block; float: left; width: 21px; height: 21px; margin-left: 5px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); -webkit-opacity: 0.6; -moz-opacity: 0.6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.comment_feedback span:hover { opacity: 1.0; filter: alpha(opacity=100); -webkit-opacity: 1.0; -moz-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.comment_feedback .url_btn { background: transparent url(images/comment_url.png) no-repeat;
}
.comment_feedback .edit_btn { background: transparent url(images/comment_edit.png) no-repeat;
}
.comment_feedback .reply_btn { background: transparent url(images/comment_reply.png) no-repeat;
}
.comment_desc { word-wrap: break-word;
}
.comment_desc p {
	/*font-size: 1.02rem;*/
	font-size: 1.1rem;
}
.commentWrite { padding-top: 5px;
}
.commentWrite textarea { float: left; width: 440px; height: 150px; padding: 5px; background: transparent; border: 1px solid #999; overflow-x: hidden; overflow-y: auto; font-family: dotum, gulim;
}
.submit_info { float: right; position: relative; width: 260px; height: 160px; overflow: hidden;
}
.visitor_form label { cursor: pointer;
}
.visitor_form span { display: inline-block; width: 70px;
}
.visitor_form input { width: 160px; border: 1px solid #999; padding: 2px 5px; background: transparent; font-family: dotum, gulim;
}
.secret_box { position: absolute; bottom: 45px;
}
.secret_box input { margin: 0 5px 0 0;
}
.submitBtn {
	position: absolute; 
	bottom: 0; 
	width: 250px; 
	height: 40px;
	background: transparent;
	border: 1px solid #999;
	transition: 0.2s ease;
	cursor: pointer;
}
.submitBtn:hover {
	background: rgba(153, 153, 153, 0.33);
	transition: 0.2s ease;
}



/* 페이징 */

.paging { padding: 0;
}
.paging_bar { padding: 3px 10px; margin: 0 auto; background: transparent url(images/blank_black.png); font-size: 1.2em; text-align: center;
}
.paging_bar a { color: #000;
}
.paging_bar a:hover { color: #3196fc;
}
.paging_bar .selected { font-weight: bold; color: #3196fc;
}
.page_align { margin: 0 10px;
}



/* 사이드바 */

.sn_top { width: 70px; height: 10px; background: transparent url(images/sn_t.png) no-repeat;
}
.sn_middle { width: 70px; background: transparent url(images/sn_m.png) repeat-y;
}
.sn_bottom { width: 70px; height: 10px; background: transparent url(images/sn_b.png) no-repeat;
}
.sb_top {width: 700px; height: 16px; background: transparent;}
.sb_middle {
	width: 700px; 
	padding: 15px 7px;
	background: rgba(0, 0, 0, 0.8);
	border: 1px solid rgba(102, 176, 255, 0.75);
	border-radius: 10px;
  box-shadow: 0 0 5px rgba(102, 176, 255, 0.95);
}
.sb_bottom { width: 700px; height: 16px; background: transparent;}
.sb_element { padding-bottom: 5px;
}
#side_wrapper { position: absolute; top: 90px; right: -75px; width: 70px;
}
#side_wrapper .navigation { width: 50px; margin: 0 auto;
}
#side_wrapper .navigation span { display: block; width: 50px; height: 50px; cursor: pointer;
}
#side_wrapper .navigation span:hover { background-position: 0 -50px;
}
#side_wrapper .scroll_top { background: transparent url(images/nav_arrow_t.png) no-repeat 0 0;
}
#side_wrapper .scroll_bottom { background: transparent url(images/nav_arrow_b.png) no-repeat 0 0;
}
#side_wrapper .sb_btn { background: transparent url(images/nav_sidebar.png) no-repeat 0 0;
}
#side_wrapper .tag_btn { background: transparent url(images/nav_tag.png) no-repeat 0 0;
}
#side_wrapper .admin_btn { background: transparent url(images/nav_admin.png) no-repeat 0 0;
}
#sb_fix { position: relative; padding-left: 18px;
}
#sb_fix input { position: absolute; top: 3px; left: 0;
}
#sb_fix span { cursor: pointer;
}
#sb_close { position: absolute; display: block; top: 45px; right: 0px; width: 10px; height: 10px; background: transparent url(images/sb_close.png) no-repeat; cursor: pointer;
}
#sidebar { display: none; position: absolute; top: -60px; right: 120px; width: 700px; padding: 10px 0; color: #fff; z-index: 100;
}
div#sb_section1 {
	width: 188px;
}
div#sb_section2 {
	width: 248px;
}
div#sb_section3 {
	width: 200px;
}
#sidebar a { color: #fff;
}
#sidebar a:hover { color: #f68089;
}
#sidebar .side_block { float: left; padding: 0 10px;
}
#sidebar #sb_section2 { border-left: 1px solid #777; border-right: 1px solid #777;
}
#categoryList { padding-top: 30px; background: transparent url(images/sb_category.png) no-repeat -3px top;
}
#categoryList a:hover { text-decoration: none;
}
#categoryList ul { position: relative; padding: 0;
}
#categoryList ul li a { margin-left: 16px;
}
#categoryList ul li ul { padding: 0; margin: 0;
}
#categoryList ul li ul li { position: relative; padding: 2px 0 0 0;
}
#categoryList ul li ul li a { margin-left: 38px;
}
#categoryList ul li ul li ul { padding: 0 !important; margin: 0;
}
#categoryList ul li ul li ul li { padding: 0;
}
#categoryList ul span { position: absolute; display: inline-block;
}
#categoryList .top_tree { left: -2px; width: 16px; height: 22px; background: transparent url(images/top_tree.gif) no-repeat; cursor: pointer;
}
#categoryList .mid_tree { left: -2px; width: 39px; height: 17px; background: transparent url(images/tree_default.gif) no-repeat;
}
#categoryList .closed_tree { background: transparent url(images/tree_closed.gif) no-repeat !important; cursor: pointer;
}
#categoryList .opened_tree { background: transparent url(images/tree_opened.gif) no-repeat !important; cursor: pointer;
}
#categoryList .last_mid_tree { left: -2px; width: 17px; background: transparent url(images/mid_tree.gif) repeat-y;
}
#categoryList .last_tree { left: 15px; width: 22px; height: 18px; background: transparent url(images/last_tree.gif) no-repeat;
}
#categoryList .bottom_tree { left: 15px; width: 22px; height: 18px; background: transparent url(images/bottom_tree.gif) no-repeat;
}
#categoryList .bottom_node .last_mid_tree { display: none;
}
#categoryList .c_cnt { position: static; color: #4c98ff;
}
.blog_img img { border-radius: 10px;
}
.notice_board { padding-top: 30px; background: transparent url(images/sb_notice.png) no-repeat -3px top;
}
.neighbor_connect { padding-top: 30px; background: transparent url(images/sb_neighbor.png) no-repeat -3px top;
}
.link { padding-top: 30px; background: transparent url(images/sb_link.png) no-repeat -3px top;
}
.link select { width: 180px; font-family: dotum;
}
.counter { padding-top: 30px; background: transparent url(images/sb_counter.png) no-repeat -3px top; text-align: center;
}
.counter .count { font-family: Arial, dotum; font-size: 1.4em; font-weight: bold; word-wrap: break-word;
}
.counter .count .total { font-size: 1.2em;
}
.counter .ruby { margin-top: -5px;
}
.counter .total { color: #47dafa; margin-right: 3px;
}
.counter .today { color: #c3e355; margin-right: 3px;
}
.counter .yesterday { color: #ffa138;
}
.notice_board.sb_element ul, #categoryList ul, .link.sb_element select, .counter.sb_element, .blog_img {
	margin-top: 10px;
}
.counter.sb_element .count {
	margin-top: 5px;
	margin-bottom: 5px;
}



/* 자막 공간 */

#sub_board { display: none; width: 730px; overflow: hidden;
}
#sub_board h2 { font-size: 1.6em;
}
.table_info, .sub_section1, .sub_section2 { float: left; padding-top: 2px; padding-bottom: 2px;
}
.table_info { width: 286px; padding-right: 10px; border-right: 1px solid #ccc;
}
.table_info .sub_info { margin-top: 5px; padding: 5px; background: transparent url(images/blank_black.png); border-radius: 5px;
}
.table_info .red { color: red;
}
.table_info .green { color: green;
}
.table_info .blue { color: blue;
}
.table_info #search_box { border: 1px solid #999; padding: 2px 5px; background: transparent; font-family: dotum, gulim;
}
.table_info .search_submit { padding: 1px 3px; margin-left: 5px; font-family: dotum;
}
.sub_section1, .sub_section2 { width: 200px; padding-left: 10px;
}
.sub_section1 { padding-right: 10px; border-right: 1px solid #ccc; border-left: 1px solid #fff;
}
.sub_section2 { border-left: 1px solid #fff;
}
.sub_section1:hover, .sub_section2:hover { background: transparent url(images/blank_sky.png);
}
.sub_section1 ol, .sub_section2 ol { padding-top: 15px; font-size: 1.1em;
}
.sub_section1 .c_cnt, .sub_section2 .c_cnt { color: #f83962;
}
#sub_table li { padding-left: 14px; background: transparent url(images/dot.gif) no-repeat 0 8px;
}
#sub_table li a { color: #638c9c; font-weight: bold;
}
#sub_table ul { margin-left: -14px;
}
#sub_table ul a { font-weight: normal; color: #000;
}
#sub_collection { margin-top: 5px;
}
#subList_fin { margin-top: 5px; border-top: 1px solid #74abfe; border-bottom: 1px solid #fff;
}
#subList_fin li { padding: 10px 5px; border-top: 1px solid #fff; border-bottom: 1px solid #74abfe;
}
#subList_fin li:hover { background: transparent url(images/blank_sky.png);
}
#subList_fin img { float: left; border-radius: 10px;
}
#subList_fin .details { float: left; padding: 0 15px;
}
#subList_fin .anime_info span { font-weight: normal; color: #fa3d4b;
}
#subList_fin .anime_info .title { font-weight: bold; color: #3196fc;
}
#subList_fin .download { margin-top: 10px;
}
#subList_fin .download span { display: block;
}
#subList_fin .download select { font-family: dotum;
}



/* ie fix */

.wrapper { z-index: 1; 
}
#side_wrapper { z-index: 2; overflow: visible; 
}
#categoryList ul, #categoryList  li { overflow:hidden;
}
.no_tb, .no_rc { *vertical-align: middle;
}
.toggle_box .cnt { *vertical-align: middle;
}
.comment_info .date { *margin-top: -18px;
}
#sb_fix input { *top: -3px; *left: -3px;
}
#subList_fin li { *height: 160px;
}
/*.commentWrite { *padding-top: 0; *margin-top: -15px;
}*/
#nodeNum1 { display: none; }
.tt-post-summary a {
	font-size: 11pt !important;
}
#tt-body-guestbook {
	background-attachment: fixed;
	margin: 0 auto;
	width:100%;
	height:100%;
}
#tt-body-index {
	background-attachment: fixed;
	margin: 0 auto;
	width:100%;
	height:100%;
}
div#ttCanvas .tt-item .tt-post-title, div#ttCanvas .tt-item .tt-post-title a, div#ttCanvas .tt-post-title a {
	font-family: heumeot, heumttf, heumwoff, "나눔고딕", NanumGothic, "맑은 고딕", MalguenGothic, dotum, Verdana, AppleGothic, Sans-serif !important;
}
.another_category h4 {
	font-size: 14px !important;
}
.another_category th {
	font-size: 13px !important;
}
.another_category td {
	font-size: 14px !important;
}
.btn_etc1 {
	display: none;
}
/* 이전 댓글 더보기 */
.tt_more_preview_comments_wrap {
	position: relative;
	display: block;
	width: 50%;
	height: 40px;
	max-width: 300px;
	margin: 0 auto;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tt_more_preview_comments_wrap:hover {
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s ease;
}
.tt_more_preview_comments_text {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 90%;
	margin: 0 auto;
	left: 4px;
	top: 5px;
	padding: 5px;
	border: 2px solid #abd7fa;
	font-size: 15px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}


/* T.edition to Cover */
/* main - article_content */
.article_content .link_article .thumbnail_post {
	transition: 0.2s ease;
}
.article_content .link_article:hover .thumbnail_post {
  opacity: 0.8;
	transition: 0.2s ease;
}
.article_content .thumbnail_post {
	transition: 0.2s ease;
}
li.list_horizontal_item a:hover > .article_content .thumbnail_post {
  opacity: 0.8;
	transition: 0.2s ease;
}
li.list_horizontal_item a:hover > .article_content .txt_post {
  color: #888;
	transition: 0.2s ease;
}
li.list_horizontal_item a:hover > .article_content .link_title {
  color: #555;
	transition: 0.2s ease;
}
li.list_horizontal_item a:hover > .article_content .info_post {
  color: #888;
	transition: 0.2s ease;
}
.index_list_container .thumbnail_zone a:hover {
  opacity: 0.8;
	transition: 0.2s ease;
}

.article_content .thumbnail_post img {
  width: 100%;
  height: auto;
}

.article_content .txt_post {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

/* main - index_type_common */
.index_type_common .box_contents {
  overflow: hidden;
	height: 200px;
}

.index_type_common .btn_area {
  clear: both;
  max-width: 800px;
  margin: 0 auto;
}

.index_type_common .btn_more {
  display: block;
  width: 102px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.index_type_common .btn_post_more {
  width: 100%;
  padding-top: 2px;
  background: none;
  border: 1px solid #e0e0e0;
  letter-spacing: 0.25px;
  color: #666;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.index_type_common .article_content {
  clear: both;
	height: 100%;
}

/* article_content common */
.article_content .txt_post {
  font-size: 18px;
}

.article_content img {
  max-width: 100%;
}

.index_type_common .title_category {
  margin-bottom: 15px;
  font-size: 22px;
  color: #000;
}
.index_type_horizontal_line2.index_type_common .title_category {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.index_type_common .btn_post_more {
  height: 48px;
}

.article_content .title_post {
  display: block;
}

.index_type_common.index_type_horizontal.index_type_horizontal_line2 .article_content .link_title {
	padding-top: 23px;
}
.article_content .link_title {
  display: block;
  color: #111;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.article_content .info_post .date {
  margin-left: 0px;
  padding-left: 2px;
  color: #888;
}

.article_content .thumbnail_post {
  display: block;
  background: url(images/bg_empty3.png) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.index_type_post {
  margin-top: 15px;
}

.index_type_post .article_content {
  margin-bottom: 40px;
}

.index_type_post .title_post {
  font-size: 26px;
	margin-top: 15px;
	color: #000;
}

.index_type_post_line4 .txt_post {
  max-height: 113px;
  margin: 10px 0 20px 0;
  line-height: 26px;
}

.index_type_post .info_post {
  height: 20px;
  margin: 10px 0 5px 0;
  font-size: 20px;
}

.index_type_post_line4 .txt_post {
  -webkit-line-clamp: 3;
}

/* main - index_type_gallery */
.index_type_gallery .title_post {
  margin: 15px 0 6px 0;
  letter-spacing: -0.25px;
  font-size: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index_type_gallery .thumbnail_post {
  height: 210px;
}

.index_type_gallery .info_post {
  padding-bottom: 20px;
  font-size: 14px;
}

.index_type_gallery .txt_post {
  max-height: 137px;
  line-height: 26px;
  -webkit-line-clamp: 3;
}

.index_type_gallery .btn_post_more {
  margin-top: 40px;
}
/* main - index_type_horizontal */
.index_type_horizontal {
  margin-top: 10px;
}

.index_type_horizontal .thumbnail_post {
  float: right;
  background-size: cover;
  background-position: 50% 50%;
  width: 185px;
  height: 0;
	padding-bottom: calc(30% - 28px);
	position: relative;
  margin-left: 24px;
}

.list_horizontal .no-image {
  float: left;
  width: 210px;
  height: 210px;
  margin-right: 60px;
}

.index_type_horizontal .title_post {
  padding: 8px 0 0 0;
  font-size: 24px;
  line-height: 34px;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index_type_horizontal .info_post {
  margin-top: 5px;
  padding-bottom: 12px;
	font-size: 16px;
}

.index_type_horizontal .txt_post {
  max-height: 55px;
	margin-top: 5px;
  margin-bottom: 10px;
  line-height: 24px;
  -webkit-line-clamp: 2;

}

.index_type_horizontal_line4 .txt_post {
  max-height: 105px;
  margin-bottom: 23px;
  padding-right: 20px;
  line-height: 26px;
  -webkit-line-clamp: 4;
}
.index_type_post .article_content .thumbnail_post {
  padding-top: 60%;
}

.article_content .article_view {
  font-size: 16px;
  line-height: 28px;
}

.article_content .article_view a {
  text-decoration: underline;
}
.article_content .article_view a {
	transition: 0.2s ease;
}
.article_content .article_view a:hover {
  opacity: 0.7;
	transition: 0.2s ease;
}

.article_content .table-overflow {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* main - related_type */
.related_type .list_related li {
  width: 25%;
}

.inner_index .related_type:after {
  content: '';
  display: block;
  clear: both
}

.related_type .title_related {
  color: #111;
}

.list_related {
  margin: 0 -10px 60px;
}

.list_related:after {
  content: '';
  display: block;
  clear: both
}

.related_type .list_related li {
  float: left;
  margin-bottom: 10px;
  text-align: center;
}

.related_type .link_related {
  position: relative;
  display: block;
  height: 114px;
  margin: 0 10px;
  border-radius: 5px;
  background: url(images/bg_empty3.png) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  color: #c0bfc2;
}

.related_type .link_related .bg {
  position: relative;
  display: block;
  height: 100%;
  background: #000;
  border-radius: 5px;
  opacity: 0.6;
  z-index: 1;
}

.related_type .link_related .txt {
  position: absolute;
  left: 5%;
  top: 0;
  display: flex;
  -ms-display: flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* Safari */

  width: 90%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'lato';
  z-index: 2;
}

.related_type .link_related .txt strong {
  display: block;
  width: 90%;
  max-height: 38px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;

  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.related_type_view .link_related .txt strong {
  padding: 0 15px;
}

/* main - related_type_index */
.related_type_index {
  margin-top: 80px;
}

.related_type_index .title_related {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
}

.related_type_index .link_related .txt strong {
  height: 21px;
  margin-bottom: 5px;
  -webkit-line-clamp: 1;
}

.related_type_view .title_related {
  margin: 40px 0 20px 0;
  font-size: 16px;
}

.related_type_view:after {
  content: '';
  display: block;
  clear: both
}

.related_type_view .link_add {
  display: block;
  float: right;
  font-size: 14px;
  letter-spacing: -0.5px;
}


.related_type_view .list_related li {
  padding: 0!important;
}
.article_view p {
  margin: 0 0 20px;
}
.article_view h1,
.article_view h2,
.article_view h3,
.article_view h4 {
  margin: 24px 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}

.article_view h1 {
  font-size: 30px;
  line-height: 1.33;
}

.article_view h2 {
  font-size: 26px;
  line-height: 1.38;
}

.article_view h3 {
  font-size: 22px;
  line-height: 1.4;
}

.article_view h4 {
  font-size: 18px;
  line-height: 1.33;
}

.article_view blockquote {
  margin: 0;
  padding-left: 19px;
  border-left: 1px solid #4167d9;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.54);
}

.article_view ul,
.article_view ol {
  margin: 0;
  padding: 0 0 0 23px;
}

.article_view ul li,
.article_view ol li {
  float: initial;
  width: initial;
  height: initial;
  list-style: unset;
  overflow: initial;
}

.article_view ul {
  margin-top: 18px;
}

.article_view ul li {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-all;
}

.article_view ol {
  margin-bottom: 32px;
}

.article_view ol li {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-all;
}

.article_view figure {
  margin: 0;
}

.article_view table {
  border: 1px solid #dadce0;
  border-collapse: collapse;
}

.article_view table thead tr {
  background: rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #000;
}

.article_view table tr th,
.article_view table tr td {
  padding: 7px;
  border-left: 1px solid #dadce0;
}

.article_view table tr {
  border-bottom: 1px solid #dadce0;
}

.article_view pre {
  background: rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: rgba(34, 85, 51, 0.87);
  white-space: pre-wrap;
}
.article_view pre code.hljs {
  padding: 20px;
}

.article_view .cap1 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}

.article_view hr {
  margin: 30px 0;
}
.index_type_gallery {
  margin-top: 45px;
}

.index_type_gallery .list_gallery {
  margin-bottom: -40px;
  font-size: 0;
}

.index_type_gallery .list_gallery > li {
  display: inline-block;
  width: 50%;
  margin-bottom: 25px;
  vertical-align: top;
  overflow: hidden;
  box-sizing: border-box;
}

.index_type_gallery .list_gallery > li:nth-child(odd) {
  padding-right: 12px;
}

.index_type_gallery .list_gallery > li:nth-child(even) {
  padding-left: 12px;
}

.area_view_content .index_type_gallery .link_title {
  margin: 0;
}

/* main - index_type_horizontal */
.index_type_horizontal .list_horizontal .list_horizontal_item {
  margin-bottom: 10px;
	height: 200px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #ccc;
}
/* main - related_type */
.related_type .list_related li {
  width: 25%;
}

.inner_index .related_type:after {
  content: '';
  display: block;
  clear: both
}

.related_type .title_related {
  color: #111;
}

.list_related {
  margin: 0 -10px 60px;
}

.list_related:after {
  content: '';
  display: block;
  clear: both
}

.related_type .list_related li {
  float: left;
  margin-bottom: 10px;
  text-align: center;
}

.related_type .link_related {
  position: relative;
  display: block;
  height: 114px;
  margin: 0 10px;
  border-radius: 5px;
  background: url(images/bg_empty3.png) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  color: #c0bfc2;
}

.related_type .link_related .bg {
  position: relative;
  display: block;
  height: 100%;
  background: #000;
  border-radius: 5px;
  opacity: 0.6;
  z-index: 1;
}

.related_type .link_related .txt {
  position: absolute;
  left: 5%;
  top: 0;
  display: flex;
  -ms-display: flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* Safari */

  width: 90%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'lato';
  z-index: 2;
}

.related_type .link_related .txt strong {
  display: block;
  width: 90%;
  max-height: 38px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;

  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.related_type_view .link_related .txt strong {
  padding: 0 15px;
}

/* main - related_type_index */
.related_type_index {
  margin-top: 80px;
}

.related_type_index .title_related {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
}

.related_type_index .link_related .txt strong {
  height: 21px;
  margin-bottom: 5px;
  -webkit-line-clamp: 1;
}

.related_type_view .title_related {
  margin: 40px 0 20px 0;
  font-size: 16px;
}

.related_type_view:after {
  content: '';
  display: block;
  clear: both
}

.related_type_view .link_add {
  display: block;
  float: right;
  font-size: 14px;
  letter-spacing: -0.5px;
}


.related_type_view .list_related li {
  padding: 0!important;
}
/* area_view_content */
.area_view_content {
  padding: 0 20px;
}

.area_view_content {
  max-height: auto!important;
}

.area_view_content .link_title {
  max-height: initial!important;
  margin: 0!important;
  font-size: 36px;
  -webkit-line-clamp: 10!important;
}

.area_view_content .info_post {
  display: block!important;
  margin: 0;
  padding-top: 0;
}

.area_view_content .admin {
  margin-top: 10px;
}

.area_view_content .txt_post {
  max-height: 160px;
  margin: 40px 0 30px 0;
  -webkit-line-clamp: 6;
}

.area_view_content .view_info_post {
  margin-top: 10px;
  font-size: 14px;
  font-family: 'Lato';
}

/* area_view_content - area_post_btn */
.area_view_content .area_post_btn {
  padding-bottom: 13px;
  border-bottom: 1px solid #eee;
}

.area_view_content .area_post_btn:after {
  content: '';
  display: block;
  clear: both
}

.area_view_content .area_post_btn .box_util {
  float: left;
}

.area_view_content .area_post_btn button {
  background: none;
  padding: 5px;
}

.area_view_content .area_post_btn i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(http://t1.daumcdn.net/tistory_admin/static/admin/editor/ico_postbtn.png) no-repeat;
  overflow: hidden;
  vertical-align: top;
}

.area_view_content .area_post_btn .btn_like {
  padding-right: 10px;
  background: url(images/ico_dot.gif) no-repeat center right;
}

.area_view_content .area_post_btn .btn_share {
  margin-top: 15px;
}

.area_view_content .area_post_btn .btn_like .icon {
  background-position: 0 0;
}

.area_view_content .area_post_btn .btn_like .icon_like {
  background-position: -20px 0;
}

.area_view_content .area_post_btn .btn_share .icon {
  margin-top: 1px;
  background-position: -40px 0;
}

.area_view_content .area_post_btn .box_ccl {
  float: right;
  padding-top: 20px;
}

/* area_view_content - box_ccl */
.area_view_content .box_ccl .link_ccl {
  display: inline-block;
}

/* area_view_content - area_tag */
.area_view_content .area_tag {
  padding: 40px 0 40px 0;
  border-bottom: 1px solid #eee;
}

.area_view_content .area_tag:after {
  content: '';
  display: block;
  clear: both
}

.area_view_content .area_tag .title_tag {
  float: left;
  margin-right: 50px;
  font-size: 16px;
}

/* area_view_content - tag_content */
.area_view_content .area_tag .tag_content {
  overflow: hidden;
  color: #929292;
}

.area_view_content .area_tag .tag_content a {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #929292;
}

.area_view_content .area_tag .tag_content a:hover {
  color: #333;
}

/* .area_view_content .list_related li {
  margin-bottom: 0;
} */
/* area_reply */
.area_reply {
  width: 100%;
  margin-top: 26px;
  overflow: hidden;
}

.area_reply .btn_replymore {
  display: block;
  width: 100%;
  height: 34px;
  margin-top: 7px;
  padding: 5px 0 0 20px;
  background: url(images/ico_plus.png) no-repeat center left;
  background-size: 10px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}

.area_reply .box_reply_info {
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.area_reply .box_reply_info:after {
  content: '';
  display: block;
  clear: both
}

.area_reply .box_reply_info .item_info {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}

.area_reply .box_reply_info button {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.area_reply .box_reply_info .btn_fold {
  display: none;
  background: url(images/arr_up.png) no-repeat center right;
}

.area_reply .box_reply_info .btn_spread {
  display: none;
  background: url(images/arr_down.png) no-repeat center right;
}

.area_reply .list_reply_comment li {
  margin-bottom: 0;
}
.article_content .thumbnail_post {
  display: block;
  background: url(images/bg_empty3.png) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.index_type_gallery .list_gallery .txt_post {
	display: none;
}