@charset "utf-8";

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

/*layout*/
#wrap {position:relative;height:auto;margin:0 auto;padding-top:4rem;}
.innerWrap {position:relative;width:54.5rem;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;}

.mVer {display:none;}

header {position:fixed;top:0;left:0;padding:0 3rem 0 2.5rem;width:100%;height:4rem;z-index:1000;background-color:#fff;}
header .logo, header .m_logo,
header .brandLogo {display:block;width:9.9rem;height:4rem;background:url("../images/brandLogo.svg") no-repeat 0 center / 8rem auto;z-index:998;}
header .m_btn_menu,
header .m_btn_close {display:none;}
header .innerWrap {display:flex;width:100%;justify-content:space-between;}
header nav ul {display:flex;}
header nav ul li {height:4rem;color:#3779B9;}
header nav ul li+li {margin-left:3rem;font-size:1.25rem;font-weight:700;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
header nav ul li a:hover,
header nav ul li.active a {color:#3779B9;}

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

.headingWrap {height:51rem;width:100%;background-color:#4b98c8;}
.headingWrap .innerWrap {display:flex;height:51rem;align-items:center;}
.headingWrap figure {width:100%;}
.headingWrap figure img {width:54.5rem;}

.recruitInfoWrap {padding:90px 0;}
.recruitInfoWrap figure {width:100%;}
.recruitInfoWrap figure img {width:49.4rem;}

.presentationWrap {padding:4rem 0;text-align:center;background:#d2f0ff url("../images/presentation_bg.png") no-repeat center center;}
.presentationWrap .box {position:relative;width:100%;height:19.45rem;background:url("../images/presentation_box.svg") no-repeat center 0 / auto 19.45rem;}
.presentationWrap .box .qrCode {position:absolute;top:9rem;left:calc(50% - 15rem);}
.presentationWrap .box .qrCode img {height:7rem;}
.presentationWrap .link {position:absolute;top:11rem;left:calc(50% - 6rem);}
.presentationWrap .link img {height:4.65rem;}

.jobDescWrap {padding:5rem 0 1rem;background-color:#2a91c5;}
.jobDescWrap .head-title {background-image:url("../images/jd_title.svg");}
.jobDescWrap .countBox {position:relative;height:28rem;margin-top:-1.5rem;background:url("../images/box_count_02.png") no-repeat 0 0 / auto 28rem;z-index:10;}
.jobDescWrap .countingBox {position:absolute;top:9rem;display:flex;width:100%;height:3.5rem;justify-content:center;align-items:center;text-align:center;z-index:100;}
.jobDescWrap .countingBox .count {color:#3092c6;font-weight:700;}
.jobDescWrap .countingBox .count span {position:relative;display:inline-block;width:5rem;font-size:3rem;text-align:center;}
/* .linkWrap .countingBox .count span:after {content:"일";display:block;position:absolute;font-size:15px;color:#fff;text-align:center;font-weight:500;} */
.jobDescWrap .countingBox .count em {font-style:normal;vertical-align:top;line-height:3.5rem;font-size:1.75rem;}

.btn_more {width:8.8rem;height:4.5rem;background:url("../images/btn_more.svg") no-repeat center 0 / auto 4.5rem;}
.btn_more.active {background-image:url("../images/btn_more_up.svg");}

.head-title {margin-bottom:1.5rem;height:7.5rem;text-align:center;background-repeat:no-repeat;background-position:center 0;background-size:auto 7.5rem;}
.moreArea {text-align:center;}

.companyIntroWrap {padding:3.5rem 0 2.5rem;background:#94bc40 url("../images/company_bg.png") no-repeat center center / auto 19.5rem;transition:0.3s;}
.companyIntroWrap .head-title {background-image:url("../images/company_title.svg");}
.companyIntroWrap figure {display:none;margin-top:2rem;}
.companyIntroWrap figure img+img {margin-top:1.5rem;}
.companyIntroWrap.active {background-color:#e9f5fa;background-image:none;transition:0.3s;}
.companyIntroWrap.active .head-title {background-image:url("../images/company_title_active.svg");}

.samyangSNSWrap {padding:3.5rem 0 2.5rem;height:19.5rem;background:#db5e40 url("../images/sy_sns_bg.png") no-repeat center center / auto 19.5rem;transition:0.3s;}
.samyangSNSWrap .head-title {background-image:url("../images/sy_sns_title.svg");}
.samyangSNSWrap .channelBox {margin:2rem auto 0;width:46.5rem;height:0;opacity:0;}
.samyangSNSWrap.active {height:auto;background-color:#d2f0ff;background-image:none;}
.samyangSNSWrap.active .head-title {background-image:url("../images/sy_sns_title_active.svg");}
.samyangSNSWrap.active .channelBox {opacity:1;height:auto;}
.samyangSNSWrap .movieBigFrame {width:46.5rem;margin:2rem 0 2.5rem;}
/* .samyangSNSWrap .movieThumb {margin-top:2.5rem;} */
.samyangSNSWrap .movieThumb li {position:relative;width:15.2rem;background-color:#fff;cursor:pointer;}
.samyangSNSWrap .movieThumb li+li {margin-left:0.44rem;}
.samyangSNSWrap .snsLinkWrap {display:flex;margin-top:2.75rem;justify-content:center;}
.samyangSNSWrap .snsLinkWrap li a {display:block;width:4.1rem;height:4.1rem;border-radius:50%;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:auto 4.1rem;}
.samyangSNSWrap .snsLinkWrap li+li {margin-left:2.3rem;}
.samyangSNSWrap .snsLinkWrap li:nth-of-type(1) a {background-image:url("../images/sns_icon_01.svg");}
.samyangSNSWrap .snsLinkWrap li:nth-of-type(2) a {background-image:url("../images/sns_icon_02.svg");}
.samyangSNSWrap .snsLinkWrap li:nth-of-type(3) a {background-image:url("../images/sns_icon_03.svg");}
.samyangSNSWrap .snsLinkWrap li:nth-of-type(4) a {background-image:url("../images/sns_icon_04.svg");}

.channelWrap {padding:4rem 0;background-color:#db5e40;}
.channelWrap .innerWrap {width:46.5rem;}
.channelWrap .list {display:flex;margin-top:1rem;justify-content:center;cursor:pointer;}
.channelWrap .list li {width:18rem;background-color:#fff;}
.channelWrap .list li+li {margin-left:0.5rem;}
.channelWrap .list li a {display:block;width:100%;height:100%;}
.channelWrap .list li img {display:block;}
.channelWrap .slideWrap {margin:2.25rem 0 3rem;}

.groupWrap {padding:3.5rem 0;background:#fff url("../images/group_bg.png") no-repeat center center / auto 23.7rem;text-align:center;}
.groupWrap .head-text {width:100%;height:7.5rem;background:url("../images/group_title.svg") no-repeat center 0 / auto 7.5rem;}
.groupWrap .link {display:inline-block;margin-top:2rem;width:31.4rem;height:6.6rem;background:url("../images/link_syRecruit.svg") no-repeat center 0 / auto 6.6rem;}

.popupWrap:not(.movie_box) {width:37.5rem;background-color:#0399ce;}
.popupWrap.movie_box {overflow:initial;}
.popupWrap.movie_box .btn_popClose {top:-45px;right:0;}

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

	html {font-size:15px;}
	header {padding:0;}
    .innerWrap {width:100%;padding:0 1.5rem;}

	/* .headingWrap .innerWrap {padding-left:5rem;} */
	.popupWrap {width:calc(100% - 3rem) !important;}
	.popupWrap figure img {width:100%;}
}

@media (max-width:500px) {
	html {font-size:10px;}
	img {max-width:100%;}
}