@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
.nanumgothic * {
 font-family: 'Nanum Gothic', sans-serif;
}

/* 스크롤바 */
::-webkit-scrollbar{ width:5px; }
::-webkit-scrollbar-track{ background:#8abd03; }
::-webkit-scrollbar-thumb{ background-color:#43aa62; }
::-webkit-scrollbar-thumb:hover{ background-color:#8abd03; }

/* 드래그 색상 */
::selection { color:transparent; background:#fFF; text-shadow: 0 0 2px #43aa62; transition: all 250ms ease-in; }
::-moz-selection { color:transparent; background:#fff; text-shadow: 0 0 2px #43aa62; transition: all 250ms ease-in; }

/* 마우스 커서 (https://www.cursors-4u.com/) */
* {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
*:focus {outline:none; cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} 

/* 기본 css */
body, div, form, fieldset, legend, textarea, p, th, td, input, select, textarea, button { margin:0; padding:0; outline:none; }
body, a, input, textarea {  font-family: 'PT Sans Narrow', '나눔고딕', 'Nanum Gothic', sans-serif; font-size:8pt; color:#989797; line-height:260%; word-wrap:break-word; }

ul, li { list-style:none; padding-left:0px; }
body { overflow-y:scroll; background:url(./images/sw-bg.png) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-color:#fff; -webkit-text-size-adjust:100%; }
a, a:active { text-decoration:none; }
a:hover { color:#43aa62; }

#tistorytoolbarid { display:none; }
iframe, video, embed, object { max-width:100%; }

/* 흑백 롤오버 */
.imageblock { filter:gray; -webkit-filter:grayscale(0%); }
.imageblock:hover { opacity:0.7; filter:alpha(opacity=70); filter:gray; -webkit-filter:grayscale(100%); } 

a, img, a:link, a:hover, img:hover, .imageblock, .imageblock:hover, textarea, input, #hd-icon i, #hd-icon i:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

/* 페이지 부드럽게 전환 css */
#container { animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */ -webkit-animation: fadein 3s; /* Safari and Chrome */ -o-animation: fadein 3s; /* Opera */ }
@keyframes fadein {
    from { opacity:0; }
    to { opacity:1; }
}
 @-moz-keyframes fadein { /* Firefox */
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
    from { opacity:0; }
    to { opacity: 1; }
}

/* 전체 구조 */
#hd-icon { text-align:right; margin-right:50px; z-index:3; position:relative; height:50px; }
#hd-icon span { float:right; }
#hd-icon i { padding:20px 10px 0 0; font-size:12pt; font-weight:700; color:#43aa62; }
#hd-icon i:hover { color:#8abd03; }
#header, #header-icon, #pc_menu { width:100%; text-align:center; }
#header img { z-index:999; }
#header-icon img { width:120px; height:120px; border-radius:100px; display:inline; z-index:9; margin-bottom:-200px; }
#header-icon img:hover { opacity:0.7; filter:alpha(opacity=70); filter:gray; -webkit-filter:grayscale(100%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease; }
#foot {  }

#pagebox { width:100%; text-align:center; margin:40px 0 100px 0; }
.paging a { font-size:9pt; padding:8px 10px 8px 10px; margin:5px; color:#cbd8c3; background:#fff; border:7px solid #cbd8c3; }
.paging a:hover { color:#43aa62; } 
.paging i { font-weight:700; } /* 페이지 */

/* content */
#container { margin:0 auto; text-align:center; }
#content { width:900px; margin:0 auto; border:1px solid #cbd8c3; background:#fff; -webkit-box-shadow: 10px 10px 0px 0px #cbd8c3
-moz-box-shadow: 10px 10px 0px 0px #cbd8c3;
	box-shadow: 10px 10px 0px 0px #cbd8c3; }

/* 검색 결과 리스트 */
#li_cate { text-align:center; padding:20px 0 20px 0; }
#li_cate span.cate_name { font-size:8pt; font-weight:700; font-family:'PT Sans Narrow'; text-transform: uppercase; }
#li_cate span.cate_num { font-style:italic; font-size:7pt; font-weight:700; color:#43aa62; } 
#li_cate a { font-size:7pt; }

/* article_skin  */
.list_wrap {  }
.list_wrap:after { display:block; clear:both; content:'' }
 
/* list_content */
/* 갤러리 목록 */
#lst_gal .list_content { float:left; width:18.5%; position:relative; margin:0 3.1%; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#lst_gal .list_content .thumb_img img { width:100%; height:100%; display:block; position:relative; overflow:hidden; border:7px solid #d9e5d2; border-radius:100px; }
#lst_gal .list_content .thumb_img img:hover { border:7px solid #51ae6b; } /* 썸네일 흑백 롤오버 */

#lst_gal .list_content span.title { text-align:center; display:block; width:100%; word-wrap:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px 5px 30px 5px; margin-left:4px; } 
#lst_gal .list_content p { text-align:center; color:#989797; font-size:7px; height:20px; line-height:24px; margin-top:20px; margin-left:15px; padding:0 5px 0px 5px; font-weight:700; } /* 카테고리 */
#lst_gal .list_content p span.cate { display:inline-block; border-top:2px solid #43aa62; text-transform:uppercase; } 
#lst_gal .list_content a:hover strong { color:#43aa62; }
#lst_gal .list_content:hover { border:0; }

#lst_gal .cate_board, #lst_gal .list_content span.title i { display:none; } /* 갤러리형에서 일반목록형 감추기 */

/* 일반 목록 */
#lst_board { text-align:left; margin:0 auto; padding:0 30px 0 30px; margin-bottom:25px; }
#lst_board .list_content { padding:15px 20px 15px 20px; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; margin-top:-1px; } /* 일반목록 box */
#lst_board .list_content:after { display:block; clear:both; content:"" }
#lst_board .title { float:left; width:70%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } /* 타이틀 */
#lst_board .title i { margin-right: 5px; } /* 타이틀 왼쪽 아이콘 */
#lst_board .cate_board { float:right; display:inline-block; color:#43aa62; font-weight:700; font-size:7px; text-transform:uppercase; padding:0 5px 0 10px; } /* 카테 */
#lst_board .list_content p, #lst_board .list_content p span.cate, #lst_board .thumb_img, #lst_board .thumb_img img { display:none; } /* 일반목록형에서 갤러리형 감추기 */

/* 방명록&댓글 */
.guestbook { text-align:left; padding:20px 20px 10px 20px; }
.gb_write span { font-weight:700; font-size:7pt; }
.comment { margin-top:-25px; padding:0 25px 5px 25px; text-align:left; display:none; }

/* 댓글쓰기 */
.gb_write textarea, .co_write textarea { width:100%; height:100px; border:1px solid #ebebeb; overflow:hieedn; margin-top:10px; }
.gb_write textarea:focus, .co_write textarea:focus, .gb_write textarea:hover, .co_write textarea:hover { height:150px; }
.gb_write .submit input, .co_write .submit input { width:100%; height:40px; margin:5px 0 15px 0; font-weight:700; font-size:7pt; background-color:#fafafa; color:#43aa62; cursor:pointer; border:0; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; }
.gb_write .submit input:hover, .co_write .submit input:hover { background-color:#43aa62; color:#fff; }
.gb_write textarea:focus, .co_write textarea:focus, .gb_write textarea:hover, .co_write textarea:hover, .guest_input:hover { border:1px solid #43aa62; } /* 방명록&댓글 쓰기 폼 */

/* 비로그인시 보이는 방명록&댓글 input */
.name_rp,.pass_rp { font-weight:700; font-size:7pt; width:20%; height:30px; line-height:40px; padding:0px 15px 0px 15px; margin:10px 0 5px 0; border-bottom:1px solid #ebebeb; border-left-width:0px; border-right-width:0; border-top:1px solid #ebebeb; background:none; }
.name_rp { margin-right:20px; }

.pass_rp:hover, .name_rp:hover { border-bottom:1px solid #43aa62;  border-top:1px solid #43aa62; }

/* 방명록&댓글 리스트 */
.gb_list ol { padding:0px; list-style:none; }
.comment ol { padding:0px; list-style:none; }
.gb_list ul, .comment ul { list-style:none; }
.gb_list ol li, .comment ol li { margin-bottom:15px; }
.gb_list ol li ul li, .comment ol li ul li { padding-top:5px; border:0; margin-bottom:0px; }
.gb_list li ul li, .comment li ul li { word-break:break-all; }
.gb_list li .name, .comment li .name { font-weight:700; }
.gb_list li .date, .comment li .date { font-weight:700; font-size:7pt; color:#999; padding:0 5px; }
.gb_list li .admin, .comment li .admin { display:none; }
.gb_list li .admin i, .comment li .admin i { font-size:7pt; }
.rp_line { padding:10px; border-top:3px double #ebebeb; border-bottom:1px dotted #ebebeb; margin-bottom:10px; }
.rrp_line { padding:10px; border-bottom:3px double #ebebeb; margin-top:-5px;  margin-bottom:10px; background:#fafafa; }
.rp_desc { border-bottom:3px double #ebebeb; padding-bottom:10px; padding-left:10px; padding-right:10px; }
.rrp_line:hover .admin, .rp_line:hover .admin { display:inline-block; text-decoration:none; }

/* 비밀글 체크박스 */
input[id="secret"] { display:none; }
input[id="secret"]:checked + label:before { font-family:'xeicon'; content:"\e964  SECRET"; font-size:7pt; font-weight:700; color:#43aa62; margin-left:5px; }
input[id="secret"] + label:before { font-family:'xeicon'; content:"\e965  UNLOCK"; font-size:7pt; font-weight:700; color:#8abd03; margin-left:5px; }

/* 본문 */
.entry { text-align:left; }

.article { padding:30px 35px 10px 35px; }
.article a { text-decoration:none; }
.article a:hover { color:#8abd03; text-decoration:none; }

.ar_title { position:relative; padding:10px; margin-top:10px; text-align:center; }
.ar_title a { font-size:10pt; font-weight:700; }
.date_line { width:200px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:7pt; font-weight:700; padding-top:5px; padding-bottom:5px; text-align:center; text-transform: uppercase; margin:0 auto; }
.date_line span.ar_data { background-color:#fff; }
.date_line span.ar_cate { background-color:#fff; } /* 본문 상단 */

.ar_co { font-weight:700; text-align:right; border-top:1px solid #ebebeb; margin:0 20px; padding:10px 20px 25px 20px; }
.ar_co a { font-size:9pt;  } /* 본문 하단 */

/* 공지 사항 */
.day_list { margin:0 auto; background:#fff; margin-bottom:30px; }
.day_article { text-align:left; padding:30px 35px 0 35px; }

/* 더보기 */
div .btn-toggle-moreless:before, div .btn_more:before { font-family:'xeicon' !important; content:'\e942'; padding-right:5px; color:#43aa62; !important; }
div.open .btn-toggle-moreless:before, div.open .btn_less:before { font-family:'xeicon' !important; content:'\e945'; color:#43aa62; padding-right:5px; }
.btn-toggle-moreless, .btn_more, .btn_less { font-size:9pt !important; margin:0 !important; outline:none !important; height:auto !important; }

.moreless_content { border:0 !important; padding:0 !important; }
.moreless_content .btn_less { margin:0 !important; }
.moreless_content .btn_less:last-child { display:none; }

/* 보호글 */
.entry span.se_entry { font-size:7pt; font-weight:700; }
.se_input { width:120px; height:30px; text-align:center; font-size:7pt; font-weight:700; box-sizing:border-box; padding:0px 15px 0px 15px; margin:10px 0 10px 0; border:1px solid #fff; background:none; }
.se_submit { width:120px; height:30px; box-sizing:border-box; font-size:7pt; font-weight:700; border:2px solid #43aa62; background:#fff; color:#43aa62; }
.se_submit:hover { border:2px solid #8abd03; background:#fff; color:#8abd03; }

.moreless_fold,.moreless_top,.moreless_bottom,.se_submit,.moreless_top:hover,.moreless_fold:hover,.moreless_bottom:hover,.se_submit:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

/* 검색 */
.background_s { display:none; position:fixed; z-index:99; width:100%; top:0; left:0; bottom:0; right:0; background:rgba(255, 255, 255, 0.8); }
.n_search { position:absolute; z-index:100; width:40%; top:50%; left:50%; text-align:center; color:#d1c0dd; background:rgba(255, 255, 255, 0); opacity:1; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.xx { color:#8abd03; }

.searchform input { width:80%; height:50px; border:0px; background:rgba(255, 255, 255, 1); text-align: center; border:2px solid #8abd03; font-size:7pt; font-weight:700; }
.searchform input:focus { outline:0; background:#fff; border:2px solid #51ae6b; }

/* 툴팁 */
.tooltip { display:none; position:absolute; border:7px solid #cbd8c3; background:#fff; padding:0 10px 0 10px; font-weight:700; font-size:7pt; color:#cbd8c3; z-index:9999; }

/* 카피라이터 (삭제하지마세요.) */
.copy { position:fixed; bottom:5px; left:15px; z-index:9888; font-size:7pt; }

/*공감신고*/
.container_postbtn { padding:15px 0 !important; }
.container_postbtn .btn_menu_toolbar { border:0px !important; }
.container_postbtn .postbtn_like, .container_postbtn .btn_menu_toolbar { border:0px !important; }

/* 커버 */
#cover-notice { width:100%; }
.cover-notice {  }

/* 모바일 */
.m_menu { display:none; }
.m_menu { margin: 0 auto; text-align:center; }

#menubar_img {}
#menubar { background:url(./images/sw-bg.png) repeat center; width:220px; height:100%; display:none; position:fixed; z-index:999; left:-225px; top:0; transition:left 0.3s linear; }
#menubar.visible { left:0; transition:left 0.3s linear; }
#menubar_btn { display:inline-block; vertical-align:middle; cursor:pointer; position:absolute; width:20px; height:5px; margin:22px 25px 0 0; right:-60px; top:0; }
#menubar_btn span { height:3px; background:#51ae6b; border-radius:100px; margin-bottom:5px; display:block; } /* 메뉴 */

@media only screen and (max-width:1000px) {
	#pc_menu, #foot { display:none; }
	.m_menu, #menubar { display:block; }
	#hd-icon { margin-right:30px; }
	#content { width:90%; margin-top:20px; margin-bottom:40px; }
}

@media only screen and (max-width:660px) {
	#lst_gal .list_content { width:38%; margin:0 5.4%; }
	#lst_board .title { width:60%; } /* 일반 목록 타이틀 */
}