/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';





.life_list_wrap,
.life_view_wrap,
.story_list_wrap,
.story_view_wrap{
	padding:20rem 0 10rem 0;
}
@media(max-width:991.98px){
	.life_list_wrap,
	.life_view_wrap,
	.story_list_wrap,
	.story_view_wrap{
		padding:15rem 0 10rem 0;
	}
}
@media(max-width:767.98px){
	.life_list_wrap,
	.life_view_wrap,
	.story_list_wrap,
	.story_view_wrap{
		padding:8rem 0 8rem 0;
	}
}

.story_view_wrap div.fsr1_8 {
	word-break:normal;
	text-align:justify;
}


.life_list_wrap .list_area{
	list-style:none;
	padding:0;
}
.life_list_wrap .list_area > li{
	background:#222222
}
.life_list_wrap .list_area > li + li{
	margin-top:2rem;
}
.life_list_wrap .list_area a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:4rem;
	color:#fff;
}
.life_list_wrap .list_area a > div.thum{
	width:40%;
}
.life_list_wrap .list_area a > div.more{
	width:30%;
	text-align:center;
}
.life_list_wrap .list_area a > div.more span{
	width:180px;
	padding:1.2rem 2rem;
	border-radius:30px;
	font-size:1.6rem;
	background:#fcc814;
	position:relative;
	display:inline-block;
	text-align:left;
	color:#000;
}
.life_list_wrap .list_area a > div.more span i{
	position:absolute;
	width:4rem;
	border-bottom:1px solid #000;
	right:2rem;
	top:50%;
	margin-top:2px;
}
.life_list_wrap .list_area a > div.more span i::after{
	content:"";
	position:absolute;
	width:1.2rem;
	border-bottom:1px solid #000;
	transform:rotate(45deg);
	right:-3px;
	bottom:3px;
}
.life_list_wrap .list_area a:hover > div.more span{
	background:rgba(255,255,255,1);
	color:#000
}
.life_list_wrap .list_area a:hover > div.more span i,
.life_list_wrap .list_area a:hover > div.more span i::after{
	border-bottom:1px solid #000
}


.life_list_wrap .list_area a > dl{
	padding:0px 6rem;	
	padding-right:0;
	width:60%;
}
.life_list_wrap .list_area a > dl > dt{
	font-size:2.4rem;
	font-weight:500;
	margin-bottom:1.5rem;
}
.life_list_wrap .list_area a > dl > dd:nth-of-type(1){
	font-size:1.6rem;
	color:#aaa;
}
.life_list_wrap .list_area a > dl > dd:nth-of-type(2){
	font-weight:300;
	font-size:1.6rem;
	margin-top:3rem;
}

@media(max-width:1199.98px){
	.life_list_wrap .list_area a > div.thum{
		width:45%;
	}
	.life_list_wrap .list_area a > div.more{
		width:15%;
		text-align:center;
	}
	.life_list_wrap .list_area a > div.more span{
		width:120px;
		text-align:center;
	}
	.life_list_wrap .list_area a > div.more span i{
		display:none;
	}
}
@media(max-width:991.98px){
	.life_list_wrap .list_area a{
		flex-wrap:wrap;
		text-align:center;
		padding:2.5rem;
	}
	.life_list_wrap .list_area a > div.thum{
		width:100%;
		margin-bottom:3rem;
	}
	.life_list_wrap .list_area a > div.more{
		width:100%;
		text-align:center;
	}
	.life_list_wrap .list_area a > dl {
		padding: 0px 0rem;
		margin-bottom:3rem;
		width:100%;
	}
	.life_list_wrap .list_area a > div.more span{
		width:150px;
		text-align:left;
	}
	.life_list_wrap .list_area a > div.more span i{
		display:block;
	}
	.life_list_wrap .list_area a > dl > dt{
		font-size:2.2rem;
	}
}



.life_view_wrap{}
.life_view_wrap .video_box{
	width:100%;
	padding-top:56.25%;
	position:relative;
}
.life_view_wrap .video_box > iframe,
.life_view_wrap .video_box > video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}




.story_list_wrap .list_area{
	list-style:none;
	padding:0;
}
.story_list_wrap .list_area li{
	margin-bottom:30px;
}
.story_list_wrap .list_area a{
	display:block;
	background:#222;
	color:#fff;
}
.story_list_wrap .list_area a > .thum{
	position:relative;
	padding-top:60%;
}
.story_list_wrap .list_area a > .thum .cate{
	position:absolute;
	lefT:0;
	top:0;
	width:6rem;
	height:6rem;
	line-height:6rem;
	color:#fff;
	text-align:center;
	font-size:1.5rem;
	
}
.story_list_wrap .list_area a > .thum .cate.r{background:#fc2a08}
.story_list_wrap .list_area a > .thum .cate.y{background:#fcc814}
.story_list_wrap .list_area a > .thum .cate.b{background:#522dfc}
.story_list_wrap .list_area a > dl{
	padding:3rem;
}
.story_list_wrap .list_area a > dl dt{
	font-size:2.2rem;
	font-weight:500;
	line-height:1.4;
	margin-bottom:2rem;
	height:6rem;
}
.story_list_wrap .list_area a > dl dd{
	color:#aaa;
	font-size:1.5rem;
	font-weight:300;
}

@media(max-width:767.98px){
	.story_list_wrap .list_area a > dl dt{
		font-size:2rem;
	}
}




.list_view_btn{
	width:170px;
	padding:1.2rem 2rem;
	border-radius:30px;
	font-size:1.8rem;
	background:#fcc814;
	position:relative;
	display:inline-block;
	text-align:left;
	color:#000;
}
.list_view_btn i{
	position:absolute;
	width:4rem;
	border-bottom:1px solid #000;
	right:2rem;
	top:50%;
	margin-top:2px;
}
.list_view_btn i::after{
	content:"";
	position:absolute;
	width:1.2rem;
	border-bottom:1px solid #000;
	transform:rotate(45deg);
	right:-3px;
	bottom:3px;
}
.list_view_btn:hover{
	background:#000;
	color:#fff;
}
.list_view_btn:hover i,
.list_view_btn:hover i::after{
	border-bottom:1px solid #fff
}

.video_box{
	position:relative;
	padding-top:56.25%;
}
.video_box > iframe{
	position:absolute;
	lefT:0;
	top:0;
	width:100%;
	height:100%;
}


.make_completion{
	background:url(../_img/sub/text_bg.png) no-repeat center center ;
	margin-top:3rem;
}
.make_completion > a{
	display:inline-block;
	padding:20px;
	text-align:center;
}