@charset "utf-8";

/* theme.resfes.com */

/*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: 'Abel','NanumGothic','나눔고딕', '맑은고딕','Malgun Gothic', '돋움','dotum','AppleGothic','-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue','sans-serif';font-size:12px}
body{word-break:break-all;-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:#fffcbc;color:#232323;}
/* 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 {padding:0; border:0; margin:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance:none; moz-appearance:none; }
select {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:140px;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%}
.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%;font-size:12px;}
.wrap{overflow:hidden;position:relative;width:100%;min-height:100%;min-width:300px;background:#f6f6f6}
.container{min-height:100%;padding:0 0 100px;}

/* header */
.header{height:42px;background:#f9f9f9;border-bottom:1px solid #e6e6e6;}
.header h1{text-align:center;line-height:44px;font-size:18px}
.btn_nav{position:absolute;top:15px;left:15px}

/* main */
.content{margin:0 auto}
.main{padding:15px 0 0}
#tt-body-page .content{max-width:1100px}

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

/* list */
.article-item{background:#fff;}

/* tag - main */
.article-tag_label{overflow:hidden;margin:14px 0;padding:0 14px;color:#fff;}
.article-tag_label a{display:inline-block;margin:0 0 2px 0;padding: 1px 4px 0 4px;background:#e7c212;color: #fff;font-size:11px;line-height:15px}

/* replay*/
/* common */
.article-response{padding:0 14px}
.article-tag_status{margin:14px 0;text-align:right;line-height:15px}
.article-reply_list{margin:14px 0}
.article-reply_list--item{overflow:hidden;border-bottom:1px solid #f9f9f9}
.article-reply_list--item li{border-top:1px solid #f9f9f9;font-size:11px;color:#696969}
.article-reply_list--item li > div{overflow:hidden;padding:2px 0;}
.article-reply_list--item .image{float:left;}
.article-reply_list--item .image img{max-width:100%;height:100%;border-radius:50%}
.article-reply_list--item .date{display:none;}
.article-reply_list--item .desc{overflow:hidden}
.article-reply_list--item .control{display:none}
.article-reply_list--item .comment{margin-left:0}

.article-item--list .thumb_type .txt_related{text-align:left}
.txt_related{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* list */
.article-reply_list--item .tistoryProfileLayerTrigger{display:none}
.article-item--list .article-reply_write{display:none;border:1px solid #f7f7f7;}
.article-item--list .article-reply_list--item{max-height:100%;border-bottom:0;padding:8px;background:#f9f9f9;border-radius:2px}
.article-item--list .article-reply_list--item li{border:0;color:#cacaca}
.article-item--list .article-reply_list--item li > div{overflow:hidden;height:14px}
.article-item--list .article-reply_list--item .comment{overflow:hidden;height:13px;text-overflow:ellipsis;white-space:nowrap;}
.article-item--list .article-reply_list--item .name{display:none}
.article-item--list .article-reply_list--item .image{float:left;width:10px;height:10px;margin:0 5px 0 3px;}
.article-item--list .article-reply_list--item .name > img,
.article-item--list .article-reply-area > [id$="Comment"]{display:block!important}
.article-item--list .article-response .btn_comment{cursor:default}

/* view */
.article-item--view .tistoryProfileLayerTrigger{display:inline-block}
.article-item--view .article-reply_list--item .name img{display:none}
.article-item--view .article-reply_list--item .image{float:left;width:20px;height:20px;margin:2px 5px 0 3px;padding:3px;border:1px dashed #ffeb00;border-radius:50%}
.article-item--view .article-response{padding:0}
.article-item--view .article-tag_status{padding:0 14px}
.article-item--view .article-reply_write{padding:0 14px}
.article-item--view .article-reply_list{padding:0 14px;}
.article-item--view .article-tit{line-height:24px}
.article-item--view .article-reply_list--item li ul li{padding-left:30px;}
.article-item--view .article-reply_list--item li > div{position:relative;padding:8px 0;font-size:11px;line-height:18px}
.article-item--view .article-reply_list--item li > div .date a{bottom:8px}
.article-item--view .article-reply_list--item .date{display:block}
.article-item--view .article-reply_list--item .date a{position:absolute;bottom:8px;right:0}
.article-item--view .article-reply_list--item .control{display:block;margin:15px 0 0;text-align:right}
.article-item--view .article-reply_list--item .control-inner{margin-right:26px}
.article-item--view .article-reply_list--item .comment{padding-left:35px;color:#232323}

/* write - view*/
.article-reply_write p{margin-top:15px}
.article-reply_write label{display:block;margin-bottom:5px}
.article-reply_write input[type="text"], .article-reply_write input[type='password']{width:100%;border:1px solid #ffeb00;border-width:0 0 1px}
.article-reply_write input[type="submit"] {padding:2px 3px;border:0;background:#ffeb00}
.article-reply_write--secret label{display:inline-block}
.article-reply_write--input{width:100%;border:1px solid #ffeb00}

/* category_more-section */
/*common*/
.category_more-section{overflow:hidden;position:relative;margin-top:14px;padding:7px 14px 6px;border-top:1px solid #f9f9f9;line-height:20px}
.category_more-section li{float:left;width:25%;text-align:center}
.category_more-section img{width:100%;max-width:100%;border-radius:5px}
.thumb_type-inner span{display:block}
.article-thumb{display:block;}

/* list */
.article-item--list .category_more-tit{float:left;position:relative;width:50%;}
.article-item--list .category_more-section ul{float:right;width:50%;text-align:right}
.article-item--list .category_more-section li{float:right;height:20px;line-height:20px;text-align:right;}
.article-item--list .category_more-section img{max-width:18px;height:18px;border-radius:50%}
.article-item--list .thumb_type .thumb_type-inner{display:none;position:absolute;top:6px;left:13px}
.article-item--list .thumb_type:hover .thumb_type-inner{display:block!important;width:40%;padding:0 3px;background:#fff;color:#000}
.article-item--list .thumb_type-inner .date_related{display:none!important}

/* view */
.article-item--view .category_more-tit{margin-bottom:6px}
.article-item--view .category_more-section{margin-top:30px;}
.article-item--view .category_more-section li{float:none;width:100%;border-bottom:1px dashed #f7f7f7}
.article-item--view .category_more-section li:first-child{border-top:1px dashed #f7f7f7}
.article-item--view .category_more-section li > a{display:block;height:100px;margin:10px}
.article-item--view .category_more-section img{max-width:100%;height:100px}
.article-item--view .thumb_related{float:left;width:100px;height:100px;}
.article-item--view .thumb_type-inner{overflow:hidden;padding:32px 0 0 15px;text-align:left;}
.another_category{background:#f9f9f9;border-width:0!important}

/* main - list */
.article-date{font-size:12px;font-family:'nanumgothic'}
.article-cate{margin-bottom:7px;font-size:12px;color:#000}
.article-cate a{padding:1px 3px;border-bottom:0;background:#f9e904;color:#fff;letter-spacing:.5px;font-weight:bold}
.article-thumb img{width:100%;max-width:100%}
.article-item--list{overflow:hidden;width:100%;margin-bottom:15px;;box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.article-item--list .article-tit{font-size:16px}
.article-item--list .article-text{margin-bottom:14px;padding:0 14px;letter-spacing:.75px;line-height:18px;}

.article-item--list .article-tag_label a{background:#d2d2d2}
.article-item--list .article-date{margin-bottom:3px}
.article-item--list .article-trackback{display:none}
.article-item--list .article-info{padding:14px 14px 10px}

/* -view */
.article-item--view{padding:0 0 14px;font-size:13px;line-height:18px}
.article-item--view .article-tag_label{margin-bottom:50px}
.article-item--view .article-reply_write{margin-bottom:30px}
.article-item--view .category_more-section .link_more{padding-top:30px}
.article-item--view .article-view{padding:0 14px;font-size:14px;line-height:20px}
.article-item--view .article-info{padding:12px 14px 30px}

/* admin-section */
.admin-section{padding:3px;background:#b5b5b5;color:#fff}
.admin-section a{color:#fff;font-size:12px}

/* icon */
.ico_reply img{width:16px;margin:0 0 0 8px}
.ico_trackback img{width:15px;margin:2px 0 0}

/* nav */
.nav{display:none;overflow-x:hidden;overflow-y:scroll;position:fixed;top:43px;left:0;right:0;bottom:0;z-index:100;width:300px;background-image:url(./images/bg_nav2.png);}
.nav-inner{width:272px;height:100%;padding:12px 14px;}
.nav #sidebar{margin-bottom:10px}
.nav .blogImage{margin-bottom:20px;text-align:center}
.nav .blogImage img{width:120px;height:120px;margin-bottom:10px;border-radius:50%}
.nav .category,
.nav .tagbox,
.nav .notice,
.nav .search,
.nav .adminMenu,
.nav .recentPost,
.nav .recentComment,
.nav .recentTrackback,
.nav .archive,
.nav .calender,
.nav .nav-editmn,
.nav .nav-defaultmn,
.nav .counter,
.nav .botton{margin-bottom:20px}
.nav .tagbox > ul,
.nav .notice > ul,
.nav .search > ul,
.nav .adminMenu > ul,
.nav .recentPost > ul,
.nav .recentComment > ul,
.nav .recentTrackback > ul,
.nav .archive > ul,
.nav .calender > ul{display:none}
.nav .calender td{text-align:center}
.nav .tt-calendar caption.cal_month{visibility:visible;display:table-caption;position:static;left:auto;width:100%;height:18px;margin-bottom:5px;text-align:center;text-indent:0;font-size: 13px;line-height:18px;}
.nav h3{font-size:13px;cursor:pointer}
.is-nav_on{height:100px}
.is-nav_on .dimmed{top:43px;display:block;}
.nav .category{text-align:center}
.nav h3{margin-bottom:10px;font-size:18px}
.nav .category .tt_category li{font-size:20px;line-height:30px}
.nav .category .sub_category_list{margin-bottom:10px}
.nav ul > li{font-size:16px;line-height:32px}
.nav .recentComment li a{display:block;border:0}
.nav .tagbox ul{overflow:hidden}
.nav .tagbox li{float:left;margin-right:10px;line-height:32px}
.nav .search{overflow:hidden;text-align:center}
.nav .search input[type="text"]{height:18px;border:1px solid #e1e1e1}

/* is- */
.is-nav_on .btn_nav .ico-nav{display:none}
.btn_nav .ico-close{display:none}
.is-nav_on .btn_nav .ico-close{display:block}

/* search */
.result_search-list{margin-bottom:30px;padding:0 14px;color:#232323}
.result_search-list h3{margin-bottom:14px;font-size:16px}
.result_search-list h3 span{padding:5px;background:#fff400;}
.result_search-list ol{overflow:hidden}
.result_search-list li{margin-bottom:14px}
.result_search-list .tit{margin-right:4px;font-size:24px}
.result_search-list .tit span{border-bottom:1px solid #fff400}
.result_search_area{background:#fff}

/* guestbook */
.guestbook-section{max-width:700px;min-width:300px;margin:0 auto}
.guestbook-section h3{margin-bottom:10px;text-align:center;font-size:18px;}
.guestbook-write{margin-bottom:30px;padding:20px;background:#fff}
.guestbook-write textarea{width:100%}
.guestbook-list ol > li{margin:0 0 20px 0;padding:20px;background:#fff;font-size:14px}
.guestbook-list .reply2{margin-top:10px}
.guestbook-list .reply2 li{margin-bottom:2px;padding:10px;background:#fff79f}
.guestbook-list .guest_admin,
.guestbook-list .guest_general{text-align:right;font-size:11px;color:#a5a5a5}
.guestbook-list-cont{margin-bottom:10px}
.guestbook-list-admin{color:#bdbdbd;font-size:12px}

/* tag */
.tag_log-section h3{margin-bottom:10px;text-align:center;font-size:18px;}
.tag_log-section ul > li{float:left;margin:5px;line-height:21px}
.tag_log-section ul > li > a{padding:2px 5px;background:#ffeb00;color:#232323;font-size:16px}

/* local */
.local_log-section h3{margin-bottom:10px;text-align:center;font-size:18px;}

/* paging */
.paging-section{overflow:hidden;width:100%;margin:20px 0;text-align:center;font-size:14px}
.paging-section a{padding:1px 7px;background:#fff;border:1px solid #cecece;border-width:0 1px 1px 0;border-radius:2px;color:#000}
.paging-section a .selected{font-weight:bold}
.paging-section .paging-num a{display:inline-block;margin:5px 6px 3px;}
.paging-section .link_page span{color:#7B7B7B;}
.paging-section .link_page .selected{font-weight:bold;color:#333;}
.paging-section .no-more-prev{display:none;}
.paging-section .no-more-next{display:none}

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

/* mobile */
@media screen and (max-width:420px){
	.nav{background-size:128px auto}
	.result_search-list .tit{font-size:18px}
	.article-item--list{margin-bottom:30px}
}

/* tablet */
@media screen and (orientation:portrait) and (min-width:421px) and (max-width:768px) {
	
}

/* pc */
@media screen and (min-width:768px){
	.main{padding:15px 14px 0 }
	/* list */
	.article-item--list{width:250px}
	.article-item--list[data-category="test-cate2"]{width:515px}
	/* view */
	.article-item--view{padding:35px}
	.article-item--view .article-reply_list--item li .control .address{display:none}
	.article-item--view .article-reply_list--item li .control .modify{display:none}
	.article-item--view .article-reply_list--item li .date a{display:none}
	.article-item--view .article-reply_list--item li > div:hover .control .address,
	.article-item--view .article-reply_list--item li > div:hover .control .modify,
	.article-item--view .article-reply_list--item li > div:hover .date a{display:inline-block}
	.article-item--view .article-reply_list--item li > div:hover .write{margin-right:0}
}

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

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

/* category 설정 */

/* #카테고리명 : test-cate */
/* 배경색상 */
.article-item--list[data-category="test-cate"]{background: #c3cbcc}
/* 카테고리명 폰트색상 */
.article-item--list[data-category="test-cate"] .article-cate{color:#efefef}
.article-item--list[data-category="test-cate"] .article-cate a{border-bottom:0;background:#646869}
/* 글 제목 폰트색상 */
.article-item--list[data-category="test-cate"] .article-tit a{color:#545454}

/* #카테고리명 : test-cate2 */
/* 배경색상*/
.article-item--list[data-category="test-cate2"]{background:#9BCEDD}
/* 카테고리명 폰트색상 */
.article-item--list[data-category="test-cate2"] .article-cate{color:#efefef}
.article-item--list[data-category="test-cate2"] .article-cate a{background:#80b1bf;border-bottom:0}
.article-item--list[data-category="test-cate2"] .article-tag_label {color:#9bcedd}
.article-item--list[data-category="test-cate2"] .article-tag_label a{background:#80b1bf;color:#fff}
/* 글 제목 폰트색상 */
.article-item--list[data-category="test-cate2"] .article-tit a{color:#587177}
/* 글 내용 폰트색상 */
.article-item--list[data-category="test-cate2"] .summary_article p{color:#f9f9f9}

/* #카테고리명 : test-cate3 */
/* 배경 색상 */
.article-item--list[data-category="test-cate3"]{background:#a43dff;color:#dcb3ff}
/* 카테고리명 폰트색상 */
.article-item--list[data-category="test-cate3"] .article-cate{display:none}
/* 날짜와 댓글아이콘 영역 - 세로 16px 설정되어있음 */
.article-item--list[data-category="test-cate3"] .article-tag_status{display:none}
/* 날짜와 댓글아이콘 - 숨김으로 설정되어있음 */
.article-item--list[data-category="test-cate3"] .article-date{display:none}
/* 글의 제목 폰트 속성 */
.article-item--list[data-category="test-cate3"] .article-tit a{font-size:14px;font-weight:normal}
/* 글의 내용 폰트 속성 */
.article-item--list[data-category="test-cate3"] .article-text p{font-size:18px;line-height:24px;color:#fff}

.content .article-item--list{float:left;}

.article-item--type2 .article-thumb{padding:14px 14px 0}
.article-item--type3 .article-response{display:none}
.article-item--type3 .category_more-section{display:none}
.article-item--type3 .article-tag_label{display:none}

.article-item--type4{border-radius:5px}
.article-item--type4 .article-response{display:none}
.article-item--type4 .article-info{padding-bottom:14px}
.article-item--type4 .article-cate{margin-bottom:12px;font-size:12px;color:#000}
.article-item--type4 .article-cate a{padding:0;background:none;border-bottom:1px solid #000;color:#000;font-weight:normal}
.article-item--type4 .category_more-section{display:none}
.article-item--type4 .article-date{font-size:10px}
.article-item--type4 .article-tag_label{margin:0 0 14px}