@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:wght@300;400;700;800;900&display=swap');

* {
	font-family: 'Poppins', 'Noto Sans KR', sans-serif;
	font-size:12px;
	line-height:180%;
	box-sizing:border-box;}

::selection {
	color:#ff758c;}

::-webkit-selection {
	color:#ff758c;}

::-ms-selection {
	color:#ff758c;}

::-moz-selection {
	color:#ff758c;}

::-webkit-scrollbar {
	width:4px;
	height:4px;
	background:#ffe4e9;}

::-webkit-scrollbar-thumb {
	background:#ff758c;}

a {
	color:#000;
	text-decoration:none;}

a:hover {
	color:#ff758c;
	transition-duration:0.5s;}

input, textarea {
	outline:none;}

body,p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button {
	list-style:none;
	margin:0;
	padding:0;
	outline:0;}

fieldset,img, button {
	border:0;
	background:none;
	outline:none;}
	
textarea {
	height:90px !important;
	transition:0.3s;}

textarea:focus,
input:focus {
	outline:0;
	border:0;}

img, iframe, embed, video, object, table {
	max-width:100%;}

body {
	max-width:100%;
	overflow-x:hidden;
	margin:0;
	padding:0;
	background:url(./images/bg.jpg);
	background-attachment:fixed;
	background-color:#ffe4e9;}

body:before {
	content:'';
	width:calc(100%-30px);
	height:calc(100%-30px);
	display:block;
	border:solid transparent 128px;
	border-image:url(./images/lace.png) 128/128px round;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:30px;
	box-sizing:border-box;
	z-index:-2;}

body:after {
	content:'';
	width:100%;
	height:100%;
	display:block;
	background:url(./images/berry.png) no-repeat;
	background-position:center top;
	background-size:cover;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;}

#cosmo {
	width:1100px;
	margin:0 auto;}

header {
	text-align:right;
	padding:130px 0 50px;}

#wrap {
	display:flex;}

#sidebar {
	flex:1;
	max-width:250px;
	margin-right:50px;}

#sidebar .m_top {
	width:100%;
	height:40px;
	line-height:40px;
	position:relative;
	letter-spacing:3px;
	text-align:center;
	font-size:11px;
	font-weight:700;
	color:#fff;
	background:#ff758c;
	margin-bottom:20px;
	font-family: 'Poppins', sans-serif;}

#sidebar .m_top:before {
	content:'';
	display:block;
	position:absolute;
	top:17px;
	left:20px;
	width:26px;
	height:5px;
	background:url(./images/circle.png) no-repeat;
	background-size:auto 100%;
	z-index:2;}

#sidebar .m_top:after {
	content:'';
	display:block;
	position:absolute;
	top:17px;
	right:20px;
	width:26px;
	height:5px;
	background:url(./images/circle.png) no-repeat;
	background-size:auto 100%;
	z-index:2;}

#sidebar nav {
	width:100%;
	display:block;
	padding:30px 25px 30px;
	background:#fff;
	position:relative;
	z-index:99;}

#sidebar nav ul {
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:1fr 1fr;
	row-gap:20px;}

#sidebar nav img {
	height:60px;}

#sidebar nav li {
	text-align:center;}

#sidebar nav li span {
	display:block;
	font-size:12px !important;
	color:#ff758c;
	font-family: 'Poppins', sans-serif;
	font-size:9px;
	font-weight:800;
	padding-top:5px;}

#sidebar nav li a {
	display:block;}

#content {
	flex:1;}

#content .c_box {
	padding:30px;
	background:#fff;
	position:relative;
	z-index:99;}

#sidebar nav:after,
#content .c_box:after {
	content:'';
	width:calc(100%-8px);
	height:calc(100%-8px);
	border:solid #ffe3e8 2px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;
	box-sizing:border-box;
	margin:8px;}

footer {
	padding:30px 0 80px;
	display:flex;}

footer .copy {
	flex:4;
	font-family: 'Poppins', sans-serif;
	font-size:8px;
	font-weight:800;
	text-transform:uppercase;
	color:#ff758c;}

footer .copy a {
	color:#ff758c;
	font-size:8px !important;
	font-weight:800;}

footer .top {
	flex:1;
	text-align:right;}

/*목록*/
.cosmo_text li {
	width:100%;
	height:54px;
	border-top:solid #eee 1px;}

.cosmo_text li:last-child {
	border-bottom:solid #eee 1px;}

.cosmo_text a {
	display:flex;}

.cosmo_text .title {
	flex:2;
	line-height:54px !important;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;}

.cosmo_text img {
	width:15px !important;}
	
.cosmo_text .date {
	flex:1;
	line-height:54px !important;
	text-align:right;
	font-size:8px !important;}

.list_empty {
	text-align:center;
	padding:120px 0;}

/*본문*/
#article_wrap {
	clear:both;
	text-align:center;}
	
#article_wrap .title {
	width:100%;
	line-height:180%;
	font-size:14px !important;
	font-weight:700;
	padding:10px 0;}
	
#article_wrap .title span {
	display:block;
	font-weight:400;
	font-size:8px !important;}

#article_wrap .title span a {
	font-size:8px !important;}

#article_wrap .content {
	padding:30px 0 0;
	text-align:left;}

/*인용구*/
#article_wrap .content blockquote {
	text-align:left;
	font-weight:bold;
	border:solid #000 1px;
	margin:0;
	padding:8px 15px;}

/*더보기*/
.btn-toggle-moreless, .btn_more, .btn_less, .txt_fold {
	text-align:left;
	margin:0 !important;
	height:auto !important;
	color:#000 !important;
	outline:none !important;
	font-size:12px !important;
	line-height:15px !important;}

div .btn-toggle-moreless:before,
div .btn_more:before{
	font-family:'xeicon' !important;
	content:'\e942';
	padding-right:5px;
	color:#000 !important;}

.btn_less::before,
.btn_more::before {
	font-family:'xeicon' !important;
	content:'\e942';
	padding-right:5px;
	line-height:15px !important;}

div.open .btn-toggle-moreless:before,
div.open .btn_less:before {
	font-family:'xeicon' !important;
	content:'\e945';
	padding-right:5px;
	line-height:15px !important;}

.moreless_content {
	text-align:left;
	border:0 !important;
	padding:0 !important;}

.moreless_content .btn_less,
.txt_fold {
	margin:0 !important;}

.moreless_content .btn_less:last-child {
	display:none;}

/*공감신고*/
.container_postbtn {
	padding:20px 0 0 !important;}

.container_postbtn .postbtn_like {
	border-color:#eee !important;
	border-radius:0 !important;
	padding:0 !important;}

.container_postbtn .btn_menu_toolbar {
	width:70px !important;
	border-radius:0 !important;
	border-color:#eee !important;}

/*태그리스트*/
.etc_wrap {
	clear:both;
	display:flex;}

dl.taglist {
	flex:1;
	padding:15px 0;;}

.comment_open {
	flex:1;
	text-align:right;
	padding:15px 0;}

/*댓글리스트 및 게스트*/
#comment {
	display:none;
	clear:both;
	position:relative;}

/* 댓글쓰기 */
#comment .comment_form {
	clear:both;}

.comment_form .c_info {
	display:grid;
	gap:5px;
	grid-template-columns:1fr 1fr;
	margin:0 0 10px;}

.comment_form .c_info input {
	width:100%;
	height:26px;
	border:solid #eee 1px;
	text-align:center;}

.comment_form textarea {
	width:100%;
	padding:15px;
	border:solid #eee 1px;}

.comment_form .w_wrap {
	text-align:right;
	margin:10px 0;}

.comment_form .w_wrap label {
	padding:0 15px;}
 
.comment_form .w_wrap input.checkbox { 
	display:none;}

.comment_form .w_wrap label#secret:before {
	font-family:'xeicon' !important;
	content:'\e965';}

.comment_form  .w_wrap input.checkbox:checked + #secret:before {
	font-family:'xeicon' !important;
	content:'\e964';}
	
.comment_form button {
	width:100px;
	height:26px;
	line-height:26px !important;
	border:solid #ff758c 1px;
	background:#ff758c;
	color:#fff;
	font-size:10px !important;}

.comment_list {
	clear:both;
	margin:0 0 15px;}

.comment_list li {
	width:100%;
	position:relative;
	line-height:180%;
	border-top:solid #eee 1px;}

.comment_list li:last-child {
	border-bottom:solid #eee 1px;}

.comment_list li li:last-child {
	border-bottom:0 !important;}

.comment_list .rp_info {
	width:100%;
	padding:15px 0 0;}

.comment_list .image {
	width:48px;
	height:48px;
	float:left;
	margin:0 15px 0 0;}

.comment_list .image img {
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;}

.comment_list .name {
	font-weight:700;
	padding:0 5px 0 0;}

.comment_list .date {
	font-size:10px !important;
	padding:0 15px 0 0;}

.comment_list .control a {
	font-size:10px !important;}

.comment_list .rp_c {
	padding:10px 0 15px 60px;}

.comment_list .reply_w {
	background:rgba(0,0,0,0.02);}

/*보호글*/
.protected_form {
	width:280px;
	margin:35px auto;
	clear:both;}

.protected_form .wrap {
	width:100%;
	height:46px;
	border-top:solid #eee 1px;
	border-bottom:solid #eee 1px;
	padding:10px 0;}

.protected_form .left {
	float:left;
	width:50px;
	height:24px;
	padding:6px 0 0;
	text-align:center;
	border-right:solid #eee 1px;}

.protected_form .right {
	width:220px;
	float:right;
	padding-left:10px;
	text-align:center;}

.protected_form .secret_input {
	width:100%;
	height:24px;
	line-height:24px;
	border:0;
	padding:0 10px;
	font-size:8px !important;}

.protected_form button {
	width:100%;
	clear:both;
	margin:10px 0 0;
	height:34px;
	line-height:30px !important;
	border:solid #ff758c 1px;
	background:#ff758c;
	color:#fff;
	font-size:10px !important;
	text-align:center;
	font-size:8px !important;
	font-weight:700;}

/* 태그 */
#tag_wrap {
	width:100%;}

#tag_wrap li {
	display:inline-block;}

#tag_wrap a {
	display:block;
	padding:5px;}

#tag_wrap a:before {
	content:'#';
	display:inline-block;
	padding-right:5px;}

#tag_wrap .cloud1 {
	font-weight:700;}
	
/*공지*/
#notice_wrap {
	width:100%;
	position:relative;
	overflow:hidden;
	line-height:180%;}

/* 페이징 */
#paging {
	text-align:center;
	clear:both;
	padding:20px 0;}

#paging a {
	font-size:8px !important;}

#paging .page_num span,
#paging i {
	display:inline-block;
	padding:0 3px;
	font-size:8px !important;}

#paging .no-more-prev,
#paging .no-more-next {
	display:none;}

#paging .page_num .selected {
	color:#ff758c;
	font-weight:bold;}

/*커버*/
.cover-notice img {
	padding-bottom:10px;
	max-width:100%;}

@media screen and (max-width:1180px){
#cosmo {
	width:92%;}

header {
	padding:100px 0 40px;}

header img {
	width:320px;}

#sidebar {
	margin-right:30px;}
}

@media screen and (max-width:1180px){
body:before {
	width:calc(100%-30px);
	height:calc(100%-30px);
	border:solid transparent 64px;
	border-image:url(./images/lace2.png) 64/64px round;
	margin:30px;}

#cosmo {
	width:92%;}

header {
	padding:80px 0 30px;}

header img {
	width:320px;}

#sidebar {
	max-width:130px;
	margin-right:30px;}

#sidebar .m_top {
	height:35px;
	line-height:35px;
	font-size:9px;
	letter-spacing:0;}

#sidebar .m_top:before {
	top:15px;
	left:10px;}

#sidebar .m_top:after {
	top:15px;
	right:10px;}

#sidebar nav ul {
	grid-template-columns:1fr;}

#sidebar nav img {
	height:40px;}
}

@media screen and (max-width:700px){
body:after {
	background:url(./images/berry2.png) no-repeat;
	background-position:center top;
	background-size:cover;}

#cosmo {
	width:90%;}

header {
	padding:70px 0 30px;
	text-align:center;
	margin-right:-15px;}

header img {
	width:240px;}

#wrap {
	display:block;}

#sidebar {
	max-width:100%;
	margin-right:0;}

#sidebar .m_top {
	height:26px;
	line-height:26px;
	font-size:8px;
	margin-bottom:0px;}

#sidebar .m_top:before {
	top:10px;
	left:10px;}

#sidebar .m_top:after {
	top:10px;
	right:10px;}

#sidebar nav ul {
	grid-template-columns:1fr 1fr 1fr 1fr;
	row-gap:0;}
	
#sidebar nav img {
	height:30px;}

#sidebar nav li span {
	font-size:10px !important;}

#content {
	margin-top:20px;}

#content .c_box {
	padding:20px;}

footer .top img {
	width:36px;}
}

@media screen and (max-width:400px){
#sidebar nav {
	padding:20px 15px;}

#sidebar nav li span {
	padding-top:0;}
}