/* 2025-08-01 em 단위로 변경 */

.table_content { padding:10px 0; } /* border:var(--border); border-radius:0 0 10px 10px;  */
.table_content input:not([type="file"]), .table_content textarea { padding:15px; border-radius:5px; border-width:1px; }
.table_content input[type="file"] { border-width:0 0 1px; padding:5px 0;}

.table_content .btn { border-radius:5px; padding:3px 5px; }

/* list_펼침 */
.list_box { margin:10px 0 20px;display:flex;flex-wrap: wrap; gap:10px 0; font-size:1.2rem; }
.list_box:has(.flex_33)	{ gap:10px; }
.list_box:not(:has(.flex_33)) { border-bottom:1px solid #cccccc; padding-bottom:30px; }
.list_box > * { margin:10px 0 0; padding:30px 10px 30px; min-height:250px; border-top:1px solid #cccccc; position:relative; }
.list_box > *.flex_80	{ padding:30px 10px 40px; flex-grow:1; }
.list_box > *.flex_33	{ min-height:350px; padding:20px 20px 50px; border:solid 1px var(--backgroundColorDeep);border-radius:10px; }

.list_box > *.flex_33 .title { font-size:1.4rem; margin-top:0.3rem; }
.list_box .subtitle { font-size:1.1em; }
.list_box .content { padding:0; margin:10px 0 10px; min-height:50px; text-align: justify; }
.list_box .category { text-align:left; }
.list_box > * .reg_date { position:absolute; bottom:15px; font-size:0.9em; }

.list_box figure { display:block;  border-width:0; }
.list_box img { width:100%;border-radius:10px; }



/* list. 방명록 */
.contentlist_box { margin:20px 0; font-size:1.2rem; }
.contentlist_box > div+div { margin-top:50px; }
.contentlist_box .header { padding-left:0; padding-right:0; }

.deleted_box      { opacity:0.3; }

.noreply_box      { padding:10px 20px 20px; border:solid 1px var(--backgroundColorDeep); border-radius:10px; }

.reply_box      { margin-left:40px; padding:10px 20px 20px; position:relative; background-color:hsl(0, 0%, 85%, 0.3); border-radius:10px; margin-bottom:40px; }
.reply_box:before { content:url('/board/images/icon_reply.gif'); display:inline-block; position:absolute; left:-30px; top:5px; }

.hidden     { background-color:hsl(0, 0%, 85%, 0.3); }



.content_box	{ font-size:1.2rem; } /* 내용페이지, 방명록 */
.content_box .min { font-size:1rem; }
.content_box .header { padding-left:0; padding-right:0; }
.content_box .content .watermark { font-size:1rem; }
.content_box .content details { margin:10px 0; }
.content_box > div+div { margin-top:20px; margin-bottom:10px; }
.content_box > .blockquote_box { margin-bottom:20px;background: linear-gradient(180deg, color-mix(in srgb, var(--backgroundColored1) 8%, var(--backgroundColor)), var(--backgroundColor)); }
.content_box > .content_tail { font-size:0.8em; color:var(--borderColorPopup); text-align:right; }
.content_box .chk_flag { font-size:0.9em; text-align:right; }


/*
#editor details > :last-child, .content_box .content details > :last-child { background-color:unset !important; }
*/


.header { border-bottom:solid 2px #cccccc; padding-bottom:5px; margin-top:5px; margin-bottom:10px; }
.blockquote_box { margin-top:25px; margin-bottom:25px; }
.blockquote_box > * { font-size:1.1rem !important; margin:0.2rem 0 !important; }


.title		{ font-size:1.3em; font-weight:bold; color:#3a9aea; }
 /* .title > .icon { position:absolute; top:50%; transform:translateY(-50%); margin-left:10px; } */
.category	{ text-align:right; color:var(--fontColorButton); font-size:1.2em; font-weight:bold; }
.subtitle	{ color:var(--fontColorLight); font-size:1.2em; font-weight:bold; line-height:1.8; }
.summary	{ margin:5px 0; color:#505050; }
/* .user_id	{ color:var(--borderColorPopup); font-size:1.7rem; font-weight:bold; } */
.reg_date	{ text-align:right; color:var(--borderColorPopup); }
.remote_ip	{ text-align:right; color:var(--borderColorPopup); }


.content	{ margin-top:10px; margin-bottom:10px; min-height:250px; }
 ol { margin:10px 0; }

details { background-color:unset !important; }

/* editor */
#editor { text-align:left; }
#editor img { max-width: 100%; }
#editor_menu, #textarea_menu { text-align:left; border:1px solid #cccccc; }
#editor_menu .minwidth { min-width:15px; margin:0 0px; }
#img-selector {	display: none; }

button.active, button.active:hover { background-color:teal; color: #FFF; }

.watermark:after { content:unset; }


/* 다음 지도 */
.root_daum_roughmap {width:100% !important;}

/* 유튜브 */
.playing { position:relative; }
.playing:after { content:"Playing";font-weight:bold; color:orange;position:absolute; right:0;  animation: blink 1s linear infinite; }


figure { width:100%; border-width:0; }
.youtube_thumbnail { width:100%;  aspect-ratio:16 / 9; }

.youtubebox_container { text-align:center; }
.youtubebox { width:calc( ( 100% - 25px )/2 ); display:inline-block; border-radius:10px; margin:10px 5px 0; padding:10px; border:solid 2px #cccccc; }
.youtubebox_content { width:100%;margin:0 auto; border:solid; border-radius:10px; max-width:800px; }  /*본문용 하나짜리 큰거 */

.youtubebox_content > .title, .youtubebox > .title { text-overflow:ellipsis; white-space: nowrap; overflow: hidden; word-break:keep-all;word-wrap:break-word; font-size:unset; }
.youtubebox_content > .youtube_player, .youtubebox > .youtube_player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.youtubebox_content > .youtube_player iframe, .youtubebox > .youtube_player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin:0 auto; display:block; }


@media screen and (max-width:768px)
{
	.list_box .flex_20 { display:none; }
	.list_box > * { min-height:unset; }
}

@media screen and (min-width:769px) and (max-width:1199px)
{

}
@media screen and (min-width: 1200px)
{

}