@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*------------------------------------------------------------------*/
/*
- 제작자: BANANAN
- 홈페이지: http://design486.tistory.com/
- 라이선스: Created by BANANA
*/
/*------------------------------------------------------------------*/

/* 00.Common */
html{overflow-y:scroll}
html,body{width:100%;height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{
		font-family: meiryo, 'NanumGothic', Verdana, Gulim,'Trebuchet MS', Tahoma, AppleGothic,  serif; 
	font-size:13px;
	line-height:1.8;
	color:#555;}
}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
table{border-collapse:collapse}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
hr{margin:20px 0 }
legend,.blind{position:absolute;left:0;top:-9999em;overflow:hidden}
legend{*width:0}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height: 1px;font-size:0;line-height:0}
.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both}
/*------------------------------------------------------------------*/

/* 쉐 */
.tx-quote-tistory { 
		font-style: none;
	margin-left: 10px;
	border-left: 3px solid #82d2da;
	background: #F8F8F8;
	padding: 16px 11px 10px 12px;
}
blockquote,
blockquote p {
	font-size: 13px;
	line-height: 1.8;
}
/* 인용글 */

.article_main .imageblock { padding : 0px 5px 13px 5px; } /* 이미지 간격 */
.article_main ul {list-style-position : inside;} /*리스트의 불릿을 안쪽으로*/
	
	
.container_postbtn {display: none;}/* 신고버튼 및 SNS공유버튼 없애기 */

/*접고 펴기 모어레스*/
.btn_more {
	font-weight:600;
	color:#fff;
	font-size:13px;
	background-color: #7accc8;
	padding: 13px 7px;
	border-radius: 5px;
	margin-left:15px;
	margin-top:5px;
}
.btn_more:hover {
	background-color: #ddd;
}

.btn_more:before {
	content: "\f138"; 
	font-family: FontAwesome; 
	padding-right: 5px;}

.btn_less {
	font-weight:600;
	color:#fff;
	font-size:13px;
	background-color: #7accc8;
	padding: 3px 7px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 5px;
}

.btn_less:hover {
	background-color: #ddd;
}
	
.btn_less:before {
	content: "\f139"; 
	font-family: FontAwesome; 
	padding-right: 5px;}


/**/

.moreless_fold{
	color:#84d2d7;
	font-weight:800;
	
}
.moreless_fold:hover{
	color:#f26d7d;
}
.moreless_fold:before {
	content: "\f07b"; 
	font-family: FontAwesome; 
	padding-right: 10px;
}
.moreless_top{}
.moreless_top:before {
	content: "\f07c"; 
	font-family: FontAwesome; 
	padding-right: 10px;
}
.moreless_bottom{}
.moreless_bottom:before {
	content: "\f07c"; 
	font-family: FontAwesome; 
	padding-right: 10px;
}

.moreless_content{
	background: #fff;
	margin-left: 10px;
	border-left: 3px solid #ddd;
	padding-left:10px;
	font-size:13px;
}

.rp_general .txt_date a, .reply_content .txt_date:hover a {
	font-size: 10px;
	margin-right:12px; /*댓글 신고버튼 */
	position: absolute;
	top: 29px;
	right: 140px;	
	text-decoration:none;
	color: #cacaca;
	display: none;
} 


/* 01 전체 영역 */
#container{margin:10px auto 0;}

/* 02 header 영역 */
#header{width:1100px;
	margin:10px auto 10px;}

/* 02-1 header_left 영역 */
.header_left{float:right;
	padding:8.5px 16px 0 0px;}

.blog_tit{
	width:200px; 
	font-size:18px;
	font-weight:900;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;}
.blog_tit a{color:#4a4a4a;}

.tistory_tit{
	font-size:10px;
	font-weight:700;
	color:#6b6b6b;
}
.search_button {display:none;cursor:pointer;}
.search_button img{width:16px;height:16px;margin:2px 15px 0 0;
	float:right}


/* 02-2 header_right 영역 */
.header_right{display:block;
	float:left;}

/* 02-2-1 햄버거 메뉴 */
.menu-trigger{display:none;margin-right:15px; cursor:pointer; 
	float:right;}
.menu-trigger span{display:inline-block;}
.menu-trigger{position:relative;width:20px;height:18px;margin-top:3px;}
.menu-trigger span{position:absolute;left:0;width:100%;height:2px;background-color:#505050;}
.menu-trigger span:nth-of-type(1){top:2px;}
.menu-trigger span:nth-of-type(2){top:6px;}
.menu-trigger span:nth-of-type(3){bottom:6px;}
.blogMenu{float:left;}
.blogMenu ul li{display:inline-block;padding:8.5px 88px 0 0;}
.blogMenu ul li a{font-size:12px;font-weight:300;color:#7f7f7f;font-family: 'Montserrat', sans-serif;}

/* 02-3 search 영역 */
.search{float:left;}
.search input{font-size:12px;
	font-weight:300;color:#7f7f7f
		;font-family: 'Montserrat', sans-serif;
	margin-right:65px;
	width:220px;
	height:35px;
	box-sizing:border-box;
	padding-left:12px;
	border:1px solid #d5d5d5;}
/*------------------------------------------------------------------*/

/* 03 content_warp 영역 */
#content_warp{width:1100px;margin:0 auto;

}

/* 04 sidebar 영역 */
#sidebar{
	margin-bottom:0px;
	border-top:1px solid #818181;
	width:240px;
	float:right;
}

/* 04-2 media_menu 영역 */
.media_menu {display:none;margin:38px 15px 0;}
.media_menu .blogMenu{margin-bottom:27px; float:left;}
.media_menu .blogMenu ul li{width:93.5px;float:left;padding:0; text-align:center;border:1px solid #d5d5d5;}
.media_menu .blogMenu ul li:nth-child(1){border-bottom:0;}
.media_menu .blogMenu ul li:nth-child(2){border-bottom:0;border-left:0;}
.media_menu .blogMenu ul li:nth-child(4){border-left:0;}
.media_menu .blogMenu ul li a{display:inline-block;padding:7px 0;font-size:10px;}
.media_menu .search{float:left;}
.media_menu .search input{font-size:10px;font-weight:300;color:#7f7f7f;font-family: 'Montserrat', sans-serif;margin-right:16px;width:190px;height:30px;box-sizing:border-box;padding-left:12px;border:1px solid #d5d5d5;}

/* 04-3 categorie 영역 */

.categorie_tit{
	margin:10px 0 15px 0px; 
	padding-bottom:10px;
	padding-left:25px;
	border-bottom:1px #ccc dotted;
	font-size:15px;
	font-weight:600;color:#7f7f7f;
	font-family: 'Montserrat', sans-serif;} 
.tt_category{margin-left:10px;}
.c_cnt{}
.link_item{
	margin:10px 0 15px 0px; 
	padding-bottom:10px;
	padding-left:18px;
	font-size:13px;
	font-weight:600;
	color:#7f7f7f;
	font-family: 'Montserrat', sans-serif;
}

.link_tit{display:none;}

.category_list > li{
	margin-left:15px; 
	position:relative;
	margin-bottom:15px;
	white-space:nowrap; 
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;}

.category_list > li:before{
	position:absolute;
	top:0px;
	left:0px;
	content: "\f1b0"; 
	font-family: FontAwesome; 
	width:12px;
	height:6px}

.category_list > li > a:hover{font-weight:700}
.category_list label{display:none;
}

.sub_category_list > li{ 
	margin-bottom:0px;/*카테고리 메뉴간 간격*/
	white-space:nowrap; 
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;}
.sub_category_list > li:before{
	padding:0 8px;
	content: "\f0da"; 
	font-family: FontAwesome; 
	padding-right: 0px;
	color:#666;
}
.sub_category_list > li:first-child{padding-top:5px;}
.sub_category_list > li:last-child{padding-bottom:5px;}
.sub_category_list > li > a{color:#a2a2a2;font-weight:300}
.sub_category_list > li > a:hover{color:#84d2d7;font-weight:400}

.category_list input[type="checkbox"] {display: none;}
.category_list input[type="checkbox"]:checked~ul {display: none;}


.label_e{color:#7f7f7f;font-weight:400; display:none;}
.label_e:after{display:none;
	position:absolute;
	top:4px;
	right:16px;
	content: "\f107"; 
	font-family: FontAwesome; 
	width:12px;height:6px}


/* 04-4 BlogMenu 영역 */
.tt_menu{margin-left:10px;}
.menu_list > li{
	padding-top:15px;
	border-top:1px dotted #ccc;
	position:relative;
	margin-left:15px; 
	margin-bottom:15px;
	margin-top:20px;
	white-space:nowrap; 
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;}

.menu_list > li:before{
	padding-top:15px;
	position:absolute;
	top:0px;
	left:0px;
	content: "\f1b0"; 
	font-family: FontAwesome; 
	width:12px;
	height:6px}




.menu_list > li > a:hover{font-weight:700}
.menu_list label{display:none;}

.menu_list input[type="checkbox"] {display: none;}
	position:absolute;
	top:4px;
	right:16px;
	content: "\f106"; 
	font-family: FontAwesome; 
	width:12px;height:6px}

.menu_list > li > ul > li{ 
		margin-bottom:0px;/*서브 카테고리 메뉴간 간격*/
	white-space:nowrap; 
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;}

.menu_list > li > ul > li:before
{padding:0 8px;
	content: "\f0da"; 
	font-family: FontAwesome; 
	padding-right: 0px;
	color:#666;}



.menu_list > li > ul > li:first-child{padding-top:0px;}
.menu_list > li > ul > li:last-child{padding-bottom:10px;}
.menu_list > li > ul > li > a{color:#a2a2a2;font-weight:300}
.menu_list > li > ul > li > a:hover{color:#7f7f7f;font-weight:400}

/*.label_b{color:#7f7f7f;font-weight:400; 
	display:none;}
.label_b:after{	display:none;
	position:absolute;
	top:4px;
	right:16px;
	content: "\f107"; 
	font-family: FontAwesome; 
	width:12px;height:6px}*/



/*------------------------------------------------------------------*/

/* 05 content 영역 */
#content{
	border-top:1px solid #818181; 
	width:812px;
	float:left;
	padding:10px 20px;
	box-sizing:
		border-box;}	
.item_detail,.guest_warp{margin:15px 0 0}
.list_item{margin-top:5px; margin-left:0;margin-right:0}


div.list_content:nth-child(3n+1){margin-right:0}
.list_content{width:240px;
	height:240px;
	margin:38px 0px 0 30px;
	display:inline-block; float:left;}

/*05-0리스트  위*/
.list_tit {margin:0 0 5px; 
	font-size:18px; 
	color:#4a4a4a;
	border-bottom:1px dotted #ccc; 
}
.item_day{margin-bottom:15px;font-size:10px;color:#c2c2c2;}
.item_day a {
	font-size:12px;
	color:#84d2d7;
	padding-right:10px;}
.list_num{font-size:12px;color:#c2c2c2;}


/*05-1-1 텍스트 형식 항목 */
.list_num{margin-bottom:15px;}
.list_content_text {
	padding-bottom:20px;
	margin:20px 0 20px; 
	border-bottom:1px dotted #ccc; }
.list_content_text::after { content:''; clear:both; display:block }
.list_content_text .list_text_img { 
	float:left; 
	padding-right:15px;}

.list_content_text img{
	width: 150px;
	height:100px;
}
.list_content_text .link_text_post{
	display:block;
	overflow:hidden;
	height:75px;
	text-decoration:none}
.list_content_text .link_text_post:hover .tit_post {color:#555}
.list_content_text .link_tilt_post{
	display:-webkit-box;
	display:-ms-flexbox;
	display:box;
	overflow:hidden;
	color:#555; 
	font-weight:normal;
	font-size:18px;
	line-height:25px;
	margin-top: 3px;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1}
.list_content_text .link_tilt_post:before {
	content: "\f044"; 
	font-family: FontAwesome; 
	padding-right: 5px;}

.list_content_text .link_txt_post{
	display:-webkit-box;
	display:-ms-flexbox;display:box;
	overflow:hidden;margin-top:4px;
	font-size:13px;
	line-height:23px;
	color:#7f7f7f;
	vertical-align:top;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2}
.list_content_text .link_txt_bar { margin:0 7px }
.list_content_text .link_to_info{
	margin-top:10px;
	font-size:12px;color:#aaa}
.list_content_text .link_to_info .link_link_cate{
	font-size:12px;text-decoration:none;color:#84d2d7}
.list_content_text .link_to_info .link_txt_date{
		font-size:10px;
	text-decoration:none;
	}
.left_text_post {
	width:auto; 
	float:none;}

.list_text_img img:nth-child(2n){display:none}
.list_text_img img{width:100%;height:100%;}

/* 05-1-2 이미지 형식 항목 리스트 */
.list_num{margin-bottom:0;}
.list_con li{background:#000; position:relative;width:240px; margin:0 30px 30px 0;float:left;}
.list_con li .con_img {position:relative;display:block; width:240px;height:240px; overflow:hidden;}
.list_con li .con_img img{width:100%;height:100%;}
.list_con li .con_img img:nth-child(2n){display:none}
.list_con li:hover .con_num{display:block;}
.list_con li .con_num {display:none; position:absolute;top:0;left:0; width:240px;height:240px;background:rgba(0,0,0,0.35);}
.list_con li .con_num .num_line{display:block;position:relative; width:200px;height:200px;margin:20px; border:1px solid #fff;}
.list_con li .con_num .num_in{display:block; position:absolute;top:50%;left:50%; width:200px;height:200px;margin-top:-15px;margin-left:-100px;}
.list_con li .con_num .num_tit{white-space:pre;text-overflow: ellipsis;overflow:hidden; display:block; text-align:center; color:#fff;font-weight:700;font-size:14px;margin:0 10px 10px;}
.list_con li .con_num .num_date{display:block; text-align:center;color:#fff;font-weight:300;font-size:10px;margin:5px;}
.list_con li .con_num .num_aut{display:block; text-align:center;color:#fff;font-weight:300;font-size:10px;}
/* 05-2 게시물 상세항목 영역 */
.item_tit{margin:0; font-size:18px;}
.item_tit a{color:#4a4a4a;}
.item_tit span{font-size:10px;color:#bbbbbb;}
.item_tit span a{color:#bbbbbb;}

/* 05-2-1 구글 애드센스 영역 */
.google_AdS{width:728px;height:90px;background-color:#fff;margin:0 auto 60px;text-align:center;}
.google_AdS span{display:block;color:#c1c1c1;font-size:12px;font-weight:700;padding:10px;}

/* 05-2-2 태그 영역 */
.detail_tag{width:669px;margin-left:3px;padding-top:2px;float:left;font-size:14px;}
.tag_tit{width:30px;margin-right:10px;color:#6d6c6c;font-weight:900;float:left;}
.tag_item_list{width:610px;float:left;}
.tag_item{display:inline-block;margin:0 10px 5px 0;color:#adadad;font-size:12px;}
.tag_item a{color:#adadad;margin:0 3px;}
.tag_item a:before{content:'#'}

/* 05-2-3 SNS공유 영역 */
.detail_sns{margin-right:3px;float:right;width:105px;}
.detail_sns img{width:20px;height:20px;margin-left:3px;}

/* 05-2-4 관련글 영역 */
.b_article{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.b_article_text{margin:25px 0;}
.b_article_tit{float:left;font-size:16px; font-weight:900;color:#6d6c6c;}
.b_article_more{padding-top:4px; text-decoration:underline;display:block; float:right;font-weight:400;font-size:12px;color:#a0a0a0;}
.b_article_more:hover{text-decoration:underline;}
.b_article ul{margin-bottom:45px}
.b_article ul li{position:relative; float:left;width:180px;height:180px;margin-right:20px}
.b_article ul li:nth-child(4){margin-right:0;}
.b_article ul li:hover .names{display:block;}
.thumb_related{display:block;width:180px;height:180px;overflow:hidden;}
.thumb_related img{width:100%;height:100%}
.link_related img{width:100%;height:100%}
.link_related img:nth-child(2){display:none}
.names{display:none;position:absolute;top:0;left:0; width:180px;height:180px;background:rgba(0,0,0,0.35);}
.names_in{display:block; position:absolute;top:50%;left:50%; width:180px;height:180px;margin-top:-15px;margin-left:-91px;}
.names_line{display:block;position:relative; width:150px;height:150px;margin:15px; border:1px solid #fff;}
.txt_related{white-space:nowrap;text-overflow: ellipsis;overflow:hidden; display:block; text-align:center; color:#fff;font-weight:700;font-size:16px;margin:0 30px 10px;}
.date_related{display:block; text-align:center;color:#fff;font-weight:300;font-size:10px;margin:5px;}

/* 05-2-5 댓글 영역 */
#communicate{
	display:none; /* 댓글란 숨김*/
	padding-bottom:75px; 
	border-bottom:1px solid #d1d1d1;}
.com_tit{
	margin:15px 0 15px;	
	border-radius:10px;
	font-size:16px; 
	font-weight:900;
	color:#6d6c6c;}

.com_tit:before {
	content: "\f086"; 
	font-family: FontAwesome; 
	padding-right: 10px;
}

.on .list_reply{
	display:block;
	margin-bottom:15px}

.com_list .list_reply li.tt_more_preview_comments_wrap { 
	padding:10px 20px}
.com_list .list_reply .tt_more_preview_comments_text { 
	font-size:12px; 
	color:#aaa }

.com_list .list_reply li{
	overflow:hidden;
	position:relative;
	padding:10px 10px 10px 15px;
	margin-bottom:10px;
	border-top: 1px #ccc dotted;
}

.com_list .list_reply .my_reply{
	background-color:#fcfcfc;}

.com_list .list_reply .re_reply{
	margin-left:45px;
	margin-bottom:15px;
	background-color:#fafafa;
	border-radius:10px;
}
.com_list .list_reply .txt_reply{ 
	margin:0px 0 0 0;
	line-height:1.6;
	font-size:13px;
	font-weight:400}

.com_list .list_reply .tit_nickname{
	margin:5px 5px 0px 0;}
.com_list .list_reply img,.com_list .re_reply img{	
	top:15px; left:0; 
	width:64px; 
	height:64px; 
	position:absolute; 
	border-radius:0 !important;
	background-color:#ffffff;}
.com_list .re_reply img{left:95px;}
.com_list .re_reply .tit_nickname{margin:0px 0 0px 50px;}
.com_list .re_reply .txt_reply{ margin:0px 0 0 50px;line-height:1.6}
.com_list .reply_content{padding-left:10px; float:left;}
.com_list .reply_content .txt_reply,.com_list .reply_content .tit_nickname{
	margin-left:0}
.com_list .reply_content .tit_nickname{margin-right:5px}
.com_list .list_reply .img_profile { margin-top:2px }
.com_list .tit_nickname{display:inline-block;font-weight:bold;color:#7a7979;white-space:nowrap;font-size:14px;font-weight:800;}
.com_list .tit_nickname a{color:#7a7979}
.com_list .my_reply .tit_nickname{color:#ffae00;}
.com_list .ico_secret{width:10px;height:12px;margin-top:4px;background-position:0 -475px;vertical-align:top;display:none}
.com_list .rp_secret .ico_secret { display:inline-block }
.com_list .txt_reply{display:block;width:600px;font-size:14px;color:#333;margin-top:20px;}
.com_list .txt_reply a{color:#3db39e}
.com_list .re_reply .txt_reply{display:block;width:500px;font-size:14px;}
.com_list .re_reply .txt_date a{font-size: 12px;position: absolute;top: 28.5px;right: 80px;text-decoration: underline;color: #cacaca;display:none}
.com_list .list_reply li:hover .txt_date a{display:block}
.com_list .txt_date{display:inline-block;font-size:10px;color:#aaa;padding-top:8px}
.com_list .btn_replymenu{display:none}
.com_list .list_reply li .my_edit{
	display:none; 
	position:absolute;
	top:25px;
	right:15px;
	text-decoration:none;
}
.com_list .list_reply li:hover .my_edit{display:block}

.com_list .my_edit .link_edit{
	margin:0 5px;
	font-size:11px;
	color:#cacaca;
	text-decoration:none;}

.com_list .hiddenComment .tit_nickname{display:none}
.com_list .hiddenComment .txt_reply{font-weight:bold;font-size:14px}
.com_write{margin-top:50px;}
.com_write .guest{float:left;margin-bottom:15px}
.com_write .guest.first{margin-right:30px}
.com_write .guest input {
	padding:10px;font-size:14px;
	border:1px solid #ddd;
	cursor:pointer;
	width:375px;
	box-sizing:border-box;
	color:#adadad;}
.com_write .name,.com_write .password
{
	display:inline-block;
	width:375px;
}
.com_write textarea{	
	width:100%;
	float:left;
	margin-bottom:30px;
	font-size:14px;
	padding: 15px;
	border: 1px solid #ddd;
	cursor: pointer;
	box-sizing:border-box;
	resize:none;color:#adadad;}

textarea:-ms-input-placeholder {color:#adadad;}
textarea::-webkit-input-placeholder {color:#adadad;}
textarea::-moz-placeholder {color:#adadad;}
.com_write .secret{
	position:relative;
	float:left;
	background:#FAFAFA;
	border-radius:10px; 
	width:43px;
	height:38px;
	box-sizing:border-box;}

.com_write .secret input{
	width:0;
	height:0;
	padding:0;
	margin:0;
	position:absolute;
	top:0;left:0;z-index:-1;
	visibility: hidden;-webkit-appearance: none;}
.com_write .secret label span{font-size:0;}
.com_write .secret label svg{
	position:absolute;
	top:0;left:0;
	width:40px;
	height:40px;
}
.ch_box:not(checked) + .se_label .svg-icon path {fill: #ddd;}
.ch_box:checked + .se_label .svg-icon path {fill: #818181;}
.com_write .submit{float:right;}
.com_write .submit input{display:block;
	width:187px;padding:10px;
	background:#FAFAFA;
	color:#adadad; 
	font-size:14px; 
	border:0px solid #ddd;
	border-radius:10px;
}

/* 05-2-5-1 댓글 이미지*/
.guest_general,.guest_secret,.rp_general,.rp_secret{
	background: url("./images/.jpg") no-repeat transparent 0 15px;
	background-position:absolute;
	background-size:64px 64px;}
.re_reply.guest_general,.re_reply.guest_secret,.re_reply.rp_general,.re_reply.rp_secret {background: url("./images/.jpg") no-repeat transparent 95px 15px;
	background-position:absolute;
	background-size:64px 64px;
}
.rp_general .txt_date a,.reply_content .txt_date a{
	font-size: 10px;
	margin-right:12px; /*댓글 신고버튼 */
	position: absolute;
	top: 29px;
	right: 140px;	
	text-decoration:none;
	color: #cacaca;
	display: none;
}

/* 05-2-5-2 댓글 옆 프로필 버튼 삭제 */
.list_reply .tistoryProfileLayerTrigger{display:none}

/* 05-3 방명록 */
.guest_warp_tit{
	margin-top:15px;
	font-size:18px;
	color:#4a4a4a;}
.guest_warp .com_write{margin:15px 0 0;
	padding-bottom:15px;
	border-bottom:0px solid #d1d1d1}
.guest_warp .com_list{
	margin-top:15px;
	padding-bottom:25px;
	border-bottom:0px solid #d1d1d1}

/* 05-4 보호글 */
.pro_warp{margin:0 16px;text-align:center;padding:150px 0; border-bottom:1px solid #d1d1d1}
.pro_font{color:#b3b3b3;font-size:14px}
.pro_font p{margin-bottom:10px}
.pro_warp .form{padding-top:15px;}
.pro_warp .form input{width:250px;height:35px;border:1px solid #d1d1d1;box-sizing:border-box;font-size:12px;padding-left:20px;font-family:'Montserrat', sans-serif;}
.pro_warp .form button{width:65px;height:35px;border:1px solid #d1d1d1;background:#fff;color:#b3b3b3;font-size:14px;}

/* 05~ prev,next 영역*/
.paging{float:left;width:100%; 
	margin:15px 0 20px;}
.paging .prev{position:relative; float:left; 
	padding:10px 15px 10px 30px; 
	border:0px solid #cecece;
	background-color:#fafafa;
	border-radius: 10px;
}
.paging .prev span{
	font-size:12px;
	color:#b6b6b6;}
.paging .prev:hover{
	background-color:#f0f0f0;
}
.paging .prev:before{
	position:absolute;top:17px;
	left:8px;
	background:url("./images/bu_arrow.png"); 
	content:'';
	background-size:12px 6px;
	width:12px;
	height:6px;-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.paging .next{position:relative; 
	float:right; 
	padding:10px 30px 10px 15px; 	
	border:0px solid #cecece;
	background-color:#fafafa;
	border-radius: 10px;
}
.paging .next:hover{
	background-color:#f0f0f0;
}

.paging .next span{font-size:12px;color:#b6b6b6;}
.paging .next:after{position:absolute;
	top:17px;
	right:8px;background:url("./images/bu_arrow.png"); 
	content:'';background-size:12px 6px
		;width:12px;
	height:6px;-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg);}
/*------------------------------------------------------------------*/

/* 06 footer 영역 */
#footer{width:1100px;margin:0 auto;}
/* 06-1 sidebar_list 영역 */
.sidebar_list{margin-bottom:40px}
.sidebar_list ul .side_item{float:left;margin-right: 16px;}
.sidebar_list ul .side_item:first-child{margin-left:16px;}
.sidebar_list ul .side_item:last-child{margin-right:0;}
.sidebar_list ul li h3{width:255px; margin:30px 0;font-size:16px;font-weight:500;color:#989797;font-family: 'Montserrat', sans-serif;text-align:center;}
.sidebar_list .notice,.sidebar_list .recentPost,.sidebar_list .recentComment,.sidebar_list .archive{ 
	width:255px; border-top:1px solid #dedede;
	display:none;}
.sidebar_list ul li ul{padding:0 25px}
.sidebar_list ul li ul li{width:205px;display:inline-block; margin:0 0 15px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sidebar_list ul li ul li a{ font-size:14px;color:#7f7f7f;font-weight:300;}
.sidebar_list ul li ul li span{font-size:14px;font-weight:400;}



/* 06-2 blog_info 영역 */
.blog_info{padding-bottom:0px; border-top:1px solid #818181;}
.blog_info .info{margin-left:16px; float:left;}
.blog_info .sns{float:right; margin:60px 16px 0 0;padding-bottom:10px; border-bottom:1px solid #818181;}
.counter{margin-top:15px;
	font-size:12px;color:#818181;font-weight:300;
	font-family: 'Montserrat', sans-serif;}
.counter span{margin-right:10px;}
.blog_info .info .blog_desc{margin-top:0px;
	font-size:12px;color:#818181;font-weight:400;}
.blog_info .info .blog_Created{margin-top:0px;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;color:#939393;font-weight:300;}
.blog_info .sns ul{}
.blog_info .sns ul li{float:left;margin-left:15px}
.blog_info .sns ul li:first-child{margin:0;}
.blog_info .sns ul li a img{width:20px;height:20px;}


/* 07 티스토리 상단바 삭제 */
#tistorytoolbarid{display:none;}


/* 09 ccl 위치 수정*/
.tt_article_useless_p_margin div:last-child{margin-top:60px !important;}
.tt_article_useless_p_margin div:last-child div{margin-top:0 !important;}

/* 10 404오류*/
.absent_post{margin:150px 0 85px}

/* 11 베스트공감*/
.daum_like_wrapper{display:none}

/*------------------------------------------------------------------*/

/*태블릿 미디어 쿼리*/
@media (min-width: 768px) and (max-width: 1100px) {
	
	/* 01 태블릿 전체 영역 */
	#container{margin:0 auto;}

	/* 02 태블릿 header 영역 */
	#header{ 
		width:auto;
		margin:0;
		padding:15px 0 5px 0;	
		border-bottom:1px #ccc dotted;}
	
	.header_in{width:728px; margin:0 auto;}
	.header_left{
		float:left; 
		width:728px;
		padding:0;}
	
	.tit_in{float:left;}
	.tistory_tit{display:none;}
	.search_button {display:block;}
	.categories_cover.open{display:block;}
	.categories_cover{width:100%;
		height:100%;
		position:fixed;
		top:0px;left:0px;
		background-color:rgba(0, 0, 0, 0.4);
		z-index:4;display:none;
	}
	
	.menu-trigger{display:inline-block;margin-right:0;}
	.header_right {width:100%;margin-top:0px}
	.header_right .search{display:none;  width:100%}
	.header_right .search input{width:100%}
	.header_right .blogMenu{display:none}
	
	/* 02-2-1 탬플릿 햄버거 메뉴 */
	.blogMenu{float:left;}
	.blogMenu ul li{display:inline-block;padding:8.5px 35px 0 0;}
	.blogMenu ul li a{font-size:10px;font-weight:300}
	.search{float:right;}
	.search input{font-size:12px;font-weight:300;color:#7f7f7f;font-family: 'Montserrat', sans-serif;margin-right:8px;width:154px;height:35px;box-sizing:border-box;padding-left:12px;border:1px solid #d5d5d5;}
	
	/* 03 태블릿 content_warp 영역 */
	#content_warp{
		width:728px;
		margin:0 auto;}

	/* 04 태블릿 sidebar 영역 */
	#sidebar{width:100%;margin:0; border-top:0; float:none;}

	/* 04-1 태블릿 슬라이드 sidebar */
	.sidebar_in {width:220px;height: 100%; position: fixed;top: 0px;left:-220px;z-index: 10;background-color: white;transition: All 0.2s ease;-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease;}
	.sidebar_in.open{left:0px;overflow-y:scroll;overflow-x:hidden;z-index:100;}

	/* 04-2 태블릿 media_menu 영역 */
	.media_menu{display:block;}

	/* 04-2-1 태블릿 category*/
	.category{left:0;}
	.category{display: block;width:220px;height:100%;position: relative;font-size: 12px;}

	/* 04-3 태블릿 categorie 영역 */
	.categorie_tit{display:none;}
	.tt_category{margin-left:8px;}

	/* 05 태블릿 content 영역 */
	#content{
		width:728px;
		float:none;
		border:0;
		padding:0 15px;}

	/* 05-1-2 태블릿 이미지 형식 항목 리스트 */
	.list_item,.guest_warp{margin:0;}
	.list_content{
		width:226px;
		height:226px;
		margin-right:25px;}	
	.list_text{
		margin-bottom:0px;}	
	.list_tit{
    display: inline-block;
    margin: 15px 10px 0 0;
    padding: 0;
    font-size: 16px;border-bottom:1px dotted #ccc;
	}
	
	.list_num{margin-bottom:40px;display:inline-block;}
	.list_con{width:728px;}
	.list_con li{width:226px; margin:0 25px 25px 0;}
	.list_con li .con_img {width:226px;height:226px;}
	.list_con li .con_num {display:block;position:absolute;top:auto;bottom:0;width:226px;height:44px;background:rgba(0,0,0,0.20);}
	.list_con li .con_num .num_line{display:block;position:relative; width:auto;height:auto;margin:6px 12px;border:0;}
	.list_con li .con_num .num_in{position:relative;top:auto;left:auto; width:auto;height:auto;margin:auto}
	.list_con li .con_num .num_ini{display:block;margin-top:5px;}
	.list_con li .con_num .num_tit{text-align:left;font-size:14px;margin:0;}
	.list_con li .con_num .num_date{float:left;display:block; text-align:left;margin:0;}
	.list_con li .con_num .num_aut{float:left;display:block; text-align:left;margin-left:5px;}

    /* 05-1-1 태블릿 텍스트 형식 항목 리스트 */
    .left_text_post {
			display: block;
			overflow: hidden;
			text-decoration: none;			
			width:auto;;}
	
    .tt_menu{margin: 0 15px 0 15px}
	
	
	/* 05-2 태블릿 게시물 상세항목 영역 */
	.item_detail{margin:15px 0 0}
	.item_text{
		border-bottom:1px dotted #ccc;
		margin-bottom:30px;}	
	
.item_tit{margin:0; font-size:18px;}
	.item_day{margin-bottom:0px;
		display:inline-block;}
	
	.item_day a {
	font-size:12px;
	color:#84d2d7;
	padding-right:10px;}

	/* 05~ 태블릿 prev,next 영역*/
	.paging{margin:15px 0 20px;}

	/* 05-2-2 태블릿 태그 영역 */
	.detail_tag{width:617px;}
	.tag_item_list{width:577px;float:left;}

	/* 05-2-4 태블릿 관련글 영역 */
	.b_article ul{margin-bottom:35px;}
	.b_article ul li{width:171.5px;height:auto;margin:0 14px 10px 0;}
	.b_article ul li:nth-child(4n){margin-right:0;}
	.thumb_related{width:171.5px;height:171.5px;}
	.link_related{float:left;}
	.names{display:block;top:auto;bottom:0;width:171.5px;height:44px;}
	.names_in{position:relative;top:auto;left:auto;width:auto;height:auto;margin:auto;}
	.names_line{display:block;position:relative;width:auto;height:auto;margin:5px 12px;border:0;}
	.txt_related{text-align:left;font-size:12px;margin:0;line-height:12px;}
	.date_related{display:block;color:#fff;font-weight:300;font-size:10px;text-align:left;margin:5px 0 0 ;}
	.tt_category{border-top:1px solid #d5d5d5;padding-top:27px; margin:0 15px 27px;}

	/* 05-2-5 태블릿 댓글 영역 */
	.com_write .guest input {width:100%}
	.com_write .name,.com_write .password{width:349px;}
	.com_list .list_reply li .my_edit{display:block;}
	.rp_general .txt_date a{display:block}
	 .reply_content .txt_date a{display:block}
	 .re_reply .txt_date a{display:block !important}

	/* 05-3 태블릿 guest */
	.guest_warp_tit{margin-top:25x;font-size:16px;}

	/* 05-4 태블릿 보호글 */
	.pro_warp{margin:0;border:1px solid #d1d1d1; border-left:0;border-right:0;}


	/* 06 태블릿 footer 영역 */
	#footer{width:728px;}

	/* 06-1 태블릿 sidebar_list 영역 */
	.sidebar_list{display:none;}

	/* 06-2 태블릿 blog_info 영역 */
	.blog_info{margin-bottom:60px;}
	.blog_info .info{margin-left:4.5px;}
	.blog_info .sns{margin:60px 4.5px 0 0;}

}


/*모바일 미디어 쿼리*/
@media (max-width: 767px) {

	/* 01 모바일 전체 영역 */
	#container{position:relative; width:100%; margin:0 auto;}

	/* 02 모바일 header 영역 */
	#header{
		width:auto;
		margin:0;
		padding:15px 15px 5px 15px;
		border-bottom:1px #ccc dotted;
	}
	.header_in{width:auto; margin:0 auto;}
	.header_left{width:100%;padding:0}
	.tit_in{margin-left:0; float:left;}
	.tistory_tit{display:none;}
	.search_button {display:block;}
	.categories_cover.open{display:block;}
	.categories_cover{
		width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.4);z-index:4;display:none;}
	.header_right {width:100%;
		margin-top:0px}
	.header_right .search{display:none;  width:100%}
	.header_right .search input{width:100%}
	.header_right .blogMenu{display:none}

	/* 03 모바일 content_warp 영역 */
	#content_warp{width:100%;margin:0;}

	/* 04 모바일 sidebar 영역 */
	#sidebar{width:100%; border-top:0; float:none;}

	/* 04-1 태블릿 슬라이드 sidebar */
	.menu-trigger{display:inline-block;margin-right:0}
	.sidebar_in {width:220px;height: 100%; position: fixed;top: 0px;left:-220px;z-index: 10;background-color: white;transition: All 0.2s ease;-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease;}
	.sidebar_in.open{left:0px;overflow-y:scroll;overflow-x:hidden;z-index:100;}

	/* 04-2 모바일 media_menu 영역 */
	.media_menu{display:block;}

	/* 04-2-1 태블릿 category*/
	.category{left:0;}
	.category{display: block;width:220px;height:100%;position: relative;font-size: 12px;}

	/* 04-3 모바일 categorie 영역 */
	.categorie_tit{display:none;}
	.tt_category{border-top:1px solid #d5d5d5;padding-top:27px; margin:0 15px 27px;}
	.category_list > li{width:100%; position:relative;margin-bottom:25px;white-space:nowrap; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
	.category_list > li > a{color:#7f7f7f;font-weight:400; margin-left:2px;}
	.category_list 
	.category_list > li > a:hover{font-weight:700}
	.sub_category_list > li{ margin-bottom:10px;white-space:nowrap; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
	.sub_category_list > li:before{padding:0 8px;content: url( "./images/bu_category.png" )}
	.sub_category_list > li:first-child{padding-top:15px;}
	.sub_category_list > li:last-child{padding-bottom:10px;}
	.sub_category_list > li > a{color:#a2a2a2;font-weight:300}
	.sub_category_list > li > a:hover{color:#7f7f7f;font-weight:400}

	/* 05 모바일 content 영역 */
	#content{
		border-top:0;
		width:100%;
		padding:0 20px;}
	
	/*05-1-1 모바일 텍스트 형식 항목 리스트*/
	.list_content_text .list_text_img { 	
	float:left; 
	padding-right:15px;
	width:35%; 
	height:35%; 
	max-width:120px; 
	max-height:80px; 
	}
	
.list_content_text img{
	width: 120px;
	height:80px;
}
	.left_text_post {
	width:auto; 
	height:80px;
	float:left; 
	display:block;
	overflow:hidden;
	text-decoration:none}
	
	.tt_menu{margin-right:10px;}
	
	.list_content_text .link_text_post{
	display:block;
	overflow:hidden;
	height:67px;
	text-decoration:none}
	
.list_content_text .link_text_post:hover .tit_post {color:#000}
	
.list_content_text .link_tilt_post{
	display:-webkit-box;
	display:-ms-flexbox;
	display:box;
	overflow:hidden;
	color:#000; 
	font-weight:normal;
	font-size:16px;
	line-height:18px;
	margin-top: 3px;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1}
	
.list_content_text .link_txt_post{
	height:33px;
	margin-top: 5px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:box;
	overflow:hidden
	font-size:12px;
	line-height:18px;
	color:#7f7f7f;
	vertical-align:top;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2}
	
.list_content_text .link_txt_bar { margin:0 7px }
.list_content_text .link_to_info{
	margin-top:0px;
	font-size:11px;
	color:#aaa}
	
.list_content_text .link_to_info .link_link_cate{
	font-size:11px;
	text-decoration:none;
	color:#84d2d7}
	.list_content_text .link_to_info .link_txt_date{
		font-size:10px;
	text-decoration:none;
	}
.left_text_post {
	width:auto; 
	float:none;}
	
.list_text_img img:nth-child(2n){display:none}
.list_text_img img{width:100%;height:100%;}

	
	/* 05-1-2  모바일 이미지 형식 항목 리스트 */
	.list_content{
		width:100%;
		height:auto;
		margin:0;}
	.list_item{margin:0}
	.list_text{
		margin-bottom:15px;}
	.list_text h2{padding:0}
	
	.list_tit{
    display: inline-block;
    margin: 15px 10px 0 0;
    padding: 0;
    font-size: 16px;}
	
	.list_num{display:inline-block;font-size:10px;margin:0;}
	.list_con{width:100%;height:auto;}
	.list_con li{}
	.list_con li:nth-child(3n){margin:0 0 25px 0;}
	.list_con li:nth-child(2n){margin:0 0 25px 0;}
	.list_con li{width:100%; margin:0 0 25px 0;}
	.list_con li .con_img {width:100%;height:100%;}
	.list_con li .con_num {display:block;position:absolute;top:auto;bottom:0;width:100%;height:44px;background:rgba(0,0,0,0.20);}
	.list_con li .con_num .num_line{display:block;position:relative; width:auto;height:auto;margin:6px 12px;border:0;}
	.list_con li .con_num .num_in{position:initial;top:auto;left:auto; width:auto;height:auto;margin:auto}
	.list_con li .con_num .num_ini{display:block;margin-top:5px;}
	.list_con li .con_num .num_tit{text-align:left;font-size:14px;margin:0;line-height:14px;}
	.list_con li .con_num .num_date{float:left;display:block; text-align:left;margin:0;}
	.list_con li .con_num .num_aut{float:left;display:block; text-align:left;margin-left:5px;}
	
	/* 05-2 게시물 상세항목 영역 */
	.article_tag,.article_main,.item_text,.b_article,#communicate{margin:0}
	.item_text{
		border-bottom:1px dotted #ccc;
		margin-bottom:30px;}
	
	.item_detail{
		margin: 15px 0 0;
		padding-top:2.6px;}
	.item_tit{
		font-size:18px;
		margin:0;}
	
	.item_day{font-size:10px;
		margin-bottom: 0px;
    font-size: 10px;
    color: #c2c2c2;}
	
	.item_day a {
		font-size:11px;
		color:#84d2d7;
		padding-right:10px;}

	/* 05-2-1 구글 애드센스 영역 */
	.google_AdS{text-align:center;width:auto;height:auto;background-color:#fff;}

	/* 05-2-2 태그 영역 */
	.detail_tag{width:100%;float:none;font-size:10px;}
	.tag_tit{width:10%;margin:0 0 10px 0;}
	.tag_item_list{width:90%;}
	.tag_item{margin-right:5px;font-size:10px;}

	/* 05-2-3 SNS공유 영역 */
	.detail_sns{text-align:center;float:none;width:auto;}
	.detail_sns img{margin-top:45px;width:18px;height:18px;margin-left:3px;}

	/* 05-2-4 관련글 영역 */
	.b_article_tit{font-size:14px;}
	.b_article_more{font-size:10px;}
	.b_article ul li{width:49.2%;height:auto;margin:0 1.6% 10px 0;}
	.b_article ul li:nth-child(2n){margin-right:0;}
	.thumb_related{width:100%;height:auto;}
	.names{display:block;top:auto;bottom:0;width:100%;height:34px;}
	.names_in{position:relative;top:auto;left:auto;width:auto;height:auto;margin:auto;}
	.names_line{display:block;position:relative;width:auto;height:auto;margin:5px 12px;border:0;}
	.txt_related{text-align:left;font-size:10px;margin:0;line-height:10px;}
	.date_related{font-size:8px;text-align:left;margin:3px 0 0 ;}

	/* 05-2-5 댓글 영역 */
	.com_list .list_reply li{
	border-top: 1px #ccc dotted;
		padding:5px;
		margin-bottom:5px;}
	
	.com_list .reply_content{
		padding:6.5px 5px 15px 5px;}
	
	.com_list .tit_nickname{font-size:14px;}
	.com_list .tit_nickname a{padding-left:0; color:#7a7979}
	.com_list .txt_reply{font-size:12px;width:100%;}
	.com_list .re_reply .txt_reply{display:block;width:500px;font-size:14px;}
	.com_list .re_reply img{top:15px;left:25px;width:50px;height:50px;
	display:none;}
	.com_list .re_reply .reply_content{padding-left:5px}
	.com_list .re_reply .tit_nickname{margin:5px}
	.com_list .txt_date{display:block;font-size:8px;color:#aaa;
		padding:0;
		margin-top:5px;}
	.com_list .btn_replymenu{display:none}
	.com_list .list_reply li .my_edit{display:block; position:absolute;top:10px;right:10;}
	.com_list .my_edit .link_edit{font-size:10px; margin-right:0;}
	.com_list .list_reply .re_reply{padding-left:15px;}
	.com_write .name,.com_write .password{width:100%;}
	.com_write .guest input {width:100%;}
	.com_write .submit input,.com_write .guest input,.com_write textarea,.com_list .re_reply .txt_reply{margin-left:0; font-size:12px}
	.com_list .re_reply .txt_reply{box-sizing:border-box; width:100%}
	.com_list .reply_content .tit_nickname{margin:0}
	.com_list .reply_content .txt_date a{display:block;font-size:10px;top:25px;right:95px}
	.com_list .re_reply .txt_date a{right:50px}
	.com_list .hiddenComment .txt_reply{font-size:12px}

	/* 05-2-5-1 댓글 이미지*/
	.guest_general,.guest_secret,.rp_general,.rp_secret{background-size:50px 50px;}
	.re_reply.guest_general,.re_reply.guest_secret,.re_reply.rp_general,.re_reply.rp_secret{background-position:25px 15px;background-size:50px 50px;}

	/* 05-3 guest */
	.guest_warp_tit{padding-top:2.5px; font-size:14px;}

	/* 05-4 태블릿 보호글 */
	.pro_warp{border:1px solid #d1d1d1; border-left:0;border-right:0;}
	.pro_font{color:#b3b3b3;font-size:12px}
	.pro_font p{margin-bottom:10px}
	.pro_warp .form{padding-top:15px;}
	.pro_warp .form input{width:200px;height:30px;font-size:12px;}
	.pro_warp .form button{width:65px;height:30px;font-size:12px;}

	/* 06 모바일 footer 영역 */
	#footer{width:100%; background:#f7f7f7;}

	/* 06-1 sidebar_list 영역 */
	.sidebar_list{display:none;}

	/* 06-2 모바일 blog_info 영역 */
	.blog_info{ border:0;margin:0}
	.blog_info .info{margin:0;padding-bottom:55px; float:none;text-align:center;}
	.blog_info .sns{margin:0 auto; padding:55px 0 35px; float:none;border:0;}
	.blog_info .sns ul{display:block;text-align: center;}
	.blog_info .sns ul li{float:none;display:inline-block;margin-left:10px}
	.blog_info .sns ul li a img{width:18px;height:18px;}
	.counter{margin-top:0;font-size:10px;}
	.blog_info .info .blog_desc{margin-top:10px;font-size:10px;}
	.blog_info .info .blog_Created{margin-top:10px;font-size:10px;}
	
}