html {
  font-size: 36px;
  scroll-behavior: smooth;
}
.nt {
  font-family: 'Noto Sans KR', sans-serif;
}
.spoqa {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
.inter {
  font-family: 'Inter', sans-serif;
}
.cg {
  font-family: 'Century Gothic', sans-serif;
}
.of {
  font-family: 'Outfit', sans-serif;
}
#contents.renewal22 section.talent-sec {
  padding-top: 0rem;
  margin-top: 2.25rem;
}
#contents.renewal22 section.talent-sec article.jobs .greetings {
  height: 22rem;
  text-align: center;
  position: relative;
}
#contents.renewal22 section.talent-sec article .cont-wrap .list-wrap {
  padding-top: 2.77777778rem;
  padding-right: 0rem;
  padding-bottom: 2.77777778rem;
  padding-left: 0rem;
  box-sizing: border-box;
  text-align: center;
}
#contents.renewal22 section.talent-sec article .cont-wrap .list-wrap .list-inner {
  text-align: left;
  width: 38.88888889rem;
  display: inline-block;
  vertical-align: middle;
}
#contents.renewal22 section.talent-sec article .cont-wrap .list-wrap .list-inner .t-txt {
  font-size: 0.55555556rem;
  line-height: 0.80555556rem;
  font-weight: 700;
  color: #8966E7;
  margin-bottom: 0.55555556rem;
  display: inline-block;
}
#contents.renewal22 section.talent-sec article .cont-wrap .list-wrap .list-inner .tit {
  font-size: 1rem;
  line-height: 1.55555556rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 0.55555556rem;
}
#contents.renewal22 section.talent-sec article .cont-wrap .list-wrap .list-inner .txt {
  margin-top: 55px;
  font-size: 0.55555556rem;
  line-height: 0.94444444rem;
  color: #111;
}
#contents.renewal22 section.talent-sec article .cont-wrap .list-wrap .list-inner .txt sup {
  font-size: 14px;
  vertical-align: super;
}
.ico_vlog {position: absolute; right:30px; top:30px; display:flex; justify-content:center; align-items:center; width:84px; height:40px; background-color:#8966E7; font-size:18px; font-weight:700; line-height:26px; color:#FFF; border-radius: 20px;}

#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap1{padding-bottom: 40px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2{background: #F9F6FF;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia{display: flex; justify-content: space-between;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia li{width: 33.333%; padding-top: 320px; text-align: center;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia li:nth-child(1){background: url('../../images/renewal2022/talent/jobs-dia1.png') center top no-repeat;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia li:nth-child(2){background: url('../../images/renewal2022/talent/jobs-dia2.png') center top no-repeat;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia li:nth-child(3){background: url('../../images/renewal2022/talent/jobs-dia3.png') center top no-repeat;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia li strong{display: block; font-weight: 700; font-size: 30px; line-height: 44px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap2 .dia li p{margin-top: 20px; font-size: 20px; line-height: 34px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3{position: relative; padding-bottom: 0;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3::after{position:absolute; left:0; bottom:0; width: 100%; height: 400px; background: #8966E7; content: ""; z-index: -1;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap{display: flex;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap .title-wrap{width: 455px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap .bul{margin-top: 53px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap .bul li{margin-top: 20px; font-size: 20px; line-height: 34px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap .bul li:first-child{margin-top: 0;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap .bul li{position: relative; padding-left: 20px;}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .top-wrap .bul li::before{position: absolute; top: 16px; left: 0; width: 6px; height: 6px; border-radius: 100%; background: #000; content: "";}
#contents.renewal22 section.talent-sec article.jobs .cont-wrap .list-wrap3 .img{width: 1200px; margin: 100px  auto 120px;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2{padding-top: 0;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li{display: flex; justify-content: space-between; margin-top: 40px;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li:first-child{margin-top: 0;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .tit{display: block; width: 330px; height: 336px; padding-top: 208px; font-weight: 700; font-size: 30px; line-height: 34px; color: #fff; text-align: center; box-sizing: border-box;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .tit sup{vertical-align: super; font-size: 18px;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li:nth-child(1) .tit{background: url('../../images/renewal2022/talent/working1.jpg') center top no-repeat;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li:nth-child(2) .tit{background: url('../../images/renewal2022/talent/working2.jpg') center top no-repeat;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li:nth-child(3) .tit{background: url('../../images/renewal2022/talent/working3.jpg') center top no-repeat;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li:nth-child(4) .tit{background: url('../../images/renewal2022/talent/working4.jpg') center top no-repeat;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .info{width: 1050px; height: 336px; padding: 40px 60px; background: #F6F3FF; box-sizing: border-box;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .info .sub-tit{display: block; font-weight: 700; font-size: 24px; line-height: 36px; color: #7556C8;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .info .list{margin-top: 25px;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .info .list li{margin-top: 10px; font-weight: 500; font-size: 16px; color: #333333;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .info .list li:first-child{margin-top: 0;}
#contents.renewal22 section.talent-sec article.program .cont-wrap .list-wrap2 .working > li .info .list li .num{display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 6px; border-radius: 100%; background: #8966E7; font-size: 16px; line-height: 1; color: #fff;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap .items{display: flex; flex-wrap: wrap; margin-top: 55px;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap .items li{display: flex; align-items: center; width: 685px; height: 200px; padding-left: 240px; margin-top: 60px; margin-right: 30px; font-size: 20px; line-height: 34px; color: #111111; box-sizing: border-box;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap .items li:nth-child(-n+2){margin-top: 0;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap .items li:nth-child(2n+0){margin-right: 0;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap1 .items li:nth-child(1){background: url('../../images/renewal2022/talent/benefit1-1.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap1 .items li:nth-child(2){background: url('../../images/renewal2022/talent/benefit1-2.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap1 .items li:nth-child(3){background: url('../../images/renewal2022/talent/benefit1-3.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap1 .items li:nth-child(4){background: url('../../images/renewal2022/talent/benefit1-4.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap1 .items li:nth-child(5){background: url('../../images/renewal2022/talent/benefit1-5.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap2{background: #F9F7FF;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap2 .items li:nth-child(1){background: url('../../images/renewal2022/talent/benefit2-1.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap2 .items li:nth-child(2){background: url('../../images/renewal2022/talent/benefit2-2.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap2 .items li:nth-child(3){background: url('../../images/renewal2022/talent/benefit2-3.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap2 .items li:nth-child(4){background: url('../../images/renewal2022/talent/benefit2-4.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap2 .items li:nth-child(5){background: url('../../images/renewal2022/talent/benefit2-5.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap3 .items li:nth-child(1){background: url('../../images/renewal2022/talent/benefit3-1.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap3 .items li:nth-child(2){background: url('../../images/renewal2022/talent/benefit3-2.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap3 .items li:nth-child(3){background: url('../../images/renewal2022/talent/benefit3-3.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap3 .items li:nth-child(4){background: url('../../images/renewal2022/talent/benefit3-4.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.benefit .cont-wrap .list-wrap3 .items li:nth-child(5){background: url('../../images/renewal2022/talent/benefit3-5.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2{background: #F2EFFA;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .title{display: block; font-weight: 700; font-size: 30px; line-height: 34px; color: #111; text-align: center;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia{position:relative; height: 465px; margin-top: 70px; background: url('../../images/renewal2022/talent/core.png') center top no-repeat; text-align: center;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia .dia-tit{display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 36px; transform:translateX(-50%); width: 260px; height: 260px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia .dia-tit strong{display: block; font-weight: 700; font-size: 30px; line-height: 34px; color: #fff;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia .dia-tit span{display: block; margin-top: 5px; font-weight: 700; font-size: 16px; line-height: 34px; color: #fff;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li{width: 350px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li strong{display: block; font-weight: 700; font-size: 24px; line-height: 30px; color: #8966E7;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li strong i{font-style: normal; font-size: 15px; vertical-align: top; line-height: 20px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li span{display: block; margin: 3px 0 20px; font-weight: 700; font-size: 16px; line-height: 30px; color: #111;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li span i{font-style: normal; font-size: 11px; vertical-align: top; line-height: 25px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li p{font-size: 20px; line-height: 34px; color: #333333;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li:nth-child(1){position: absolute; right: 50%; top: -10px; margin-right: 300px; text-align: right;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li:nth-child(2){position: absolute; left: 50%; top: -10px; margin-left: 300px; text-align: left;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li:nth-child(3){position: absolute; right: 50%; top: 315px; margin-right: 300px; text-align: right;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap2 .dia li:nth-child(4){position: absolute; left: 50%; top: 315px; margin-left: 300px; text-align: left;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition{margin-top: 60px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li{display: flex; align-items: center; height: 180px; padding-left: 220px; margin-top: 60px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li:first-child{margin-top: 0;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li strong{display: block; font-weight: 700; font-size: 20px; line-height: 34px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li p{margin-top: 20px; font-size: 20px; line-height: 34px;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li:nth-child(1){background: url('../../images/renewal2022/talent/proposition1.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li:nth-child(2){background: url('../../images/renewal2022/talent/proposition2.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li:nth-child(3){background: url('../../images/renewal2022/talent/proposition3.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li:nth-child(4){background: url('../../images/renewal2022/talent/proposition4.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.ability .cont-wrap .list-wrap3 .proposition li:nth-child(5){background: url('../../images/renewal2022/talent/proposition5.png') left center no-repeat;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table{width: 100%; border-top: 2px solid #111;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr td{padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 20px; line-height: 34px; text-align: center;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr td .ctg{display: inline-flex; align-items: center; justify-content: center; width: 134px; height: 58px; border-radius: 30px; background: #aaa; font-size: 20px; color: #fff;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr td .ctg.on{background: #8966E7;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr td.sbj{padding-left: 10px; text-align: left; font-size: 20px; color: #000;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr td.sbj a{display: block; color: #000;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr td.date{font-size: 20px; color: #666;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list table tr:hover td{background: #f6f4fc;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-list .paginate{margin-top: 60px;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .head{display: flex; align-items: center; padding: 20px 0; border-top: 2px solid #111; border-bottom: 1px solid #ddd}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .head .ctg{display: inline-flex; align-items: center; justify-content: center; width: 134px; height: 58px; margin: 0 30px; border-radius: 30px; background: #aaa; font-size: 20px; color: #fff;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .head .ctg.on{background: #8966E7;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .head .title{margin-left: 10px; font-size: 20px; color: #000;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .head .date{margin-left: auto; font-size: 20px; color: #666;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .content{padding: 80px 30px 100px; text-align: center; font-size: 16px; line-height: 30px; text-align: left;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .board-link{border-top: 1px solid #ddd;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .board-link li{display: flex; border-bottom: 1px solid #ddd; font-size:20px; line-height: 98px;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .board-link li strong{display: block; width: 165px; padding-left: 30px; color: #666; box-sizing: border-box;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .board-link li a{color: #000;}
#contents.renewal22 section.talent-sec article.board .cont-wrap .list-wrap .board-view .btn_board{background-color: #8966E7; padding-top: 0px; margin-top: 60px; line-height: 60px;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2{background: #F2EFFA;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list{display: flex; flex-wrap: wrap;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li{width: 440px; height: 656px; padding-top: 262px; margin-top: 60px; margin-right: 40px; background: #fff; text-align: center;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(-n+3){margin-top: 0;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(3n+0){margin-right: 0;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(1){background: url('../../images/renewal2022/talent/duty1.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(2){background: url('../../images/renewal2022/talent/duty2.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(3){background: url('../../images/renewal2022/talent/duty3.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(4){background: url('../../images/renewal2022/talent/duty4.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(5){background: url('../../images/renewal2022/talent/duty5.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(6){background: url('../../images/renewal2022/talent/duty6.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(7){background: url('../../images/renewal2022/talent/duty7.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(8){background: url('../../images/renewal2022/talent/duty8.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li:nth-child(9){background: url('../../images/renewal2022/talent/duty9.png') center 60px no-repeat #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > strong{display: block; font-weight: 700; font-size: 30px; line-height: 44px; color: #111; text-align: center;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list{display: inline-block; width: auto; margin: 20px auto 0;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list li{position: relative; padding-left: 20px; margin-top: 7px;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list li::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 100%; background: #000; content: "";}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list li:first-child{margin-top: 0;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list li a{display: inline-block; padding-right: 14px; font-size: 20px; line-height: 30px; color: #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list li:hover a{font-weight: 700; color: #8966E7; background: url('../../images/renewal2022/talent/ico_arw_right.png') right center no-repeat;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap2 .duty-list > li > .list li:hover::before{background-color: #8966E7;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view{display: flex; justify-content: space-between;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu{width: 300px; border-top: 2px solid #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu h3{display: block; padding-top: 20px; font-weight: 700; font-size: 30px; line-height: 44px; color: #111; text-align: center;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu .list{margin: 60px 0 50px;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu .list li a{display: block; padding: 10px 20px; font-size: 20px; line-height: 34px; color: #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu .list li.on{margin-bottom: 10px;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu .list li.on a{padding: 20px; background: #8966E7; color: #fff;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu .btn-list{display: inline-block; position: relative; padding-left: 17px; background: url('../../images/renewal2022/talent/ico_arw_left.png') left center no-repeat; font-size: 16px; line-height: 24px; color: #8966E7;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .menu .btn-list::after{position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #8966E7; content: "";}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .cont{width: 1020px; padding-bottom: 60px; border-top: 2px solid #111; border-bottom: 1px solid #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .cont h4{display: block; padding: 20px 0 60px; font-weight: 700; font-size: 30px; line-height: 44px; text-align: center; color: #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .cont h5{display: block; font-weight: 700; font-size: 24px; line-height: 36px; color: #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .cont p{display: block; font-size: 20px; line-height: 34px; color: #111;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .cont h5 + p{margin-top: 20px;}
#contents.renewal22 section.talent-sec article.duty .cont-wrap .list-wrap .duty-view .cont p + h5{margin-top: 60px;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li{position: relative; margin-top: 60px;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li:nth-child(-n+2){margin-top: 0;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a{display: block;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .img{transition: all 0.5s ease;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .img::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); mix-blend-mode: multiply; transform: rotate(-180deg); content: "";}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .info{position: absolute; left: 30px; bottom: 30px; width: calc(100% - 60px); height: 88px; overflow: hidden;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .info > div{position: absolute; left: 0; bottom: -44px; width: 100%; transition: all 0.5s ease;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .info strong{display: inline-block; position: relative; padding-right: 45px; font-weight: 700; font-size: 30px; line-height: 44px; color: #fff; transition: all 0.5s ease;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .info strong::after{position: absolute; right: 0; top: 50%; transform: translateY(0); width: 30px; height: 30px; background-image: url('../../images/renewal2022/talent/ico_arw_circle.png'); content: ""; opacity: 0; transition: all 0.5s ease;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a .info p{margin-top: 10px; font-size: 20px; line-height: 34px; color: #fff;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a:hover .img{box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.15);}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a:hover .info > div{bottom: 0;}
#contents.renewal22 section.talent-sec article.people .cont-wrap .list-wrap .interview li a:hover .info strong::after{opacity: 1; transform: translateY(-50%);}