@charset "utf-8";
@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ChosunSg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunSg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
	--point : #8b7de3; /*포인트 컬러*/
	--white : #ffffff; /*포인트 컬러와 대비되게 설정 추천*/

	--title : 'S-CoreDream-3Light'; /*타이틀 폰트*/
	--sub : 'ChosunGu'; /*서브 폰트*/

}

#main_body {text-align:left;}
.main_div {
	display:block;
	position: relative;
	max-width:450px;
	width:90%;
	margin:10px auto;
	padding:20px 10px;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	backdrop-filter: blur(5px);
}

.txt-wrapper {
	max-width:650px; 
	vertical-align: middle; 
	margin-inline: auto;
	padding-top: 30px;
	font-size: 13px; 
	font-family: 'ChosunGu'; 
}

.card {margin-bottom: 30px; }
.card-last {margin-bottom: 0px; }

.card-title {
	display: inline-block; 
	position: relative;
	font-size: 15px; 
	font-family: 'S-CoreDream-3Light'; 
	color: var(--white);
	background: linear-gradient(to right,var(--point), transparent);
	background-repeat: no-repeat;
	background-position: 0% 70%;
}

.card-lists { 
	display:block; 
	box-sizing: border-box;
	margin: 10px 0;
	padding: 10px;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.8);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	backdrop-filter: blur(5px); 
}

.card-lists > li {
	padding-top: 3px;
	padding-bottom: 3px;
}

/*주석*/
.pre {color: rgba(0, 0, 0, 0.6); font-size: 12px;}


/*복사 버튼*/
.copy-btn {
	padding: 2px 4px;
	background-color: var(--white);
	border: 1px solid var(--point);
	color: var(--point);
	cursor: pointer;
	border-radius: 15px;
	transition: background-color 0.3s;
	text-transform: uppercase;
	font-size: 10px;
	margin-right: 5px;
}
.copy-btn:active {
	background-color: #5af4b4;
}