._view{}
._view .contents .wrap{
	padding-top: 170px; padding-bottom: 260px;
}
._view h3{text-align: center;border-bottom: 2px solid #000;}
._view h3 small{
	font-size: 18px; color: #7c7c7c; margin-bottom: calc(20/18*1em); font-weight: 500;
}
._view h3 p{
	font-size: 36px; font-weight: 700; line-height: 1.4;
	margin-bottom: 30px;
}
._view .editorArea{
	/* border-top: 2px solid #000; */
	border-bottom: 2px solid #000;
	box-sizing: border-box;
    padding: 40px 0;box-sizing: border-box;
}
._view .editorArea > div{
	min-height: 300px; overflow: auto;
}
._view .bottom{
	font-size: 18px; margin-bottom: 60px;
}
._view .bottom .next{}
._view .bottom .prev{}
._view .bottom a{
	display: flex; align-items: center;
	height: 80px; border-bottom: 1px solid #d1d1d1; box-sizing: border-box;
}
._view .bottom em{
	width: 150px; padding-left: 40px;
	color: #3d3d3d; font-weight: 500;
}
._view .bottom p{
	width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
._view .bottom i{
	width: 100px; text-align: center;
}
._view .listBtn{
	width: 10em; height: calc(54/16*1em);
	border-radius: 20px 0 20px 20px; background-color: var(--point-color-2); color: #fff;
	display: flex; align-items: center; justify-content: center; font-weight: 500;
	margin: 0 auto; transition: background-color 0.2s;
}
._view .listBtn:hover{background-color: #444;}
._view .listBtn p{}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._view h3{
		display: flex;
		flex-direction: column-reverse;
	}
	._view h3 p{margin-bottom: 10px;}
	._view h3 small{text-align: right; margin-bottom: 10px;}
}
@media screen and (max-width:1024px) {
	._view h3 small{font-size: max(calc(18/1024*100vw),14px);}
	._view h3 p{font-size: max(calc(36/1024*100vw),20px);}
}
@media screen and (max-width:820px) {
	._view .contents .wrap{padding-top: 100px; padding-bottom: 120px;}

	._view .bottom a{height: 70px;}
	._view .bottom em{width: 120px; padding-left: 0; text-align: center;}
}
@media screen and (max-width:500px) {
	._view .contents .wrap{padding-top: 80px; padding-bottom: 100px;}

	._view h3 p{font-size: 18px;}
	._view .editorArea > div{min-height: 80vw;}

	._view .bottom{font-size: 14px;}
	._view .bottom a{height: 56px; font-weight: 500;}
	._view .bottom em{width: 100px;}
}
@media screen and (max-width:320px) {}


/* 추가 */

._view .attach_file {
	display: flex; align-items: flex-start; justify-content: flex-end; padding: 19.5px 25px;box-sizing: border-box;border-bottom: 1px solid #000; position: relative; gap: 8px 14px; flex-wrap: wrap;
	padding-left: 100px;
	font-size: 18px;
}
._view .attach_file span{
	font-weight: 500; color: #000;
	position: absolute; left: 25px;
}
._view .attach_file > div { display: flex; align-items: center; gap: 4px;}
._view .attach_file > div img{width: 23px; height: auto !important;}
._view .attach_file > div a {color: #7c7c7c; }

@media screen and (max-width:1280px) {
    ._view .attach_file > div img{height: 28px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._view .attach_file{font-size: 16px; flex-direction: column; align-items: flex-end; justify-content: flex-start; padding: 14px 0; padding-left: 70px;}
	._view .attach_file span{left: 0;}
	._view .attach_file > div img{width: 16px;}
}
@media screen and (max-width:500px) {
	._view .attach_file{font-size: 13px; padding: 10px 0; padding-left: 55px;}
	._view .attach_file > div img{width: 13px;}
}
@media screen and (max-width:400px) {}

/* 깨진다고해서 추가 0805 */
/* .editorArea table, .editorArea caption, .editorArea tbody, .editorArea tfoot, .editorArea thead, .editorArea tr, .editorArea th, .editorArea td{border: none;} */