#people-wrap {} #people-wrap .inner {width: 1440px; margin:0 auto; position: relative; padding: 0 32px;} #people-wrap .visual_cont {width: 100%; height: calc(100vh - 80px); position: relative; } #people-wrap .visual_cont .visual_bg {position: fixed;top: 0; left: 0; width: 100%; height: 100vh; background: url("../../image/new/people_0_1.png") no-repeat center center;} #people-wrap .visual_cont .visual_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #people-wrap .visual_cont .visual_animation {color: #FFF; font-size: 100px; line-height: 130px; letter-spacing: -3px; font-weight: 400; text-align: center; opacity: 0;transform: translate3d(0,20%,0);} #people-wrap .visual_cont .visual_animation.active { -webkit-animation: fade_up2 2s forwards; animation: fade_up2 2s forwards; } #people-wrap .visual_cont .visual_animation > label {display: inline-block;font-weight: 700;} #people-wrap .team_cont {width: 100%; background: #FFF; position: relative; z-index: 1; height: 938px; } #people-wrap .team_cont .inner {padding: 140px 32px 162px;} #people-wrap .team_cont .team_title {margin: 0 0 96px;} #people-wrap .team_cont .team_title > dl {margin: 0 0 0;} #people-wrap .team_cont .team_title > dl dt {color: #222; letter-spacing: -0.5px; line-height: 64px; font-weight: 700; font-size: 50px; margin: 0 0 20px;} #people-wrap .team_cont .team_title > dl dt > br.mb {display: none;} #people-wrap .team_cont .team_title > dl dd {margin: 0 0 0; letter-spacing: -0.27px; color: #424242; font-size: 18px;font-weight: 600; line-height: 28px;} #people-wrap .team_cont .team_card {} #people-wrap .team_cont .team_list {height: 200px; display: flex; align-items: center; gap: 16px; align-self: stretch; border-top: 1px solid #DEDFE0; border-bottom: 1px solid #DEDFE0;} #people-wrap .team_cont .team_list:first-child {border-bottom: 0;} #people-wrap .team_cont .team_list.team_list_mb {display: none;} #people-wrap .team_cont .team_list .team_row {width: 448px; height: 200px; padding: 32px 24px; position: relative; display: flex; flex-direction: column;justify-content: space-between;align-items: flex-start;} #people-wrap .team_cont .team_list .team_row::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -8px; width: 1px; height: 172px; background: #DEDFE0;} #people-wrap .team_cont .team_list .team_row:last-child::after {content: none;} #people-wrap .team_cont .team_list .team_row > dl {margin: 0 0 0; width: 100%; height: 100%; display: flex; flex-direction: column;justify-content: space-between;align-items: flex-start;} #people-wrap .team_cont .team_list .team_row > dl dt {line-height: 42px; letter-spacing: -0.196px; font-weight: 700; font-size: 28px; color: #222;} #people-wrap .team_cont .team_list .team_row > dl dd {margin: 0 0 0; letter-spacing: -0.08px; font-size: 16px; color: #595F65; font-weight: 500;} #people-wrap .team_cont .team_list .team_row > dl dd > br.mb {display: none;} #people-wrap .message_cont { position: relative; height: calc(100vh * 6); z-index: 1; background: #FFF;} #people-wrap .message_cont .inner {width: 100%; height: 100vh; display: inline-block; background: url("../../image/new/people_1_1.png") no-repeat center center; position: sticky; top: 0;left: 0;} #people-wrap .message_cont .inner::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.6; left: 0;} #people-wrap .message_cont .message_group {width: 540px; height: 198px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #people-wrap .message_cont .message_txt {text-align: center; position: absolute;} #people-wrap .message_cont .message_txt > div {display: block; height: 66px; line-height: 66px;width: max-content; margin: 0 auto; } #people-wrap .message_cont .message_txt > div.message_txt_mb {display: none;} #people-wrap .message_cont .message_txt > div > label {display: inline-block; margin: 0 8px 0 0; font-size: 50px; font-weight: 700; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.3); transition: color 0.5s;} #people-wrap .message_cont .message_txt > div > label.active {color: #FFF;} #people-wrap .message_cont .message_txt > div > label:last-child {margin: 0 0 0;} #people-wrap .shine_cont {width: 100%; height: calc(100vh * 7); position: relative; z-index: 1; background: #FFF;} #people-wrap .shine_cont .shine_group {width: 100%; height: 100vh; position: sticky; top: 0; left: 0; overflow: hidden;} #people-wrap .shine_cont .shine_title {width: 1440px; margin:0 auto; position: relative; padding: 7% 32px 4%; letter-spacing: -0.5px; line-height: 65px; font-size: 50px; color: #222; font-weight: 700;} #people-wrap .shine_cont .shine_list {width: 1440px; margin:0 auto; padding: 0 32px;} #people-wrap .shine_cont .shine_animation {width: max-content; display: flex; justify-content: center; align-items: center; gap: 80px; transform: translateX(0); transition: transform 0.5s;} #people-wrap .shine_cont .shine_animation.active1 {transform: translateX(0);} #people-wrap .shine_cont .shine_animation.active2 {transform: translateX(-560px);} #people-wrap .shine_cont .shine_animation.active3 {transform: translateX(-1156px);} #people-wrap .shine_cont .shine_row {height: 468px; display: flex;flex-direction: column;align-items: flex-start;gap: 48px;align-self: stretch; position: relative;} #people-wrap .shine_cont .shine_row:first-child {margin: 0 0 0 580px;} #people-wrap .shine_cont .shine_row.shine_row1.active {} #people-wrap .shine_cont .shine_row.shine_row1 .shine_row_img {background-image: url("../../image/new/people_2_1.png");} #people-wrap .shine_cont .shine_row.shine_row2 .shine_row_img {background-image: url("../../image/new/people_2_2.png");} #people-wrap .shine_cont .shine_row.shine_row3 .shine_row_img {background-image: url("../../image/new/people_2_3_n.png");} #people-wrap .shine_cont .shine_row.active .shine_row_tit > label {color: #098956;} #people-wrap .shine_cont .shine_row.active .shine_row_tit > dl dt { color: #222;} #people-wrap .shine_cont .shine_row.active .shine_row_tit > dl dd { color: #595F65; opacity: 1;} #people-wrap .shine_cont .shine_row.active .shine_row_img {opacity: 1;} #people-wrap .shine_cont .shine_row_tit {display: flex; align-items: flex-start;} #people-wrap .shine_cont .shine_row_tit > label {width: 64px; display: block; letter-spacing: -0.168px; line-height: 36px; font-weight: 700; font-size: 24px; color: #DEDFE0;} #people-wrap .shine_cont .shine_row_tit > dl {margin: 0 0 0; display: flex;padding-top: 8px;flex-direction: column;align-items: flex-start;gap: 8px;} #people-wrap .shine_cont .shine_row_tit > dl dt {margin: 0 0 0; letter-spacing: -0.28px; line-height: 56px; font-weight: 700; font-size: 40px; color: #DEDFE0;} #people-wrap .shine_cont .shine_row_tit > dl dd {opacity: 0; transition: opacity 0.5s; margin: 0 0 0; line-height: 28px; font-weight: 400; font-size: 18px;} #people-wrap .shine_cont .shine_row_img {opacity: 0; transition: opacity 0.5s; width: 796px;height: 320px; position: absolute; left: 0; bottom: 0; background-image: url("../../image/new/people_2_1.png"); background-repeat: no-repeat; background-position: center; transition: background-image 0.2s ease-in-out;} #people-wrap .shine_cont .shine_row_img > img {display: none;} #people-wrap .interview_cont {width: 100%; background: #FFF; position: relative; z-index: 1; height: 1098px;} #people-wrap .interview_cont .interview_group {padding: 140px 0 0;} #people-wrap .interview_cont .interview_title {width: 1440px; margin:0 auto 64px; position: relative; padding: 0 32px; letter-spacing: -0.5px; line-height: 65px; font-size: 50px; color: #222; font-weight: 700;} #people-wrap .interview_cont .interview_arrow {width: 1440px; margin:0 auto 48px; height: 48px; padding: 0 32px; display: flex;justify-content: flex-end;align-items: flex-start;gap: 24px;} #people-wrap .interview_cont .interview_arrow .interview_btn {width: 48px; height: 48px; cursor: pointer;} #people-wrap .interview_cont .interview_arrow .interview_btn.interview_arrow_prev {background: url("../../image/new/i_arrow_prev.svg") no-repeat center;} #people-wrap .interview_cont .interview_arrow .interview_btn.interview_arrow_next {background: url("../../image/new/i_arrow_next.svg") no-repeat center;} #people-wrap .interview_cont .interview_arrow .interview_btn.swiper-button-disabled {opacity: 0.4; cursor: default;} #people-wrap .interview_cont .swiper-wrapper {margin: 0 0 0 230px;} #people-wrap .interview_cont .interview_list {} #people-wrap .interview_cont .interview_list .swiper-slide {width: 332px; height: 420px; overflow: hidden;} #people-wrap .interview_cont .interview_list .swiper-slide.swiper-slide-active {width: 912px} #people-wrap .interview_cont .interview_list .swiper-slide.swiper-slide-active .interview_row_cont {opacity: 1; height: 100%; display: flex; padding: 40px; flex-direction: column; justify-content: space-between;} #people-wrap .interview_cont .interview_row {width: 100%; height: 420px; padding: 0 0 0 332px; display: flex; justify-content: flex-end; align-items: center; border: 1px solid #DEDFE0; cursor: pointer;} #people-wrap .interview_cont .interview_row .interview_row_img {width: 332px; height: 420px; position: absolute;overflow: hidden;top: 0;left: 0; z-index: 1;} #people-wrap .interview_cont .interview_row .interview_row_img > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #people-wrap .interview_cont .interview_row .interview_row_cont {opacity: 0; width: 578px;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl {margin: 0 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl dt { color: #222; font-size: 18px; font-weight: 400; line-height: 28px;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl dt > label {font-weight: 700; letter-spacing: -0.18px;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl dd {margin: 0 0 0; font-size: 36px; color: #424242; font-weight: 600; letter-spacing: -0.252px; line-height: 50px;} #people-wrap .interview_cont .interview_row .interview_row_cont > label {display: block; width: max-content; letter-spacing: -0.08px; color: #7A7D7F; font-weight: 400; cursor: pointer; font-size: 16px; height: 26px; line-height: 30px; padding: 0 24px 0 0; background: url("../../image/new/people_4_1.svg") no-repeat top 50% right 0px;} #people-wrap .interview_popup {position: fixed; top:0; left: 0; width: 100%; height: 100%; display: none; z-index: 10;} #people-wrap .interview_popup.active {display: block;} #people-wrap .interview_popup .ip_bg {position: absolute; top: 0; left: 0; opacity: 0.6; background: #000; width: 100%; height: 100%;} #people-wrap .interview_popup .ip_cont {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex;width: 1000px;height: 712px; flex-direction: column;align-items: flex-start;gap: 8px; background: #FFF; box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.10);} #people-wrap .interview_popup .ip_cont_head {display: flex;height: 64px;padding: 0 20px;justify-content: flex-end;align-items: center;align-self: stretch; position: relative;} #people-wrap .interview_popup .ip_cont_close {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; cursor: pointer; background: url("../../image/new/i_close.svg") no-repeat center;} #people-wrap .interview_popup .ip_cont_body {width: 100%; height: calc(100% - 72px); display: flex;padding: 0 0 0 40px;align-items: flex-start;gap: 40px;align-self: stretch;} #people-wrap .interview_popup .ip_cont_img {width: 400px; height: 480px; background: #D6DEE5; position: relative;} #people-wrap .interview_popup .ip_cont_img > img {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} #people-wrap .interview_popup .ip_cont_img > dl {position: absolute; top: 32px; left: 32px; display: inline-flex;flex-direction: column;align-items: flex-start;gap: 2px; margin: 0 0 0;} #people-wrap .interview_popup .ip_cont_img > dl dt {color: #222; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -0.18px;} #people-wrap .interview_popup .ip_cont_img > dl dd {color: #222; font-size: 28px; font-weight: 700; line-height: 42px; letter-spacing: -0.196px; margin: 0 0 0;} #people-wrap .interview_popup .ip_cont_text {display: flex;width: 520px;height: 640px;padding: 8px 0;flex-direction: column;gap: 64px; overflow: auto;} #people-wrap .interview_popup .ip_cont_text::-webkit-scrollbar { width: 8px;} #people-wrap .interview_popup .ip_cont_text::-webkit-scrollbar-track { background-color: transparent; } #people-wrap .interview_popup .ip_cont_text::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;} #people-wrap .interview_popup .ip_cont_text::-webkit-scrollbar-button { width: 0; height: 0; } #people-wrap .interview_popup .ip_cont_tit {width: 440px; color: #222; font-size: 32px; font-weight: 700; line-height: 42px; letter-spacing: -0.2px;} #people-wrap .interview_popup .ip_cont_list {width: 440px; display: flex;flex-direction: column;align-items: flex-start;gap: 40px;align-self: stretch; padding: 0 0 40px;} #people-wrap .interview_popup .ip_cont_list > li {} #people-wrap .interview_popup .ip_cont_list .ip_cont_row {display: flex;flex-direction: column;align-items: flex-end;gap: 11px;align-self: stretch; margin: 0 0 0;} #people-wrap .interview_popup .ip_cont_list .ip_cont_row dt {display: flex;align-items: center;gap: 4px;align-self: stretch;} #people-wrap .interview_popup .ip_cont_list .ip_cont_row dt > img {} #people-wrap .interview_popup .ip_cont_list .ip_cont_row dt > span {letter-spacing: -0.18px; line-height: 28px; font-weight: 700; font-size: 18px; color: #222;} #people-wrap .interview_popup .ip_cont_list .ip_cont_row dd {margin: 0 0 0;display: flex;padding-left: 28px;align-items: center;align-self: stretch; color: #595F65; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.14px;} #people-wrap .hire_cont {height: 1216px; width: 100%; position: relative; z-index: 1; background: #FFF; padding: 140px 0 0;} #people-wrap .hire_cont .inner {display: flex; flex-direction: column; align-items: flex-end;} #people-wrap .hire_cont .hire_title {width: 100%; margin: 0 0 48px;} #people-wrap .hire_cont .hire_title > dl {margin: 0 0 0;} #people-wrap .hire_cont .hire_title > dl dt {letter-spacing: -0.5px; line-height: 65px; font-weight: 700; font-size: 50px; color: #222;} #people-wrap .hire_cont .hire_title > dl dd {margin: 48px 0 0; color: #424242; letter-spacing: -0.27px; line-height: 28px; font-weight: 600; font-size: 18px;} #people-wrap .hire_cont .hire_list {width: 680px; display: flex;flex-direction: column;align-items: flex-start;} #people-wrap .hire_cont .hire_row {} #people-wrap .hire_cont .hire_row.active {} #people-wrap .hire_cont .hire_row.active .hire_row_q { background: url('../../image/new/i_q_on.svg') no-repeat center;} #people-wrap .hire_cont .hire_row.active .hire_row_t {color: #222;} #people-wrap .hire_cont .hire_row.active .hire_row_b { background: url('../../image/new/i_list_x.svg') no-repeat center;} #people-wrap .hire_cont .hire_row.active > dl dd {height: auto;} #people-wrap .hire_cont .hire_row > dl {border-bottom: 1px solid #DEDFE0; margin: 0 0 0;} #people-wrap .hire_cont .hire_row > dl dt {display: flex;width: 100%;padding: 24px 4px;align-items: center;gap: 24px; cursor: pointer;} #people-wrap .hire_cont .hire_row > dl dd {height: 0; transition: height 0.8s; overflow: hidden; margin: 0 0 0; line-height: 26px; font-size: 16px; font-weight: 400; letter-spacing: -0.08px; word-break: keep-all; padding: 0 64px 0 88px; color: #222;} #people-wrap .hire_cont .hire_row .hire_row_q {display: block; width: 56px; height: 56px; background: url('../../image/new/i_q_off.svg') no-repeat center;} #people-wrap .hire_cont .hire_row .hire_row_t {width: calc(100% - 140px); color: #7A7D7F; font-size: 20px; font-weight: 500; letter-spacing: -0.1px;} #people-wrap .hire_cont .hire_row .hire_row_b {display: block; width: 36px; height: 36px; cursor: pointer; background: url('../../image/new/i_list_p.svg') no-repeat center;} #people-wrap .work_cont {height: 1068px; width: 100%; position: relative; z-index: 1; background: #FFF; padding: 140px 0 0;} #people-wrap .work_cont .work_title {color: #222; letter-spacing: -0.5px; line-height: 64px; font-weight: 700; font-size: 50px; margin: 0 0 80px;} #people-wrap .work_cont .work_title > br.mb {display: none;} #people-wrap .work_cont .work_group {width: 100%; height: 546px;} #people-wrap .work_cont .work_row {height: 182px; display: flex;align-items: center;gap: 16px;align-self: stretch; border-bottom: 1px solid #DEDFE0;} #people-wrap .work_cont .work_row:first-child {border-top: 1px solid #DEDFE0;} #people-wrap .work_cont .work_row.work_row_mb {display: none;} #people-wrap .work_cont .work_row > li {width: 448px; height: 182px; position: relative; display: flex; padding: 50px 16px 50px 32px; align-items: center; gap: 40px;} #people-wrap .work_cont .work_row > li::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -8px; width: 1px; height: 150px; background: #DEDFE0;} #people-wrap .work_cont .work_row > li:last-child::after {content: none;} #people-wrap .work_cont .work_row > li > .work_img {width: 76px; height: 76px;} #people-wrap .work_cont .work_row > li > dl {width: calc(100% - 116px); margin: 0 0 0; display: flex; flex-direction: column;align-items: flex-start;gap: 8px;} #people-wrap .work_cont .work_row > li > dl dt {color: #222; font-size: 20px; letter-spacing: -0.1px; font-weight: 700; line-height: 30px;} #people-wrap .work_cont .work_row > li > dl dd {margin: 0 0 0; color: #595F65; font-size: 14px; letter-spacing: -0.14px; line-height: 22px; font-weight: 400;} #people-wrap .work_cont .work_notice {width: 100%; margin: 48px 0 0;} #people-wrap .work_cont .work_notice > li {color: #7A7D7F; line-height: 22px; font-weight: 400; font-size: 14px;} /* ***** TABLET ***** */ @media screen and (max-width:1440px) { #people-wrap .inner {width: 100%;} #people-wrap .shine_cont .shine_title {width: 100%;} #people-wrap .shine_cont .shine_list {width: 100%;} #people-wrap .interview_cont .interview_title {width: 100%;} #people-wrap .interview_cont .interview_arrow {width: 100%;} } @media screen and (max-width:1000px) { #people-wrap .inner {padding: 0 20px;} #people-wrap .visual_cont {} #people-wrap .visual_cont .visual_bg {background-size: cover; background-position: left; position: relative; height: 100%;} #people-wrap .visual_cont .visual_animation {width: max-content; line-height: 84px; font-size: 64px; letter-spacing: -0.64px;} #people-wrap .team_cont {height: auto;} #people-wrap .team_cont .inner {padding: 64px 20px;} #people-wrap .team_cont .team_title {margin: 0 0 40px;} #people-wrap .team_cont .team_title > dl dt {letter-spacing: -0.196px; line-height: 42px; font-size: 28px; margin: 0 0 8px;} #people-wrap .team_cont .team_title > dl dt > br.mb {display: inline-block;} #people-wrap .team_cont .team_title > dl dd {letter-spacing: -0.14px; line-height: 22px; font-size: 14px;} #people-wrap .team_cont .team_list {height: 176px;} #people-wrap .team_cont .team_list:nth-child(1) .team_row:nth-child(2)::after {content: none;} #people-wrap .team_cont .team_list:nth-child(1) .team_row:nth-child(3) {display: none;} #people-wrap .team_cont .team_list:nth-child(3) {border-top: 0px;} #people-wrap .team_cont .team_list:nth-child(3) .team_row:nth-child(1) {display: none;} #people-wrap .team_cont .team_list:nth-child(3) .team_row:nth-child(2) {padding: 14px 8px 16px 0;} #people-wrap .team_cont .team_list:nth-child(3) .team_row:nth-child(3) {padding: 14px 0 16px 8px;} #people-wrap .team_cont .team_list.team_list_mb {display: flex;} #people-wrap .team_cont .team_list .team_row {width: 50%; height: 100%;} #people-wrap .team_cont .team_list .team_row::after {content: ''; height: 156px; } #people-wrap .team_cont .team_list .team_row:nth-child(1) {padding: 14px 8px 16px 0;} #people-wrap .team_cont .team_list .team_row:nth-child(2) {padding: 14px 0 16px 8px;} #people-wrap .team_cont .team_list .team_row > dl dt {letter-spacing: -0.18px; line-height: 27px; font-size: 18px;} #people-wrap .team_cont .team_list .team_row > dl dd {letter-spacing: -0.14px; line-height: 22px; font-size: 14px; font-weight: 400;} #people-wrap .team_cont .team_list .team_row > dl dd > br.mb {display: inline-block;} #people-wrap .message_cont {height: 480px;} #people-wrap .message_cont .inner {height: 100%; position: relative; background-size: cover;} #people-wrap .message_cont .message_group {width: 306px; height: 168px;} #people-wrap .message_cont .message_txt > div {height: 42px; line-height: 42px; } #people-wrap .message_cont .message_txt > div:nth-child(3) > label:nth-child(4) {display: none;} #people-wrap .message_cont .message_txt > div.message_txt_mb {display: block;} #people-wrap .message_cont .message_txt > div > label {color: #FFF; font-size: 28px; letter-spacing: -0.196px; line-height: 42px; margin: 0 2px 0 0;} #people-wrap .shine_cont {height: auto; padding: 0 0 64px;} #people-wrap .shine_cont .shine_group {height: auto;} #people-wrap .shine_cont .shine_title {padding: 64px 20px 64px; letter-spacing: -0.196px; line-height: 42px; font-size: 28px;} #people-wrap .shine_cont .shine_list {padding: 0 20px;} #people-wrap .shine_cont .shine_animation {transform: none; width: 100%; display: block;} #people-wrap .shine_cont .shine_animation.active1 {transform: none;} #people-wrap .shine_cont .shine_animation.active2 {transform: none;} #people-wrap .shine_cont .shine_animation.active3 {transform: none;} #people-wrap .shine_cont .shine_row {width: 100%; height: auto; display: block; margin: 64px 0 0;} #people-wrap .shine_cont .shine_row:first-child {margin: 0 0 0;} #people-wrap .shine_cont .shine_row_tit {display: block; margin: 0 0 20px;} #people-wrap .shine_cont .shine_row_tit > label {width: 100%; font-size: 12px; line-height: 18px;} #people-wrap .shine_cont .shine_row_tit > dl {padding: 4px 0 0; gap: 4px;} #people-wrap .shine_cont .shine_row_tit > dl dt {letter-spacing: -0.168px; line-height: 36px;font-size: 24px; } #people-wrap .shine_cont .shine_row_tit > dl dd {transition:none; letter-spacing: -0.14px; line-height: 22px; font-size: 14px;} #people-wrap .shine_cont .shine_row_img {background: #FFF; width: 100%; height: auto; position: relative; bottom: initial; left: initial; transition: none;} #people-wrap .shine_cont .shine_row_img > img {display: block; width: 100%;} #people-wrap .interview_cont {height: auto;} #people-wrap .interview_cont .interview_group {padding: 64px 0 64px;} #people-wrap .interview_cont .interview_title {margin: 0 0 40px; padding: 0 20px; letter-spacing: -0.196px; line-height: 42px; font-size: 28px;} #people-wrap .interview_cont .interview_arrow {display: none;} #people-wrap .interview_cont .swiper-wrapper {width: max-content; margin: 0 0 0; transform: none; gap: 12px; padding: 0 20px;} #people-wrap .interview_cont .interview_list .swiper-slide {width: 320px; height: 512px;} #people-wrap .interview_cont .interview_row {padding: 0 0 0; height: 512px; display: block;} #people-wrap .interview_cont .interview_row .interview_row_img {width: 100%; height: 320px; background: #d7dfe5; position: relative; top: initial; left: initial;} #people-wrap .interview_cont .interview_row .interview_row_img > img {top: initial; transform: translateX(-50%); height: 100%;} #people-wrap .interview_cont .interview_row .interview_row_cont {width: 100%; height: calc(100% - 320px); opacity: 1; padding: 20px 20px; position: relative;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl {gap: 12px;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl dt {letter-spacing: -0.14px; line-height: 22px; font-size: 14px;} #people-wrap .interview_cont .interview_row .interview_row_cont > dl dd {letter-spacing: -0.1px; line-height: 30px; font-size: 20px; font-weight: 500;} #people-wrap .interview_cont .interview_row .interview_row_cont > label {height: 18px; line-height: 20px; font-size: 12px; font-weight: 500; padding: 0 22px 0 0; background-size: 18px; position: absolute; bottom: 20px; left: 20px;} #people-wrap .interview_cont .interview_swiper {overflow: auto;} #people-wrap .interview_cont .interview_swiper::-webkit-scrollbar {display: none;} #people-wrap .interview_popup {} #people-wrap .interview_popup .ip_cont {width: 100%; height: 100%;gap: 0px;} #people-wrap .interview_popup .ip_cont_head {height: 56px;} #people-wrap .interview_popup .ip_cont_body {height: calc(100% - 56px); padding: 0 0 0; display: block; overflow: auto;} #people-wrap .interview_popup .ip_cont_body::-webkit-scrollbar {display: none;} #people-wrap .interview_popup .ip_cont_img {width: 100%; height: 450px;} #people-wrap .interview_popup .ip_cont_text {width: 100%; height: max-content; overflow: hidden; padding: 32px 20px; gap: 48px;} #people-wrap .interview_popup .ip_cont_tit {font-size: 24px; line-height: 36px; letter-spacing: -0.168px;} #people-wrap .interview_popup .ip_cont_list {width: 100%;} #people-wrap .hire_cont {padding: 64px 0; height: auto;} #people-wrap .hire_cont .hire_title {margin: 0 0 56px;} #people-wrap .hire_cont .hire_title > dl dt {letter-spacing: -0.196px; line-height: 42px; font-size: 28px;} #people-wrap .hire_cont .hire_title > dl dd {margin: 16px 0 0; letter-spacing: -0.14px; line-height: 22px; font-size: 14px; color: #424242;} #people-wrap .hire_cont .hire_list {width: 100%;} #people-wrap .hire_cont .hire_row > dl dt {padding: 20px 0; gap: 8px;} #people-wrap .hire_cont .hire_row > dl dd {padding: 0 20px 0 36px;} #people-wrap .hire_cont .hire_row.active .hire_row_q {background-size: contain;} #people-wrap .hire_cont .hire_row.active .hire_row_b {background-size: contain;} #people-wrap .hire_cont .hire_row .hire_row_q {width: 28px; height: 28px; background-size: contain;} #people-wrap .hire_cont .hire_row .hire_row_t {width: calc(100% - 68px); letter-spacing: -0.08px;font-weight: 500; line-height: 32px; height: 28px; font-size: 16px; } #people-wrap .hire_cont .hire_row .hire_row_b {width: 24px; height: 24px; background-size: contain;} #people-wrap .work_cont {height: auto; padding: 64px 0;} #people-wrap .work_cont .work_title {margin: 0 0 40px; letter-spacing: -0.196px; line-height: 42px; font-size: 28px;} #people-wrap .work_cont .work_title > br.mb {display: inline-block;} #people-wrap .work_cont .work_group {height: auto;} #people-wrap .work_cont .work_row {height: 132px;} #people-wrap .work_cont .work_row.work_row_mb {display: flex;} #people-wrap .work_cont .work_row:nth-child(1) > li:nth-child(2)::after {content: none;} #people-wrap .work_cont .work_row:nth-child(4) > li:nth-child(2)::after {content: none;} #people-wrap .work_cont .work_row:nth-child(3) > li:nth-child(2) {padding: 28px 0 28px 4px;} #people-wrap .work_cont .work_row:nth-child(3) > li:nth-child(3) {padding: 28px 0 28px 12px;} #people-wrap .work_cont .work_row:nth-child(5) > li:nth-child(1)::after {content: ''; right: 0;} #people-wrap .work_cont .work_row > li {width: 50%; height: 100%; gap: 20px; padding: 24px 0;} #people-wrap .work_cont .work_row > li:nth-child(1) {padding: 28px 0 28px 4px;} #people-wrap .work_cont .work_row > li:nth-child(2) {padding: 28px 0 28px 12px;} #people-wrap .work_cont .work_row > li::after {content: ''; height: 112px; } #people-wrap .work_cont .work_row > li.work_li_pc {display: none;} #people-wrap .work_cont .work_row > li > .work_img {width: 64px; height: 64px;} #people-wrap .work_cont .work_row > li > .work_img img {width: 100%;} #people-wrap .work_cont .work_row > li > dl {gap: 4px; width: calc(100% - 104px);} #people-wrap .work_cont .work_row > li > dl dt {font-size: 18px; line-height: 27px; letter-spacing: -0.18px;} #people-wrap .work_cont .work_row > li > dl dd {font-size: 14px; line-height: 22px; letter-spacing: -0.14px;} #people-wrap .work_cont .work_row > li > dl dd br {display: none;} #people-wrap .work_cont .work_notice {margin: 16px 0 16px;} #people-wrap .work_cont .work_notice > li {font-size: 12px; line-height: 18px; color: #989B9E;} } /* ***** MOBILE ***** */ @media screen and (max-width:720px) { .mb_none {display: none;} #people-wrap .visual_cont {height: calc(100vh - 56px);} #people-wrap .visual_cont .visual_animation {font-size: 40px; line-height: 56px; letter-spacing: -0.28px;} #people-wrap .team_cont .team_title > dl dt {font-size: 24px; line-height: 36px;} #people-wrap .team_cont .team_list .team_row > dl dd {word-break: keep-all;} #people-wrap .team_cont .team_list .team_row > dl dd > br.mb {display: none;} #people-wrap .message_cont .message_group {width: 264px; height: 144px;} #people-wrap .message_cont .message_txt > div {height: 36px; line-height: 36px; } #people-wrap .message_cont .message_txt > div > label {font-size: 24px; letter-spacing: -0.168px; line-height: 36px;} #people-wrap .shine_cont .shine_title {font-size: 24px; line-height: 36px;} #people-wrap .interview_cont .interview_title {font-size: 24px; line-height: 36px;} #people-wrap .interview_cont .interview_list .swiper-slide {width: 280px;} #people-wrap .hire_cont .hire_row .hire_row_t {height: auto; line-height: 26px; padding: 4px 0 0;} #people-wrap .hire_cont .hire_title > dl dt {font-size: 24px; line-height: 36px;} #people-wrap .hire_cont .hire_title > dl dd {word-break: keep-all;} #people-wrap .work_cont .work_title {font-size: 24px; line-height: 36px;} #people-wrap .work_cont .work_row {height: auto; flex-direction: column;align-items: center;align-self: stretch; border: 0px;gap: 0px;} #people-wrap .work_cont .work_row.work_row_mb {gap: 0px;} #people-wrap .work_cont .work_row:nth-child(1) > li:nth-child(1) {border-top: 1px solid #DEDFE0;} #people-wrap .work_cont .work_row:nth-child(3) > li:nth-child(2) {padding: 24px 0 24px 4px;} #people-wrap .work_cont .work_row:nth-child(3) > li:nth-child(3) {padding: 24px 0 24px 4px;} #people-wrap .work_cont .work_row:nth-child(5) > li:nth-child(1)::after {content: none;} #people-wrap .work_cont .work_row > li {width: 100%; min-height: 124px; height: auto; padding: 24px 0 24px 4px; border-bottom: 1px solid #DEDFE0;} #people-wrap .work_cont .work_row > li:nth-child(1) {padding: 24px 0 24px 4px;} #people-wrap .work_cont .work_row > li:nth-child(2) {padding: 24px 0 24px 4px;} #people-wrap .work_cont .work_row > li::after {content: none;} #people-wrap .work_cont .work_row > li > dl dd {word-break: keep-all;} } @keyframes fade_up2 { 0% { opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } }