/*인터뷰 리스트*/
#pc_int{

main.interview-list-page {
  background: linear-gradient(#fff, #DEECFF);;
  line-height: 1.4;
  /*padding-top: 101px;*/
  padding-top: 147px;
}
section.interview-list {
  padding: 90px 0;
  .interview-list-header {
    position: relative;
    .interview-list-title {
      .interview-hero-sub {
        font-size: 20px;
        display: block;
      }
      h2 {
        font-weight: 700;
        font-size: 42px;
        color: #222;
        letter-spacing: -0.01em;
      }
    }
    .interview-list-filter {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 100;
    }
  }
  .interview-list-content {
    margin-top: 40px;
    .interview-card-grid {
      font-size: 0;
      margin: 0 -10px;
    }
    .interview-card {
      width: 33.3%;
      padding: 10px;
      display: inline-block;
    }
    .interview-card-link {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 350px;
      padding: 30px;
      background: #fff;
      box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.04);
      /* 몽키 어쩌구 쉐도우 참고*/
      /* box-shadow: 0 .375rem .75rem rgba(140, 152, 164, .075); */
      border-radius: 10px;
      box-sizing: border-box;
    }
    
    .interview-card-head {
      .interview-card-course {
        color: #3F80EA;
        font-weight: 600;
        font-size: 20px;
        letter-spacing: -0.01em;
      }
      .interview-card-excerpt {
        padding: 14px 0;
        p {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #292929;
          font-size: 20px;
          font-weight: 400;
          letter-spacing: -0.01em;;
          line-height: 1.5em;
          height: 4.5em;
        }
      }
    }
    .interview-card-profile {
      display: inline-flex;
      align-items: center;
      .interview-card-avatar {
        img {
          width: 70px;
        }
      }
      .interview-card-meta {
        margin-left: 16px;
        .interview-card-name {
          color: #292929;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: -0.01em;
        }
        .interview-card-date {
          font-size: 18px;
          font-weight: 400;
          color: #999;
          letter-spacing: -0.01em;
        }
      }
    }
    .interview-card-arrow {
      position: absolute;
      right: 30px;
      bottom: 30px;
      background-color: transparent;
       background-image: url("/home/images/more.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 20px auto;
      display: block;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      cursor: pointer;
      opacity: 0.7;
      
      &:hover {
        opacity: 0.5;
      }
    }
  }
}
}


/*인터뷰 상세페이지*/
#pc_int_detail{
main.interview-detail-page {
	padding-top: 147px;
	background-color: #fff;
}
section.interview-hero {
	background-color: #DDEAFF;
	position: relative;
	height: 260px;
	box-sizing: border-box;
	.interview-hero-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url("/home/images/interview/hero-banner.jpg");
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: left top -2px;
	}
	.interview-hero-wrap {
		position: relative;
		padding: 88px 0;
		.interview-hero-title {
			position: relative;
			z-index: 50;
			.sub-text {
				font-size: 22px;
				display: block;
				color: #222;
				font-weight: 400;
				letter-spacing: -0.01em;
			}
			h2 {
				margin-top: 4px;
				font-weight: 700;
				font-size: 42px;
				color: #222;
				line-height: 1.4;
				letter-spacing: -0.01em;
			}
		}
		.interview-profile-card {
			position: absolute;
			right: 0;
			top: 100%;
			transform: translateY(-50%);
			display: inline-flex;
			align-items: center;
			background: #fff;
			box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.08);
			box-sizing: border-box;
			padding: 24px 40px;
			border-radius: 10px;
			.profile-card-avatar {
				img {width: 90px;}
			}
			.profile-card-info {
				margin-left: 30px;
				.profile-card-name {
					font-size: 22px;
					font-weight: 500;
					color: #222;
					letter-spacing: -0.01em;
				}
				.profile-card-meta {
					margin-top: 16px;
					.profile-card-row {
						display: flex;
						flex-direction: row;
						align-items: center;
						& + .profile-card-row {
							margin-top: 10px;
						}
						.card-term {
							color: #333;
							font-weight: 500;
							font-size: 18px;
							letter-spacing: -0.01em;
						}
						.card-divider {
							width: 1px;
							height: 14px;
							background-color: #666;
							margin: 0 10px;
						}
						.card-desc {
							color: #333;
							font-weight: 500;
							font-size: 18px;
							letter-spacing: -0.01em;
							
							&.blue {
								color: #3F80EA;
								font-weight: 600;
							}
						}
					}
				}
			}
			
		}
	}
}

section.interview-detail {
	padding: 110px 0;
	.interview-qa {
		.interview-qa-item {
			& + li {
				margin-top: 70px;
			}
			.interview-question {
				font-weight: 600;
				border-bottom: 1px solid #ddd;
				padding-bottom: 10px;
				font-size: 0;
				.interview-question-badge {
					color: #3F80EA;
					font-size: 24px;
					display: inline-block;
					width: 30px;
				}
				.interview-question-text {
					color: #222;
					font-size: 22px;
					letter-spacing: -0.01em;
				}
			}
			.interview-answer {
				margin-top: 10px;
				display: flex;
				padding: 0 29px;
				p {
					font-size: 20px;
					font-weight: 400;
					color: #272727;
					opacity: 0.8;
					line-height: 1.7;
					letter-spacing: -0.01em;
				}
			}
		}
	}
}
}