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

/* 여기부터 */
div[class *= 'sheet-rolltemplate'] {
width:100%!important;
}
div[class *= 'sheet-rolltemplate'] table {
width:100%!important;
}
/* 여기까지 */

::selection {
	color:#ec0000;}

::-webkit-scrollbar {
	width:5px;
	height:5px;
	background:#0a181b;}

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

/*전체 폰트 설정*/
* {
	font-family: 'Noto Sans KR', sans-serif;
	font-size:12px;
	line-height:180%;
	box-sizing:border-box;
	word-break:break-all;}

h2, h2[data-ke-size] {
	font-size:18px !important;
	font-weight:700 !important;}

h3, h3[data-ke-size] {
	font-size:16px !important;
	font-weight:500 !important;}

h4, h4[data-ke-size] {
	font-size:14px !important;}

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

a:hover {
	color:#ec0000;
	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, html {
	max-width:100%;
	overflow-x:hidden;
	margin:0;
	padding:0;}

body:after {
	content:'';
	width:100%;
	height:100%;
	background:url(./images/2_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
	position:fixed;
	top:0;
	left:0;
	z-index:-3;}

/*메인*/
#c_intro {
	display:none;
	width:100%;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	animation:intro 1s ease forwards;}

@keyframes intro {
	0% {opacity:0;}
	100% {opacity:1;}
}

#c_intro .i_cate a {
	display:inline-block;
	margin:0 5px;}

#c_intro .i_cate img {
	height:22px;}

#c_intro .i_logo {
	margin:30px 0;
	height:150px;
	position:relative;}

#c_intro .i_logo a {
	display:block;}

#c_intro .dday {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-family: 'Lora', serif;
	font-size:120px;
	color:#fff;
	font-weight:400 !important;
	text-shadow:0 0 10px rgba(0,0,0,0.1);
	transition:all 0.3s ease;}

#c_intro .dday b {
	font-family: 'Lora', serif;
	font-size:120px;
	color:#fff;
	font-weight:900;}

#c_intro .i_logo img {
	height:150px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
	opacity:0;
	transition:all 0.3s ease;}

#c_intro .i_logo:hover img {
	opacity:1;}

#c_intro .i_logo:hover .dday {
	opacity:0;}

#c_intro .couple {
	text-align:center;}

.couple span {
	font-size:14px;
	font-weight:800;
	color:#ec0000;
	position:relative;
	font-family: 'Lora', serif;}

/*하트색 변경*/
.couple span:first-child:after {
	content:'\ea10';
	font-family:'xeicon' !important;
	font-size:18px;
	top:3px;
	margin-right:12px;
	padding-left:12px;
	position:relative;
	color:#ec0000;}

.couple p {
	font-size:8px;
	color:#ec0000;
	position:relative;
	text-transform:uppercase;
	font-weight:600;
	padding-top:5px;}

/*서브*/
#cosmo {
	width:800px;
	margin:0 auto;}

header {
	text-align:center;
	padding:60px 0 0;}

header .cate a {
	display:inline-block;
	margin:0 5px;}

header .cate img {
	height:16px;}

header .in_title {
	color:#fff;
	font-size:36px;
	text-shadow:0 0 10px rgba(0,0,0,0.1);
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
	text-transform:uppercase;
	padding:6px 0;}

header .in_title img {
	height:120px;}

header .couple span {
	font-size:12px;
	color:#ec0000;}

.couple span:first-child:after {
	font-size:15px;
	top:2px;}

#content {
	margin:40px 0;
	background:#fff;
	padding:20px;}

footer {
	text-align:center;}

footer .top {
	padding:0 0 20px;}

footer .top img {
	width:24px;}

footer .copy {
	padding-bottom:80px;}

footer .copy img {
	height:25px;}

/*갤러리형 목록*/
.cosmo_gal {
	width:100%;}

.cosmo_gal ol {
	display:grid;
	gap:20px;
	grid-template-columns:1fr 1fr 1fr;}

.cosmo_gal li {
	position:relative;}

.cosmo_gal li .thumb {
	width:100%;
	position:relative;
	overflow:hidden;}

.cosmo_gal li .thumb img {
	display:block;
	position:absolute;
	top:0;
	z-index:1;}

.cosmo_gal li .thumb .noimg {
	position:relative;
	z-index:0;}
	
.cosmo_gal li img {
	width:100%;}
	
.cosmo_gal li:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	opacity:0;}

.cosmo_gal li a {
	display:block;}

.cosmo_gal .info_wrap {
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:rgba(0,0,0,0.5);
	z-index:2;
	text-align:center;
	color:#fff;
	display:block;
	opacity:0;}

.cosmo_gal .info_wrap .title {
	width:90%;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	line-height:140%;}

.cosmo_gal .info_wrap .date {
	display:none;}

.cosmo_gal li:hover:after,
.cosmo_gal li:hover .info_wrap {
	opacity:1;
	transition:0.3s;}

.cosmo_gal li:hover .thumb img {
	filter:blur(8px);
	transition:all 0.3s ease;}

/*텍스트형 목록*/
.cosmo_text .thumb img {
	display:none;}

.cosmo_text li {
	border-top:solid #eee 1px;}

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

.cosmo_text .info_wrap {
	width:100%;
	display:flex;}

.cosmo_text .info_wrap .title {
	flex:4;
	line-height:48px !important;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;}
	
.cosmo_text .info_wrap .date {
	flex:1;
	line-height:48px !important;
	text-align:right;
	font-size:8px !important;
	font-family: 'Montserrat', sans-serif !important;}

.info_wrap img {
	width:15px !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:15px !important;
	font-weight:600;
	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 {
	color:#000;
	text-align:left;
	margin:0;
	padding:8px 15px;}

#article_wrap .content blockquote span {
	font-family: 'Rubik', 'Noto Sans KR', sans-serif !important;
	font-size:16px;}

#tt-body-page blockquote[data-ke-style='style1'] {
	border:0 !important;
	text-align:center;
	padding-top:30px;}

#tt-body-page blockquote[data-ke-style='style2'] {
	border-left:solid #eee 5px !important;
	border:0;}

#tt-body-page blockquote[data-ke-style='style3'] {
	border:solid #ccc 1px;
	background:#f9f9f9;}

/*더보기*/
.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:4;
	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 #ec0000 1px;
	background:#ec0000;
	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;
	font-family: 'Montserrat', sans-serif !important;}

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

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

.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;
	background:none !important;
	font-size:8px !important;}

.protected_form button {
	width:100%;
	clear:both;
	margin:10px 0 0;
	height:34px;
	line-height:30px !important;
	border:solid #ec0000 1px;
	background:#ec0000;
	color:#fff;
	font-size:10px !important;
	text-align:center;
	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 6px;
	font-size:8px !important;}

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

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

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

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

header {
	padding:40px 0 0;}

header .cate a {
	margin:0 4px;}

header .in_title {
	font-size:30px;}

header .in_title img {
	height:70px;}

#content {
	margin:30px 0;}
}

@media screen and (max-width:660px){
#c_intro .i_cate a {
	margin:0 4px;}

#c_intro .i_cate img {
	height:18px;}

#c_intro .i_logo {
	margin:20px 0;
	height:120px;}

#c_intro .dday,
#c_intro .dday b {
	font-size:70px;}

#c_intro .i_logo img {
	height:120px;}
	
.cosmo_gal .info_wrap {
	opacity:1;}
	
.cosmo_gal ol {
	grid-template-columns:1fr 1fr;}

/*인용구*/
#article_wrap .content blockquote,
#article_wrap .content blockquote span {
	font-size:14px;}
}