@charset "UTF-8";

/* 피플 */
#menu355_obj1291,
#menu8078_obj1291 {position: relative; z-index: 1; overflow: visible !important;}
.wrap-people {position: relative; right: -100px; opacity: 0;}
.wrap-people .title {position: relative; top: 0; font-family: 'Play Regular'; font-size: 60px; line-height: .92; text-align: right; color: #727272;}
.wrap-people .title strong {display: inline-block; font-family: 'Play Bold'; font-size: 60px; color: #fcaf17;}
.wrap-people .list {position: relative; display: flex; flex-direction: row-reverse; margin-top: 38px; padding-left: 30px;}
.wrap-people .list .con {position: relative; max-width: calc(100% - 57.35%); /*background: #ffa900;*/ background:#c18516; padding: 0 40px 0 40px; font-family: 'Dream Regular'; font-size: 23px; color: #fff;}
.wrap-people .list .con a {display: block; padding-top: 40px; color: #fff;}
.wrap-people .list .con p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.wrap-people .list .con span {position: relative; background: linear-gradient(to bottom, transparent 96%, rgba(255,255,255,0.64) 0) left center no-repeat; background-size: 0; transition: .4s;}
.wrap-people .list .con a:hover span{background-size: 100% auto;}
.wrap-people .list .slick-slider,
.wrap-people .list .slick-list,
.wrap-people .list .slick-track,
.wrap-people .list .slick-slide {height: 100%;}
.wrap-people .list .slick-slide {display: flex; align-items: start;}
.wrap-people .list .paging {position: absolute; left: 40px; bottom: 40px; z-index: 1; font-size: 0;}
.wrap-people .list .paging .slick-dots {display: inline-block !important; vertical-align: middle;}
.wrap-people .list .paging .slick-dots button {display: inline-block; width: 14px; height: 14px; background: rgba(255,255,255,.5); border-radius: 100px; vertical-align: middle; text-indent: -99999px; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);}
.wrap-people .list .paging li {display: inline-block; margin-left: 10px; vertical-align: middle;}
.wrap-people .list .paging .slick-active button {width: 40px; background: rgba(255,255,255,1);}
.wrap-people .stop,
.wrap-people .play {display: none; width: 9px; height: 11px; margin-right: 5px; text-indent: -99999px;}
.wrap-people .stop.on,
.wrap-people .play.on {display: inline-block; vertical-align: middle;}
.wrap-people .stop {background: url('../images/ic-bannerzone-stop.png') no-repeat center bottom;}
.wrap-people .play {background: url('../images/ic-bannerzone-play.png') no-repeat center bottom;}
.wrap-people .thumb {width: 100%; max-width: 57.35%;}
/* .wrap-people .thumb::after {content: ''; position: absolute; left: 0; top: 59%; width: 26px; height: 30px; background: url('../images/arr-research.png') no-repeat center;} */
.wrap-people .thumb .slick-slide {display: block;}
.wrap-people .thumb .slick-slide li {position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: start; text-align: center; height: 0; padding-bottom: 56%;}
/* .wrap-people .thumb .slick-slide li::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #d1d1d1; border-left: 0;} */
.wrap-people .thumb .slick-slide li img {width: 100%; max-width: none;}

@media all and (max-width: 1820px) {
  #multipleContentsDiv_inu_518 {padding: 0 20px;}
}

@media all and (max-width: 1670px) {
  #multipleDiv_inu_518 {padding: 85px 0 0 0;}
  .wrap-people .list {margin-top: 28px;}
  .wrap-people .list .con {max-width: 50%; padding: 0 70px 0 50px; font-size: 21px;}
  .wrap-people .list .paging {left: 40px;}
  .wrap-people .thumb {top: -50px; max-width: 50%;}
  /* .wrap-people .thumb::after {top: 50%;} */
}

@media all and (max-width: 1475px) {
  .wrap-people .list .slick-slide {align-items: start;}
  .wrap-people .list .con a {padding-top: 0;}
  .wrap-people .list .con {padding: 20px 20px 0 30px;}
  /* .wrap-people .list .con {height: 400px;} */
}

@media all and (max-width: 1200px) {
  #multipleDiv_inu_518 {padding: 59px 0 0 0;}
  .wrap-people .title {font-size: 60px;}
  .wrap-people .title strong {font-size: 70px;}
  .wrap-people .list .con {font-size: 16px;}
}

@media all and (max-width: 1024px) {
  .wrap-people .title {margin-top: 30px;}
  .wrap-people .list {padding-left: 0;}
  .wrap-people .list .con {max-width: 50%; font-size: 19px;}
  .wrap-people .thumb {right: 0; max-width: 50%}
}

@media all and (max-width: 768px) {
  #multipleDiv_inu_518 {padding: 51px 0 0 0;}
  .wrap-people .title {font-size: 40px;}
  .wrap-people .title strong {font-size: 50px;}
}

@media all and (max-width: 660px) {
  .wrap-people .list {margin-top: 13px; flex-wrap: wrap;}
  .wrap-people .list .con {top: -1px; max-width: 100%; height: 120px; padding: 0 20px; font-size: 14px;}
  .wrap-people .list .con p { -webkit-line-clamp: 2;}
  .wrap-people .list .con .slick-slide {align-items: start; padding-top: 20px;}
  .wrap-people .list .paging {left: 25px; bottom: 25px;}
  .wrap-people .thumb {position: static; max-width: 100%}
  .wrap-people .thumb .slick-slide li a {width: 100%;}
  /* .wrap-people .thumb::after {display: none;} */
}

.wrap-people .list .con a {outline: none; width:100%}
.wrap-people .list .con a:focus-visible::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000;}
.wrap-people .list .con a {position: relative;}

.wrap-people .list .thumb a {outline: none; width:100%}
.wrap-people .list .thumb a:focus-visible::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000;}
.wrap-people .list .thumb a {position: relative;}