@charset "utf-8";

/*theme.resfes.com*/

/* color set*/
/*text*/
.link_cate{color:#19BFEF}

/* dimmed */
.dimmed{display:none;position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:#000;opacity:0.8;filter:alpha(opacity=80)}

/*box*/

/*reset*/
/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family: 'Offside','nanumbarunpenr','나눔고딕',NanumGothic, '맑은고딕','Malgun Gothic', '돋움',dotum,AppleGothic,sans-serif;font-size:12px}
body{word-break:break-all}
body{-webkit-text-size-adjust:none} /*텍스트 자동조절 방지*/
img,fieldset{border:0}
img{vertical-align:top}
dl,ul,ol,menu,li {list-style:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}{font-style:normal}
a {color:inherit;text-decoration:none}
a:active, a:hover {text-decoration:none}
a:active {background-color:transparent;text-decoration:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
header,main,section,footer,nav,article{display:block;}
::selection {background-color: #6f6f6f;color: #fff;}
/* Common Add */
caption,legend,.blind{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
input,select,textarea,button {vertical-align:middle;outline:none}
input::-ms-clear {display:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button,textarea{-webkit-appearance:none}
button {border:0 none;background-color:transparent;cursor:pointer}
button { font-family:'NanumBarunGothic'; padding:0; border:0; margin:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance:none; moz-appearance:none; }
select { font-family:NanumBarunGothic; font-size:12px; line-height:16px; padding:0 0 0 5px; margin:0; color:#333; height:23px; border:solid 1px #707070; vertical-align:middle; }
hr{display:none}
table{border-collapse:collapse}
th{font-weight:normal}
caption{ display:none; position:static; left:-9999px; text-indent:-9999px; height:0; font-size:0px; line-height:0; }/* 숨김 텍스트 */
.skip_nav{position:relative;z-index:99999}
.skip_nav a{position:absolute;top:-50px;left:0;width:140;border:1px solid #fff;text-align:center;}
.skip_nav a:active,.skip_nav a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
.skip_nav span{display:inline-block;padding:2px 5px 0 0;font-size:12px;line-height:24px;color:#fff;letter-spacing:-1px}
.ir { display:inline-block; padding:0; margin:0; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; line-height:200px; text-indent:0; vertical-align:middle; color:transparent; }
.ir_pm{display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.hidden,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.blind { position:absolute; left:-9999px; text-indent:-9999px; height:0; font-size:0px; line-height:0; }/* 숨김 텍스트 */
.is-show {display:block}
.is-hide {display:none}


/*layout*/
html, body{height:100%;min-height:100%;}
.wrap{position:relative;min-height:100%;min-width:300px;background:#f6f6f6}
.container{min-height:100%;padding:15px 0 100px;}

/* header */
.header{position:relative;z-index:100;height:30px;padding:10px 0;background:#fafafa;text-align:center;}
.m-logo{font-size:16px;line-height:30px}
.m-menu{position:absolute;top:0;left:10px;line-height:50px;font-size:20px}
.m-search{position:absolute;top:0;right:10px;line-height:50px;font-size:20px}

/* aside */
.nav{max-width:280px;position:relative;z-index:100;margin-top:11px;padding:20px 20px 10px;background:#fff;text-align:left;color:#000}
.nav .article_tit{margin-bottom:5px;font-weight: bold;text-align:center;}
.nav .profile_txt{display:block;}
.nav .thumb_profile{overflow:hidden;text-align:center;}
.nav .thumb_profile img{width:100%}
.nav .profile_area,
.nav .view_navi,
.nav .box_aside{position:relative;margin-bottom:15px;padding:5px;}
.nav .link_tit{font-weight:bold}
.nav .box_calendar{width:200px}
.nav .list_control{overflow:hidden;color:#b1b1b1;}
.nav .list_control li{float:left;margin-right:5px;}
.nav .btn_nav_close{position:absolute;top:5px;right:5px;}
.nav .tit_aside{display:block;}
.nav .list_tag{overflow: hidden;padding-left:0}
.nav .link_more{position:absolute;top:5px;right:5px;}
.nav .category_list li{border-top:1px solid rgba(167, 167, 167, 0.17);}
.nav .category_list li:first-child{border-top:0;}
.nav .category_list li a{display:block;padding:13px 0;}
.nav .category_list li ul{margin-left:15px}
.nav .link_guestbook{display:block;padding:13px 0;border:1px solid rgba(167, 167, 167, 0.17);border-width:1px 0;}
.nav .box_calendar .tit_aside{margin-bottom:5px}
.search_area{position: relative;z-index:100;height: 100px;margin-top: 11px;padding-top: 77px;background:url(images/bg_nav2.jpg) repeat 30% 0;
			animation: animatedBackground 40s linear infinite;
			-ms-animation: animatedBackground 40s linear infinite;
			-moz-animation: animatedBackground 40s linear infinite;
			-webkit-animation: animatedBackground 40s linear infinite;}
.search_area input[type="text"]{background:#f3f3f3;border:0}

/* ico */
.ico_comment{width:12px;height:12px;display:block;margin-top:3px;background:url(images/ico_comment.png) no-repeat 0 0;-webkit-background-size:12px;
background-size:12px;}
.btn_menu{width:24px;height:24px;background:url(images/ico_bar.png) no-repeat 0 0;-webkit-background-size:24px;
background-size:24px;}
.btn_search{width:24px;height:24px;margin-top:2px;background:url(images/ico_search.png) no-repeat 0 0;-webkit-background-size:24px;
background-size:24px;}
/* tag */
.tit_skin{text-align:center}
.list_tag{padding:10px 10px}
.list_tag > li{float:left;margin-right:10px;line-height:18px}

/* article */
.article{}
.article_area{}
.list-thumb{display:block;padding:15px 15px 0;}
.list-thumb img{width:100%;max-width:100%;}
.list-summary{padding:15px;}
.list-summary .summary_hd{padding:0 0 10px;text-align:left;}
.list-util{overflow: hidden;font-family:'nanumbarunpenr';padding:0 15px 15px;color:#666;}
.list-date{float:left;text-align:left;}
.list-reply{float:right;text-align:right;}

/* article_group */
.article_group .list_title{margin-bottom:10px;text-align:center}

/* -list */
.article_list{width:100%;margin-bottom: 20px;background:#fff;box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
/*.article_type:after {content: '';display: block;clear: both;}*/

/* -type card */
.article_type_card{overflow: hidden;position:relative;width:100%;height:100%;margin:0 auto;}

/* view */
.view_header{padding:0 20px;}
.view_header-tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0;font-size:18px;}
.view_header-author{margin:0 0 3px 0}
.view_header-modify{padding:5px;background:#444543;font-size:12px;color:#fff;font-weight:bold}
.view_header-modify_obj{padding:0 5px;background:#9c9c9c;border:1px dotted #000;}
.article_view_inner{position:relative}
.view_cont{padding:10px 20px;color:#000;font-size:15px;}
.view_cont .imageblock{1width:100%!important;margin-bottom:5px}
/*.view_cont p{margin:10px 0}*/
/*.view_cont .imageblock img{width:100%!important}*/
.article_type_card .another_category{padding:10px 0 5px!important;border:0!important;}
.view_tag{overflow:hidden}
.view_tag dt{float:left;margin:0 5px 0 0}
.view_tag dd{}

/* view background color */
.view_header,
.view_cont,
.view_etc{background-color:#fff}

/* reply */
.view_reply{padding:10px 20px;background:#fff;border-top:20px solid #f6f6f6;font-size:13px}
.view_reply .tit_reply{overflow:hidden;display:block;margin-bottom:5px}
.view_reply .tit_reply > span{float:left}
.view_reply .txt_date{display:block}
.list_reply > li{margin-top: 10px;padding-top: 10px;border-top: 1px dashed #e2e2e2;}
.list_reply .re_reply{padding-left:10px}
.reply_write textarea{width: 96%;margin-bottom:3px;padding: 2%;background:#f7f7f7;border: 0;font-size:14px}
.writer_btn button{float:right;width:60px;background: #dadada;border: 1px solid #f1f1f1;}
.writer_info{float:left;width:60%;margin-bottom:5px;}
.writer_info > span{float:left;width:50%}
.writer_info input[type="text"],
.writer_info input[type="password"]{width:100%;background:#f7f7f7;border:0;}
.writer_check{float:left;padding:0 0 5px 0}
.writer_check .check_secret{margin-left:5px}

.tt_article_useless_p_margin p{color:#333;font-size:14px;}

.vh_author-cate{float:right}

.ellipsis{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.summary_hd .h_tit{overflow:hidden;font-size:16px;color:#101010;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.summary_article p{color:#666;font-size:14px;line-height:22px;}
.article_inner{padding-bottom:10px}
.link_cate{display:block;margin-bottom:5px}

/* notice */
.notice_area{padding:0;background:#fff}
.notice_area .article_view_inner{margin:10px 20px}
.notice_area .view_title{padding:10px 20px}
/* border */
.bd_pixel{box-shadow: 0 0.5px 0 #c0c0c0}



/*gallery-control*/
.tt-gallery-box > img {max-width: 100%;}

/*related*/
.related_area{position:relative;padding:10px 20px;background:#fff;border-top:20px solid #f6f6f6}
.related_area .link_more{position:absolute;top:11px;right:20px;}
.related_thumb img{width:100%;border-radius:50%;}
.related_txt{display:block; overflow:hidden;margin:4px 0 2px; text-overflow:ellipsis; white-space:nowrap;}
.related_lst{text-align:center;margin-top:15px;}
.related_date{font-size:12px;}
.related_lst li{margin:0 5px;}

/* paging */
.paging{width:100%;margin-top: 20px;text-align:center;}
.paging .no-more-prev .ico_prev{display:none;}
.paging .no-more-prev .ico_future_last{display:block;}
.paging .link_page{display:inline-block;margin:5px 6px 3px;}
.paging .link_page span{color:#7B7B7B;}
.paging .link_page .selected{font-weight:bold;color:#333;}
.paging .btn_prev{width:200px;display:block;margin:0 auto;padding:3px 0;background:#f7f7f7;text-align:center;}
.paging .btn_next{width:200px;display:block;margin:0 auto;padding:3px 0;background:#f7f7f7;text-align:center;}
.paging .no-more-next{display: none;}

/* footer */
.footer{position:absolute;left:0;bottom:0;width:100%;text-align:center}

/* mobile */
@media screen and (max-width:420px){
	body,input,textarea,select,button,table{font-size:13px}
	.article_type_card .article_list{width:100%;margin-bottom:10px;}
	.article_type-thumb{display:block;padding:0;}
	.article_view{width:100%}
	.related_lst li{display:inline-block;width:60px;}
}

/* tablet */
@media screen and (orientation:portrait) and (min-width:421px) and (max-width:768px) {
	.article_type_card .article_list{width:200px}
	.related_lst li{display:inline-block;width:100px;}
		/* view */
	.article_view{width:100%;}
}

/* pc */
@media screen and (min-width:768px){
	/* list */
	.container{padding:15px 5px 100px}
	.article_type_card{width:700px;margin:0 auto;}
	.article_type_card .article_list{width:300px}
	/* view */
	.article_view{width:700px!important;}
	.related_lst li{display:inline-block;width:100px;}
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

/* custom */
/* 사용자가 직접 수정할수 있습니다.
아래의 몇가지 예를 참고하세요*/

/* 카테고리명은 영어를 추천합니다.
한글도 가능하지만 제대로 작동이 안될수 있습니다.
카테고리명 공백이 있을경우 : Love It => Love%20It */

/* category 설정 */

/* #카테고리명 : test */
/* 배경색상 */
.article_list[data-cate="/category/test"]{background: #c3cbcc}
/* 카테고리명 폰트색상 */
.article_list[data-cate="/category/test"] .link_cate{color:#efefef}
/* 글 제목 폰트색상 */
.article_list[data-cate="/category/test"] .summary_hd .h_tit{color:#545454}

/* #카테고리명 : test2 */
/* 배경색상*/
.article_list[data-cate="/category/test2"]{background:#9BCEDD}
/* 카테고리명 폰트색상 */
.article_list[data-cate="/category/test2"] .link_cate{color:#efefef}
/* 글 제목 폰트색상 */
.article_list[data-cate="/category/test2"] .summary_hd .h_tit{color:#587177}
/* 글 내용 폰트색상 */
.article_list[data-cate="/category/test2"] .summary_article p{color:#f9f9f9}

/* #카테고리명 : saying */
/* 배경 색상 */
.article_list[data-cate="/category/saying"]{background:#fff}
/* 카테고리명 폰트색상 */
.article_list[data-cate="/category/saying"] .link_cate{display:none}
/* 날짜와 댓글아이콘 영역 - 세로 16px 설정되어있음 */
.article_list[data-cate="/category/saying"] .list-util{height:16px}
/* 날짜와 댓글아이콘 - 숨김으로 설정되어있음 */
.article_list[data-cate="/category/saying"] .list-date{display:none}
.article_list[data-cate="/category/saying"] .ico_comment{display:none}
/* 글 제목 영역 */
.article_list[data-cate="/category/saying"] .summary_hd{position:absolute;left:15px;bottom:0}
/* 글의 제목 폰트 속성 */
.article_list[data-cate="/category/saying"] .summary_hd .h_tit{font-size:12px;font-weight:normal}
/* 글의 내용 폰트 속성 */
.article_list[data-cate="/category/saying"] .summary_article p{font-size:18px}