@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
  font-family: 'LotteMartHappy';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
}

/* 기본 #272727 포인트 컬러 #83919d, #fc8096 배경 #f6f6f6 */

/* 스크롤바 */
::-webkit-scrollbar{ width:5px; }
::-webkit-scrollbar-track{ background:#f6f6f6; }
::-webkit-scrollbar-thumb{ background:#83919d; }
::-webkit-scrollbar-thumb:hover{ background:#fc8096; }

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

/* 마우스 커서 */
* {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
*:focus, a:hover, a i:hover, img, .title, #sidebar_btn span {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;} 

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:'Roboto Condensed', 'Pretendard-Regular', sans-serif; font-size:9.5pt; color:#40403d; line-height:200%; word-wrap:break-word; }
ul, li { list-style:none; padding-left:0px; }
body { overflow-y:scroll; background:#f6f6f6; }

a, a:active { text-decoration:none; }

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

figure { vertical-align:top; } /* 본문 이미지 여백 */
.imageblock:hover { opacity:0.7; filter:alpha(opacity=70); filter:gray; -webkit-filter:grayscale(100%); } /* 본문(imageblock) 이미지 흑백 롤오버 */

a, img, a:link, a:hover, img:hover, .imageblock, .imageblock:hover, textarea, input, .list_content .thumb_img, .list_content .thumb_img:hover, .cover-thumbnail-list ul li .thum, .cover-thumbnail-list ul li .thum:hover, #menubar-mo i, #menubar-mo i:hover { 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 { border-bottom:5px solid #fc8096; height:220px; z-index:3; position:relative; padding-right:20px; background:#83919d; }
.hd_icon { position:absolute; top:15px; right:30px; }
.hd_icon i { padding:0 5px; }
.hd_icon a { color:#272727; }
.hd_icon a:hover { color:#fc8096; }
.hd_title { width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; }
.hd_title p { color:#272727; }
.hd_title p span.color { color:#fc8096; }
.hd_title a { display:inline-block; padding:4px 20px; margin:25px 0; background:#272727; border:3px solid #fc8096; color:#fc8096; position:relative; }
.hd_title a:before { content:'HIIRIN'; position:absolute; z-index:-1; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; opacity:0.3; font-size:88px; }
.date_wrap { width:900px; margin:-55px auto 0 auto; }
.date_box { width:100px; height:100px; background:#84929d; box-shadow:3px 3px 0px #fc8096; border:3px solid #fc8096; position:relative; z-index:9; text-align:center; margin-left:50px; }
.date_box a { display:block; padding-top:18px; }
.date_box a strong { font-size:4em; color:#fff; text-shadow:2px 2px 0px #fc8096; line-height:35px; }
.date_box a span.eng { display:block; color:#fc8096; }
.m_menu .date_box { margin:30px auto; }

/* pc 카테고리 */
.category { width:900px; height:50px; text-align:center; margin:-45px auto 30px auto; } 
.category a { text-decoration:none; display:block; padding:0 15px; text-align:center; font-family: 'LotteMartHappy'; } /* a 공통 */
.tt_category { margin:0; }
.category a, .category a:hover { color:#272727; }

.category ul li li { display:inline-block; }
.category > ul > li > ul > li { position: relative; margin:0 5px; }
.category > ul > li > ul > li > a { line-height:3.5em; height:100%; } /* 개별 */ 
.category > ul > li > ul > li > a:before { color:#83919d; padding-right:5px; }
.category > ul > li > ul > li:nth-child(2) > a:before { content:'03'; }
.category > ul > li > ul > li:nth-child(3) > a:before { content:'06'; }
.category > ul > li > ul > li:nth-child(4) > a:before { content:'09'; }
.category > ul > li > ul > li:nth-child(5) > a:before { content:'12'; }

.category > ul > li > ul > li > ul { display:none; position:absolute; } 
.category > ul > li > ul > li > ul > li { display:block; }

.category > ul > li > ul > li > a, .category > ul > li > ul > li > ul > li > a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; } /* 카테고리가 너무 길어지면 줄임 */ 
.category > ul > li > a, .category > ul > li > ul > li > a > span.c_cnt, .category span.c_cnt { display:none; }

/* 모바일 카테고리 */
.mo_category { display:none; }
.mo_category { width:170px; margin:0 auto; }
.mo_category a { font-weight:700; padding:0 15px; line-height:3.5em; color:#272727; text-align:center; font-family: 'LotteMartHappy'; }
	
.mo_category > ul > li > ul > li { position: relative; margin-bottom:5px; }
.mo_category > ul > li > ul > li > a { line-height:3.5em; height:100%; } /* 개별 */
.mo_category > ul > li > ul > li > a:before { color:#83919d; padding-right:5px; }
.mo_category > ul > li > ul > li:nth-child(2) > a:before { content:'03'; }
.mo_category > ul > li > ul > li:nth-child(3) > a:before { content:'06'; }
.mo_category > ul > li > ul > li:nth-child(4) > a:before { content:'09'; }
.mo_category > ul > li > ul > li:nth-child(5) > a:before { content:'12'; }
	
.mo_category > ul > li > ul > li > ul { display:none; }
.mo_category > ul > li > ul > li > ul > li > a {  } /* 개별 */

.mo_category > ul > li > ul > li > a, .mo_category > ul > li > ul > li > ul > li > a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 카테고리가 너무 길어지면 줄임 */ 
.mo_category > ul > li > a, .mo_category > ul > li > ul > li > a > span.c_cnt, 	 .mo_category span.c_cnt { display:none; }

/* 페이지 박스 */
#paging_box { width:80%; margin:0 auto; border:0; }
.paging { text-align:center; margin:30px 0 100px 0; }
.paging i { font-weight:700; }
.paging a span { padding:12px 14px 12px 14px; margin:5px; background:#83919d; box-shadow: 3px 3px 0px 0px #fc7f95; color:#fff; }
.paging a span:hover { color:#fc7f95; } /* 페이지, 탑버튼 */

/* content */
#container { text-align:center; }
#content { width:900px; margin:0 auto; padding:10px 0; border:2px solid #83919d; background:#fff; box-shadow: 3px 3px 0px 0px #fc7f95; }

/* 검색 결과 리스트 */
#li_cate { text-align:center; margin-top:5px; }
#li_cate span { font-size:0.9em; font-weight:700; }
#li_cate span.cate_name { font-weight:700; text-transform:uppercase; }
#li_cate span.cate_num { font-style:italic; color:#83919d; } 
#li_cate i { font-size:1.2em; }

/* article_skin  */
.list_wrap {  }
.list_wrap:after { display:block; clear:both; content:''; }
#list_board .list_in, #list_n .list_in { margin-top:15px; }
.list_wrap .list_content .title { word-wrap:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list_wrap .list_content .date { font-size:0.8em; font-weight:700; color:#999; } 

/* list_content */
/* 일반목록형 */
#list_board { text-align:left; padding:0 30px; margin-bottom:15px; }
#list_board .list_content { padding:15px 20px; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; margin-top:-1px; } /* 일반목록 box */
#list_board .list_content:after { display:block; clear:both; content:"" }
#list_board .title { float:left; width:70%; line-height:220%; } /* 타이틀 */
#list_board .date { float:right; display:inline-block; text-transform:uppercase; padding:0 5px 0 10px; } /* 발행 일자 */

#list_board .thumb_img, #list_board .thumb_img img { display:none; } /* 일반목록형에서 갤러리형 감추기 */

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

.gb_write textarea, .co_write textarea { width:100%; height:100px; border:1px solid #e8e8e8; 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:0.8em; background:#fafafa; color:#83919d; cursor:pointer; border:0; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; }
.gb_write .submit input:hover, .co_write .submit input:hover { background:#fc8096; color:#fff; }
.gb_write textarea:focus, .co_write textarea:focus, .gb_write textarea:hover, .co_write textarea:hover, .guest_input:hover { border:1px solid #fc8096; } /* 방명록&댓글 폼 */

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

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

/* 방명록&댓글 리스트 */
.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:0.8em; color:#999; padding:0 5px; }
.gb_list li .date a, .comment li .date a { font-size:0.8em; color:#999; }
.gb_list li .admin, .comment li .admin { display:none; }
.gb_list li .admin i, .comment li .admin i { font-size:0.8em; }
.rp_line { padding:10px; border-top:3px double #e8e8e8; border-bottom:1px dotted #e8e8e8; margin-bottom:10px; }
.rrp_line { padding:10px; border-bottom:3px double #e8e8e8; margin-top:-5px;  margin-bottom:10px; background:#fafafa; }
.rp_desc { border-bottom:3px double #e8e8e8; 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"; color:#83919d; margin-left:5px; font-size:0.8em; font-weight:700; }
input[id="secret"] + label:before { font-family:'xeicon'; content:"\e965  UNLOCK"; color:#fc8096; margin-left:5px; font-size:0.8em; font-weight:700; }

/* 본문 */
.entry { text-align:center; padding:10px 10px; }

.article { padding:10px 5px; text-align:left; font-size:1.0em; }
.article a { text-decoration:none; }

.ar_title { position:relative; text-align:center; padding:0 30px 0 30px; }
.ar_title a { font-size:1.2em; font-weight:700; padding:0 15px; } /* 타이틀 */
.ar_cont { margin:10px auto; text-align:center; display:inline-block; padding:5px 25px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-weight:700; color:#999; }
.ar_cont span.ar_cate { margin-right:10px; font-size:0.8em; }
.ar_cont span.ar_data { font-size:0.8em; }
.ar_cont span.ar_cate i, .ar_cont span.ar_data i { margin-right:2px; font-size:0.8em; } /* 본문 상단 */
.ar_co { overflow:hidden; font-weight:700; border-top:1px solid #e8e8e8; padding:10px 15px 0 15px; } 
.ar_co a { color:#999; float:right; }
.ar_co a:hover { color:#83919d; } /* 본문 하단 */

/* 공지 사항 */
.notice { padding:0 15px 0 15px; }

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

div .btn-toggle-moreless, div .btn_more { background:#83919d; border-radius:10px; padding:10px 15px; color:#fff !important; font-weight:700; }
div .btn-toggle-moreless:hover, div .btn_more:hover { background:#fc8096; }
div.open .btn-toggle-moreless, div.open .btn_less { background:#fc8096; border-radius:10px 10px 0 0; padding:10px 15px; color:#fff !important; }

.moreless-content { border:0 !important; border-radius:0 10px 10px 10px; padding:10px !important; border:2px solid #fc8096 !important; margin-top:5px; }
.moreless_content .btn_less { margin:0 !important; }
.moreless_content .btn_less:last-child { display:none; }

/* 인용구 */
/* 인용구1번 */
#tt-body-page blockquote[data-ke-style='style1'] { background:#fafafa !important; text-align:left !important; padding:10px 15px !important; color:#666 !important; border-radius:10px; border:2px solid #83919d !important; }
#tt-body-page blockquote[data-ke-style='style1'] span { font-family:unset !important; }

/* 컨텐츠용 - 인용구2번 */
#tt-body-page blockquote[data-ke-style="style2"] { background:#fafafa !important; border-left:5px solid #83919d !important; padding:10px 15px !important; margin-bottom:10px !important; }

/* 타이틀용 - 인용구3번 */
#tt-body-page blockquote[data-ke-style="style3"] { font-family:'Cafe24Ssurround', sans-serif !important; font-size:22px !important; font-weight:700; border:0 !important; display:inline-block; padding:8px 15px !important; margin-bottom:10px !important; border-radius:10px; border:2px solid #83919d !important; color:#83919d !important; }

blockquote, blockquote p { font-size: 1.0em !important; line-height: unset !important; }

/* 보호글 */
.se_entry { text-align:center; font-size:0.8em; font-weight:700; display:block; }
.se_entry i { padding-right:3px; }
.se_input { width:120px; height:30px; text-align:center; font-size:0.8em; font-weight:700; box-sizing:border-box; padding:0px 15px 0px 15px; border:0; background:none; display:block; margin:10px auto; }
.se_submit { width:120px; height:30px; box-sizing:border-box; font-size:0.8em; font-weight:700; background:#83919d; color:#fff; border:0; margin-bottom:10px; }
.se_submit:hover { background:#fc8096; 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; }

.locked:before { font-family:'xeicon' !important; content:'\e964'; padding-right:2px; font-size:0.8em; line-height:0; }
.summary { display:none; }

/* 툴팁 */
.tooltip { display:none; position:absolute; background:#272727; border:3px solid #fc8096; color:#fc8096; padding:0 10px 0 10px; font-weight:700; font-size:0.8em; z-index:9999; }

/*공감신고*/
.container_postbtn { padding:0 !important; margin-top:10px !important; }
.container_postbtn, .container_postbtn .postbtn_ccl, .container_postbtn .btn_post { height:auto !important; padding: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, .postbtn_like > .wrap_btn > .uoc-icon, .wrap_btn > .btn_post > .ico_statistics { display:none; }
.postbtn_ccl { padding:0 !important; }

/* 카피 (삭제x) */
.copy { position:fixed; bottom:5px; left:15px; z-index:9999; font-size:0.8em; }
.copy a { font-size:0.8em; display:block; }

/* 커버 */
.cover-notice { width:100%; padding:0 10px; box-sizing:border-box; }

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

.menuscr { width:100%; height:100%; overflow-y:auto; }
.menuscr::-webkit-scrollbar-track, .menuscr::-webkit-scrollbar-thumb, .menuscr::-webkit-scrollbar-thumb:hover { background:#fff; } /* 모바일메뉴 스크롤 */
#menubar { background:#f6f6f6; 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:5px; right:-40px; top:5px; }
#menubar_btn i { color:#fc8096; transition:all 0.5s; cursor:pointer; }
#menubar_btn i:hover { color:#fff; }
.mo_tt { margin:20px auto; }
.mo_tt img { width:85%; }

/* 반응형 */
@media only screen and (max-width:1024px) {
	#content { width:90%; margin-top:30px; }
	
	.category, .date_wrap { display:none; }
	.mo_category, .m_menu, #menubar { display:block; }
}

@media only screen and (max-width:660px) {
	/* 리스트 */
	#list_n .list_content { width:42.5%; margin:0 3.7%; }
	#list_board .list_content .title { width:65%; } /* 일반 목록 타이틀 */
	
	.copy span { display:none; }
	.copy > a:hover > span { display:inline-block; }
}
@media only screen and (max-width:460px) {
	.hd_title a:before { font-size:80px; }
}