@charset "utf-8";

@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: 500;
    src: url(../font/GmarketSansMedium.woff2) format('woff2'),
    url(../font/GmarketSansMedium.woff) format('woff');
}

@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: 700;
    src: url(../font/GmarketSansBold.woff2) format('woff2'),
    url(../font/GmarketSansBold.woff) format('woff');
}

/* Reset */
* {box-sizing:border-box;word-break:keep-all;}
html,body{width:100%;height:100%;padding:0px; margin:0px;font-size:20px;color:#231F20;}
body {font-size:20px;font-family:"Noto Sans KR",Helvetica,sans-serif;color:#333;font-weight:400;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{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}

/* 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}

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block; }

/*layout*/
body {overflow-x:hidden;background-color:#fff;}
#wrap {position:relative;height:auto;margin:0 auto;padding-top:100px;}
.innerWrap {position:relative;width:960px;margin:0 auto;z-index:10;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}
.ani, .pt {position:absolute;background-repeat:no-repeat;background-position:0 0;}

.mVer {display:none;}

.movieTabUI .movieThumb {display:flex;border-bottom:solid 1px #fff;}
.movieTabUI .movieThumb li {position:relative;flex:1;font-size:18px;line-height:48px;font-weight:600;color:#aaa;text-align:center;}
.movieTabUI .movieThumb li a {display:block;width:100%;}
.movieTabUI .movieThumb li.active {border-bottom:solid 3px #fff;font-weight:700;color:#fff;font-weight:700;}

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

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

header .innerWrap {width:960px;}
header nav {position:absolute;top:0;right:0;}
header nav ul {display:flex;margin-right:156px;align-items:center;}
header nav ul li {height:100px;font-family:"Gmarket";font-size:20px;color:#333;line-height:36px;font-weight:500;text-align:center;}
header nav ul li+li {margin-left:40px;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
header nav ul li a:hover {color:#008FD5;}
header.fixed {height:100px;background-color:#fff;}
header .link_apply {position:absolute;top:32px;right:0;display:flex;width:117px;height:36px;padding-top:3px;font-size:20px;color:#fff;font-family:"Gmarket";font-weight:700;background-color:#008FD5;border-radius:4px;justify-content:center;align-items:center;}

footer {position:relative;height:80px;background:#333 url("../images/footer_copyright.svg") no-repeat center center;}

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

.section-title {margin-bottom:60px;}
.section-title h2 {font-family:"Gmarket";font-size:62px;line-height:71px;font-weight:700;color:#008FD5;}
.section-title p {position:relative;margin-top:24px;font-size:40px;line-height:48px;font-weight:400;color:#525252;}

.bulList {margin-top:16px;}
.bulList li {position:relative;padding-left:20px;font-size:18px;line-height:28px;color:#717171;}
.bulList li:before {content:"※";position:absolute;top:0;left:0;}

.link {display:flex;align-items:center;justify-content:center;}

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

/* .headingWrap {display:none;} */
.headingWrap {height:970px;padding:50px 0 0 !important;background: linear-gradient(180deg, rgba(242, 249, 255, 0.12) 0%, #F2F9FF 100%);}
.headingWrap .innerWrap {width:1120px;}
.headingWrap .keyvisualBox {width:1120px;height:840px;background:url("../images/heading_keyvisual.svg") no-repeat 0 0 / auto 840px;}
.headingWrap .head-title {top:280px;left:0;height:280px;width:840px;padding:67px 0 0 93px;overflow:hidden;}
.headingWrap .head-text {top:280px;right:0;height:280px;width:280px;padding:33px 0 0 35px;overflow:hidden;}
.headingWrap .link_apply {position:absolute;bottom:50px;left:30px;display:inline-block;padding:0 30px 0 0;font-size:36px;line-height:48px;font-weight:700;color:#06C755;background:url("../images/link_arrow.svg") no-repeat right center / auto 24px;}

/* .partIntroWrap {display:none;} */
.partIntroWrap {padding-top:120px !important;}
.partIntroWrap .scrollWrap {margin-top:60px;height:1300px;}
.partIntroWrap .scrollWrap .scrollerOuter li {position:relative;padding:4px;width:344px;height:388px;cursor:pointer;}
.partIntroWrap .scrollWrap .scrollerOuter li .box {position:relative;width:320px;height:380px;padding:50px 0 30px 40px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius:30px;background:#F8F8F8 url("../images/card_arrow.png") no-repeat right 22px bottom 0 / auto 72px;overflow:hidden;}
.partIntroWrap .scrollWrap .scrollerOuter li dl dt {font-family:"Gmarket";font-size:28px;font-weight:700;line-height:32px;}
.partIntroWrap .scrollWrap .scrollerOuter li dl dd {position:absolute;bottom:40px;}
.partIntroWrap .scrollWrap .scrollerOuter li dl dd strong {font-size:28px;color:#008FD5;}
.partIntroWrap .scrollWrap .scrollerOuter li dl dd p {margin-top:8px;font-size:22px;line-height:26px;color:#231F20;}
.partIntroWrap .scrollWrap .scrollerOuter li:hover .box {background-color:#008FD5;color:#fff;}
.partIntroWrap .scrollWrap .scrollerOuter li:hover .box dl dd strong,
.partIntroWrap .scrollWrap .scrollerOuter li:hover .box dl dd p {color:#fff;}
.partIntroWrap .scrollWrap .scrollerOuter li.companyDiv .box {padding:0;}
.partIntroWrap .scrollWrap .scrollerOuter li.companyDiv figure img {width:100%;height:100%;}

.simply-scroll {width:100%;height:388px;margin-bottom:0;overflow:hidden;}
.simply-scroll .simply-scroll-clip {width:100%;height:388px;overflow:hidden;}
.simply-scroll+.simply-scroll {margin-top:50px;}

.recruitInfoWrap {padding-top:60px !important;}
.recruitInfoWrap .section-title {margin-bottom:60px;}
.recruitInfoWrap dl {display:flex;}
.recruitInfoWrap dl+dl {margin-top:28px;}
.recruitInfoWrap dl dt {width:140px;font-size:36px;font-weight:700;}
.recruitInfoWrap dl dd {width:calc(100% - 140px);font-size:24px;line-height:32px;}
.recruitInfoWrap dl dd a {color:#008FD5;text-decoration:underline;}
.recruitInfoWrap dl.processArea dd {padding-top:80px;}
.recruitInfoWrap dl:nth-of-type(1) dd {font-size:24px;line-height:52px;}

/* .jobsWrap {display:none;} */
.jobsWrap .innerWrap {z-index:10;}
.jobsWrap .positionTabUI {display:flex;margin-top:60px;}
.jobsWrap .positionTabUI li {position:relative;display:flex;flex:1;height:80px;font-size:28px;color:#888;font-weight:500;align-items:center;justify-content:center;}
.jobsWrap .positionTabUI li:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#888;}
.jobsWrap .positionTabUI li.active {color:#231F20;font-weight:700;}
.jobsWrap .positionTabUI li.active:after {height:4px;background-color:#008FD5}
.jobsWrap .positionTabUI li a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.jobsWrap .positionTabUI li:nth-of-type(2).active:after {background-color:#9ACA3C;}
.jobsWrap .positionTabContainer {margin-top:50px;}
.jobsWrap .table {width:100%;}
.jobsWrap .table thead th {height:52px;border-top:4px solid #444B4C;border-bottom:2px solid rgba(68, 75, 76, 0.3);font-size:20px;font-weight:500;background-color:#eee;}
.jobsWrap .table tbody th {color:#0A83B5;border-bottom:2px solid rgba(23, 26, 27,0.5);background-color:rgba(184, 228, 250, 0.2);}
.jobsWrap .table tbody td {padding:12px 0;line-height:28px;font-size:18px;color:#333;text-align:center;border-bottom:2px solid rgba(157, 157, 157,0.5);}
.jobsWrap .table tbody td.job {background-color:#F7F7F7;}
.jobsWrap .table tbody td.line {border-bottom-color:rgba(23, 26, 27,0.5);}
.jobsWrap .detail-view {margin-top:50px;}
.jobsWrap .detail-view .link {height:80px;border-radius:30px;background-color:#008FD5;color:#fff;font-size:28px;font-weight:700;}
.jobsWrap .jdTabUI {display:flex;justify-content:space-between;}
.jobsWrap .jdTabUI li {display:inline-flex;width:180px;height:48px;border:solid 2px #d7d7d7;background-color:#fff;border-radius:8px;color:#7c7c7c;font-weight:700;}
.jobsWrap .jdTabUI li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
.jobsWrap .jdTabUI li.active {background-color:#008FD5;color:#fff;border-color:#008FD5;}
.jobsWrap .jdTabUI.first li.active {background-color:#9ACA3C;color:#fff;border-color:#9ACA3C;}
.jobsWrap .jdTabContainer {margin-top:50px;}
.jobsWrap .jdTabContent .table tbody th {background-color:rgba(154, 202, 60, 0.1);color:#5B7D13;border-bottom-color:rgba(157, 157, 157,0.5);line-height:28px;}
.jobsWrap .jdTabContent .table tbody td:last-child {padding:12px 10px;text-align:left;}
.jobsWrap .jdTabContent .table tbody td dl {margin-top:10px;}
.jobsWrap .jdTabContent .table tbody td dl dt {color:#AD1313;font-size:18px;line-height:28px;}
.jobsWrap .jdTabContent .table tbody td dl dd {position:relative;padding-left:20px;font-size:18px;line-height:28px;}
.jobsWrap .jdTabContent .table tbody td dl dd:before {content:"\2022";position:absolute;left:0;}
.jobsWrap .jdTabContent .table tbody td.center {text-align:center;}
.jobsWrap .jdTabContent .table tbody td .c_point {color:#AD1313;}
.subPage {padding-top:0 !important;}
.subPage .jobsWrap .jdTabContent .table tbody th {background-color:rgba(184, 228, 250, 0.2);color:#0A83B5;}
.subPage .jobsWrap .jdTabUI li {width:125px;}

/* .benefitWrap {display:none;} */
.benefitWrap {padding:150px 0 !important;}
.benefitWrap .section-title h2 {color:#9ACA3C;}
/* slider */
.slideWrap {position:relative;z-index:10;}
.slideWrap .slideOuter {width:100%;overflow:hidden;height:330px;}
/* .slideWrap .slideOuter ul {width:3908px;} */
.slideWrap .slideOuter ul li {position:relative;float:left;width:310px;height:330px;}
.slideWrap .slideOuter ul li div {width:300px;height:320px;padding-top:190px;text-align:center;background: #F7F7F7;border-radius:30px;border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16);background-repeat:no-repeat;background-position:left 50% top 64px;}
.slideWrap .slideOuter ul li div strong {font-size:28px;}
.slideWrap .slideOuter ul li div p {margin-top:15px;font-size:18px;line-height:24px;color:#717171;}
.slideWrap .slideOuter ul li+li {margin-left:24px;}
.slideWrap .slideOuter ul li:nth-of-type(1) div {background-image:url("../images/benefit_icon_01.svg");}
.slideWrap .slideOuter ul li:nth-of-type(2) div {background-image:url("../images/benefit_icon_02.svg");}
.slideWrap .slideOuter ul li:nth-of-type(3) div {background-image:url("../images/benefit_icon_03.svg");}
.slideWrap .slideOuter ul li:nth-of-type(4) div {background-image:url("../images/benefit_icon_04.svg");}
.slideWrap .slideOuter ul li:nth-of-type(5) div {background-image:url("../images/benefit_icon_05.svg");}
.slideWrap .slideOuter ul li:nth-of-type(6) div {background-image:url("../images/benefit_icon_06.svg");}
.slideWrap .slideOuter ul li:nth-of-type(7) div {background-image:url("../images/benefit_icon_07.svg");}
.slideWrap .slideOuter ul li:nth-of-type(8) div {background-image:url("../images/benefit_icon_08.svg");}
.slideWrap .slideOuter ul li:nth-of-type(9) div {background-image:url("../images/benefit_icon_09.svg");}
.slideWrap .slideOuter ul li:nth-of-type(10) div {background-image:url("../images/benefit_icon_10.svg");}
.slideWrap .slideOuter ul li:nth-of-type(11) div {background-image:url("../images/benefit_icon_11.svg");}
.slideWrap .moveButton {position:absolute;top:40px;right:0;}
.slideWrap .moveButton .btn {width:40px;height:40px;border-radius:50%;background-color:transparent;background:url("../images/moveButton_arrow.svg") center center no-repeat;text-indent:-9999px;}
.slideWrap .moveButton .btn.left {transform:rotate(180deg);}
.slideWrap .moveButton .btn.right {margin-left:9px;}
.slideWrap .moveButton .btn:disabled {cursor:default;}
.slideWrap .moveButton .btn.left:disabled,
.slideWrap .moveButton .btn.right:disabled {background-image:url("../images/moveButton_arrow_dis.svg");}
.slideWrap .scrollbar {margin-top:0;height:5px;width:960px;background-color:#D9D9D9;line-height:0;border-radius:2px;}
.slideWrap .scrollbar .handle {position:relative;top:0;height:5px;background-color:#676767;cursor:pointer;border-radius:2px;}
.slideWrap .scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:100%;height:20px;}
.benefitWrap .slideWrap {margin:20px 0;}
.benefitWrap .slideWrap .controller {position:relative;padding-top:13px;width:960px;margin:20px auto 0 auto;}

.storyWrap {padding:150px 0 !important;background-color:#008FD5;}
.storyWrap .section-title h2,
.storyWrap .section-title p {color:#fff;}
.storyWrap {margin-bottom:135px;}
.storyWrap figure {margin-bottom:95px;}
.storyWrap .moviePlayArea {position:relative;z-index:30;}
.storyWrap .moviePlayArea .movieFrame {width:710px;border:5px solid #fff;}
.storyWrap .moviePlayArea .movieBig {position:relative;width:100%;padding-bottom:56.25%;background-color:#dcdcdc;}
.storyWrap .moviePlayArea .movieBig iframe {position:absolute;width:100%;height:100%;display:block;}
.storyWrap .moviePlayArea .movieThumb {position:absolute;top:0;right:0;width:222px;}
.storyWrap .moviePlayArea .movieThumb div {width:222px;height:124px;z-index:100;}
.storyWrap .moviePlayArea .movieThumb div img {position:relative;width:222px;height:auto;z-index:9;}
.storyWrap .moviePlayArea .movieThumb div iframe {display:none;}
.storyWrap .moviePlayArea .movieThumb div+div {margin-top:16px;}
.storyWrap .moviePlayArea .movieThumb ul li {position:relative;}
.storyWrap .moviePlayArea .movieThumb ul li .hover {display:none;font-size:20px;line-height:26px;color:#fff;justify-content:center;align-items:center;text-align:center;}
.storyWrap .moviePlayArea .movieThumb ul li:hover .hover {position:absolute;display:flex;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);border:solid 4px #fff;z-index:10;}
/* .storyWrap .moviePlayArea .movieThumb div:nth-of-type(1) {top:0;}
.storyWrap .moviePlayArea .movieThumb div:nth-of-type(2) {top:140px;}
.storyWrap .moviePlayArea .movieThumb div:nth-of-type(3) {top:280px;}
.storyWrap .moviePlayArea .movieThumb div:nth-of-type(4) {top:414px;} */

.storyWrap .linkArea {margin-top:30px;}
.storyWrap .linkArea .link {height:80px;border-radius:30px;background-color:#fff;}
.storyWrap .linkArea .link span {display:inline-flex;padding-right:40px;background:url("../images/link_rndArrow.svg") no-repeat right center;font-size:28px;line-height:30px;font-weight:700;}

.linkWrap .linkGroup {display:flex;height:80px;align-items:center;justify-content:space-between;}
.linkWrap .linkGroup a {display:flex;width:304px;height:80px;padding-left:28px;border-radius:30px;align-items:center;}
.linkWrap .linkGroup a span {display:inline-flex;padding-left:52px;height:43px;background-repeat:no-repeat;background-position:0 center;font-size:24px;line-height:43px;font-weight:700;color:#fff;}
.linkWrap .linkGroup .blog {background-color:#2FB44A;}
.linkWrap .linkGroup .blog span {background-image:url("../images/link_logo_01.svg");}
.linkWrap .linkGroup .kakao {background-color:#391B1B;}
.linkWrap .linkGroup .kakao span {background-image:url("../images/link_logo_02.svg");}
.linkWrap .linkGroup .faq {background-color:#FB7F68;}
.linkWrap .linkGroup .faq span {background-image:url("../images/link_logo_03.svg");}
.linkWrap .bulList {margin-top:30px;}
.linkWrap .link_apply {width:100%;height:120px;margin-top:100px;border-radius:30px;background-color:#008FD5;font-family:"Gmarket";}
.linkWrap .link_apply span {display:block;padding-right:50px;height:50px;line-height:50px;font-size:42px;font-weight:700;color:#fff;background:url("../images/link_rndArrow_w_42.svg") no-repeat right center / auto 42px;;}

.popupWrap {width:960px;overflow-y:auto;overflow-x:hidden;background-color:#fff;z-index:2000;}
.popupWrap .btn_popClose {position:absolute;top:20px;right:20px;width:50px;height:50px;background-color:#000;border-radius:50%;z-index:10;}
.popupWrap .btn_popClose:before,
.popupWrap .btn_popClose:after {content: "";position: absolute;top: 50%;left: 50%;width:30px;height:3px;background-color:#008FD5;}
.popupWrap .btn_popClose:before {transform: translate(-50%, -50%) rotate(-45deg);}
.popupWrap .btn_popClose:after {transform: translate(-50%, -50%) rotate(45deg);}
.popupWrap[class*="partPop"] .popHeader {position:relative;display:block;height:300px;background-color:#008FD5;}
.popupWrap[class*="partPop"] .popHeader .head {position:absolute;bottom:24px;left:30px;color:#fff;}
.popupWrap[class*="partPop"] .popHeader .head dt {font-family:"Gmarket";font-size:48px;line-height:55px;font-weight:700;}
.popupWrap[class*="partPop"] .popHeader .head dd {margin-top:5px;font-size:24px;line-height:36px;}
.popupWrap[class*="partPop"] .popHeader .head dd strong {display:inline-flex;margin-left:10px;}
.popupWrap[class*="partPop"] .popHeader figure {position:absolute;right:100px;bottom:0;}
.popupWrap[class*="partPop"] .popHeader figure img {height:280px;}
.popupWrap[class*="partPop"] .popContent {padding:80px 40px 120px;}
.popupWrap[class*="partPop"] .popContent .qna dt {position:relative;padding:0 0 28px 10px;font-family:"Gmarket";font-size:34px;color:#008FD5;font-weight:700;line-height:39px;}
.popupWrap[class*="partPop"] .popContent .qna dt:before {content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background-color:#9ACA3C;}
.popupWrap[class*="partPop"] .popContent .qna dd {padding-left:10px;font-size:20px;line-height:32px;}
.popupWrap[class*="partPop"] .popContent .qna+.qna {margin-top:50px;}
.popupWrap[class*="partPop"] .popContent ul li {display:flex;}
.popupWrap[class*="partPop"] .popContent ul li span {position:relative;width:150px;padding-left:20px;background:url("../images/icon_bul.svg") no-repeat 0 13px;line-height:32px;}
.popupWrap[class*="partPop"] .popContent ul li p {width:calc(100% - 150px);line-height:32px;}
.popupWrap .popHeader.illust01 {background-image:url("../images/pop_illust_01.svg");}
.popupWrap .popHeader.illust02 {background-image:url("../images/pop_illust_02.svg");}
.popupWrap .popHeader.illust03 {background-image:url("../images/pop_illust_03.svg");}
.popupWrap .popHeader.illust04 {background-image:url("../images/pop_illust_04.svg");}
.popupWrap .popHeader.illust05 {background-image:url("../images/pop_illust_05.svg");}
.popupWrap .popHeader.illust06 {background-image:url("../images/pop_illust_06.svg");}
.popupWrap .popHeader.illust07 {background-image:url("../images/pop_illust_07.svg");}
.popupWrap .popHeader.illust08 {background-image:url("../images/pop_illust_08.svg");}

.blank {position:absolute;top:0;left:0;width:100%;height:100vh;background:url("../images/brandLogo.svg") no-repeat center center / 100px auto;}

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

	.innerWrap {width:100%;margin:0;}
	header .innerWrap {width:auto;}
	header nav {right:20px;}
}

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

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

	header nav ul li:not(:first-child) {margin-left:20px;}
	header nav ul {margin-right:155px;}
	
	.partIntroWrap .scrollWrap {height:auto;}
	.partIntroWrap .scrollWrap .title {margin-left:20px;display:none;}
	.partIntroWrap .scrollWrap .title:not(:first-child) {margin-top:40px;}
	.partIntroWrap .scrollWrap .scrollerOuter {margin-left:20px;}
	.partIntroWrap .scrollWrap .scrollerOuter li {position:relative;float:left;padding:0;}
	/* .partIntroWrap .scrollWrap .scrollerOuter li .box {width:240px;height:260px;margin:23px 30px 36px;} */
	.partIntroWrap .scrollWrap .scrollerOuter li figure {right:-20px;}
	.partIntroWrap .scrollWrap .scrollerOuter li figure img {height:128px;}
	.partIntroWrap .scrollWrap .scrollerOuter li dl dt {padding-right:45px;;font-size:32px;line-height:37px;}
	.partIntroWrap .scrollWrap .scrollerOuter li dl dd {font-size:13px;line-height:120%;padding-right:80px;}
	.partIntroWrap .scrollWrap .scrollerOuter li p {height:60px;font-size:13px;line-height:18px;flex-flow:wrap row;align-content:center;}
	.partIntroWrap .scrollWrap .scrollerOuter li p span {width:100%;margin:0;}
	.partIntroWrap .scrollWrap .pages {display:flex;margin-top:30px;justify-content:center;}
	.partIntroWrap .scrollWrap .pages li {width:24px;height:24px;border-radius:50%;background-color:#C4C4C4;text-indent:-9999px;cursor:pointer;}
	.partIntroWrap .scrollWrap .pages li.active {background-color:#008FD5;cursor:default;}
	.partIntroWrap .scrollWrap .pages li+li {margin-left:10px;}
	.partIntroWrap .scrollWrap+.scrollWrap {margin-top:40px;}

	.linkWrap .linkGroup {width:100%;}
	.linkWrap .linkGroup a+a {margin-left:10px;}
}

@media (max-width:820px) {
	header .m_btn_menu {display:block;position:absolute;top:0;right:0;width:80px;height:100px;background:url("../images/m_btn_menu.svg") center center no-repeat;}
	header .logo {position:absolute;top:0;left:50%;transform:translateX(-50%);}
	/* header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:110px 0 0 50px;background-color:#000;z-index:1000;} */
	header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
	header .gnbWrap .box {position:absolute;top:0;right:0;width:100%;height:100%;width:calc(100% - 10rem);padding:4.4rem 1rem 0;background-color:#333;}
	header .gnbWrap ul li {margin-left:0 !important;width:auto;padding-left:30px;height:85px;font-size:28px;color:#fff;border-bottom:solid 1px rgba(204, 204, 204,0.3);}
	/* header .gnbWrap ul li+li {margin-top:30px;} */
	header .gnbWrap ul {display:block;margin-right:0;}
	header nav ul li a {display:block;text-align:left;font-size:28px;line-height:85px;font-weight:700;}
	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;}
	header .m_btn_close {position:absolute;top:20px;right:20px;width:50px;height:50px;z-index:10;}
	header .m_btn_close:before,
	header .m_btn_close:after {content: "";position: absolute;top: 50%;left: 50%;width:100%;height: 2px;background-color: rgba(255, 255, 255, 0.4);}
	header .m_btn_close:before {transform: translate(-50%, -50%) rotate(-45deg);}
	header .m_btn_close:after {transform: translate(-50%, -50%) rotate(45deg);}
	header .link_apply {top:480px;left:50px;font-size:28px;line-height:85px;color:#fff;}

}

@media (max-width:750px) {

	#wrap {padding-top:0;}
	footer {background-size:auto 15px;}
	
	.section-title {margin-bottom:60px;}
	.section-title h2 {font-size:59px;line-height:64px;}
	.section-title h2 span {display:block;}
	.section-title p {position:relative;margin-top:10px;font-size:32px;line-height:48px;font-weight:700;color:#606060;}

	.headingWrap {height:auto;padding:170px 0 100px !important;background:url("../images/heading_bg_m.png") no-repeat center bottom / auto 560px;}
	.headingWrap .innerWrap {width:100%;height:660px;}
	.headingWrap .keyvisualBox {left:calc(50% - 330px);width:660px;height:660px;background-image:url("../images/heading_keyvisual_m.svg");background-size:auto 660px;}
	.headingWrap .head-title {top:218px;left:218px;width:218px;height:218px;padding:23px 0 0 27px;}
	
	.partIntroWrap {padding-top:40px !important;}
	
	/* .simply-scroll {height:309px;}
	.simply-scroll .simply-scroll-clip {height:309px;} */

	.jobsWrap {padding:70px 0 !important;}
	.jobsWrap h2.title {margin-bottom:20px;}
	/* .jobsWrap .positionTabUI {} */
	.jobsWrap .positionTabUI li {font-size:32px;height:88px;}
	.jobsWrap .positionTabUI li:nth-of-type(1) {width:120px;}
	.jobsWrap .positionTabUI li:nth-of-type(2) {width:calc(100% - 200px);}
	.jobsWrap .positionTabUI li:nth-of-type(3) {width:70px;}
	.jobsWrap .table {width:960px;}
	.jobsWrap .positionTabContent,
	.jobsWrap .jdTabContent {width:calc(100vw - 40px);overflow-x:auto;}

	.jobsWrap .jdTabUI.jd_new {flex-flow:row wrap;justify-content:flex-start;}
	.jobsWrap .jdTabUI.jd_new li {margin:0 22px 20px 0;}
	

	.recruitInfoWrap {padding:80px 0 0 !important;}
	.recruitInfoWrap h2.title {margin-bottom:30px;}
	.recruitInfoWrap dl {display:block;}
	.recruitInfoWrap dl dt,
	.recruitInfoWrap dl dd {width:100%;}
	.recruitInfoWrap dl dt {margin-bottom:20px;}
	.recruitInfoWrap dl .bl_color {font-size:16px;}
	.recruitInfoWrap dl .g_color {padding:0;font-size:12px;line-height:22px;}

	.recruitInfoWrap dl dt {font-size:42px;}
	.recruitInfoWrap dl dd .bulList {text-align:left;}

	.benefitWrap .slideWrap {padding:0 20px;}
	.benefitWrap .slideWrap .controller {width:100%;}
	.benefitWrap .slideWrap .controller .scrollbar {display:none;}
	.benefitWrap .slideWrap .controller .moveButton {left:50%;right:auto;transform:translateX(-50%);}
	.benefitWrap .slideWrap .controller .moveButton .btn {width:60px;height:60px;background-size:auto 60px;}

	.storyWrap .moviePlayArea .movieFrame {width:100%;}
	.storyWrap .moviePlayArea .movieThumb {display:flex;position:relative;top:auto;right:auto;margin-top:30px;}
	.storyWrap .moviePlayArea .movieThumb div {width:218px;height:132px;}
	.storyWrap .moviePlayArea .movieThumb div img {width:100%;}
	.storyWrap .moviePlayArea .movieThumb div+div {margin:0 0 0 12px;}
	.storyWrap .linkArea .link {height:100px;border-radius:50px;}
	.storyWrap .linkArea .link span {padding-right:50px;height:38px;line-height:38px;font-size:36px;background-size:auto 38px;}

	.linkWrap .linkGroup {margin-bottom:40px;padding:0;width:auto;height:auto;flex-flow:nowrap column;}
	.linkWrap .linkGroup a {width:100%;height:100px;padding-left:0;border-radius:50px;justify-content:center;}
	.linkWrap .linkGroup a+a {margin:30px 0 0;}
	.linkWrap .linkGroup a span {padding-left:85px;height:70px;background-size:auto 60px;font-size:36px;line-height:70px;}
	.linkWrap .link_apply {border-radius:60px;font-size:42px;}
	
	.popupWrap {width:calc(100% - 40px);}
	/* .popupWrap .popHeader {height:270px;padding:55px 20px 0;} */
	.popupWrap .popHeader h3 {font-size:30px;line-height:40px;}
	.popupWrap .popHeader .belong {bottom:20px;left:20px;}
	.popupWrap .popContent {padding:40px 20px;}
	
	.popupWrap[class*="partPop"] .popHeader {height:270px;padding:55px 20px;background-position:right 0;}
	.popupWrap[class*="partPop"] .popHeader .head dt {font-size:22px;line-height:30px;}
	.popupWrap[class*="partPop"] .popHeader .head dd {font-size:18px;}
	.popupWrap[class*="partPop"] .popHeader figure {display:none;}
	.popupWrap[class*="partPop"] .popHeader .info-desc {bottom:20px;left:20px;}
	.popupWrap[class*="partPop"] .popHeader .info-desc span {height:30px;font-size:14px;}
	.popupWrap[class*="partPop"] .popContent {padding:40px 20px;}
	.popupWrap[class*="partPop"] .popContent .qna dt {font-size:20px;}
	.popupWrap[class*="partPop"] .popContent .qna dd {font-size:15px;}
}

@media (max-width:375px) {
	/* .headingWrap .link_apply {width:calc(100% - 60px);margin-left:20px;} */
	
}

/* 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;}