@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

/* 스크롤바 */
::-webkit-scrollbar{ width:5px; }
::-webkit-scrollbar-track{ background:#ffedf8; }
::-webkit-scrollbar-thumb{ background-color:#f2d2f9; }
::-webkit-scrollbar-thumb:hover{ background-color:#e392fd; }

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

/* 마우스 커서 (https://www.cursors-4u.com/) */
* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat988.cur), progress !important;}
*:focus {outline:none; cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat988.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', 'Malgun Gothic', '맑은 고딕', 'Nanum Barun Gothic', '나눔 바른 고딕', sans-serif; font-size:8pt; color:#8b8b8b; line-height:260%; word-wrap:break-word; }

ul, li { list-style:none; padding-left:0px; }
body { overflow-y:scroll; background:url(./images/sp_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:#ff97c8; }

#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; }
}

/* 전체 구조 */
#header { width:100%; margin:0 auto; text-align:center; }
#header img { margin:45px 0 20px 0; }
#pc_menu { width:100%; margin:0 auto; text-align:center; }
#pc_menu img { margin-bottom:-10px; }
#foot { width:100%; margin:0 auto; text-align:center; }
#foot img { margin-bottom:100px; margin-left:3px;}

#pagebox { width:100%; text-align:center; margin:30px 0 0 0; }
.paging a { font-size:9pt; padding:8px 10px 8px 10px; margin:5px; color:#ffd9f0; background:#fff; border-radius:100px; border:2px solid #ffd9f0; -webkit-box-shadow: 3px 3px 0px 0px #ffedf8;-moz-box-shadow: 3px 3px 0px 0px #ffedf8; box-shadow: 3px 3px 0px 0px #ffedf8; }
.paging span a { font-size:9pt; padding:8px 10px 8px 10px; margin:5px; color:#f0c1fa; background:#fff; border-radius:100px; border:2px solid #f0c1fa; -webkit-box-shadow: 3px 3px 0px 0px #f2d2f9;-moz-box-shadow: 3px 3px 0px 0px #f2d2f9; box-shadow: 3px 3px 0px 0px #f2d2f9; }
.paging a:hover { color:#f0c1fa; } 
.paging span a:hover { color:#ffd9f0; } 
.paging i { font-weight:700; } /* 페이지 */

/* content */
#container { margin:0 auto; text-align:center; }
#content { width:900px; margin:0 auto; padding-bottom:10px; border:2px solid #f0c1fa; border-radius:40px; background:#fff; -webkit-box-shadow: 5px 5px 0px 0px #f2d2f9;-moz-box-shadow: 5px 5px 0px 0px #f2d2f9; box-shadow: 5px 5px 0px 0px #f2d2f9; }

/* 검색 결과 리스트 */
#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:#ff97c8; } 
#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.2%; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#lst_gal .list_content .thumb_img { border:3px solid #ffedf8; background:url(./images/cover_no.png) no-repeat center; background-size:cover; border-radius:100px; } 
#lst_gal .list_content .thumb_img:hover { border:3px solid #f2d2f9; }
#lst_gal .list_content .thumb_img img { width:100%; height:100%; border:0; display:block; position:relative; overflow:hidden; border-radius:100px; }
#lst_gal .list_content .thumb_img img:hover { opacity:0.1; filter:alpha(opacity=10); 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; } /* 썸네일 흑백 롤오버 */

#lst_gal .list_content span.title { text-align:center; display:block; width:95%; word-wrap: break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 5px 30px 5px; } 
#lst_gal .list_content p { text-align:center; color:#8b8b8b; font-size:7px; height:24px; line-height:24px; margin-top:20px; padding:0 5px 0px 5px; font-weight:700; } 
#lst_gal .list_content p span.cate { display:inline-block; border-top:2px solid #ffe0f3; text-transform:uppercase; } 
#lst_gal .list_content a:hover strong { color:#e392fd; }
#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:#e392fd; 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:#e392fd; 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:#e392fd; color:#fff; }
.gb_write textarea:focus, .co_write textarea:focus, .gb_write textarea:hover, .co_write textarea:hover, .guest_input:hover { border:1px solid #e392fd; } /* 방명록&댓글 쓰기 폼 */

/* 비로그인시 보이는 방명록&댓글 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 #e392fd;  border-top:1px solid #e392fd; }

/* 방명록&댓글 리스트 */
.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:#e392fd; margin-left:5px; }
input[id="secret"] + label:before { font-family:'xeicon'; content:"\e965  UNLOCK"; font-size:7pt; font-weight:700; color:#ff97c8; margin-left:5px; }

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

.article { padding:30px 35px 10px 35px; }
.article a { text-decoration:none; }
.article a:hover { color:#ff97c8; 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:#e392fd; !important; }
div.open .btn-toggle-moreless:before, div.open .btn_less:before { font-family:'xeicon' !important; content:'\e945'; color:#e392fd; 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:0; background:#f2d2f9; color:#fff; border-radius:40px; }
.se_submit:hover { border:0; background:#ffe0f3; color:#fff; }

.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; }

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

/*공감신고*/
.container_postbtn { padding:0 !important; margin:3px 0 10px 0 !important; }
.container_postbtn .postbtn_like { padding:0 !important; border-radius:0 !important; border:0 !important; }
.container_postbtn .btn_post .txt_like, .container_postbtn .wrap_btn_share { display:none !important; }
.container_postbtn .btn_menu_toolbar { display:none; }

/* 커버 */
#cover-notice { width:95%; height:350px; float:left; text-align:left; margin-left:25px; margin-top:10px; }
.cover-notice { width:60%; float:left; height:300px; }
.cover-scll { padding-right:5px; height:300px; overflow-y:auto; }
.cover-twt { width:35%; float:right; }
.notice_tt, .twt_tt { font-weight:700; margin-top:20px; padding:0 10px 0 10px; display:inline-block; border:2px solid #f0c1fa; border-radius:40px; color:#f0c1fa; text-transform:uppercase; } /* 공지 + 트위터 */

.cover-thumbnail-list { width:95%; float:left; margin-left:25px; margin-top:10px; }
.cover-thumbnail-list ul { width: 100%; }
.cover-thumbnail-list ul li {
	float: left;
	width: 22.98%;
	margin: 15px 0 0 0;
	padding-left: 2.25%;
}
.cover-thumbnail-list ul li:nth-child(4n+1){
	clear: both;
	padding-left: 0;
}
.cover-thumbnail-list ul li a {
	display: block;
	text-decoration: none;
}
.cover-thumbnail-list ul li .thum {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	margin-bottom: 11px;
	padding-bottom: 75.757575757575758%;
}
.cover-thumbnail-list ul li .thum img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.cover-thumbnail-list ul li .thum 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; } /* 최근 갤러리 */