@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;
}
@font-face {
    font-family: 'BMJUA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ohsquareair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/Cafe24Ohsquareair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Middleschool_student';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_08@1.0/Middleschool_student.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Base */
html { 
	/* font-size: 18px;  */
	font-size: 18px;
	line-height: 1.8; 
}

/* 번연글 or 긴글의 경우 */
.tab-menu {
	padding-left:0; 
	position: fixed; 
	top: 10px;
	left: 43px;
	z-index:1; 
	display:block; 
	gap: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:27px; 
	text-decoration:none; 
	padding:5px 5px; 
	display: block;
}
.tab-menu li a.active{
	color: #fff;
}

.wrapper { 
	max-width: 800px; 
	width:65%;
	margin:5% auto 1%; 
	/* background-color: orange; */
}
.left_a{
	max-width: 730px; 
	width:80%;
	margin:0 20% 0 0; 
	font-family: 'Pretendard-Regular';
	text-align:justify; 
}
/* 인사말 */
#r_greeting{
	/* font-family: 'RIDIBatang'; */
	font-family: 'BMJUA';
	/* color: #ca6faf; */
	font-size: 19px;
	/* font-weight: bold; */
	color: darkgreen;
}
#r_greeting_l{
	/* font-family: 'RIDIBatang'; */
	font-family: 'BMJUA';
	/* color: #5885e5; */
	/* color:#016c7a; */
	color: #039bc6;
	font-size: 19.5px;
	/* font-weight: bold; */
	/* color: #3681AB; */
}
.read_img_t{
	position: relative;
	margin: 0 10% 0 10%;
	width: 80%;
}
.read_img_v{
	position: relative;
	margin: 0 25% 0 25%;
	width: 50%;
}
#r_greeting_r{
	/* font-family: 'RIDIBatang'; */
	font-family: 'BMJUA';
	/* color: #1c6d84; */
	color: #029aae;
	font-size: 20px;
	text-align: right;
	/* font-weight: bold; */
	/* color: #3681AB; */
}
#read4_href{
	text-decoration-line: none;
}
/* 제목 */
#r_title{
	font-family: 'RIDIBatang';
	color: black;
}
#r_title_k{
	/* font-family: 'RIDIBatang'; */
	color: black;
}
#r_sub{
	color: gray;
	text-align: right;
	margin: 0;
}
#t_line{
	/* border: 1px dashed #278992; */
	border: 1px dashed rgb(47, 22, 158);
}
#a_line{
	/* border: 2px dotted red; */
	border: 1px dashed rgb(55, 55, 173);
}
#detail_top{
	font-size: 16px;
}
/* 강조 */
#t_bold{
	/* font-weight: bolder; */
	color: navy;
}
#g_bold{
	/* font-weight: bolder; */
	color: red;
}
#a_bold{
	/* font-weight: bold; */
	font-style: italic;
	/* color: red; */
}
#l_bold{
	font-weight: bolder;
	color: rgb(173, 22, 237);
}
#through_line{
	text-decoration: line-through;
}
/* 전체 들여쓰기 */
#left_b{
	max-width: 730px; 
	width:80%;
	margin:0 5% 0 5%; 
	text-align:justify; 
	font-family: 'RIDIBatang';
	font-weight: bold;
	font-size: 17px;
	color: rgb(1, 1, 78);
	text-indent: 0;
}

#left_g{
	max-width: 730px; 
	width:80%;
	margin:0 20% 0 0; 
	text-align:justify; 
	font-family: 'Middleschool_student';
	font-weight: bold;
	font-size: 24px;
	color: rgb(1, 116, 1);
	text-indent: 0;
}
/* 들여쓰기 없이 강조 */
#left_sp{
	max-width: 730px; 
	width:80%;
	margin:0 20% 0 0; 
	text-align:justify; 
	font-family: 'Middleschool_student';
	font-weight: bold;
	font-size: 26px; 
	color: darkgreen;
	text-indent: 0;
}
/* 오른쪽 정렬 */
.right_a{
	max-width: 680px; 
	width:82%;
	margin-right: 0;
	/* margin:0 0 0 65%;  */
	text-align: right;
	/* text-align:justify;  */
	font-family: 'RIDIBatang';
	font-weight: bold;
	/* font-size: 25px;  */
	/* color: rgb(214, 5, 5); */
	text-indent: 0;
}
/* 맺음말 */
#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: 27px; 
	color: darkgreen;
	text-indent: 0;
}
#go-review{
	text-decoration: none;
	color: inherit;
}

#right_sp_j{
	/* max-width: 730px;  */
	width:90%;
	/* margin:0 0 0 10%;  */
	/* text-align:justify;  */
	text-align: left;
	font-family: 'Middleschool_student';
	font-weight: bold;
	font-size: 23px; 
	color: #ff7751;
	text-indent: 0;
}
#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: 26px; 
	color: rgb(214, 5, 5);
	text-indent: 0;
}
#right_sp_l_b
{
	/* max-width: 730px;  */
	width:99%;
	/* margin:0 0 0 10%;  */
	/* text-align:justify;  */
	text-align: left;
	font-family: 'Middleschool_student';
	font-weight: bold;
	font-size: 25.5px; 
	color: #039bc6;
	text-indent: 0;
}
#k{
	width:100%;
	text-align: left;
	font-family: 'Pretendard-Regular';
	/* font-weight: bold; */
	line-height: 26px;
	font-size: 19px; 
	color: #ff7751;
	text-indent: 0;
}
.left_a h1{
	text-align:justify; 
}
article{
	margin: 2rem auto;
	text-indent: 1em;
}
#comment{
	text-indent: 0;
	color: darkgreen;
	font-size: 16px;
}
.a_1{
	margin: 3em auto;
	text-indent: 0;
}
#r_img{
	position: relative;
	width: 100%;
	align-items: center;
}
#r_img_s{
	position: relative;
	width: 70%;
	margin-top: 10px;
}
.m_sns{
	width: 100%;
	text-align:justify;
	/* background-color: orange; */
}
.m_sns_1{
	width: 100%;
	text-align:center;
	/* background-color: orange; */
}
.sns{
	position: relative;
	width: 31%;
	display:inline-block;
	/* align-items: right; */
	/* justify-content: right; */
}
#r_con{
	position: relative;
	width: 35px;
	height: 35px;
	border-radius: 8px;
	display: inline;
	margin: 0.2em 0.2em auto;
}
#r_c_id{
	position: absolute;
	text-align: center;
	display: inline;
	color: #444;
	margin-left: 0.2em;
	line-height: 18px;
}
#a_center{
	text-align: left;
}

/* GOTOP BTN */
#go-top {    
	width: 46px; 
	height: 46px;   
	position: fixed; 
	bottom: 238px; 
	right: 46px;
	line-height:46px;
	text-align:center; 	
	background-color:#444;
	color:#fff;
	opacity: 0;
	visibility: hidden;
	transition:opacity 0.5s;
}
#go-previous {    
	width: 46px; 
	height: 46px;   
	position: fixed; 
	bottom: 190px; 
	right: 46px;
	line-height:46px;
	text-align:center; 	
	background-color:#444;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
.b_none{
	opacity: 0.5;
	cursor: not-allowed;
}
#go-next {    
	width: 46px; 
	height: 46px;   
	position: fixed; 
	bottom: 142px; 
	right: 46px;
	line-height:46px;
	text-align:center; 	
	background-color:#444;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
#go-book {    
	width: 46px; 
	height: 46px;   
	position: fixed; 
	bottom: 94px; 
	right: 46px;
	line-height:46px;
	text-align:center; 	
	background-color:#444;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
#go-home {    
	width: 46px; 
	height: 46px;   
	position: fixed; 
	bottom: 46px; 
	right: 46px;
	line-height:46px;
	text-align:center; 	
	background-color:#444;
	color:#fff;
	opacity: 1;
	visibility: visible;
	transition:opacity 0.5s;
}
#go-top.active{
	opacity: 1;
	visibility: visible;
}

footer{
	text-align:center; 	
	color: rgb(60, 60, 60);
	margin-top: 80px;
	margin-bottom: 10px;    
	font-size: 16px;
}
@media print {
    * { display: none; }
}