@charset "utf-8";

:root {
	--primary:#009844;
	--secondary:#024092;
	--wh:#fff;
	--dk:#000;
	--text:#4a4a4a;
	--bg:#FFF4B3;
	--h_height:78px;
}

/* Reset */
* {box-sizing:border-box;word-break:keep-all;}
html,body{width:100%;height:100%;padding:0px; margin:0px;font-size:16px;}
body {font-size:16px;font-family:"Pretendard",Helvetica,sans-serif;line-height:100%;color:var(--dk);font-weight:500;letter-spacing:-0.02em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;line-height:100%;}
img,fieldset,iframe{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}

button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}
.blind {
	position: absolute !important;
	display: block;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	&.focusable:active,
	&.focusable:focus {
		position: static;
		height: auto;
		width: auto;
		margin: 0;
		clip: auto;
		overflow: visible;
	}
}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th {text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/*layout*/
body {overflow-x:hidden;}
#wrap {position:relative;min-width:750px;height:auto;margin:0 auto;background-color:var(--dk);}
.innerWrap {position:relative;width:950px;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;background-size:auto 100%;}

.view-mo {display:none;}

.tabUI {display:flex;width:100%;margin-top:100px;flex-flow:row wrap;border-bottom:solid 1px #3D62AD;}
.tabUI li {flex:1;font-size:23px;line-height:36px;font-weight:500;color:#3D62AD;text-align:center;}
.tabUI li a {display:block;width:100%;height:100%;padding-bottom:30px;}
.tabUI li a span {display:inline-block;margin-left:4px;}
.tabUI li.active {border-bottom:solid 3px #3D62AD;font-weight:700;}
.tabContainer {margin-top:85px;position:relative;}
.tabContent {position:relative;}

.movieTabUI .movieThumb {display:flex;}
.movieTabUI .movieThumb li {position:relative;flex:1;font-size:21px;font-weight:500;color:var(--text);text-align:center;}
.movieTabUI .movieThumb li a {display:block;width:100%;line-height:45px;}
.movieTabUI .movieThumb li.active {font-weight:700;color:var(--primary);}
/* .movieTabUI .movieThumb li.active:before {content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary);} */
/* .movieTabUI.dark .movieThumb {border-bottom-color:#fff;}
.movieTabUI.dark .movieThumb li {color:#fff;}
.movieTabUI.dark .movieThumb li.active {border-bottom-color:#fff;} */

.movieBig {position:relative;width:100%;padding-bottom:56.25%;}
.movieBig iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


header {position:fixed;top:0;left:0;width:100%;height:var(--h_height);z-index:1000;background-color:#fff;}
header .logo,
header .brandLogo {display:block;width:202px;height:var(--h_height);;margin-left:40px;background:url("../images/brandLogo_dark.svg") 0 center no-repeat;z-index:998;}
header nav {position:absolute;top:0;right:40px;}
header nav ul {display:flex;column-gap:55px;}
header nav ul li {line-height:var(--h_height);font-size:20px;color:var(--text);}
header nav ul li a {font-weight:500;}
header nav ul li a:hover,
header .gnbWrap ul li.active {color:var(--primary);font-weight:700;}
header.fixed {height:var(--h_height);background-color:var(--wh);}
header .m_btn_menu,
header .m_btn_close,
header .m_logo {display:none;}

footer {position:relative;display:flex;height:130px;padding:0 140px;background-color:var(--wh);align-items:center;justify-content:space-between;}
footer .copyright {font-size:15px;font-weight:400;color:var(--text);}

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

h3.title {margin-bottom:60px;font-size:36px;font-weight:700;color:var(--primary);}
h3.title.dark {color:#fff;}

.slideWrap {position:relative;z-index:10;}
.slideWrap .slideOuter {width:100%;margin:0 auto;overflow:hidden;}
/* .slideWrap .slideOuter ul {width:3908px;} */
.slideWrap .slideOuter ul li {position:relative;float:left;width:300px;height:364px;border-radius:30px;background-color:#f4f4f6;overflow:hidden;cursor:pointer;box-shadow:0 4px 8px -1px rgba(188,188,188,0.25);}
.slideWrap .slideOuter ul li+li {margin-left:25px;}
.slideWrap .slideOuter ul li dl dt {font-size:26px;line-height:33px;font-weight:700;color:#004097;letter-spacing:-0.05em;}
.slideWrap .slideOuter ul li dl dd {margin-top:13px;font-size:20px;line-height:25px;font-weight:700;color:#4A4A4A;}
.slideWrap .slideOuter ul li dl dd span {display:inline-block;font-size:16px;font-weight:500;}
.slideWrap .slideOuter ul li .more {position:absolute;top:175px;left:42px;display:block;padding-left:40px;font-size:13px;font-weight:500;background:url("../images/more_arrow.svg") no-repeat left 0 top 3px / auto 8px;}
.slideWrap .slideOuter ul li .infoArea {position:absolute;top:85px;left:30px;z-index:10;}
.slideWrap .slideOuter ul li .photoArea figure {height:364px;}
.slideWrap .slideOuter ul li .photoArea img {height:100%;}
.slideWrap .pages {display:flex;margin-top:22px;justify-content:center;}
.slideWrap .pages li {width:13px;height:13px;border-radius:50%;background-color:#C4C4C4;text-indent:-9999px;cursor:pointer;}
.slideWrap .pages li.active {background-color:#004097;cursor:default;}
.slideWrap .pages li+li {margin-left:13px;}
.slideWrap .scrollbar {position:relative;margin-top:70px;height:1px;width:100%;background-color:#3D62AD;line-height:0;}
.slideWrap .scrollbar .handle {position:absolute;top:-2px;height:5px;background-color:#3D62AD;cursor:pointer;}
.slideWrap .scrollbar .handle .mousearea {position:absolute;top:-8px;left:0;width:100%;height:20px;}
.slideWrap .moveButton {margin-top:28px;text-align:right;}
.slideWrap .moveButton .btn {width:42px;height:42px;background:url("../images/moveButton_arrow.svg") no-repeat center center / auto 27px;border-radius:50%;border:2px solid #3D62AD;}
.slideWrap .moveButton .btn.left {transform:rotate(180deg);}
.slideWrap .moveButton .btn.right {margin-left:5px;}
.slideWrap .moveButton .btn:disabled {border-color:#aeaeae;cursor:default;}
.slideWrap .moveButton .btn.left:disabled,
.slideWrap .moveButton .btn.right:disabled {background-image:url("../images/moveButton_arrow_d.svg");}

.slide-wrap {position:relative;}
.slide-wrap .swiper-slide {width:300px;}
.slide-wrap .swiper-slide.bg {background-color:#C4C4C4;}
.slide-wrap .swiper-slide .infoArea {position:absolute;top:85px;left:30px;z-index:10;}
.slide-wrap .swiper-slide .photoArea {position:absolute;bottom:0;right:0;z-index:1;}
.slide-wrap .swiper-slide .photoArea figure {height:364px;}
.slide-wrap .swiper-slide .photoArea figure img {height:100%;}
.slide-wrap .swiper-slide dl dt {font-size:23px;line-height:26px;font-weight:700;color:var(--dk);letter-spacing:-0.02em;}
.slide-wrap .swiper-slide dl dd {margin-top:13px;font-size:18px;line-height:23px;font-weight:700;color:#4A4A4A;}
.slide-wrap .swiper-slide dl dd span {display:inline-block;font-size:13px;font-weight:500;}
.slide-wrap .swiper-slide .more {position:absolute;top:195px;left:33px;display:block;padding-left:40px;font-size:10px;font-weight:500;color:var(--primary);background:url("../images/more_arrow_g.svg") no-repeat left 0 top 3px / auto 8px;z-index:10;}
.slide-wrap .slide-button {position:relative;display:flex;justify-content:flex-end;gap:0 15px;margin-top:27px;}
.slide-wrap .slide-button > div {position:relative;top:auto;left:auto;right:auto;bottom:auto;margin-top:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--primary);}
.slide-wrap .slide-button > div:after {font-size:14px;color:var(--primary);}
.slide-wrap .paging {position:relative;top:auto;left:auto;right:auto;bottom:auto;margin-top:64px;border-bottom:1px solid var(--wh);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {top:2px;background-color:var(--primary);}
/* .slide-wrap .paging > span:after */
/*.slideWrap .pageCount {position:absolute;bottom:12px;right:55px;font-family:"Gellix";font-size:12px;line-height:18px;font-weight:700;color:#000 !important;}
.slideWrap .pageCount strong,
.slideWrap .pageCount span {margin:0 3px;}
.slideWrap .pageCount span {color:#808080 !important;} */

.motion {position:absolute;background-repeat:no-repeat;background-position:0 0;}

.headingWrap {position:relative;height:calc(762px + var(--h_height));background:var(--bg) url("../images/heading_bg_25.jpg") no-repeat center center / auto 100%;}
.headingWrap .innerWrap {width:1000px;height:100%;padding-top:var(--h_height);}
.headingWrap .slogan {position:relative;margin-top:90px;}
.headingWrap .title {
	position:relative;margin-block:31px 9px;font-size:31px;line-height:42px;color:var(--primary);font-weight:700;letter-spacing:-0.02em;
	strong {
		font-weight:900;
	}
}
.headingWrap .date {
	display:flex;align-items:center;
	column-gap:9px;
	span {
		display:flex;justify-content:center;align-items:center;
		width:124px;
		height:38px;
		border-radius:100vw;
		background-color:var(--primary);
		font-size:21px;font-weight:700;
		color:var(--wh);
	}
}
.headingWrap .title:before {
	content:"";
	position:absolute;top:-13px;left:0;
	width:590px;height:1.5px;
	background: linear-gradient(90deg, #009844 0%, rgba(0, 152, 68, 0.00) 100%);
}
.headingWrap .title .link {display:block;margin-top:35px;width:197px;height:48px;background:url("../images/link_apply.png") 0 0 no-repeat;}
.headingWrap .keyvisualAni {top:0;left:0;width:100%;height:840px;background:url("../images/heading_keyvisual_01.png") no-repeat center bottom;z-index:10;}
.headingWrap .recruitInfo-area {
	display:grid;row-gap:20px;
	margin-top:40px;color:var(--primary);
	strong {font-size:23px;}
	p {margin-top:6px;font-size:19px;line-height:27px;font-weight:400;}
}
.headingWrap .link-area {
	position:absolute;bottom:97px;left:0;width:100%;
	display:flex;
	gap:20px;
	.link {
		flex:1;height:47px;display:flex;justify-content:center;align-items:center;font-size:26px;font-weight:700;color:var(--wh);background-color:var(--secondary);border-radius:100vw;
		&.apply {
			background-color:var(--primary);
		}
	}
}
.headingWrap .keyvisual-wrap {position:absolute;top:182px;left:calc(50% + 92px);width:405px;height:472px;}
.headingWrap .keyvisual-wrap .kv-motion {position:absolute;top:0;left:0;width:100%;height:100%;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon01 {top:87px;left:0;width:231px;height:208px;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon02 {top:0;right:0;width:175px;height:181px;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon03 {top:166px;right:0;width:220px;height:246px;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon04 {bottom:0;left:0;width:200px;height:160px;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon01 .arr02 {top:32px;left:15px;width:55px;height:52px;background-size:auto 52px;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon01 .arr01 {top:60px;left:8px;width:55px;height:52px;background-size:auto 52px;}
.headingWrap .keyvisual-wrap .kv-motion .kv-icon04 .tank {top:0;left:0;width:200px;height:160px;}

.kv-icon01 > div {width:100%;height:100%;background-image:url("../images/kv_ani_01_25.png");}
.kv-icon01 .arr01 {background-image:url("../images/kv_ani_01_a01.png");}
.kv-icon01 .arr02 {background-image:url("../images/kv_ani_01_a02.png");}
.kv-icon01F {background-image:url("../images/kv_3D_01_25.png");}
.kv-icon02F {background-image:url("../images/kv_3D_02_25.png");}
.kv-icon03F {background-image:url("../images/kv_3D_03_25.png");}
/* .kv-icon04 {background-image:url("../images/kv_ani_04.png");} */
.kv-icon04F {background-image:url("../images/kv_ani_04_obj.png");}
.kv-icon04 .tank {background-image:url("../images/kv_ani_04_obj.png");}

.kv-motion .kv-icon02,
.kv-motion .kv-icon03 {background:none;}
.kv-motion .kv-icon02 .obj {width:100%;height:100%;background-image:url("../images/kv_3D_02.png");animation:moveAni 1s 0.3s infinite alternate;}
.kv-motion .kv-icon03 .obj {width:100%;height:100%;background-image:url("../images/kv_3D_03.png");animation:moveAni 1s 0.1s infinite alternate;}

.recruitInfoWrap {padding:90px 0 20px 0;background:linear-gradient(180deg, #009844 -21.83%, #111714 13.39%);}
.recruitInfoWrap .comGroup {display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;}
.recruitInfoWrap .comGroup li {cursor:pointer;}
.recruitInfoWrap .comGroup li figure {box-shadow:0 4px 10px 5px rgba(8,1,54,0.25);border-radius:20px;overflow:hidden;}
.recruitInfoWrap .comGroup li figure img {width:100%;}

.companyWrap {margin-top:-1px !important;padding:90px 0 130px;}
.companyWrap .movieBig {margin-top:65px;}

.presentationWrap {background-color:var(--bg);}
.presentationWrap .innerWrap {padding-block:90px 120px;}
.presentationWrap .object {bottom:28px;left:calc(50% + 372px);width:218px;height:172px;animation:moveAni 1s 0.2s infinite alternate;z-index:10;}
.presentationWrap .object02 {top:-165px;left:calc(50% - 680px);width:192px;height:215px;z-index:20;animation:moveAni 1s 0.3s infinite alternate;}
.presentationWrap dl {display:flex;flex-flow:row wrap;}
.presentationWrap dl dt {width:414px;}
.presentationWrap dl dt .movieBig {border-radius:10px;overflow:hidden;box-shadow:0 4px 8px 1px #031d41;}
.presentationWrap dl dd {padding-left:55px;}
.presentationWrap dl dd figure {margin-bottom:30px;}
.presentationWrap dl dd p {font-size:20px;line-height:25px;font-weight:500;color:#fff;}
.presentationWrap dl dd p+p {margin-top:13px;}
.presentationWrap .movieBig {margin-top:30px;box-shadow: 0px 0px 20px 6px rgba(188, 188, 188, 0.25);}
.presentationWrap .shortsMovie .movie-iframe-wrap {margin:0 auto;width:360px;}
.presentationWrap .shortsMovie .movie-iframe-wrap .movieBig {padding-bottom:177.78%;}
.presentationWrap .recoMovie {margin-top:30px;}

.shortsMovieTabContent {margin-top:50px;}

.title-wrap {margin-bottom:70px;height:68px;display:flex;justify-content:space-between;}
.title-wrap .title {margin-bottom:0;}

.interviewWrap {background: linear-gradient(180deg, #FFF4B3 -21.83%, #FFF 13.39%, #FFF 83.85%, #FFF4B3 119.08%);}
.interviewWrap .innerWrap {padding-block:120px 87px;}
.interviewWrap .object {top:-101px;left:calc(50% - 640px);width:148px;height:163px;background-size:auto 163px;animation:moveAni 1s 0.5s infinite alternate;}
.interviewWrap .comTabID {display:flex;justify-content:flex-end;gap:0 14px;z-index:10;}
.interviewWrap .comTabID > li a {display:inline-flex;justify-content:center;align-items:center;width:206px;height:68px;border-radius:100vw;font-size:24px;font-weight:400;color:var(--primary);border:1px solid var(--primary);}
.interviewWrap .comTabID > li.active a {background-color:var(--primary);border-color:var(--primary);font-weight:700;color:var(--wh);}

.interview-box {
	position:relative;
	width:300px;height:364px;
	box-shadow:0 4px 8px -1px rgba(188,188,188,0.25);
	border:1px solid var(--primary);
	border-radius:24px;
	box-shadow: 0px 3.25px 6.5px -0.812px rgba(188, 188, 188, 0.25);
	overflow:hidden;
	cursor:pointer;
	&.recruit {
		background-color:var(--primary);
		.infoArea {
			dt,dd {color:var(--wh);}
		}
		&:before {
			background-image:url("../images/elevator_logo_w.svg") !important;
		}
		.more {
			background-image:url("../images/more_arrow_w.svg");
			color:var(--wh);
		}
	}
	+ .interview-box {
		margin-top:18px;
	}
	&:before {content:"";position:absolute;top:30px;left:26px;width:168px;height:22px;background-repeat:no-repeat;background-position:0 center;background-size:auto 22px;z-index:10;}
	/* .photoArea {
		border-radius:26px;
		overflow:hidden;
	} */
}

.interviewWrap #comTab01 .interview-box:before {background-image:url("../images/elevator_logo.png");}
.interviewWrap #comTab02 .interview-box:before {left:30px;background-image:url("../images/movex_logo.png");background-size:auto 12px;}
.interviewWrap #comTab02 .interview-box.recruit:before {background-image:url("../images/movex_logo_w.svg") !important;}

.familyLinkWrap {padding:140px 0 120px 0;background:#000 url("../images/familyLink_bg01.jpg") no-repeat center bottom / cover;}
.familyLinkWrap img {height:36px;}
.familyLinkWrap .text {margin-top:28px;font-size:22px;color:#fff;text-align:center;}
.familyLinkWrap .familySiteList {display:flex;margin-top:75px;text-align:center;align-items:center;justify-content:center;}
.familyLinkWrap .familySiteList li {position:relative;padding:0 88px;background-position:center 0;background-repeat:no-repeat;}
.familyLinkWrap .familySiteList li a {display:block;width:100%;height:100%;padding-top:95px;font-size:18px;line-height:23px;font-weight:700;color:#fff;}
.familyLinkWrap .familySiteList li:nth-of-type(1) {background-image:url("../images/link_icon_01.png");}
.familyLinkWrap .familySiteList li:nth-of-type(2) {background-image:url("../images/link_icon_02.png");}
.familyLinkWrap .familySiteList li:nth-of-type(3) {background-image:url("../images/link_icon_03.png");}
.familyLinkWrap .familySiteList li+li:before {content:"";position:absolute;left:0;bottom:3px;width:1px;height:38px;background-color:#fff;}

.benefitWrap {background: linear-gradient(180deg, #FFF4B3 -21.83%, #FFF 13.39%, #FFF 83.85%, #FFF4B3 119.08%);}
.benefitWrap .innerWrap {padding-block:80px 223px;}
.benefitWrap .object {top:-77px;left:calc(50% + 432px);width:187px;height:168px;animation:moveAni 1s infinite alternate;}
.benefitWrap .object01 {top:81px;left:calc(50% + 540px);width:195px;height:200px;animation:moveAni 1s 0.3s infinite alternate;}
.benefit-list {
	display:grid;
	grid-template-columns: repeat(4,1fr);
	gap:60px 0;
	& .benefit-item {
		text-align:center;
		.icon {
			display:inline-flex;justify-content:center;align-items:center;
			width:151px;height:151px;background-color:var(--bg);clip-path:circle();
		}
		strong {
			display:block;margin-top:20px;
			font-size:26px;line-height:36px;color:var(--primary);
		}
		p {
			margin-top:4px;
			font-size:17px;line-height:22px;letter-spacing:-0.05em;font-weight:400;
			color:var(--text);
		}
	}
}
.softlanding-area {
	margin-top:60px;
	text-align:center;
	strong {
		font-size:26px;line-height:36px;font-weight:700;color:var(--primary);
	}
	figure {
		margin-top:20px;
		padding:27px 45px;
		background-color:var(--primary);
		border-radius:25px;
		img {
			width:100%;
		}
	}
}

.popupWrap {width:920px;height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden;background-color:#fff !important;box-shadow:6px 8px 51px rgba(0,0,0,0.2);z-index:2000;}
.popupWrap .btn_popClose {position:absolute;top:0;right:0;width:54px;height:54px;background:url("../images/btn_popClose.svg") no-repeat center center / auto 25px;z-index:10;}
.popupWrap.hide {display:none;}
.popupWrap .popContent {position:relative;}
.popupWrap .popContent figure img {width:100%;}
.popupWrap[class*="interviewPop"] {width:1080px;}
/* .popupWrap[class*="interviewPop"] .popContent {padding-bottom:0;} */
.popupWrap[class*="interviewPop"] .btn_popClose {width:80px;height:80px;background-image:url("../images/btn_popClose01.png");background-size:25px auto;z-index:10;}
.popupWrap .photoArea {position:relative;height:429px;padding:80px 128px 0 128px;background-color:#EFEEF2;}
.popupWrap .photoArea figure {position:absolute;bottom:0;right:0;z-index:1;}
.popupWrap .photoArea .cover {position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(90deg, #EDECF1 38.56%, rgba(239, 238, 243, 0) 48.52%);z-index:2;}
.popupWrap .photoArea .info {position:relative;line-height:45px;color:var(--dk);z-index:3;}
.popupWrap .photoArea .info dl {margin-top:70px;}
.popupWrap .photoArea .info dt {font-size:50px;font-weight:700;line-height:62px;color:var(--dk);}
.popupWrap .photoArea .info dd {margin-top:16px;font-size:30px;line-height:38px;font-weight:700;color:#4A4A4A;}
.popupWrap .photoArea .info dd span {font-size:20px;font-weight:400;}
.popupWrap .photoArea.recruit {
	background-color:var(--primary);
	dt, dd {
		color:var(--wh);
	}
}

.popupWrap .interviewCont {padding:75px 128px 67px 128px;}
.popupWrap .interviewCont .box {position:relative;}
.popupWrap .interviewCont .box+.box {margin-top:67px;}
.popupWrap .interviewCont .box dt {font-size:23px;line-height:29px;font-weight:700;color:var(--primary);}
.popupWrap .interviewCont .box dd {margin-top:35px;font-size:18px;line-height:32px;color:#000;font-weight:400;}
.popupWrap .interviewCont .midVisual {position:relative;margin:80px -128px;}
.popupWrap .interviewCont .midVisual img {width:100%;}
.popupWrap .lifeArea {padding:50px 128px;background-color:#E6ECF5;}

.popSlideWrap {position:relative;display:flex;justify-content:flex-end;z-index:10;}
.popSlideWrap .slideOuter {width:594px;overflow:hidden;}
.popSlideWrap .slideOuter ul li {position:relative;float:left;width:594px;height:332px;background-color:#000;}
.popSlideWrap .moveButton {position:relative;margin-top:210px;}
.popSlideWrap .moveButton .btn {width:30px;height:30px;background:url("../images/pop_moveButton.png") 0 0 no-repeat;}
.popSlideWrap .moveButton .btn.left {transform:rotate(180deg);}
.popSlideWrap .moveButton .btn.right {margin-left:10px;}
.popSlideWrap .moveButton .btn.disabled {opacity:0.3;}
.popSlideWrap .pages {display:flex;margin-top:20px;}
.popSlideWrap .pages li {width:10px;height:10px;border-radius:50%;background-color:#C4C4C4;text-indent:-9999px;cursor:pointer;}
.popSlideWrap .pages li.active {background-color:#004097;cursor:default;}
.popSlideWrap .pages li+li {margin-left:10px;}
.popSlideWrap .leftArea {position:absolute;left:0;top:0;}

.responsive-img {width:100%}

.popupWrap[class*="webflyer"] {width:900px;}
.popupWrap[class*="webflyer"] .btn_popClose {right:20px;}
.popupWrap[class*="webflyer"] figure img {width:900px;}
.popupWrap[class*="webflyer"] .linkGroup a {position:absolute;width:155px;height:28px;}
.elevator_link {top:1340px;left:64px;}
.elevator_link_02 {top:1890px;left:192px;}
.elevator_link_03 {top:2012px;left:192px;}
.elevator_link_04 {top:2123px;left:192px;}
.elevator_link_05 {top:2224px;left:192px;}
.elevator_link_06 {top:2347px;left:192px;}
.elevator_link_07 {top:2502px;left:225px;}
.elevator_link_08 {top:2625px;left:225px;}
.elevator_link_09 {top:2737px;left:192px;}
.elevator_link_10 {bottom:1324px;left:225px;}
.elevator_link_11 {bottom:1226px;left:225px;}
.elevator_link_12 {bottom:1130px;left:192px;}

.movex_link {top:1340px;left:64px;}
.movex_link_02 {top:1600px;left:232px;}
.movex_link_03 {top:1778px;left:198px;}

.shortsMovieTab {display:flex;margin-top:70px;border-bottom:solid 1px var(--primary);}
.shortsMovieTab li {position:relative;flex:1;font-size:24px;line-height:28px;font-weight:700;color:var(--text);text-align:center;}
.shortsMovieTab li a {display:block;width:100%;padding-bottom:10px;}
.shortsMovieTab li.active {font-weight:700;color:var(--primary);}
.shortsMovieTab li.active:before {content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary);}

.shortsMovieTabContent {margin-top:15px;}
.shortsMovieTabContent .movie-group {display:grid;grid-template-columns:repeat(2,1fr);justify-content: center;}
.shortsMovieTabContent .movie-group_item .movie-iframe-wrap {margin:0 auto;width:360px;}
.shortsMovieTabContent .movie-group_item .movie-iframe-wrap .movieBig {margin-top:0;padding-bottom:177.78%;}
.shortsMovieTabContent .movie-group_item h4.title {font-size:21px;line-height:65px;text-align:center;color:var(--primary);font-weight:700;}
/* .shortsMovieTabContent .shortsIframe {margin-top:0;padding-bottom:177.78%;} */

.floating-wrap {position:fixed;bottom:30px;right:30px;display:grid;row-gap:20px;text-align:center;z-index:100;}
/* .floating-wrap {position:fixed;bottom:30px;right:30px;display:flex;column-gap:10px;text-align:center;z-index:100;} */
.floating-wrap .link {display:block;width:110px;height:110px;padding-top:52px;font-size:16px;;line-height:18px;color:#fff;font-weight:700;text-align:center;
	background-position:center top 15px;background-repeat:no-repeat;background-size:auto 31px;
	border-radius:50%;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
}
.floating-wrap button {padding-top:36px !important;}
.floating-wrap .link.chatbot {background-color:#FABE01;background-image:url("../images/icon_talk.svg");}
.floating-wrap .link.guideBook {background-color:var(--primary);background-image:url("../images/icon_search.svg");}
.floating-wrap .link.home {background-color:var(--secondary);background-image:url("../images/icon_home.svg");}
.floating-wrap .link.close {background:#707070 url("../images/icon_x.svg") no-repeat center center / auto 40px;font-size:0;}
.floating-wrap .link.sm {display:inline-flex;justify-content:center;align-items:center;padding:0;width:80px;height:80px;background-color:#fff;color:#707070;font-size:12px;line-height:14px;}
.floating-wrap .link.sm + .link.sm {margin-left:10px;}
.floating-wrap .menu-group {display:none;position:absolute;left:-190px;bottom:15px;justify-self:center;}

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

	.innerWrap {width:100%;padding:0 25px;margin:0;}
}

@media (max-width:980px) {
	.view-mo {display:block;}
	.view-pc {display:none;}

	.innerWrap {width:100%;padding:0 40px;}

	header {padding-top:0;height:80px;}
	header .logo,
	header .brandLogo {position:relative;top:0;}
	header .m_btn_menu {display:block;position:absolute;top:0;right:0;width:80px;height:80px;background:url("../images/m_btn_menu_dark.svg") center center no-repeat;}
	header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:150px 0 0 75px;background-color:var(--dk);z-index:1000;}
	header .gnbWrap .m_btn_close {display:block;position:absolute;top:0;right:0;width:135px;height:135px;background:url("../images/m_btn_close.png") center center no-repeat;}
	header .gnbWrap ul {display:block;}
	header .gnbWrap ul li {margin-left:0 !important;font-size:50px;font-weight:500;color:#fff;}
	header .gnbWrap ul li+li {margin-top:50px;}
	header .gnbWrap .m_logo {display:block;position:absolute;bottom:90px;left:75px;}
	/* header.fixed {height:70px;} */

	footer {padding:0 40px;}

	.headingWrap {height:1060px;background-image:url("../images/heading_bg_25_mo.jpg");background-color:transparent;}
	.headingWrap .innerWrap {width:100%;padding-inline:76px;height:calc(100% - 84px);}
	.headingWrap .title {margin-top:57px;}
	.headingWrap .recruitInfo-area {margin-top:36px;display:none;}
	.headingWrap .keyvisual-wrap {top:auto;bottom:50px;right:23px;left:auto;}
	.headingWrap .link_apply {margin-top:24px;width:212px;height:50px;line-height:50px;font-size:25px;border-radius:25px;}
	.headingWrap .link-area {
		position:relative;bottom:auto;
		margin-top:55px;
		flex-direction:column;
		.link {
			flex:none;width:280px;
		}
	}

	.recruitInfoWrap {padding-top:55px;}
	.recruitInfoWrap .comGroup {grid-template-columns: auto;}
	.recruitInfoWrap .comGroup li {width:100%;margin:0;}
	.recruitInfoWrap .comGroup li figure {width:465px;height:254px;margin:0 auto;}
	.recruitInfoWrap .comGroup li+li {margin:34px 0 0 0;}

	.movieTabUI .movieThumb li {font-size:24px;}
	.recoMovie .movieThumb li {font-size:20px;}
	.recoMovie .movieThumb li a {height:50px;line-height:24px;}
	.recoMovie .movieThumb li a small {font-size:16px;}

	.companyWrap {padding-bottom:200px;}
	.companyWrap .movieBig {margin-top:85px;}

	.presentationWrap .innerWrap {padding-block:50px 85px;}
	.presentationWrap .object {top:-112px;right:100px;left:auto;width:134px;height:123px;}
	.presentationWrap .object01 {top:-10px;right:35px;left:auto;width:140px;height:143px;}
	.presentationWrap dl {justify-content:center;text-align:center;}
	.presentationWrap dl dt {width:465px;}
	.presentationWrap dl dd {margin-top:45px;padding:0;}
	.presentationWrap dl dd figure {margin-bottom:64px;}
	.presentationWrap dl dd p {font-size:28px;line-height:35px;}
	.presentationWrap dl dd p+p {margin-top:20px;}
	.presentationWrap .shortsMovie .movieThumb li:nth-of-type(4) {flex-basis:80px;}

	.interviewWrap .innerWrap {padding-block:75px 155px;}
	.interviewWrap .object {top:-790px;left:-25px;}
	.interviewWrap .comTabID {
		margin-top:70px;width:100%;
		position:relative;top:auto;left:auto;
		display:grid;grid-template-columns: repeat(2,1fr);gap:0 20px;margin-bottom:35px;}
	.interviewWrap .comTabID li {height:50px;}
	.interviewWrap .comTabID li a {display:flex;justify-content:center;align-items:center;width:100%;height:100%;}

	.slideWrap .slideOuter {width:672px;}
	/* .slideWrap .slideOuter > ul > li {width:672px;height:810px;} */
	.slideWrap .slideOuter li {width:320px;height:389px;}
	.slideWrap .slideOuter ul li dl dt {font-size:26px;line-height:33px;}
	.slideWrap .slideOuter ul li dl dd {margin-top:7px;font-size:20px;line-height:35px;}
	.slideWrap .slideOuter ul li dl dd span {font-size:16px;}
	.slideWrap .slideOuter ul li .more {top:185px;padding-left:35px;font-size:13px;background-size:auto 6px;}
	.slideWrap .pages li {width:16px;height:16px;}
	.slideWrap .pages li+li {margin-left:16px;}

	.familyLinkWrap .text {font-size:30px;}
	.familyLinkWrap .familySiteList li {padding:0 55px;}
	.familyLinkWrap .familySiteList li a {font-size:23px;line-height:29px;}
	.familyLinkWrap .familySiteList li+li:before {bottom:18px;}

	.popupWrap[class*="webflyer"] {width:700px;}
	.popupWrap[class*="webflyer"] figure img {width:100% !important;}
	.popupWrap[class*="inter_"] {width:700px;}
	.popupWrap[class*="inter_"] .btn_popClose {background-size:34px auto;}
	.popupWrap .photoArea {padding:80px 40px 0 40px;}
	.popupWrap .photoArea figure {right:-170px;}
	.popupWrap .popContent figure img {width:auto;}
	.popupWrap .interviewCont {padding:60px 40px;}
	.popupWrap .interviewCont .box+.box {margin-top:80px;}
	.popupWrap .interviewCont .box dt {font-size:30px;line-height:42px;}
	.popupWrap .interviewCont .box dd {margin-top:20px;font-size:24px;line-height:40px;}
	.popupWrap .lifeArea {padding:50px 40px 95px 40px;}

	.popSlideWrap {display:block;}
	.popSlideWrap .slideOuter {width:618px;margin:0 auto;}
	.popSlideWrap .slideOuter ul li {width:618px;height:346px;}
	.popSlideWrap .slideOuter ul li figure img {width:100%;}
	.popSlideWrap .leftArea {position:relative;left:auto;top:auto;height:120px;}
	.popSlideWrap .moveButton {position:absolute;right:0;top:0;margin:0;}
	.popSlideWrap .pages {position:absolute;top:480px;left:50%;transform:translate(-50%,0);}

	.popupWrap[class*="webflyer"] .linkGroup a {width:120px;height:22px;}
	.elevator_link {top:1040px;left:50px;}
	.elevator_link_02 {top:1468px;left:149px;}
	.elevator_link_03 {top:1564px;left:149px;}
	.elevator_link_04 {top:1652px;left:149px;}
	.elevator_link_05 {top:1730px;left:149px;}
	.elevator_link_06 {top:1825px;left:149px;}
	.elevator_link_07 {top:1947px;left:174px;}
	.elevator_link_08 {top:2042px;left:174px;}
	.elevator_link_09 {top:2129px;left:149px;}
	.elevator_link_10 {bottom:1030px;left:174px;}
	.elevator_link_11 {bottom:954px;left:174px;}
	.elevator_link_12 {bottom:878px;left:149px;}

	.movex_link {top:1040px;left:50px;}
	.movex_link_02 {top:1244px;left:182px;}
	.movex_link_03 {top:1382px;left:154px;}

	.benefitWrap .innerWrap {padding-block:56px 98px;}
	.benefitWrap .benefitTabContent figure img {width:100%;}
	.benefitWrap .benefitTabContent .list.culture,
	.benefitWrap .benefitTabContent .list.care {grid-template-columns:repeat(2,1fr);}
	.benefitWrap .benefitTabContent .list.care li:nth-of-type(7) {grid-column:1/ span 2;}
	
	.title-wrap {
		flex-direction:column;
		align-items:flex-start;
		height:auto;
		margin-bottom:0;
	}
	.benefit-list {
		gap:42px 0;
		.benefit-item {
			.icon {
				width:112px;
				height:112px;
				img {
					width:100%;
				}
			}
			strong {
				margin-top:15px;
				font-size:20px;
				line-height:22px;
			}
			p {
				font-size:12px;
				line-height:16px;
			}
		}
	}
}