._contents{
	padding-top: 127px; padding-bottom: 167px;
	box-sizing: border-box; font-size: 17px;
	letter-spacing: -0.05em;
}
._contents .boxArea{
	border-bottom: 1px solid #d9d9d9; box-sizing: border-box;
	display: flex; flex-direction: column; gap: calc(100/17*1em);
	padding-bottom: calc(80/17*1em); margin-bottom: 46px;
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._sub ._contents{padding-bottom: 155px;}
	._contents .boxArea{margin-bottom: 20px;}
}
@media screen and (max-width:320px) {}




._contents .box{color: #161616;}
._contents .box .tit{
	border-bottom: 1px solid #d9d9d9; box-sizing: border-box;
	margin-bottom: calc(40/17*1em);
}
._contents .box .tit h4{
	font-size: calc(28/17*1em); font-weight: 700;
	margin-bottom: 13px; color: #000;
}
._contents .box .tit p{
	color: #616161; line-height: 1.4;
	margin-bottom: calc(13/17*1em);
}
._contents .box .cont{}
._contents .box .cont .dotBx{
	display: flex; flex-direction: column; gap: 10px;
}
._contents .box .cont .dotBx p{

	display: flex; line-height: 1.4;
}
._contents .box .cont .dotBx p::before {
	content:'·'; display: block; width: calc(10/17*1em); transform: translateY(-0.05em);
}

._contents .box .cont .dotRow{
	position: relative; padding-left: calc(10/17*1em); box-sizing: border-box;
	line-height: 1.4; margin-bottom: calc(20/17*1em);
}
._contents .box .cont .dotRow::before {
	content:'·'; display: block; position: absolute;
	left: 0; top: -0.05em;
}
._contents .box .cont .dotRow h5{
	color: #000; font-weight: 600; margin-bottom: 5px;
}
._contents .box .cont .dotRow h5 em{
	padding-left: 4px;
	color: #ff0000; font-size: max(calc(14/17*1em),10px);
}
._contents .box .cont .dotRow p{}
._contents .box .cont .dotRow .redBx{
	display: inline-block; padding: calc(4/17*1em) calc(10/17*1em); border-radius: calc(5/17*1em);
	background-color: var(--red); color: #fff;
}
._contents .box .cont .grayBx{
	font-size: max(calc(14/17*1em),12px); margin-top: 6px;
	display: inline-block; padding: calc(10/14*1em) calc(16/14*1em); border-radius: calc(6/14*1em);
	background-color: #ececec; color: #000; line-height: 1.4;
}



/* 이미지 있는영역 */
._contents .box.img{}
._contents .box.img .tit{border-bottom: 0;}
._contents .box.img .cont{
	display: flex; gap: 60px; align-items: center;
}
._contents .box.img .cont .imgBx{position: relative; width: 100%; max-width: 355px;}
._contents .box.img .cont .imgBx::before {
	content:''; display: block; padding-bottom: calc(430/355*100%);
}
._contents .box.img .cont .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
._contents .box.img .cont .txtBx{}
._contents .box.img .cont .txtBx .row{line-height: 1.4; margin-bottom: calc(50/17*1em);}
._contents .box.img .cont .txtBx .row:last-child{margin-bottom: 0;}
._contents .box.img .cont .txtBx .row h5{
	display: flex; gap: 0.5em;
	font-size: calc(18/17*1em); font-weight: 700; color: #000;
	margin-bottom: 16px;
}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._contents{font-size: 16px;}
	._contents .box.img .cont{gap: 20px;}
}
@media screen and (max-width:820px) {
	._contents{font-size: max(calc(16/820*100vw),14px);}
	._contents .box.img .cont{flex-direction: column; align-items: flex-start;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}












/* 하단 */
._contents .wrap > .bottom{}
._contents .wrap > .bottom{
	display: flex; justify-content: space-between; position: relative;
}
._contents .wrap > .bottom a{}
._contents .wrap > .bottom a:not(.btn){
	font-size: 17px;
	color: #757575; transition: color 0.2s; display: flex; gap: 1em; align-items: center;
}
._contents .wrap > .bottom a:not(.btn):hover{color: #000;}
._contents .wrap > .bottom a.btn{
	display: flex; width: calc(113/17*1em); height: calc(43/17*1em);
	align-items: center; justify-content: center; color: #fff; background-color: #000;
	font-size: 17px; transition: background-color 0.2s;
	border-radius: calc(5/17*1em);
}
._contents .wrap > .bottom a.btn:hover{
	background-color: #444;
}
._contents .wrap > .bottom a.btn p{}

@media screen and (max-width:500px) {
	._contents .wrap > .bottom a:not(.btn){font-size: 14px;}
	._contents .wrap > .bottom a.btn{
		font-size: 14px; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; margin-top: 40px;
	}
}