.blog_view{
	padding-top: 300px;
	padding-bottom: 150px;
	position: relative;
	letter-spacing: -0.025em;
	overflow: hidden;
}

/* 왼쪽 네비게이션 */
.blog_view .navi_wrap{
	position: absolute; top: 300px; left: 0; right: 0;
}
.blog_view .navi_wrap .pinBx{}
.blog_view .leftNavi{
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
	gap: 16px; max-width: 340px;
}
.blog_view .leftNavi div{
	font-size: 15px; line-height: 1.3;
	display: flex; align-items: flex-start; gap: 6px; cursor: pointer;
	color: rgba(0,0,0,0.2);
	opacity: 0; pointer-events: none; transform: translateX(60px);
	transition: opacity 0.5s,transform 0.5s;
}
.blog_view .leftNavi.show div{opacity: 1; pointer-events: auto; transform: translateX(0);}
.blog_view .leftNavi.show div:nth-child(2){transition-delay: 0.1s;}
.blog_view .leftNavi.show div:nth-child(3){transition-delay: 0.2s;}
.blog_view .leftNavi.show div:nth-child(4){transition-delay: 0.3s;}
.blog_view .leftNavi.show div:nth-child(5){transition-delay: 0.4s;}
.blog_view .leftNavi.show div:nth-child(6){transition-delay: 0.5s;}
.blog_view .leftNavi.show div:nth-child(7){transition-delay: 0.6s;}
.blog_view .leftNavi.show div:nth-child(8){transition-delay: 0.7s;}
.blog_view .leftNavi div svg{
	min-width: calc(17/15*1em); width: calc(17/15*1em);
}
.blog_view .leftNavi div svg *{fill: rgba(0,0,0,0.2) !important;}
.blog_view .leftNavi div p{}

/* 호버 */
.blog_view .leftNavi div:hover svg *{fill: rgba(0,0,0,1) !important;}
.blog_view .leftNavi div:hover{color: #000;}
/* on */
.blog_view .leftNavi div.on svg *{fill:#e22c20 !important;}
.blog_view .leftNavi div.on{color: #000;}


.blog_view .contents{
	position: relative; z-index: 3;
}

.blog_view h1{
	font-size: 50px; line-height: 1.4; text-align: center;
	margin-bottom: calc(120/50*1em);
}
.blog_view h1 small{
	display: block;
	color: #e22c20; font-size: 18px; margin-bottom: 1em;
}
.blog_view h1 p{font-weight: 600;}
.blog_view .cont{
	/* text-align: center; */
    position: relative;
	display: flex; flex-direction: column; gap: 80px;
	margin-bottom: 130px;
}
.blog_view .cont .editorBx{}
.blog_view .cont .editorBx h2{
	font-size: 30px; font-weight: 600 !important; line-height: 1.3;
	margin-bottom: 30px;
    text-align: left;
}
.blog_view .cont .editor{line-height: 1.5 !important;}
.blog_view .cont .editor img{max-width: 100%;}


/* 아래쪽 */
.blog_view .bottomArea{}
.blog_view .bottomArea ._listBtn{margin-bottom: 100px;}
.blog_view .bottomArea .list{position: relative;}
.blog_view .bottomArea .list .swiper{}
.blog_view .bottomArea .list .swiper-slide{}
.blog_view .bottomArea .list .swiper-slide a{}
.blog_view .bottomArea .list .swiper-slide a .imgBx{
	position: relative; border-radius: 15px; overflow: hidden;
	margin-bottom: 10px;
}
.blog_view .bottomArea .list .swiper-slide a .imgBx::before {
	content:''; display: block; padding-bottom: calc(200/280*100%);
}
.blog_view .bottomArea .list .swiper-slide a img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.blog_view .bottomArea .list .swiper-slide a p{
	font-size: 18px;  font-weight: 600;
	line-height: calc(30/18);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.blog_view .bottomArea .list .arrowBx{}
.blog_view .bottomArea .list .arrow{
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 40px; height: 40px; border-radius: 50px;
	cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px;
	background-color: #e32d21; box-sizing: border-box;
	transition: background-color 0.1s;
}
.blog_view .bottomArea .list .arrow:hover{background-color: #c5c5c5;}
.blog_view .bottomArea .list .arrow i{}
.blog_view .bottomArea .list .arrow.prev{left: -67px; padding-right: 2px;}
.blog_view .bottomArea .list .arrow.next{right: -67px; padding-left: 2px;}


@media screen and (max-width:1800px) {
	.blog_view .leftNavi{max-width: calc((90vw - 950px) / 2);}
}
@media screen and (max-width:1600px) {
	.blog_view .navi_wrap{display: none;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.blog_view{padding-top: max(calc(300/1280*100vw),100px);}
	.blog_view h1{font-size: max(calc(50/1280*100vw),20px); }
	.blog_view .cont .editorBx h2{font-size: max(calc(30/1280*100vw),20px); }

	.blog_view .bottomArea .list .arrowBx{
		display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 40px;
	}
	.blog_view .bottomArea .list .arrowBx .arrow{position: unset; transform: unset;}
}
@media screen and (max-width:1024px) {
	.blog_view .cont{gap: max(calc(150/1920*100vw),60px); margin-bottom: 80px;}
	.blog_view .bottomArea .list .swiper-slide a p{font-size: 16px; }


    .blog_view .cont .editor img{height: auto !important;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.blog_view h1{margin-bottom: 40px;}
	.blog_view h1 small{font-size: 14px; }
	.blog_view .cont{margin-bottom: 60px;}
	/* .blog_view .cont .editorBx h2{margin-bottom: 20px;} */
	.blog_view .bottomArea ._listBtn{margin-bottom: 40px;}
	.blog_view .bottomArea ._listBtn a{margin: 0 auto;}
	.blog_view .bottomArea .list .swiper{overflow: visible; max-width: 90%;}
	.blog_view .bottomArea .list .swiper-slide a .imgBx{border-radius: 8px;}
	.blog_view .bottomArea .list .swiper-slide a p{font-size: 14px; }
	.blog_view .bottomArea .list .arrowBx{margin-top: 30px;}
}
@media screen and (max-width:320px) {}