@charset "utf-8";

/* ===== 단독 스킨용 최소 공통 버튼(테마 ui-btn 의존 제거) ===== */
.ui-btn{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	border:none;
	cursor:pointer;
	font-size:12px;
	font-family:'Chosunilbo_myungjo', serif;
	background:#323232;
	color:rgba(255,255,255,.85);
	width:200px;
	height:25px;
	line-height:25px;
	font-weight:800;
}
.ui-btn:hover{ background:#ffb700; }
.ui-btn.full{ width:200px; }

/* ===== list title ===== */
.b_title{
	position:relative;
	width:100%;
	height:35%;
}
.b_title h2{
	text-align:center;
	display:block;
	left:50%;
	transform:translateX(-50%);
	font-size:20pt;
	font-weight:100;
	line-height:1em;
	bottom:0;
	position:absolute;
	font-family:'Oxanium', sans-serif;
}
.b_title.hidden{ opacity:0; transition:opacity .6s ease; }
.b_title:not(.hidden){ opacity:1; }

/* ===== list wrapper ===== */
.bo_fx{
	position:relative;
	margin-top:20px;
	width:200px;
	left:50%;
	margin-left:-100px;
}

.board-skin-basic{
	position:relative;
	padding:40px 50px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	box-sizing:border-box;
	max-width:900px;
}

.swiper-slide{
	width:150px !important;
	height:350px !important;
	padding:0;
	box-sizing:border-box;
}
.swiper-container{
	padding:0 !important;
	width:800px !important;
	height:350px !important;
}

/* list item */
.wo_wrap{ padding:0; text-align:center; position:relative; width:100%; height:100%; }
.wo_wrap p{
	width:100px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	margin:0;
	font-size:12pt;
	font-family:'Chosunilbo_myungjo', serif;
	font-weight:800;
}
.info{
	display:block;
	position:absolute;
	top:80%;
	right:0;
	width:150px;
	text-align:center;
	opacity:.6;
	font-size:8px;
	color:rgba(30,30,30,.8);
	line-height:35px;
	font-family:'Chosunilbo_myungjo', serif;
	font-weight:800;
}

.ico-cate{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}

/* no data */
.no-data{
	width:100%;
	padding:40px 0;
	text-align:center;
}

/* ===== view ===== */
#bo_v_atc{
	margin-bottom:100px;
	box-sizing:border-box;
	padding:50px 80px;
}

.frm-theme-COMMENT{
	width:100%;
	text-align:center;
	font-family:'Chosunilbo_myungjo', serif;
	font-size:28pt;
	line-height:1.5em;
	font-weight:400;
	clear:both;
}

#bo_v_title{
	position:relative;
	margin-top:200px;
}

/* 테마 경로(/NX/img/5.png) 의존 제거: 장식 삭제 */
#bo_v_title:before{ content:none; }

#bo_v_title p{
	width:200px;
	text-align:center;
	margin:auto;
	border-style:solid;
	border-image:linear-gradient(to right, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 30%, rgba(220,220,220,1) 70%, rgba(220,220,220,0) 100%);
	border-image-width:1px 0 0 0;
	border-image-slice:1;
	line-height:2em;
	margin-bottom:30px;
	font-size:10px;
	color:#ededed33;
}

#bo_v_bot{ padding:20px 50px; overflow:hidden; }
.bo_v_com{ float:right; }

/* ===== comment ===== */
.board-comment-list{
	position:relative;
	box-sizing:border-box;
	padding:0 50px;
	background:rgba(255,255,255,.3);
}
.board-comment-list .co-line{
	display:block;
	position:relative;
	clear:both;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
	border:none;
}
.board-comment-list .item{
	position:relative;
	padding:10px 10px 10px 110px;
}
.board-comment-list .co-name{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100px;
	padding:10px 10px;
	box-sizing:border-box;
	font-size:12pt;
}
.board-comment-list .co-info{
	display:block;
	text-align:right;
	padding-top:15px;
	font-size:11px;
	opacity:.7;
}
.board-comment-list .item.reply{ border-left:5px solid rgba(255,255,255,.1); }
.board-comment-form{
	position:relative;
	padding-right:80px;
}
.board-comment-form .btn_confirm{
	position:absolute;
	top:0;
	right:0;
	bottom:29px;
	width:80px;
}
.board-comment-form textarea{
	display:block;
	height:100px;
	resize:none;
	border:none;
	width:100%;
	box-sizing:border-box;
}

/* ===== mobile ===== */
@media all and (max-width: 740px) {
	.board-skin-basic{
		padding:0;
		transform:none;
		left:0;
		width:100% !important;
	}
	.swiper-container{
		transform:scale(.6) translateX(-83%);
		left:50%;
		max-width:160%;
	}
	.swiper-button-prev, .swiper-button-next{ display:none; }
	#bo_v_atc{ padding:50px 0 !important; }
}

@media all and (max-width: 640px) {
	.bo_fx{
		display:block;
		width:100px;
		box-sizing:border-box;
		position:relative;
		left:0;
		transform:none;
		margin:0 auto;
	}
	.bo_fx a{ display:block; width:100%; }

	.board-comment-list .item{ padding:0; }
	.board-comment-list .co-name{ position:relative; width:auto; padding:5px 10px; }
}

/* ===== 단독 스킨용 버튼(테마 ui-btn 의존 제거) ===== */
.ui-btn{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	border:none;
	cursor:pointer;
	font-size:12px;
	font-family:'Chosunilbo_myungjo', serif;
	background:#323232;
	color:rgba(255,255,255,.85);
	width:200px;
	height:25px;
	line-height:25px;
	font-weight:800;
}
.ui-btn:hover{ background:#ffb700; }
.ui-btn.full{ width:200px; }

/* TXT 업로드 안내문 */
.txt-help{
	font-size:11px;
	opacity:.7;
	margin: 0 0 6px 10px;
}

/* =================================================
   TXT(HTML) 본문 강제 검은색 출력
   - 모든 설정, 인라인 스타일, 테마 무시
   ================================================= */

.txt-html-force-black * {
	background-color: transparent !important; /* 배경색만 투명, 배경이미지는 유지 */
}


/* 링크도 무조건 검정 */
.txt-html-force-black a,
.txt-html-force-black a:visited,
.txt-html-force-black a:hover,
.txt-html-force-black a:active {
	color: #000000 !important;
	text-decoration: underline;
}

/* =================================================
   TXT(HTML) 본문 전용
   - 어두운 회색 배경
   - 밝은(흰색 계열) 글씨 가독성 최적화
   ================================================= */

.txt-html-force-black {
	background: #1f1f1f !important;   /* 어두운 회색 */
	padding: 32px 36px;
	border-radius: 14px;
	box-sizing: border-box;

	/* 살짝 대비감 주기 */
	box-shadow: 0 6px 18px rgba(0,0,0,.35);
}

/* 내부 요소가 배경색을 강제로 갖고 있으면 제거 */
.txt-html-force-black * {
	background: transparent !important;
}

/* =================================================
   Avocado Personal 전용 스킨
   - 이 스킨 페이지만 기본 글씨색 강제
   ================================================= */

.frame-theme-BODY {
	color: #000000;
}


.frame-theme-BODY p,
.frame-theme-BODY div,
.frame-theme-BODY span,
.frame-theme-BODY li,
.frame-theme-BODY td,
.frame-theme-BODY th,
.frame-theme-BODY strong,
.frame-theme-BODY em {
	color: #000000;
}

/* 카드 제목 위치 컨테이너 */
.card-title{
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	padding: 10px;
}

.card-title-top{ top: 12px; }
.card-title-middle{ top: 50%; transform: translateY(-50%); }
.card-title-bottom{ bottom: 12px; }

/* 카드 제목 기본 스타일(개별색 미입력 시) */
.card-title p{
	margin:0 auto;
	display:inline-block;
	max-width: 92%;
	font-weight: 800;
	line-height: 1.3em;
	font-size: 12pt;
	/* 기본값: 필요하면 여기서 정해도 됨(글에서 지정 없을 때만) */
}