@charset "utf-8";

/* =========================================================
   PLAYWEBON BOARD - 모바일 최적화
   board.default.css 이후에 로드되어 모바일 레이아웃을 보정
   ========================================================= */

/* ---------------------------------------------------------
   공통 (해상도 무관)
   --------------------------------------------------------- */
.board{
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	max-width: 100%;
}
.board img,
.board video,
.board iframe,
.board embed,
.board object{
	max-width: 100%;
}
.board .read_body img,
.board .xe_content img{
	height: auto;
}

/* 목록형 요소 마커 제거 (레이아웃 CSS에 리셋이 없는 경우 대비) */
.board ul.exOutF,
.board ul.exFormF,
.board ul.files,
.board ul.extra_item,
.board .fbList,
.board .dropdown-content,
.board div.category_type_1 ul,
.board div.category_type_2 ul{
	list-style: none;
}
.board ul.exOutF,
.board ul.exFormF,
.board .fbList{
	padding-left: 0;
}

/* 버튼 영역 (템플릿 인라인 float 대체) */
.board .btn_submit_area{
	float: right;
}
.board .btn_submit_area:after{
	content: "";
	display: block;
	clear: both;
}

/* 가로 스크롤 영역 스크롤바 숨김 */
.board .scroll-x{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.board .scroll-x::-webkit-scrollbar{
	display: none;
}


/* =========================================================
   와이드 (1920 ~)
   ========================================================= */
@media ( min-width: 1681px ) {
	.read_header.editorial h1.title{
		font-size: 32px;
	}
	.board_read .read_body{
		font-size: 16.5px;
		line-height: 1.9;
	}
	div.board-search{
		padding: 22px 44px;
	}
}


/* =========================================================
   1680
   ========================================================= */
@media ( max-width: 1680px ) {
	.read_header.editorial h1.title{
		font-size: 29px;
	}
	div.board-search{
		padding: 20px 34px;
	}
	.board_read .exOut{
		max-width: 720px;
	}
}


/* =========================================================
   1440
   ========================================================= */
@media ( max-width: 1440px ) {
	.read_header.editorial h1.title{
		font-size: 27px;
	}
	.read_header.editorial .meta > span{
		margin: 0 11px;
	}
	div.board-search{
		padding: 18px 28px;
	}
	div.board-search-info div{
		font-size: 15px;
	}
	div.category_type_2 ul li a{
		padding: 14px 26px;
		font-size: 15px;
	}
	.board_read ul.exOutF li{
		padding: 18px 14px;
	}
	.board_read ul.exOutF span.td{
		font-size: 18px;
	}
}


/* =========================================================
   1280
   ========================================================= */
@media ( max-width: 1280px ) {
	.read_header.editorial h1.title{
		font-size: 25px;
	}
	.board_read .read_body{
		font-size: 15.5px;
	}
	div.board-search{
		padding: 16px 24px;
	}
	div.category_type_1 ul li a{
		padding: 7px 17px;
	}
	div.category_type_2 ul li a{
		padding: 13px 22px;
	}
	ul.exFormF li{
		flex-basis: calc(50% - 25px);
	}
	div.prev_next a,
	div.btn_func a,
	a.button{
		font-size: 14px;
		padding: 10px 13px;
	}
}


/* =========================================================
   1024 (태블릿)
   ========================================================= */
@media ( max-width: 1024px ) {
	.board_read .exOut{
		max-width: 100%;
	}
	.read_header.editorial h1.title{
		max-width: 100%;
		font-size: 24px;
	}
	div.board-search{
		flex-wrap: wrap;
		gap: 12px;
		padding: 16px 20px;
		margin-bottom: 24px;
	}
	div.board-search-info{
		flex: 1 1 auto;
	}
	form.board_search{
		flex: 0 1 auto;
	}
	.list_footer .board_search .iText{
		width: 170px;
	}
	div.category_type_1,
	div.category_type_2{
		margin-bottom: 22px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	div.category_type_1::-webkit-scrollbar,
	div.category_type_2::-webkit-scrollbar{
		display: none;
	}
	div.category_type_1 ul,
	div.category_type_2 ul{
		flex-wrap: nowrap;
	}
	div.category_type_1 ul li a,
	div.category_type_2 ul li a{
		white-space: nowrap;
	}
	ul.exFormF li{
		flex-basis: calc(50% - 15px);
	}
	.board_read ul.exOutF li{
		padding: 16px 12px;
	}
	.board_read ul.exOutF span.td{
		font-size: 17px;
	}
	.feedback .fbMeta{
		width: 150px;
	}
	.feedback .xe_content{
		margin-left: 165px;
	}
	.feedback .fileList{
		margin-left: 155px;
	}
}


/* =========================================================
   960
   ========================================================= */
@media ( max-width: 960px ) {
	.read_header.editorial h1.title{
		font-size: 23px;
	}
	.board_read .read_body{
		font-size: 15px;
	}
	.read_body img,
	.read_body iframe,
	.read_body video{
		max-width: 100% !important;
		height: auto;
	}
	.read_body table{
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	div.board-search{
		padding: 15px 18px;
	}
	ul.exFormF{
		display: block;
	}
	ul.exFormF li,
	ul.exFormF li.full{
		display: block;
		width: 100%;
		padding: 9px 0;
	}
	ul.exFormF li span.th,
	ul.exFormF li.full span.th{
		display: block;
		width: 100%;
		margin-bottom: 7px;
		font-size: 15px;
		font-weight: 600;
		color: #333;
	}
	ul.exFormF li span.td,
	ul.exFormF li.full span.td{
		display: block;
		width: 100%;
	}
	.board_read ul.exOutF li{
		flex: 1 1 50%;
	}
	.board_read ul.exOutF li.full{
		flex: 1 1 100%;
	}
	.list_footer{
		flex-wrap: wrap;
		gap: 12px;
	}
	.list_footer div.nbsp{
		display: none;
	}
	div.pagination_wrap{
		flex: 1 1 auto;
	}
	.feedback .fbMeta{
		width: 130px;
	}
	.feedback .xe_content{
		margin-left: 142px;
	}
	.feedback .fileList{
		margin-left: 132px;
	}
}


/* =========================================================
   모바일 (768px)
   ========================================================= */
@media ( max-width: 768px ) {

	/* ---- 기본 타이포 / 여백 ---- */
	.board{
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	/* iOS 입력 시 자동 확대 방지 (16px 이상 유지) */
	.board input[type=text],
	.board input[type=password],
	.board input[type=email],
	.board input[type=tel],
	.board input[type=number],
	.board input[type=search],
	.board input[type=date],
	.board select,
	.board textarea{
		font-size: 16px;
		max-width: 100%;
	}

	/* 터치 타깃 확보 */
	.board .btn{
		height: 40px !important;
		line-height: 38px !important;
		padding: 0 16px !important;
		font-size: 14px;
	}
	.board .iCheck{
		width: 18px;
		height: 18px;
	}
	.board .iCheck+label{
		font-size: 14px;
	}

	/* ---- 분류(카테고리) 탭 : 가로 스와이프 ---- */
	div.category_type_1,
	div.category_type_2{
		margin: 0 0 16px;
		padding: 2px 0 6px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	div.category_type_1::-webkit-scrollbar,
	div.category_type_2::-webkit-scrollbar{
		display: none;
	}
	div.category_type_1 ul,
	div.category_type_2 ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: max-content;
		min-width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div.category_type_1 ul li,
	div.category_type_2 ul li{
		list-style: none;
	}
	div.category_type_1 ul li a{
		padding: 9px 16px;
		font-size: 13px;
		white-space: nowrap;
	}
	div.category_type_2 ul li a{
		padding: 12px 18px;
		font-size: 14px;
		white-space: nowrap;
	}

	/* ---- 분류 드롭다운 ---- */
	.category_type_dropdown{
		padding: 0 0 12px;
	}
	.dropbtn{
		padding: 13px 14px;
		font-size: 15px;
	}
	ul.dropdown-content li a{
		padding: 13px 15px;
		font-size: 15px;
	}

	/* ---- 검색 영역 ---- */
	div.board-search{
		display: block;
		width: 100%;
		margin: 0 0 18px;
		padding: 14px 14px 16px;
		border-radius: 8px;
	}
	div.board-search-info{
		flex-wrap: wrap;
		gap: 6px 12px;
	}
	div.board-search-info div{
		font-size: 13px;
	}
	div.board-search-info span{
		font-size: 13px;
	}
	form.board_search{
		display: block;
		width: 100%;
		margin-top: 12px;
	}
	form.board_search select[name=search_target]{
		width: 100%;
		height: 44px;
	}
	div.search_input{
		display: flex;
		gap: 6px;
		margin-top: 8px;
	}
	.board .iText{
		width: 100%;
		height: 44px;
		line-height: 44px;
	}
	div.search_input .iText{
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}
	button.btn.search{
		flex: 0 0 52px;
		width: 52px;
		height: 44px !important;
		line-height: 44px !important;
		margin-left: 0;
		padding: 0 !important;
	}
	button.btn.search i{
		font-size: 20px;
	}

	/* ---- 목록 하단 (페이지 / 버튼) ---- */
	.list_footer{
		display: block;
		margin: 18px 0 0;
	}
	.list_footer div.nbsp{
		display: none;
	}
	div.pagination_wrap{
		width: 100%;
		margin: 0;
	}
	div.pagination{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2px;
		width: 100%;
		padding: 8px 6px;
		border-radius: 12px;
	}
	.pagination a,
	.pagination strong{
		width: 32px;
		margin: 2px;
		line-height: 32px;
		font-size: 13px;
	}
	.pagination .direction{
		width: 32px;
		height: 32px;
		margin: 2px;
	}
	.list_footer .btnArea{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		justify-content: flex-end;
		width: 100%;
		margin-top: 14px;
		white-space: normal;
	}
	a.button{
		padding: 11px 16px;
		font-size: 14px;
	}

	/* ---- 본문 (읽기) ---- */
	.board_read{
		overflow: hidden;
	}
	.read_header.editorial{
		margin: 4px 0 24px;
	}
	.read_header.editorial h1.title{
		margin-top: 10px;
		font-size: 21px;
		line-height: 1.35;
	}
	.read_header.editorial .meta{
		padding-top: 12px;
	}
	.read_header.editorial .meta > span{
		display: inline-block;
		margin: 2px 6px;
		font-size: 12px;
	}
	.read_body{
		padding: 6px 0 30px;
		font-size: 15px;
		line-height: 1.8;
	}
	.read_body img,
	.read_body video,
	.read_body iframe{
		max-width: 100% !important;
		height: auto;
	}
	.read_body iframe{
		width: 100% !important;
	}
	.read_body table{
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.read_body .xe_content > *{
		max-width: 100%;
	}

	/* 첨부파일 */
	ul.files li{
		margin-bottom: 8px;
	}
	ul.files a{
		font-size: 14px;
		word-break: break-all;
	}
	ul.files a .fileSize{
		display: block;
		font-size: 11px;
		color: #a5a5a5;
	}

	/* 확장변수 출력 */
	.board_read ul.exOutF li{
		flex: 1 1 100%;
		padding: 14px 18px;
		border-left: 0;
		border-top: 1px solid rgba(255,255,255,.12);
	}
	.board_read ul.exOutF li:first-child{
		border-top: 0;
	}
	.board_read ul.exOutF span.td{
		font-size: 16px;
	}
	.board_read ul.exOutF li.full span.td{
		font-size: 14px;
	}

	/* ---- 본문 하단 버튼 ---- */
	.read_footer .btnArea{
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		margin: 24px 0;
	}
	div.prev_next{
		display: flex;
		flex-basis: auto;
		gap: 6px;
		width: 100%;
	}
	div.prev_next a{
		flex: 1 1 0;
		padding: 12px 8px;
		font-size: 14px;
		text-align: center;
	}
	div.btn_func{
		display: flex;
		flex-basis: auto;
		flex-wrap: wrap;
		gap: 6px;
		width: 100%;
		justify-content: stretch;
	}
	div.btn_func a{
		flex: 1 1 0;
		min-width: 72px;
		padding: 12px 8px;
		font-size: 14px;
		text-align: center;
	}

	/* 서명 영역 */
	.read_footer .sign .pf{
		width: 54px;
		height: 54px;
		margin-right: 12px;
	}

	/* ---- 댓글 ---- */
	.feedback{
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
	.feedback .fbHeader{
		height: auto;
		padding: 12px 0 10px;
	}
	.feedback .fbHeader h2{
		font-size: 15px;
	}
	.feedback .fbItem{
		padding: 16px 0;
	}
	.feedback .fbMeta{
		float: none;
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.feedback .fbMeta .profile{
		float: none;
		flex: 0 0 34px;
		width: 34px;
		height: 34px;
		margin: 0;
	}
	.feedback .fbMeta .author{
		font-size: 14px;
		font-weight: 600;
	}
	.feedback .fbMeta .time{
		margin-left: auto;
		font-size: 11px;
	}
	.feedback .xe_content{
		margin: 0;
		font-size: 14.5px;
		line-height: 1.7;
	}
	.feedback .xe_content img{
		max-width: 100%;
		height: auto;
	}
	.feedback .fileList{
		float: none;
		margin: 8px 0 0;
	}
	.feedback .action{
		float: none;
		display: flex;
		flex-wrap: wrap;
		gap: 4px 12px;
		padding: 12px 0 0;
		white-space: normal;
	}
	.feedback .action a{
		padding: 4px 0;
		font-size: 13px;
	}
	.feedback .action a.this{
		margin-left: 0;
	}
	.feedback .pagination{
		margin-top: 6px;
	}

	/* 댓글 들여쓰기 축소 */
	.feedback .indent{
		background-size: 8px auto;
	}
	.feedback .indent1{ padding-left: 14px; background-position: 2px 20px; }
	.feedback .indent2{ padding-left: 28px; background-position: 16px 20px; }
	.feedback .indent3{ padding-left: 42px; background-position: 30px 20px; }
	.feedback .indent4{ padding-left: 56px; background-position: 44px 20px; }
	.feedback .indent5,
	.feedback .indent6,
	.feedback .indent7,
	.feedback .indent8,
	.feedback .indent9,
	.feedback .indent10,
	.feedback .indent11,
	.feedback .indent12{ padding-left: 66px; background-position: 54px 20px; }

	/* ---- 댓글 작성 ---- */
	.write_comment{
		margin-top: 16px;
	}
	.write_comment textarea{
		width: 100% !important;
		min-height: 96px;
	}
	.write_comment .write_author{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		padding-bottom: 10px;
	}
	.write_comment .write_author .item{
		flex: 1 1 calc(50% - 4px);
		display: block;
		min-width: 0;
	}
	.write_comment .iText.userName,
	.write_comment .iText.userPw,
	.write_comment .iText.homePage,
	.board .nonmember{
		width: 100% !important;
		height: 42px;
		line-height: 42px;
		box-sizing: border-box;
	}

	/* ---- 글쓰기 ---- */
	form.board_write{
		padding: 0;
	}
	.write_header{
		padding: 4px 0 10px;
	}
	div.write_header_top{
		margin-bottom: 8px;
	}
	.write_header select{
		width: 100%;
		height: 46px;
		font-size: 16px;
	}
	div.write_header_bottom{
		display: flex;
		gap: 0;
	}
	.write_header .iText{
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		height: 46px;
		line-height: 46px;
	}
	button.doDocumentLoad{
		flex: 0 0 76px;
		width: 76px;
		height: 46px;
		font-size: 14px;
	}
	.write_option{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px 14px;
		margin: 0 0 12px;
		font-size: 13px;
	}
	.write_option label{
		margin: 0;
		font-size: 13px;
	}
	div.status_list{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 4px 12px;
	}

	/* 확장변수 입력 : 라벨/입력 세로 배치 */
	.exForm{
		padding: 6px 0;
	}
	ul.exFormF{
		display: block;
	}
	ul.exFormF li,
	ul.exFormF li.full{
		display: block;
		flex-basis: 100%;
		width: 100%;
		padding: 9px 0;
		font-size: 0;
	}
	ul.exFormF li span.th,
	ul.exFormF li.full span.th{
		display: block;
		width: 100%;
		margin-bottom: 7px;
		font-size: 14px;
		font-weight: 600;
		color: #333;
	}
	ul.exFormF li span.td,
	ul.exFormF li.full span.td{
		display: block;
		width: 100%;
		font-size: 15px;
	}
	.exForm .text,
	.exForm .password,
	.exForm .homepage,
	.exForm .email_address,
	.exForm .address,
	.exForm .date{
		width: 100%;
		height: 46px;
		line-height: 46px;
		font-size: 16px;
	}
	.exForm .tel{
		width: calc(33.33% - 4px);
		height: 46px;
		line-height: 46px;
		font-size: 16px;
	}
	.exForm textarea{
		min-height: 120px;
		font-size: 16px;
	}
	.exForm li{
		display: inline-block;
		margin-bottom: 6px;
	}
	.exForm li label{
		margin-right: 12px;
		font-size: 14px;
	}
	.exForm em{
		font-size: 18px;
		top: 2px;
	}

	/* 우편번호 */
	input.krzip-postcode{
		width: calc(100% - 96px) !important;
		height: 42px !important;
	}
	input.krzip-search.btn{
		width: 88px;
		height: 42px !important;
		line-height: 40px !important;
	}
	input.krzip-roadAddress,
	input.krzip-jibunAddress,
	input.krzip-extraAddress,
	input.krzip-detailAddress{
		height: 42px !important;
	}

	/* 작성자 / 제출 버튼 */
	.write_footer{
		margin: 14px 0 0;
	}
	.write_author{
		margin: 0 0 12px;
	}
	.write_author .item{
		display: block;
		margin-bottom: 8px;
	}
	.write_author .item input[type=text],
	.write_author .item input[type=password]{
		width: 100% !important;
		height: 46px;
		line-height: 46px;
	}
	.write_captcha{
		float: none;
		margin-bottom: 12px;
		overflow-x: auto;
	}
	.board .btn_submit_area{
		float: none;
		display: flex;
		gap: 6px;
		width: 100%;
		margin-top: 4px;
	}
	.board .btn_submit_area > button{
		flex: 1 1 0;
	}
	button.botton_btn,
	button.cmt_insert_bt{
		width: 100%;
		padding: 13px 10px;
		font-size: 15px;
	}
	.board .btn_insert{
		width: 100%;
		height: 46px;
	}

	/* 비밀글 입력 폼 */
	.board .secretForm{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.board .secretForm p{
		flex: 1 1 100%;
		margin-bottom: 0;
	}
	.board .secretForm p:last-child{
		display: flex;
		gap: 6px;
	}
	.board .secretForm .iText{
		flex: 1 1 auto;
		width: auto !important;
		height: 44px !important;
		box-sizing: border-box;
	}
	.board .secretForm .btn{
		flex: 0 0 72px;
		border-radius: 5px;
	}

	/* 확장변수 출력(비 editorial) */
	.exOut{
		padding: 12px 14px;
	}

	/* 안내 / 메시지 */
	.context_data{
		padding: 14px 16px;
	}
	.context_message h1{
		font-size: 15px;
	}

	/* 태그 목록 */
	.tagList{
		padding: 16px;
	}

	/* ---- 웹진 세로 ---- */
	ul.webzine_w li{
		padding: 16px 0;
	}
	ul.webzine_w a.doc_link{
		width: 100% !important;
		height: auto !important;
	}
	ul.webzine_w a.doc_link img.thumbnail{
		height: auto !important;
		object-fit: cover;
	}
	ul.webzine_w div.no_image{
		width: 100% !important;
	}
	ul.webzine_w div.title_area{
		margin: 12px 0 10px;
	}

	/* ---- 갤러리 ---- */
	ul.gallery div.image_area{
		height: auto !important;
	}
	ul.gallery a.doc_link img{
		height: auto !important;
	}
	/* 터치 환경에서는 hover가 없으므로 정보 상시 노출 */
	ul.gallery div.gallery_content{
		align-items: flex-end;
		background: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 65%);
	}
	ul.gallery div.gallery_content_in{
		width: 100%;
		padding: 10px 8px;
		opacity: 1;
	}
	ul.gallery div.doc_title{
		margin-bottom: 4px;
		font-size: 13px;
		line-height: 1.35;
		color: #fff;
	}
	ul.gallery div.doc_info span{
		font-size: 11px;
	}
	ul.gallery ul.extra_item li{
		font-size: 11px;
	}
}


/* =========================================================
   폴더블 펼침 (769 ~ 884)
   ========================================================= */
@media ( min-width: 769px ) and ( max-width: 884px ) {
	.read_header.editorial h1.title{
		font-size: 22px;
	}
	div.board-search{
		display: block;
	}
	form.board_search{
		display: flex;
		width: 100%;
		margin-top: 12px;
	}
	form.board_search select[name=search_target]{
		flex: 0 0 130px;
		height: 44px;
	}
	div.search_input{
		display: flex;
		flex: 1 1 auto;
		gap: 6px;
	}
	.list_footer .board_search .iText,
	div.search_input .iText{
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		height: 44px;
		line-height: 44px;
	}
	button.btn.search{
		flex: 0 0 52px;
		height: 44px !important;
		line-height: 44px !important;
		margin-left: 0;
	}
	.board_read ul.exOutF li{
		flex: 1 1 50%;
	}
	ul.gallery li{
		flex-basis: calc(33.33% - 12px) !important;
	}
}


/* =========================================================
   소형 단말 (360px)
   ========================================================= */
@media ( max-width: 360px ) {

	.read_header.editorial h1.title{
		font-size: 19px;
	}
	.read_header.editorial .meta > span{
		margin: 2px 5px;
		font-size: 11.5px;
	}
	.read_body{
		font-size: 14.5px;
	}
	div.btn_func a{
		min-width: 0;
		padding: 11px 4px;
		font-size: 13px;
	}
	div.prev_next a{
		padding: 11px 4px;
		font-size: 13px;
	}
	div.pagination{
		gap: 0;
		padding: 8px 4px;
	}
	.pagination a,
	.pagination strong{
		width: 27px;
		margin: 2px 1px;
		line-height: 27px;
		font-size: 12px;
	}
	.pagination .direction{
		width: 27px;
		height: 27px;
		margin: 2px 1px;
	}
	.list_footer .btnArea{
		justify-content: stretch;
	}
	a.button{
		flex: 1 1 0;
		padding: 12px 6px;
		font-size: 13px;
		text-align: center;
	}
	.write_comment .write_author .item{
		flex: 1 1 100%;
	}
	.exForm .tel{
		width: calc(33.33% - 3px);
		padding: 5px 6px;
	}
	div.board-search{
		padding: 12px;
	}
	div.board-search-info div,
	div.board-search-info span{
		font-size: 12.5px;
	}
	.feedback .fbMeta .time{
		font-size: 10.5px;
	}
	div.category_type_1 ul li a{
		padding: 8px 13px;
		font-size: 12.5px;
	}
	div.category_type_2 ul li a{
		padding: 11px 15px;
		font-size: 13px;
	}
	ul.gallery div.doc_title{
		font-size: 12px;
	}
}


/* =========================================================
   초소형 단말 (320px) · 폴더블 닫힘
   ========================================================= */
@media ( max-width: 320px ) {

	.read_header.editorial h1.title{
		font-size: 18px;
		line-height: 1.4;
	}
	.read_header.editorial .eyebrow{
		font-size: 11px;
	}
	.read_header.editorial .meta > span{
		margin: 2px 4px;
		font-size: 11px;
	}
	.read_body{
		font-size: 14px;
		line-height: 1.75;
	}

	/* 본문 하단 버튼 : 2열 배치 */
	div.btn_func{
		flex-wrap: wrap;
	}
	div.btn_func a{
		flex: 1 1 calc(50% - 3px);
		min-width: 0;
		padding: 11px 2px;
		font-size: 12.5px;
	}
	div.prev_next a{
		padding: 11px 2px;
		font-size: 12.5px;
	}

	div.pagination{
		padding: 7px 2px;
	}
	.pagination a,
	.pagination strong{
		width: 24px;
		margin: 2px 1px;
		line-height: 24px;
		font-size: 11px;
	}
	.pagination .direction{
		width: 24px;
		height: 24px;
		margin: 2px 1px;
		font-size: 9px;
	}

	.list_footer .btnArea{
		flex-wrap: wrap;
	}
	a.button{
		flex: 1 1 calc(50% - 3px);
		padding: 11px 4px;
		font-size: 12.5px;
	}

	div.board-search{
		padding: 10px;
	}
	div.board-search-info{
		gap: 4px 8px;
	}
	div.board-search-info div,
	div.board-search-info span{
		font-size: 12px;
	}
	button.btn.search{
		flex: 0 0 46px;
		width: 46px;
	}

	div.category_type_1 ul li a{
		padding: 7px 11px;
		font-size: 12px;
	}
	div.category_type_2 ul li a{
		padding: 10px 13px;
		font-size: 12.5px;
	}
	.dropbtn{
		padding: 12px 10px;
		font-size: 14px;
	}

	/* 확장변수 */
	.board_read ul.exOutF li{
		padding: 12px 14px;
	}
	.board_read ul.exOutF span.td{
		font-size: 15px;
	}
	.exForm .tel{
		width: calc(33.33% - 2px);
		padding: 5px 4px;
		font-size: 15px;
	}
	input.krzip-postcode{
		width: calc(100% - 86px) !important;
	}
	input.krzip-search.btn{
		width: 80px;
	}

	/* 글쓰기 */
	button.doDocumentLoad{
		flex: 0 0 64px;
		width: 64px;
		font-size: 13px;
	}
	.write_option,
	div.status_list{
		gap: 5px 10px;
		font-size: 12.5px;
	}
	.write_option label,
	.board .iCheck+label{
		font-size: 12.5px;
	}

	/* 댓글 */
	.feedback .fbMeta .profile{
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
	}
	.feedback .fbMeta .author{
		font-size: 13px;
	}
	.feedback .fbMeta .time{
		font-size: 10px;
	}
	.feedback .xe_content{
		font-size: 14px;
	}
	.feedback .action{
		gap: 4px 9px;
	}
	.feedback .action a{
		font-size: 12px;
	}
	.feedback .indent1{ padding-left: 10px; background-position: 0 20px; }
	.feedback .indent2{ padding-left: 20px; background-position: 10px 20px; }
	.feedback .indent3,
	.feedback .indent4,
	.feedback .indent5,
	.feedback .indent6,
	.feedback .indent7,
	.feedback .indent8,
	.feedback .indent9,
	.feedback .indent10,
	.feedback .indent11,
	.feedback .indent12{ padding-left: 30px; background-position: 20px 20px; }

	/* 갤러리 */
	ul.gallery div.doc_title{
		font-size: 11px;
	}
	ul.gallery div.gallery_content_in{
		padding: 8px 6px;
	}
	ul.gallery div.doc_info span{
		font-size: 10px;
	}
	ul.gallery ul.extra_item li{
		font-size: 10px;
	}

	/* 첨부파일 */
	ul.files a{
		font-size: 13px;
	}
}