@charset "utf-8";

/*layout*/
html {font-size:20px;background-color:#fff;color:#000;}
body {overflow-x:hidden;font-size:20px;letter-spacing:-0.03em;font-weight:400;}
main {position:relative;}

/*layout*/
#wrap {position:relative;height:auto;margin:0 auto;padding-top:5.5rem;}
.innerWrap {position:relative;width:888px;margin:0 auto;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}
.ani, .pt {position:absolute;background-repeat:no-repeat;background-position:0 0;}
.eng {font-family:"acumin-pro";}

.mVer {display:none;}

header {position:fixed;top:0;left:0;width:100%;height:5.5rem;padding:1.5rem 0;z-index:1000;background-color:#fff;}
header .logo,
header .brandLogo {display:block;width:196px;height:2.5rem;background:url("../images/brandLogo.svg") no-repeat left center / 196px auto;z-index:998;}

header .innerWrap {width:66rem;}
header nav {position:absolute;top:0;right:0;}
header nav ul {display:flex;}
header nav ul li {height:2.5rem;font-size:1rem;color:#555;line-height:2.5rem;text-align:center;font-family:"acumin-pro";font-weight:700;letter-spacing:0;}
header nav ul li p,
header nav ul li span {display:block;line-height:20px;}
header nav ul li+li {margin-left:3.5rem;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-flow:row wrap;}
header nav ul li a:hover {color:#0059FF;}
header.fixed {height:80px;background-color:#000;}
header .link_apply {display:flex;width:8.1rem;height:2.1rem;font-size:0.9rem;color:#fff;font-weight:700;background-color:#0059FF;border-radius:1.1rem;justify-content:center;align-items:center;}

footer {padding:2rem 0 2.5rem;background-color:#F8F8F9;}
footer .innerWrap {width:60rem;display:flex;justify-content:space-between;color:#aeb3bb;font-size:0.7rem;line-height:1.1rem;letter-spacing:0;}
footer .innerWrap > div {flex:1;}
footer dl dt {width:100%;height:3.75rem;border-bottom:solid 1px #E4E5E8;}
footer .leftSide dl dt .email {font-weight:500;}
footer .leftSide dl dt .link {display:inline-block;margin-top:3px;font-weight:700;text-decoration:underline;}
footer .leftSide dl dd {padding-top:1.5rem;}
footer .leftSide dl dd .link-group {display:flex;height:1.1rem;}
footer .leftSide dl dd .link-group li [class^="link"] {display:block;width:1.1rem;height:1.1rem;background-repeat:no-repeat;background-position:center center;background-size:auto 1.1rem;}
footer .leftSide dl dd .link-group li .link_instagram {background-image:url("../images/footer_link_03.svg");}
footer .leftSide dl dd .link-group li .link_facebook {background-image:url("../images/footer_link_02.svg");}
footer .leftSide dl dd .link-group li .link_linkedin {background-image:url("../images/footer_link_01.svg");}
footer .leftSide dl dd .link-group li+li {margin-left:1rem;}
footer .rightSide {text-align:right;font-size:0.7rem;}
footer .rightSide dl dd {padding-top:1.8rem;}
footer .eng {letter-spacing:0;}

#wrap section {position:relative;margin:0 auto;}
#wrap main {position:relative;overflow:hidden;}

h2.title {margin-bottom:60px;font-size:50px;line-height:66px;font-weight:700;color:#06C755;text-align:center;}
h2.title p {position:relative;margin-top:19px;padding-top:14px;font-size:16px;line-height:40px;font-weight:400;}
h2.title p:before {content:"";position:absolute;top:0;left:calc(50% - 50px);width:100px;height:6px;background-color:#06C755;}

.bulList li {position:relative;padding:7px 0 8px 25px;font-size:18px;line-height:24px;color:#333;}
.bulList li:before {content:"";position:absolute;top:15px;left:0;width:9px;height:9px;background-color:#06C755;}

.motion {position:absolute;background-repeat:no-repeat;background-position:0 0;}
.m_color {color:#06C755;} 

.videoBg {position:absolute;;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;}
.videoBg .cover {position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.2%, #000000 195.58%);}
.videoBg video {position:absolute;top:0;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1000;overflow:hidden;transform:translate(-50%,0);}

.headingWrap {position:relative;width:100%;height:calc(100vh - 5.5rem);}
.headingWrap .head_title {position:absolute;top:50%;left:50%;width:83rem;height:20.6rem;transform:translate(-50%,-50%);background:url("../images/heading_mark.svg") no-repeat center center / auto 20.6rem;z-index:100;} /*3.25*/
.headingWrap .head_title > dl {position:absolute;top:58%;transform:translateY(-50%);color:#fff;font-weight:700;}
.headingWrap .head_title .leftText {left:calc(50% - 800px);}
.headingWrap .head_title .rightText {left:calc(50% + 486px);text-align:right;}
.headingWrap .head_title dl dt {font-size:5.25rem;line-height:6.3rem;text-shadow: 6px 6px 20px rgba(0, 0, 0, 0.35);}
/* .headingWrap .head_title dl dd span {display:block;} */
.headingWrap .head_title dl dd {margin-top:0.8rem;font-size:1.3rem;line-height:1.8rem;}
.headingWrap .head_title .leftText dt {font-size:6.3rem;}
.headingWrap .head_title .leftText dd {padding-left:7px;}

.badge {font-family:"acumin-pro";font-size:1.05rem;color:#0059FF;font-weight:700;letter-spacing:0;}
.header-title {position:relative;margin-top:1.6rem;font-size:2.5rem;line-height:3rem;font-weight:700;}

.interviewWrap {padding:11rem 0;}
.interviewWrap .innerWrap {width:59.4rem;}
.interviewWrap .interview__box dl dt {margin-bottom:1.1rem;}
.interviewWrap .interview__box dl dd {font-size:45px;line-height:55px;font-weight:700;}
.interviewWrap .interview__box .movieBox {margin-top:1.6rem;}
.interviewWrap .interview__box+.interview__box {margin-top:11rem;}
.interviewWrap .slideWrap {width:calc(100vw - (100vw - 100%)/2);} /*14.85*/
.interviewWrap .slideWrap .slideOuter ul li {width:34rem;}
.interviewWrap .slideWrap .slideOuter ul li+li {margin-left:1.25rem;}
.interviewWrap .slideWrap .scrollbar,
.interviewWrap .slideWrap .moveButton {width:1385px;}
.interviewWrap .slideWrap .moveButton {position:relative;top:auto;left:auto;margin-top:14px;transform:translate(0);text-align:right;}
.interviewWrap .slideWrap .moveButton .btn {position:relative;width:32px;height:32px;background-image:url("../images/slide_arrow_type01_active.svg");background-size:32px auto;}
.interviewWrap .slideWrap .moveButton .btn.disabled {opacity:1;background-image:url("../images/slide_arrow_type01.svg");}

.peopleWrap {padding:8rem 0;background-color:#F8F8F9;}
.peopleWrap .innerWrap {width:65.8rem;}
.peopleWrap .slideWrap .slideOuter {width:55rem;margin-left:5.4rem;height:30rem;}
.peopleWrap .slideWrap .slideOuter ul li {float:left;width:55rem;}
.peopleWrap .slideWrap .slideOuter ul li .box {display:flex;}
.peopleWrap .slideWrap li .box figure {width:27.5rem;height:30rem;}
.peopleWrap .slideWrap li .box .desc {position:relative;width:calc(100% - 27.5rem);padding-left:3.75rem;}
.peopleWrap .slideWrap li .box .desc .badge {font-family:"acumin-pro";font-size:1.05rem;color:#0059FF;font-weight:700;}
.peopleWrap .slideWrap li .box .desc .title {margin-top:1.6rem;font-size:2.4rem;line-height:3rem;font-weight:700;}
.peopleWrap .slideWrap li .box .desc dl {margin-top:3.5rem;}
.peopleWrap .slideWrap li .box .desc dl dt {font-size:1.2rem;line-height:2rem;font-weight:700;}
.peopleWrap .slideWrap li .box .desc dl dd {margin-top:45px;font-size:1.1rem;line-height:1.85rem;}
.peopleWrap .slideWrap li .box .desc .link {position:absolute;bottom:0;left:3.75rem;padding-right:2.2rem;font-size:1.2rem;line-height:1.6rem;font-weight:700;background:url("../images/link_arrow.svg") no-repeat right 0 / auto 1.6rem;}
.peopleWrap .slideWrap .moveButton {top:14.5rem;}

.benefitsWrap {padding:11rem 0 5.5rem;}
.benefitsWrap .innerWrap {width:60rem;}
.benefitsWrap .scrollWrap {margin-top:3rem;height:20.1rem;overflow:hidden;}
.benefitsWrap .scrollWrap .scrollerOuter:not(:last-child) {margin-bottom:1rem;}
.benefitsWrap .scrollWrap .scrollerOuter > li {position:relative;width:14.9rem;height:20.1rem;margin-right:1rem;background-color:#F9F9F9;border-radius:0.7rem;cursor:pointer;}
.benefitsWrap .scrollWrap .scrollerOuter > li figure {width:14.9rem;height:14.5rem;}
.benefitsWrap .scrollWrap .scrollerOuter > li div {display:flex;height:5.5rem;padding-left:1.25rem;font-size:1.1rem;line-height:1.6rem;font-weight:700;align-items:center;}
.benefitsWrap .text {position:absolute;bottom:0;left:41rem;font-size:1.1rem;line-height:1.5rem;}

.simply-scroll {width:100%;height:20.1rem;overflow:hidden;}
.simply-scroll .simply-scroll-clip {width:100%;height:20.1rem;overflow:hidden;}
/* .benefitsWrap .scrollWrap .scrollOuter > li.type01 dl {left:170px;} */

.jobsWrap {padding:5.5rem 0;}
.jobsWrap .innerWrap {width:62rem;}
.jobsWrap .title {text-align:center;}
.jobsWrap .share_url {position:absolute;bottom:0.5rem;left:calc(50% + 5rem);display:inline-flex;width:3.7rem;height:1.8rem;border-radius:0.5rem;font-size:0.65rem;color:#0059FF;background-color:rgb(23, 114, 248,0.1);align-items:center;justify-content:center;cursor:pointer;}
.jobsHashListArea {margin-top:3.2rem;}
.jobsHashListArea ul.tab {display:flex;flex-flow:row wrap;justify-content:center;}
.jobsHashListArea div[class*="category"] {display:flex;justify-content:center;}
/* .jobsHashListArea div[class*="category"] .tab li {display:flex;align-items:center;} */
.jobsHashListArea .category_main {margin-bottom:2.25rem;}
.jobsHashListArea .category_main .tab li {display:inline-flex;padding:15px 1rem;font-size:1.3rem;font-weight:800;color:#fff;line-height:1.7rem;;background-color:#777;border-radius:1.6rem;cursor:pointer;letter-spacing:0;}
.jobsHashListArea .category_main .tab li+li {margin-left:0.6rem;}
.jobsHashListArea .category_main .tab li.active {background-color:#0059FF;}
.jobsHashListArea .category_sub .tab li {display:inline-flex;height:2.25rem;padding:5px 1rem 0;margin-bottom:0.9rem;font-size:1rem;line-height:1.5rem;font-weight:800;color:#7E7E80;border:solid 1px #7E7E80;border-radius:3rem;cursor:pointer;font-family:"acumin-pro";letter-spacing:0;}
.jobsHashListArea .category_sub .tab li+li {margin-left:0.45rem;}
.jobsHashListArea .category_sub .tab li.active {background-color:#0059FF;border-color:#0059FF;color:#fff}
.jobsHashListArea .hash_list_wrap {display:flex;justify-content:center;margin-top:45px;}
.jobsHashListArea .hash_list {display:flex;width:55rem;flex-flow:row wrap;}
.jobsHashListArea .hash_list li {position:relative;width:13rem;height:17.5rem;padding:1.75rem 1.5rem 0;margin-bottom:1rem;background-color:#f9f9f9;border-radius:0.7rem;color:#565656;font-weight:700;cursor:pointer;}
.jobsHashListArea .hash_list li:not(:nth-of-type(4n)) {margin-right:1rem;}
.jobsHashListArea .hash_list li .belong {font-size:10px;}
.jobsHashListArea .hash_list li .dutyNm {position:absolute;top:1.75rem;left:1.5rem;padding-right:1.5rem;font-size:1.4rem;line-height:1.5rem;font-family:"acumin-pro";}
.jobsHashListArea .hash_list li .dutyNm p {margin-top:4px;font-size:10px;line-height:14px;font-weight:400;}
.jobsHashListArea .hash_list li .tier dt {position:absolute;bottom:5.5rem;left:1.5rem;letter-spacing:0;}
.jobsHashListArea .hash_list li .tier dt span {display:inline-flex;height:1.9rem;margin-top:0.25rem;padding:0 1rem;margin-right:6px;font-size:0.8rem;color:#fff;border-radius:1.1rem;background-color:#777;align-items:center;}
.jobsHashListArea .hash_list li .tier dd {position:absolute;bottom:1.5rem;left:1.5rem;height:2rem;padding-right:1.5rem;font-size:0.8rem;line-height:1rem;font-weight:400;color:#777;}
.jobsHashListArea .hash_list li.active,
.jobsHashListArea .hash_list li:hover {background-color:#E8F1FE;color:#0059FF;}
.jobsHashListArea .hash_list li.active .tier dt span,
.jobsHashListArea .hash_list li:hover .tier dt span {background-color:#0059FF;color:#fff;}
.jobsHashListArea .hash_list li.active .tier dd,
.jobsHashListArea .hash_list li:hover .tier dd {color:#0059FF;}
.jobsHashListArea .link_area {margin-top:2.8rem;text-align:center;}
.jobsHashListArea .link_area .link {display:inline-flex;padding-left:2rem;height:1.5rem;font-size:0.85rem;color:#949494;text-align:center;background:url("../images/icon_notion.svg") no-repeat 0 center / auto 1.25rem;align-items:center;}
.jobsHashListArea .link_area .link span {border-bottom:solid 1px #949494;}

.interviewSlideWrap {background-color:#F8F8F9;}
.interviewSlideWrap .innerWrap {width:65.8rem;}
.interviewSlideWrap .slideWrap .slideOuter {width:55rem;margin-left:5.4rem;}
.interviewSlideWrap .slideWrap .slideOuter ul li {float:left;width:55rem;height:20rem;padding-top:1.75rem;text-align:center;}
.interviewSlideWrap .slideWrap .slideOuter ul li figure {display:flex;justify-content:center;}
.interviewSlideWrap .slideWrap .slideOuter ul li figure img {width:5.7rem;}
.interviewSlideWrap .slideWrap .slideOuter ul li dl {margin-top:1.5rem;}
.interviewSlideWrap .slideWrap .slideOuter ul li dl dt {font-size:1rem;line-height:1.5rem;}
.interviewSlideWrap .slideWrap .slideOuter ul li dl dd {margin-top:1.5rem;font-size:0.85rem;color:#9098a2;}
.interviewSlideWrap .swiper {width:100%;}
.interviewSlideWrap .swiper-slide {width:55rem;height:20rem;text-align:center;display:flex;align-items:center;justify-content:center;}
/* .interviewSlideWrap .swiper-slide .box {display:flex;} */
.interviewSlideWrap .swiper-slide figure {display:flex;justify-content:center;}
.interviewSlideWrap .swiper-slide figure img {width:5.7rem;}
.interviewSlideWrap .swiper-slide dl {margin-top:1.6rem;}
.interviewSlideWrap .swiper-slide dl dt {font-size:1rem;line-height:1.5rem;}
.interviewSlideWrap .swiper-slide dl dd {margin-top:1.5rem;font-size:0.85rem;color:#9098a2;}
.interviewSlideWrap .moveButton {z-index:100;}
/* .interviewSlideWrap .moveButton .btn.left {left:-5.4rem;}
.interviewSlideWrap .moveButton .btn.right {right:-5.4rem;} */

.faqWrap {padding:11rem 0 11rem;}
.faqWrap .innerWrap {width:60rem;}
.faqWrap figure {margin-top:3rem;}
.faqWrap .faqList {margin-top:3.5rem;}
.faqWrap .faqList li+li {margin-top:0.6rem;}
.faqWrap .faqList li dl {color:#515B69;}
.faqWrap .faqList li dl dt {position:relative;padding:1rem 0;font-size:1rem;line-height:1.5rem;border-bottom:solid 1px #D9D9D9;}
.faqWrap .faqList li dl dt:after {content:"";position:absolute;right:1rem;top:calc(50% - 0.4rem);height:0.75rem;width:1.2rem;background:url("../images/faq_arrow.svg") no-repeat 0 0 / auto 0.75rem;}
.faqWrap .faqList li dl dd {display:none;padding:1.75rem;font-size:0.85rem;line-height:1.3rem;background-color:#FBFBFB;}
.faqWrap .faqList li.active dl dt:after {background-image:url("../images/faq_arrow_up.svg");}
.faqWrap .faqList li.active dl dd {display:block;}

.marqueeAni {position:relative;height:3.5rem;background: linear-gradient(90deg, #0059FF 0.01%, #4AE589 88.31%);}
.marqueeText > div {display:flex;height:1.7rem;}
.marqueeText > div span {display:inline-flex;font-size:1rem;line-height:1.7rem;color:#fff;}
.marqueeText > div span+span {margin-left:6.2rem;}
.marqueeAni .marquee_text {position:relative;width:100vw;height:3.5rem;background:url("../images/marquee_text.svg") repeat-x 0 center / auto 1.3rem;}

.sticky,
.stickyPC {position: absolute;bottom: 100%;left: 0;width: 100%;pointer-events:none;z-index:1000;}
.sticky.fixed,
.stickyPC.fixed {position:fixed;bottom:-3.5rem;left: 0;}
.scrollTrigger,
.scrollTriggerPC {position:relative;z-index:100;}

.linkWrap {background-color:#0059FF;}
.linkWrap .innerWrap {display:flex;width:65.5rem;height:20rem;align-items:center;}
.linkWrap .title {width:100%;height:9rem;font-size:3.5rem;line-height:4rem;color:#fff;font-weight:700;background:url("../images/link_arrow_bot.svg") no-repeat right center / auto 9rem;}
.linkWrap .title span {display:block;}

.popupWrap {width:45rem;height:50rem;overflow-x:hidden;background-color:#fff;z-index:2000;}
.popupWrap .btn_popClose {position:absolute;top:20px;right:20px;width:40px;height:40px;z-index:10;}
.popupWrap .btn_popClose:before,
.popupWrap .btn_popClose:after {content: "";position: absolute;top: 50%;left: 50%;width:100%;height: 2px;background-color:#fff;}
.popupWrap .btn_popClose:before {transform: translate(-50%, -50%) rotate(-45deg);}
.popupWrap .btn_popClose:after {transform: translate(-50%, -50%) rotate(45deg);}
.popupWrap .popHeader {display:flex;padding-left:4.3rem;height:250px;background-color:#0059FF;align-items:center;}
.popupWrap .popHeader h3 {font-size:2.2rem;line-height:2.7rem;color:#fff;font-weight:700;}
.popupWrap .popContent {position:relative;padding:3rem 4.1rem;height:33.5rem;overflow-y:auto;}
.popupWrap .popContent .tier {margin-top:1.5rem;padding-bottom:2rem;border-bottom:solid 1px #D9D9D9;}
.popupWrap .popContent .tier span {display:inline-flex;padding:0 1rem;border-radius:2.4rem;align-items:center;font-family:"acumin-pro";}
.popupWrap .popContent .tier dt span {display:inline-flex;height:2.4rem;background-color:#0059FF;font-size:0.9rem;font-weight:700;color:#fff;}
.popupWrap .popContent .tier dt span+span {margin-left:0.5rem;}
.popupWrap .popContent .tier dd {display:flex;margin-top:13px;flex-flow:row wrap;}
.popupWrap .popContent .tier dd span {height:1.5rem;margin-bottom:7px;font-size:0.7rem;border:solid 1px #bababa;color:#bababa;} 
.popupWrap .popContent .tier dd span+span {margin-left:8px;}
.popupWrap .popContent .text {font-size:1.05rem;line-height:1.6rem;color:#292929;font-weight:700;}
.popupWrap .popContent .info strong {font-size:1.2rem;line-height:2.1rem;font-weight:700;color:#292929;}
.popupWrap .popContent .info {margin-top:3rem;}
.popupWrap .popContent .info strong {display:block;margin-bottom:1rem;color:#323232;}
.popupWrap .popContent .info p {font-size:0.85rem;line-height:1.5rem;color:#7E7E80;}
.popupWrap .popContent .buttonWrap {margin-top:4rem;text-align:center;}
.popupWrap .popContent .buttonWrap a {display:inline-flex;width:11rem;height:3.5rem;border-radius:4rem;background-color:#0059FF;font-size:1.25rem;font-weight:700;color:#fff;align-items:center;justify-content:center;}
.popupWrap .popContent .buttonWrap div {margin-top:1rem;}
.popupWrap .popContent .buttonWrap .link_url {display:inline-block;font-size:0.85rem;font-weight:600;color:#949494;text-decoration:underline;cursor:pointer;}
.popupWrap .popFooter {height:4rem;background:#F8F8F9 url("../images/pop_brandLogo.svg") left 4.3rem top 50% no-repeat;}

.popupWrap[class*="peoplePop"] {height:50rem;}
.popupWrap[class*="peoplePop"] .popHeader {position:relative;height:18.5rem;padding:0;background-color:transparent;align-items:flex-start;}
.popupWrap[class*="peoplePop"] .popHeader dl {position:absolute;bottom:0;left:50%;display:flex;width:calc(100% - 7.5rem);height:6.8rem;padding:1.55rem 2.2rem 1rem;background-color:#fff;transform:translateX(-50%);font-weight:700;justify-content:space-between;align-items:flex-end;}
.popupWrap[class*="peoplePop"] .popHeader dl dt {font-size:1.8rem;line-height:2.2rem;}
.popupWrap[class*="peoplePop"] .popHeader dl dd {font-size:0.8rem;line-height:1.1rem;text-align:right;}
.popupWrap[class*="peoplePop"] .slideWrap {width:100%;}
.popupWrap[class*="peoplePop"] .slideWrap .slideOuter {width:45rem;padding-bottom:2.5rem;}
.popupWrap[class*="peoplePop"] .slideWrap .slideOuter ul li {width:45rem;}
.popupWrap[class*="peoplePop"] .moveButton {position:relative;top:auto;left:auto;display:flex;margin:50px auto 0;padding:0 6.25rem 0;margin-bottom:1.5rem;height:1.85rem;justify-content:space-between;z-index:100;transform:translate(0,0);}
.popupWrap[class*="peoplePop"] .moveButton .btn {position:relative;left:auto;right:auto;width:auto;font-size:0.9rem;height:1rem;}
.popupWrap[class*="peoplePop"] .moveButton .btn.left {padding-left:1.4rem;background:url("../images/slide_arrow.svg") no-repeat 0 0 / auto 1rem;}
.popupWrap[class*="peoplePop"] .moveButton .btn.right {transform:rotate(0);background:none;}
.popupWrap[class*="peoplePop"] .moveButton .btn.right:after {content:"";position:absolute;top:0;right:0;width:0.65rem;height:1rem;background:url("../images/slide_arrow.svg") no-repeat 0 center / auto 1rem;transform:rotate(-180deg);}
.popupWrap[class*="peoplePop"] .moveButton .btn.right {padding-right:1.4rem;}
.popupWrap[class*="peoplePop"] .moveButton .btn:hover {color:#0059FF;}
.popupWrap[class*="peoplePop"] .moveButton .btn.left:hover,
.popupWrap[class*="peoplePop"] .moveButton .btn.right:hover:after {background-image:url("../images/slide_arrow_hover.svg");}
.popupWrap[class*="peoplePop"] .moveButton .btn.swiper-button-disabled:hover {background-image:url("../images/slide_arrow.svg");color:#000;}
.popupWrap[class*="peoplePop"] .moveButton .btn.right:hover,
.popupWrap[class*="peoplePop"] .moveButton .btn.right.swiper-button-disabled:hover {background:none;}
.popupWrap[class*="peoplePop"] .moveButton .btn.right.swiper-button-disabled:hover:after {background-image:url("../images/slide_arrow.svg");}
.popupWrap[class*="peoplePop"] .moveButton .btn.swiper-button-disabled {opacity:0.3;cursor:default;}
.popupWrap[class*="peoplePop"] .popContent {padding:0 6.25rem 2.5rem;height:auto;}
.popupWrap[class*="peoplePop"] .popContent dl dt {font-size:1rem;line-height:1.5rem;font-weight:700;}
.popupWrap[class*="peoplePop"] .popContent dl dd {margin-top:0.5rem;font-size:0.85rem;line-height:1.5rem;color:#1b1b1b;}
.popupWrap[class*="peoplePop"] .popContent dl,
.popupWrap[class*="peoplePop"] .popContent figure {margin-top:2.5rem;}
.popupWrap[class*="peoplePop"] .swiper-slide {overflow-y:auto;height:803px;}
.popupWrap[class*="peoplePop"] .swiper-button-next, 
.popupWrap[class*="peoplePop"] .swiper-button-prev {position:relative;}
.popupWrap[class*="peoplePop"] .popFooter {position:relative;background-position:6.25rem center;}
.popupWrap[class*="peoplePop"] .popFooter .link {position:absolute;top:29px;right:6.25rem;font-size:14px;line-height:1.1rem;color:#9d9d9d;text-decoration:underline;}

.welcomePop {display:none;position:fixed;top:50%;left:50%;width:35rem;height:35rem;background-color:#929292;z-index:9999;opacity:1;transform:translate(-50%,-50%);}
.welcomePop .popContent {width:35rem;height:642px;}
.welcomePop .popContent figure img {width:100%;}
.welcomePop .buttonBox {display:flex;height:2.9rem;background-color:#f7f7f7;justify-content:space-between;align-items:center;font-size:1.1rem;}
.welcomePop .buttonBox > div {flex:1;display:flex;height:2.9rem;text-align:center;align-items:center;justify-content:center;}
.welcomePop .buttonBox > div + div {border-left:solid 1px #d4d4d3;}
.welcomePop .buttonBox .chk_label {font-size:1.1rem;color:#949494;}
.welcomePop .buttonBox .w_close {width:100%;height:100%;background-color:transparent;font-size:1.1rem;color:#949494;}


/* media query */
@media (max-width:1660px) {
	.headingWrap .head_title {width:100%;background-size:auto 60%;}
	.headingWrap .head_title .leftText {left:1rem;} 
	.headingWrap .head_title .rightText {left:auto;right:1rem;}
}

@media (max-width:1385px) {
	.interviewWrap .slideWrap .scrollbar,
	.interviewWrap .slideWrap .moveButton {width:calc(100% - 2rem);}
}

@media (max-width:1320px) {
	header .innerWrap {width:100%;padding:0 1rem;}
	header nav {right:1rem;}

	.peopleWrap .innerWrap,
	.interviewSlideWrap .innerWrap,
	.linkWrap .innerWrap {width:100%;padding:0 1rem;}
	.interviewWrap .slideWrap {width:100vw;}
}

@media (max-width:1200px) {
	#wrap {min-width:auto;}
	#wrap section {margin:0;}

	header nav ul li+li {margin-left:2rem;}

	.innerWrap {width:100% !important;padding:0 1rem !important;}
	.headingWrap .head_title {background-size:auto 40%;}
	.headingWrap .head_title dl dt {font-size:5rem !important;}

	.peopleWrap .slideWrap .slideOuter,
	.slideWrap .pageCount {margin:0 auto;width:55rem;}

	.jobsHashListArea .category_main .tab li {margin-bottom:0.6rem;}
	.benefitsWrap .text {left:auto;right:1rem;}

	.linkWrap .title {background-size:auto 7rem;}	
}

@media (max-width:1024px) {
	.headingWrap .head_title.pcVer {display:none;}
	.headingWrap .head_title.mVer {display:block;height:743px;background-size:auto 15.7rem;text-align:center;}
	.headingWrap .head_title dl {width:100%;transform:translate(0);}
	.headingWrap .head_title .leftText {top:0;left:0;width:100%;}
	.headingWrap .head_title .leftText dt {margin-top:3px;font-size:142px !important;line-height:170px;}
	.headingWrap .head_title .leftText dd {font-size:1.75rem;}
	.headingWrap .head_title .rightText {top:auto;bottom:0;right:auto;text-align:center;} /*calc(50% + 200px)*/
	.headingWrap .head_title .rightText dt {font-size:110px !important;line-height:132px;}
	.headingWrap .head_title .link_apply {display:inline-flex;width:20.9rem;height:4.9rem;border-radius:5rem;border:solid 3px #fff;font-size:2.4rem;align-items:center;justify-content:center;}

	.benefitsWrap .text {width:50%;text-align:right;}
}


@media (max-width:900px) {
	.mVer {display:block;}
	.pcVer {display:none;}

	#wrap section {z-index:10;}

	header {padding:0;}
	header .logo {position:absolute;top:1.5rem;z-index:9999;}
	header .m_btn_menu {display:block;position:absolute;top:0;right:0;width:5.5rem;height:5.5rem;background:url("../images/m_btn_menu.svg") center center no-repeat;}
	header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:10rem 0 0 50px;background-color:#f9f9f9;z-index:1000;}
	header .gnbWrap ul li {margin-left:0 !important;height:40px;font-size:24px;font-weight:500;color:#000;}
	header .gnbWrap ul li+li {margin-top:3.5rem;}
	header .gnbWrap ul {display:block;margin-right:0;}
	header nav ul li a {display:block;text-align:left;font-weight:700;font-size:1.7rem;}
	header nav ul li a p span {display:inline-block;padding-left:6px;}
	header .link_apply {top:385px;right:auto;width:auto;background-color:transparent;font-size:24px;display:none;}
	header .m_btn_close {position:absolute;top:0;right:0;width:6.5rem;height:6.5rem;z-index:10;background-color:transparent;}
	header .m_btn_close:before,
	header .m_btn_close:after {content: "";position: absolute;top:50%;left: 50%;width:2.3rem;height:3px;background-color:#0059FF;}
	header .m_btn_close:before {transform: translate(-50%, -50%) rotate(-45deg);}
	header .m_btn_close:after {transform: translate(-50%, -50%) rotate(45deg);}

	/* .headingWrap {height:54rem;} */
	.headingWrap .head_title {top:40%;background-image:url("../images/heading_mark_m.svg");background-position:left 50% top 250px;transform:translate(-50%,-50%);background-size:auto 316px;}
	.headingWrap .head_title .leftText {top:0;}
	/* .headingWrap .head_title .rightText dt {margin-bottom:4.25rem;} */
	.headingWrap .head_title .leftText dd {padding-left:0;}

	.interviewWrap .slideWrap .slideOuter ul li {width:30.4rem;}

	.peopleWrap .slideWrap .slideOuter {width:auto;height:59.5rem;}
	.peopleWrap .slideWrap .slideOuter ul {height:59.5rem;}
	.peopleWrap .slideWrap .slideOuter ul li .box {flex-flow:row wrap;}
	.peopleWrap .slideWrap .slideOuter ul li+li {margin-left:0.9rem;}
	.peopleWrap .slideWrap .slideOuter ul li,
	.peopleWrap .slideWrap li .box figure,
	.peopleWrap .slideWrap li .box .desc {width:30.4rem;}
	.peopleWrap .slideWrap li .box .desc {padding-left:0;padding-top:3rem;height:34.5rem;}
	.peopleWrap .slideWrap li .box figure {height:500px;overflow:hidden;}
	.peopleWrap .slideWrap li .box figure img {width:100%;}
	.peopleWrap .slideWrap li .box .desc dl dd {width:490px;}
	.peopleWrap .slideWrap .moveButton {display:none;}
	.peopleWrap .slideWrap li .box .desc .link {left:auto;right:0;}
	.slideWrap .pageCount {margin-top:-35px;position:absolute;width:100px;height:40px;background-color:#f8f8f8;line-height:40px;z-index:10;}

	.benefitsWrap .text {display:none;}

	/* .jobsWrap {padding-top:70px !important;}
	.jobsWrap h2.title {margin-bottom:20px;}
	.jobsHashListArea {margin-top:0;} */
	/* .jobsHashListArea .category_main .tab li {height:38px;padding:8px 18px;margin-bottom:10px;font-size:16px;line-height:21px;}
	.jobsHashListArea .category_main .tab li+li {margin-left:10px;} */
	.jobsWrap .title {text-align:left;}
	.jobsWrap .share_url {left:2.9rem;bottom:4.2rem;}
	.jobsHashListArea .category_sub {display:none !important;}
	.jobsHashListArea .hash_list_wrap {margin-top:20px;}
	.jobsHashListArea .hash_list li {height:8rem;padding:1rem;margin:0 0 10px 0 !important;width:100%;}
	.jobsHashListArea .hash_list li .dutyNm {position:relative;top:auto;padding:0;font-size:1.6rem;}
	.jobsHashListArea .hash_list li .dutyNm p {font-size:14px;}
	.jobsHashListArea .hash_list li .tier dt {top:auto;left:auto;bottom:1.5rem;right:20px;}
	.jobsHashListArea .hash_list li .tier dd {display:none;}

	.interviewSlideWrap .swiper-slide {height:49rem;padding-top:7.2rem;align-items:flex-start;}
	.interviewSlideWrap .swiper-slide figure img {width:12.6rem;}
	.interviewSlideWrap .swiper-slide dl {margin-top:3rem;}
	.interviewSlideWrap .swiper-slide dl dt {font-size:1.35rem;line-height:2.1rem;color:#515B69;}
	.interviewSlideWrap .swiper-slide dl dd {margin-top:3rem;font-size:1.2rem;}
	.interviewSlideWrap .moveButton {top:12.5rem;}
	.swiper .moveButton .btn {width:1.1rem;height:1.8rem;background-size:auto 1.8rem;}

	.faqWrap {padding:11rem 0 18rem;}
	.faqWrap .faqList li dl dt {padding:1.5rem 0;font-size:1.5rem;font-weight:700;}
	.faqWrap .faqList li dl dd {font-size:1.3rem;line-height:1.9rem;}

	.linkWrap .innerWrap {height:160px;flex-flow:row wrap;}
	.linkWrap .title {height:20.9rem;font-size:55px;line-height:160px;text-align:center;background-image:none;pointer-events:auto;}
	.linkWrap .title span {display:none;}

	.popupWrap {width:35rem;height:60rem !important;}
	.popupWrap .popContent {height:43.5rem;}
	.popupWrap[class*="peoplePop"] .popHeader dl {width:calc(100% - 5rem);}
	.popupWrap[class*="peoplePop"] .popHeader {height:14.4rem;}
	.popupWrap[class*="peoplePop"] .swiper-slide {height:50rem;}
	.popupWrap[class*="peoplePop"] .popContent {padding:0 5rem 2.5rem;}
	.popupWrap[class*="peoplePop"] .popHeader dl dt {font-size:1.75rem;}
	.popupWrap[class*="peoplePop"] .moveButton {padding:0 5rem;}
	.popupWrap[class*="peoplePop"] .popFooter {background-position:5rem center;}
	.popupWrap[class*="peoplePop"] .popFooter .link {right:5rem;}

	footer {padding-top:57px;}
	footer .innerWrap {padding:0 56px !important;flex-flow:row wrap;}
	footer .innerWrap > div {flex:none;width:100%;}
	footer dl dt {height:auto;}
	footer .leftSide dl dt {padding-bottom:38px;font-size:23px;}
	footer .leftSide dl dt .link {margin-top:13px;color:#43474D;}
	footer .leftSide dl dd .link-group li [class^="link"] {width:43px;height:43px;background-size:43px auto;}
	footer .leftSide dl dd .link-group li+li {margin-left:36px;}
	footer .rightSide {margin-top:135px;text-align:left;font-size:19px;line-height:28px;}
	footer .rightSide dl dt {border-bottom:0;}
	footer .rightSide dl dd {padding-top:28px;font-weight:17px;letter-spacing:0;}

	.sticky {height:250px;}
	.sticky.fixed {bottom:-250px;}
	.marqueeAni {height:4.5rem;}
	.marqueeAni .marquee_text {height:4.5rem;background-size:auto 1.7rem;}
	
}




/* page motion */
.add-upscroll:not(.play-mo) {transform:translateY(70px) ;opacity:0;}
.play-mo.add-upscroll ,.play-mo .add-upscroll {animation: add-upscroll 0.7s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay10 ,.play-mo .add-upscroll.delay10 {animation: add-upscroll 0.8s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay20 ,.play-mo .add-upscroll.delay20 {animation: add-upscroll 0.8s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay30 ,.play-mo .add-upscroll.delay30 {animation: add-upscroll 0.8s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay40 ,.play-mo .add-upscroll.delay40 {animation: add-upscroll 0.8s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay50 ,.play-mo .add-upscroll.delay50 {animation: add-upscroll 0.8s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay60 ,.play-mo .add-upscroll.delay60 {animation: add-upscroll 0.8s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay70 ,.play-mo .add-upscroll.delay70 {animation: add-upscroll 0.8s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay80 ,.play-mo .add-upscroll.delay80 {animation: add-upscroll 0.8s 0.8s ease-in-out;animation-fill-mode: both;}
@keyframes add-upscroll {
	0%		{transform:translateY(70px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.add-downscroll:not(.play-mo) {transform:translateY(-70px) ;opacity:0;}
.play-mo.add-downscroll ,.play-mo .add-downscroll {animation: add-downscroll 0.7s 0.0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay10 ,.play-mo .add-downscroll.delay10 {animation: add-downscroll 0.7s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay20 ,.play-mo .add-downscroll.delay20 {animation: add-downscroll 0.7s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay30 ,.play-mo .add-downscroll.delay30 {animation: add-downscroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay40 ,.play-mo .add-downscroll.delay40 {animation: add-downscroll 0.7s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay50 ,.play-mo .add-downscroll.delay50 {animation: add-downscroll 0.7s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay60 ,.play-mo .add-downscroll.delay60 {animation: add-downscroll 0.7s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay70 ,.play-mo .add-downscroll.delay70 {animation: add-downscroll 0.7s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay80 ,.play-mo .add-downscroll.delay80 {animation: add-downscroll 0.7s 0.8s ease-in-out;animation-fill-mode: both;}

@keyframes add-downscroll {
	0%		{transform: translateY(-70px) ;opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}


header.show {animation: showMenu 0.3s ease-out;animation-fill-mode: both;}
@keyframes showMenu {

	100%{
		opacity:1;
		top:0px;
	}

}


.leftorg {
    transform-origin: left center;
	}
.rightorg {
    transform-origin: right center;
	}

.add-qzoom:not(.play-mo) {transform:scale(0) ;opacity:0;}
.play-mo.add-qzoom ,.play-mo .add-qzoom {animation: add-qzoom 0.7s 0.0s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay10 ,.play-mo .add-qzoom.delay10 {animation: add-qzoom 0.7s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay20 ,.play-mo .add-qzoom.delay20 {animation: add-qzoom 0.7s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay30 ,.play-mo .add-qzoom.delay30 {animation: add-qzoom 0.7s 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay40 ,.play-mo .add-qzoom.delay40 {animation: add-qzoom 0.7s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay50 ,.play-mo .add-qzoom.delay50 {animation: add-qzoom 0.7s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay60 ,.play-mo .add-qzoom.delay60 {animation: add-qzoom 0.7s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay70 ,.play-mo .add-qzoom.delay70 {animation: add-qzoom 0.7s 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay80 ,.play-mo .add-qzoom.delay80 {animation: add-qzoom 0.7s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}

@keyframes add-qzoom {
	0%		{transform: scale(0);opacity:0.5;}
	100%	{transform: scale(1);opacity:1;}
}

.add-star:not(.play-mo) {opacity:0;}
.play-mo.add-star ,.play-mo .add-star {animation: add-star 1.7s 0.0s linear infinite;opacity:1;}

@keyframes add-star {
	100%	{transform: rotate(360deg);opacity:1;}
}

.play-mo.ballonShake ,.play-mo .ballonShake {animation: ballonShake  0.15s infinite both;}
@keyframes ballonShake {
	0% 		{transform: rotate(1.2deg);}
	50% 	{transform: rotate(0);}
	100% 	{transform: rotate(1.2deg);}
}
.view_filter_init {
opacity:0;
}
.view_filter {
	animation: add-view 0.3s  cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;
}
@keyframes add-view {
	0%		{transform: scale(0);opacity:0;}
	100%	{transform: scale(1);opacity:1;}
}
.jobsHashListArea .hash_list li {transition:0.3s;}


.movieBox .movie_player {width:100%;height:100%;}
.movieBox .movie_player_bg {position:absolute;width:100%;height:100%;background-size:100% auto !important;}
.movieBox .movie_player_bg img {width:100%;}
.movieBox .btn_play {position:absolute;top:50%;left:50%;width:6.7rem;height:6.7rem;background:url("../images/btn_play.png") no-repeat center center / auto 6.7rem;transform:translate(-50%,-50%);text-indent:-9999px;}