#interview_view {
	padding-bottom:100px;
}
@media screen and (max-width: 768px) { 
	#interview_view {
		padding-bottom:64px;
	}
}

/* 인터뷰 상세 비주얼 */
#interview_view .visual {
	display:flex;
	align-items:flex-end;
	justify-content:center;
	overflow:hidden;
	position:relative;
	max-width:1920px;
	height:800px;
	margin:0 auto;
}
#interview_view .visual .img {
	position:absolute; 
	top:0; 
	left:0;
	width:100%;
	height:inherit;
	background:url('../images/interview_view/ourstory_visual.jpg') no-repeat center/cover;
}
#interview_view .visual .text {
	padding-bottom:135px;
	text-align:center;
}
#interview_view .visual .text h2 {
	padding-bottom:13px;
	color:#fff;
	font-size:46px;
	font-weight:800;
}
#interview_view .visual .text p {
	color:#fff;
	font-size:24px;
}
#interview_view .visual .scroll {
	position:absolute;
	bottom:50px;
	left:50%;
	width:24px;
	height:24px;
	margin-left:-12px;
	background:url('../images/interview_view/interview_visual_arrow.png') no-repeat center/cover;
	cursor:pointer;
}
@media screen and (max-width: 1024px) { 
	#interview_view .visual {
		height:650px;
	}
	#interview_view .visual .text h2 {
		font-size:36px;
	}
	#interview_view .visual .text p {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) { 
	#interview_view .visual {
		height:640px;
	}
	#interview_view .visual .img {
		left:0;
		width:100%;
		margin:0;
	}
	#interview_view .visual .text {
		padding-bottom:86px;
	}
	#interview_view .visual .text h2 {
		padding-bottom:5px;
		font-size:26px;
	}
	#interview_view .visual .text p {
		font-size:18px;
	}
	#interview_view .visual .scroll {
		bottom:32px;
	}
}

/* 인터뷰 상세 상단 인트로 텍스트 */
#interview_view .intro {
	/*padding:80px 0;*/
	padding:60px 0;
	background:#fbf8f1;
}
#interview_view .intro h3 {
	padding-bottom:35px;
	font-size:30px;
	font-weight:800;
	text-decoration:underline;
}
#interview_view .intro p {
	/*padding-bottom:35px;*/	
	font-size:16px;
	line-height:28px;
}
#interview_view .intro ul {
	display:flex;
}
#interview_view .intro ul li {
	position:relative;
	margin-left:12px;
	padding-left:12px;
	font-size:16px;
	font-weight:700;
}
#interview_view .intro ul li:first-child {
	margin:0;
	padding:0;
}
#interview_view .intro ul li::after {
	position:absolute;
	top:50%;
	left:0;
	width:1px;
	height:12px;
	margin-top:-6px;
	background:#e6e6e6;
	content:'';
}
#interview_view .intro ul li:first-child::after {
	display:none;
}
#interview_view .intro ul li span {
	padding-right:10px;
	color:#666;
	font-size:inherit;
	font-weight:400;
}
@media screen and (max-width: 1024px) { 
	#interview_view .intro h3 {
		font-size:26px;
	}
	#interview_view .intro p {
		font-size:15px;
		line-height:26px;
	}
	#interview_view .intro ul li {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) { 
	#interview_view .intro {
		padding:60px 0;
	}
	#interview_view .intro h3 {
		padding-bottom:28px;
		font-size:22px;
		line-height:30px;
	}
	#interview_view .intro p {
		padding-bottom:30px;
	}
}

/* 인터뷰 상세 컨텐츠 영역 */
#interview_view .detail {
	margin-top:75px;
}

#interview_view .detail > dl.section:nth-of-type(n+4) {
	display:none;
}
#interview_view .detail > dl.section + dl.section {
	margin-top:75px;
}
#interview_view .detail > dl.section > dt {
	position:relative;
	margin-bottom:20px;
	padding-left:22px;
	color:#f86e1a;
	font-size:24px;
	font-weight:800;
	line-height:34px;
}
#interview_view .detail > dl.section > dt::after {
	position:absolute; 
	top:10px; 
	left:0;
	width:12px;
	height:12px;
	border:3px solid #f86e1a;
	border-radius:4px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	content:'';
}
#interview_view .detail > dl.section > dd * {
	font-size:16px;
	line-height:28px;
}
#interview_view .detail > dl.section > dd strong {
	font-weight:700;
}
#interview_view .detail > dl.section > dd > div + div {
	margin-top:25px;
}
#interview_view .detail > dl.section > dd > div p + p {
	margin-top:15px;
}
#interview_view .detail > dl.section > dd > div .full_img {
	padding-top:20px;
	text-align:center;
}
#interview_view .detail > dl.section > dd > div .full_img img {
	max-width:100%;
}
#interview_view .detail > dl.section > dd > div .line_box {
	padding:32px;
	border:1px solid #f86e1a;
	border-radius:8px;
	background:#fffbf9;
}
#interview_view .detail > dl.section > dd > div .img_text {
	display:flex;
	align-items:center;
}
#interview_view .detail > dl.section > dd > div .img_text .img {
	flex:0 0 440px;
}
#interview_view .detail > dl.section > dd > div .img_text .img img {
	max-width:100%;
}
#interview_view .detail > dl.section > dd > div .img_text .text {
	flex:1 1 100%;
	padding-left:40px;
}
#interview_view .detail > .more_btn {
	padding-top:80px;
	text-align:center;
}
#interview_view .detail > .more_btn a {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	width:160px; 
	height:60px;
	border:1px solid #f86e1a;
	border-radius:30px;
	cursor:pointer;
	transition: all .3s ease-in-out;
}
#interview_view .detail > .more_btn a span {
	position:relative;
	padding-right:26px;
	color:#f86e1a;
	font-size:20px;
	font-weight:700;
}
#interview_view .detail > .more_btn a span::after {
	position:absolute;
	top:50%;
	right:6px;
	width:2px;
	height:14px;
	margin-top:-7px;
	background:#f86e1a;
	content:'';
}
#interview_view .detail > .more_btn a span::before {
	position:absolute;
	top:50%;
	right:0;
	width:14px;
	height:2px;
	margin-top:-1px;
	background:#f86e1a;
	content:'';
}
#interview_view .detail > .more_btn a:hover {
	background:#f86e1a;
}
#interview_view .detail > .more_btn a:hover span {
	color:#fff;
}
#interview_view .detail > .more_btn a:hover span::after,
#interview_view .detail > .more_btn a:hover span::before {
	background:#fff;
}
@media screen and (max-width: 1024px) { 
	#interview_view .detail > dl.section > dt {
		font-size:21px;
		line-height:31px;
	}
	#interview_view .detail > dl.section > dd * {
		font-size:15px;
		line-height:26px;
	}
	#interview_view .detail > dl.section > dd > div .img_text {
		align-items:flex-start;
	}
	#interview_view .detail > dl.section > dd > div .img_text .img {
		flex:0 0 350px;
	}
	#interview_view .detail > .more_btn a span {
		font-size:17px;
	}
}
@media screen and (max-width: 768px) { 
	#interview_view .detail {
		margin-top:60px;
	}
	#interview_view .detail > dl.section + dl.section {
		margin-top:40px;
	}
	#interview_view .detail > dl.section > dt {
		margin-bottom:16px;
		padding-left:16px;
		font-size:18px;
		line-height:26px;
	}
	#interview_view .detail > dl.section > dt::after {
		top:7px;
		width:10px; 
		height:10px;
		border-width:2px;
	}
	#interview_view .detail > dl.section > dd > div + div {
		margin-top:23px;
	}
	#interview_view .detail > dl.section > dd > div p + p {
		margin-top:13px;
	}
	#interview_view .detail > dl.section > dd > div .full_img {
		padding-top:5px;
	}
	#interview_view .detail > dl.section > dd > div .img_text {
		display:block;
	}
	#interview_view .detail > dl.section > dd > div .img_text .text {
		padding:13px 0 0;
	}
	#interview_view .detail > .more_btn {
		padding-top:35px;
	}
	#interview_view .detail > .more_btn a {
		width:125px; 
		height:48px;
		border-radius:24px;
	}
	#interview_view .detail > .more_btn a span {
		font-size:14px;
	}
}

/* 인터뷰 상세 관련 게시물 */
#interview_view .related {
	margin-top:80px;
	padding-top:80px;
	border-top:1px solid #e6e6e6;
}
#interview_view .related h3.title {
	padding-bottom:38px;
	font-size:24px;
	font-weight:900;
}
#interview_view .related .list {
	margin-left:-30px;
	font-size:0;
}
#interview_view .related .list > li {
	display:inline-block;
	width:33.33%;
	padding-left:30px;
	margin-bottom:50px;
	vertical-align:top;
}
#interview_view .related .list > li > a {
	display:block;
}
#interview_view .related .list > li > a .img {
	overflow:hidden;
	border:2px solid #fff;
}
#interview_view .related .list > li > a .img img {
	width:100%;
	transition:all .3s ease;
}
#interview_view .related .list > li > a:hover .img {
	border-color:#f86e1a;
}
#interview_view .list > li > a:hover .img img {
	-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
#interview_view .related .list > li > a .info {
	padding-top:18px;
}
#interview_view .related .list > li > a .info .cate {
	color:#f86e1a;
	font-size:16px;
}
#interview_view .related .list > li > a .info .subject {
	overflow: hidden;
	margin-top:12px;
	font-size:20px;
	font-weight:700;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#interview_view .related .list > li > a .info .name {
	margin-top:8px;
	color:#808080;
	font-size:16px;
}
@media screen and (max-width: 1024px) { 
	#interview_view .related {
		margin-top:60px;
		padding-top:60px;
	}
	#interview_view .related h3.title {
		font-size:21px;
	}
	#interview_view .related .list > li {
		width:50%;
	}
}
@media screen and (max-width: 768px) { 
	#interview_view .related {
		margin-top:60px;
		padding-top:30px;
	}
	#interview_view .related h3.title {
		padding-bottom:22px;
		font-size:18px;
	}
	#interview_view .related .list {
		margin-left:0;
	}
	#interview_view .related .list > li {
		width:100%;
		padding-left:0;
		margin-bottom:45px;
	}
}