@charset "UTF-8";
@font-face {
    font-family: 'Hana_handwriting';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Hana_handwriting.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mongdol';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_08@1.0/Mongdol.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Hardworking';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_06@1.0/Hardworking.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MonoplexKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_Monoplex-kr@1.0/MonoplexKR-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Happiness-Sans-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Title.woff2') format('woff2');
    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: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Base */
html { 
	font-size: 18px; 
	line-height: 1.8; 
}

/* 번연글 or 긴글의 경우 */
.tab-menu {
	padding-left:0; 
	position: fixed; 
	top: 10px;
	left: 5px;
	z-index:1; 
	display:block; 
	gap:10px;
	font-size: 16px;
}
.tab-menu li {
	list-style:none; 
	border: solid 2px hsl(260, 1%, 61%);
}
.tab-menu li a{
	color:#999; 
	text-transform:uppercase; 
	font-weight:bold;
	line-height:24px; 
	text-decoration:none; 
	padding:2px 2px; 
	display: block;
}
.tab-menu li a.active{
	color: #fff;
}

.wrapper { 
	max-width: 800px; 
	width:80%;
	margin:0 auto; 
	/* background-color: orange; */
}
.left_a{
	width:94%;
	margin: 10% 0 0 0; 
	text-align:justify; 
}
#r_title{
	margin-top: 3em;
	font-family: 'RIDIBatang';
	font-size: 1.1em;
}
.read_img_t{
	position: relative;
	margin: 0 5% 0 5%;
	width: 90%;
}
.read_img_v{
	position: relative;
	margin: 0 15% 0 15%;
	width: 70%;
}
#detail_top{
	font-size: 14.5px;
}

#left_sp{
	max-width: 730px; 
	width:80%;
	margin:0 20% 0 0; 
	text-align:justify; 
	font-family: 'Hardworking';
	font-weight: bold;
	font-size: 22px; 
	color: darkgreen;
}
.right_a{
	max-width: 900px;
	margin:0 auto; 
	text-align:justify; 
	font-family: 'Mongdol';
	font-weight: bold;
	font-size: 18px; 
	color: darkgreen;
}
/* 맺음말 */
#right_sp{
	/* max-width: 730px;  */
	width:90%;
	/* margin:0 0 0 10%;  */
	/* text-align:justify;  */
	text-align:right;
	font-family: 'Middleschool_student';
	font-weight: bold;
	font-size: 24px; 
	color: #7d177a;
	text-indent: 0;
}
#go-review{
	text-decoration: none;
	color: inherit;
}
#right_sp_l{
	/* max-width: 730px;  */
	width:100%;
	/* margin:0 0 0 10%;  */
	/* text-align:justify;  */
	text-align: left;
	font-family: 'Middleschool_student';
	font-weight: bold;
	font-size: 24px; 
	color: #ec8224;
	text-indent: 0;
}
.left_a h1{
	text-align:justify; 
}
article{
	margin: 4rem auto;
}

.m_sns{
	width: 100%;
	text-align:justify;
	/* background-color: orange; */
	font-size: 14px;
}
.m_sns_1{
	width: 100%;
	text-align:center;
	/* background-color: orange; */
	font-size: 14px;
}
.sns{
	position: relative;
	/* width: 32%; */
	display:inline-block;
	/* align-items: right; */
	/* justify-content: right; */
}
#r_con{
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	display: inline;
	margin: 0;
}
#r_c_id{
	position: absolute;
	text-align: center;
	display: inline;
	color: #444;
	margin-left: 0;
	line-height: 18px;
}
#a_center{
	text-align: left;
}

/* GOTOP BTN */
#go-top {    
	width: 40px; 
	height: 40px;   
	position: fixed; 
	bottom: 243px; 
	right: 10px;
	line-height:40px;
	text-align:center; 	
	background-color:#828282;
	color:#fff;
	opacity: 0;
	visibility: hidden;
	transition:opacity 0.5s;
}
#go-previous {    
	width: 40px; 
	height: 40px;   
	position: fixed; 
	bottom: 201px; 
	right: 10px;
	line-height:40px;
	text-align:center; 	
	background-color:#828282;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
.b_none{
	opacity: 0.5;
	cursor: not-allowed;
}
#go-next {    
	width: 40px; 
	height: 40px;   
	position: fixed; 
	bottom: 159px; 
	right: 10px;
	line-height:40px;
	text-align:center; 	
	background-color:#828282;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
#go-book {    
	width: 40px; 
	height: 40px;   
	position: fixed; 
	bottom: 117px; 
	right: 10px;
	line-height:40px;
	text-align:center; 	
	background-color:#828282;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
#go-home {    
	width: 40px; 
	height: 40px;   
	position: fixed; 
	bottom: 75px; 
	right: 10px;
	line-height:40px;
	text-align:center; 	
	background-color:#828282;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
#go-top.active{
	opacity: 1;
	visibility: visible;
}
@media print {
    * { display: none; }
}