@charset "utf-8";

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

/*layout*/
#wrap {position:relative;height:auto;margin:0 auto;}
.innerWrap {position:relative;width:62.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;}
[class*="link"].align {display:inline-flex;align-items:center;justify-content:center;}

.mVer {display:none;}

.f_light {font-family:"NanumSquareLight";}
.f_bold {font-family:"NanumSquareBold";}
.f_exBold {font-family:"NanumSquareBold";}

header {position:fixed;top:0;left:0;width:100%;background-color:#ffea97;z-index:1000;}
header .innerWrap {height:5rem;width:80rem;padding-right:10.7rem;display:flex;justify-content:space-between;align-items:center;}
header .logo, header .m_logo,
header .brandLogo {display:block;width:6.9rem;height:5rem;background:url("../images/brandLogo.svg") no-repeat 0 center / 6.9rem auto;z-index:998;}
header .m_btn_menu,
header .m_btn_close,
header .homeLink {display:none;}
header nav ul {display:flex;}
header nav ul li {height:5rem;font-size:1.2rem;font-family:"NanumSquareBold";color:#000;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
header nav ul li+li {margin-left:2rem;}
header .link_apply {position:absolute;top:24px;right:0;height:2.7rem;width:8.9rem;font-size:1.2rem;font-family:"NanumSquareBold";color:#fff;background-color:#ed7137;border-radius:4rem;}
/* header.fixed {top:0;padding:1rem 0;background-color:#fff;transition:0.3s;} */

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

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

h2.title {position:relative;margin-bottom:3.5rem;}
h2.title strong {font-size:2.9rem;line-height:3.5rem;font-family:"NanumSquareBold";}
h2.title span {position:relative;display:inline-flex;padding:0 2rem;height:3.3rem;color:#474747;font-size:1.6rem;font-family:"NanumSquareBold";align-items:center;border:solid 2px #fff;border-radius:4rem;}
h2.title.type01 {display:flex;justify-content:space-between;align-items:center;z-index:10;}
h2.title.type01 strong {position:relative;padding-right:0.5rem;z-index:10;}
h2.title.type01:before {content:"";position:absolute;top:1.5rem;left:0;width:100%;height:2px;background-color:#fff;}

.headingWrap {background-color:#ffea97;}
.headingWrap .innerWrap {width:80rem;height:63.2rem;padding:10rem 0 0;}
.headingWrap .heading__title {position:relative;width:28.6rem;height:12.5rem;background:url("../images/heading_title_01.svg") no-repeat 0 0 / 28.6rem auto;z-index:30;}
.headingWrap .keyvisual {bottom:7rem;left:calc(50% - 40.7rem);}
/* .headingWrap .keyvisual img {height:49.2rem;} */
.headingWrap .link_apply {position:relative;margin-top:7.5rem;width:15.5rem;height:4.5rem;border-radius:5rem;background-color:#ed7137;font-family:"NanumSquareBold";font-size:2rem;color:#fff;z-index:30;}

.bul__list li {position:relative;padding-left:18px;font-size:0.9rem;line-height:1.5rem;color:#000;}
.bul__list li:before {content:"-";position:absolute;top:0;left:0;}


/* 영상 */
.overviewWrap {padding:9.5rem 0 9.5rem;background-color:#12223e;color:#fff;}
.overviewWrap .movieBig {border-radius:1rem;overflow:hidden;}
.overviewWrap .toggle__area {position:relative;display:flex;margin-top:0.8rem;height:5rem;font-family:"NanumSquareBold";color:#fff;font-size:1.6rem;align-items:center;border-bottom:solid 3px #ed7137;cursor:pointer;}
.overviewWrap .toggle__area:after {content:"";position:absolute;top:0;right:0;width:5rem;height:5rem;background:url("../images/arrow_down.svg") no-repeat center center / auto 2.8rem;transform:rotate(180deg);transition:0.3s;}
.overviewWrap .toggle__area.active:after {transform:rotate(0deg);}
.overviewWrap .overview__desc {padding:4rem 0;display:none;}
.overviewWrap .overview__desc .company {display:flex;}
.overviewWrap .overview__desc .company dt {width:13.5rem;font-size:1.9rem;line-height:3.2rem;color:#ff671d;}
.overviewWrap .overview__desc .company dd {width:calc(100% - 13.5rem);font-size:1.5rem;line-height:3rem;}
.overviewWrap .overview__desc .overview__list {display:flex;margin-top:9rem;font-size:1.5rem;flex-flow:wrap row;flex-flow:wrap row;justify-content:space-between;}
.overviewWrap .overview__desc .overview__list li {width:18.7rem;height:15rem;padding:1.5rem 0 0;border-top:solid 6px #ed7137;}
.overviewWrap .overview__desc .overview__list li strong {font-family:"NanumSquareBold";}
.overviewWrap .overview__desc .overview__list li p {margin-top:1rem;line-height:2.5rem;}
.overviewWrap .overview__desc.active {display:block;}

/* 모집공고 */
.jDWrap {padding:6.5rem 0;}
.tabUI {margin-top:60px;border-bottom:solid 1px #4d4d4d;}
.tabUI li {flex:1;height:4.7rem;font-size:1.7rem;color:#9A9EA4;font-weight:700;}
.tabUI li span {display:flex;height:4.7rem;width:100%;justify-content:center;align-items:center;font-family:"NanumSquareBold";border-bottom:solid 0.4rem transparent;transition:0.3s;}
.tabUI li.active span {color:#0c2340;border-bottom-color:#ed7137;}
.tabContainer {margin-top:5rem;}

.table {width:100%;border-top:solid 2px #FF671D;border-bottom:solid 2px #FF671D;font-size:1.4rem;line-height:1.7rem;color:#1a1a1a;}
.table .left {text-align:left;}
.table .center {text-align:center;}
.table thead th {height:5rem;border-bottom:solid 2px #FF671D;font-family:"NanumSquareBold";}
.table tbody th {text-align:center;}
.table tbody td {height:5rem;border-bottom:solid 1px #ff671d;}
.table tbody td .pop_view {width:8.9rem;height:2.5rem;border-radius:3rem;background-color:#FF671D;font-size:1.35rem;color:#fff;}

/* 전형안내 */
.recruitInfoWrap {padding:6.5rem 0;background-color:#eeeeef;}
.recruitInfoWrap h2.title {margin-bottom:4.5rem;}
.recruitInfoWrap figure img {height:60.7rem;}

/* interview */
.interviewWrap {padding:6.5rem 0;}
.interviewWrap .interview__list {display:flex;flex-flow:wrap row;}
.interviewWrap .interview__list li {position:relative;width:14.3rem;height:19rem;margin-bottom:3rem;background-color:#fff;box-shadow: 7.11px 7.11px 10.16px rgba(0, 0, 0, 0.35);border-radius:1rem;overflow:hidden;cursor:pointer;}
.interviewWrap .interview__list li:not(:nth-of-type(4n)) {margin-right:1.7rem;}
.interviewWrap .interview__list li:after {content:"";position:absolute;bottom:1rem;right:1rem;width:1.65rem;height:1.65rem;background:url("../images/icon_pluse.svg") no-repeat center center / auto 1.65rem;z-index:10;}
.interviewWrap .interview__list li figure {height:10.8rem;}
.interviewWrap .interview__list li .items-detail {position:relative;height:8.2rem;padding:1rem 1.2rem;}
.interviewWrap .interview__list li .items-detail strong {font-family:"NanumSquareBold";font-size:1rem;}
.interviewWrap .interview__list li .items-detail p {margin-top:0.5rem;font-size:0.9rem;}
.interviewWrap .interview__list li .items-detail .nm {position:absolute;bottom:1rem;left:1.2rem;font-size:1rem;font-family:"NanumSquareBold";}


/* 복지제도 */
.benefitWrap {padding:6.5rem 0;background-color:#0c2340;}
.benefitWrap h2.title {margin-bottom:5rem;color:#fff;}
.benefitWrap h2.title strong {background-color:#0c2340;}
.benefitWrap h2.title span {background-color:#0c2340;color:#fff;}
.benefitWrap .benefitSlide {height:38.6rem;}
.benefitWrap .benefitSlide .swiper-slide {width:19.3rem;height:34rem;padding:14rem 1rem 0;text-align:center;border:2px solid #3aacf5;background-repeat:no-repeat;background-position:center 3.2rem;background-size:auto 7.6rem;border-radius:0.5rem;color:#fff;}
.benefitWrap .benefitSlide .swiper-slide dl dt {height:5.5rem;font-size:1.7rem;font-family:"NanumSquareBold";line-height:2.2rem;}
.benefitWrap .benefitSlide .swiper-slide dl dd {padding-top:2.5rem;font-size:1.4rem;line-height:2.1rem;background:url("../images/benefit_slide_line.svg") no-repeat center 0 / auto 0.9rem;}
.benefitWrap .benefitSlide .swiper-slide.slide01 {background-image:url("../images/benefit_icon_01.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide02 {background-image:url("../images/benefit_icon_02.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide03 {background-image:url("../images/benefit_icon_03.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide04 {background-image:url("../images/benefit_icon_04.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide05 {background-image:url("../images/benefit_icon_05.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide06 {background-image:url("../images/benefit_icon_06.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide07 {background-image:url("../images/benefit_icon_07.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide08 {background-image:url("../images/benefit_icon_08.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide09 {background-image:url("../images/benefit_icon_09.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide10 {background-image:url("../images/benefit_icon_10.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide11 {background-image:url("../images/benefit_icon_11.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide12 {background-image:url("../images/benefit_icon_12.svg");}
.swiper-pagination {bottom:-30px;}
.swiper-pagination-bullet {width:1rem;height:1rem;margin:0 0.5rem !important;background-color:#fff;opacity:1;}
.swiper-pagination-bullet-active {background-color:#ed7137;}
.swiper-button-prev {left:-5rem;}
.swiper-button-next {right:-5rem;}
.swiper-button-next:after, .swiper-button-prev:after {color:#fff;}

/* about dl */
.aboutDLWrap {padding:10rem 0;}
.aboutDLWrap h2.title {margin-bottom:5rem;color:#ff671d;}
.aboutDLWrap h2.title strong {background-color:#fff;}
.aboutDLWrap h2.title span {background-color:#fff;color:#0c2340;border-color:#ff671d;}
.aboutDLWrap h2.title:before {background-color:#ff671d;}
.aboutDLWrap .slideWrap {margin-top:3rem;}
.aboutDLWrap .slideWrap .slideOuter {width:100%;}
.aboutDLWrap .slideWrap .slideOuter ul li {width:19.5rem;}
.aboutDLWrap .slideWrap .slideOuter ul li+li {margin-left:2rem;}
.aboutDLWrap .slideWrap .moveButton {top:4rem;}
.aboutDLWrap .slideWrap .moveButton .btn {width:2rem;height:3rem;background:url("../images/slide_arrow.svg") no-repeat center center / 2rem auto;}
.aboutDLWrap .slideWrap .moveButton .btn.left {left:-4.5rem;}
.aboutDLWrap .slideWrap .moveButton .btn.right {right:-4.5rem;transform:rotate(180deg);}
.aboutDLWrap .more__link {margin:5rem 0 7.5rem;display:flex;justify-content:space-between;}
.aboutDLWrap .more__link .link {width:30.4rem;height:5.2rem;background:url("../images/more_link_01.svg") no-repeat 0 0 / auto 5.2rem;}
.aboutDLWrap .more__link .link.youtube {background-image:url("../images/more_link_02.svg");}
.aboutDLWrap .link_apply {width:23.8rem;height:6.2rem;border-radius:7rem;background-color:#ed7137;font-size:2.7rem;color:#fff;font-family:"NanumSquareBold";}

.popupWrap {width:51.2rem;}
.popupWrap .popHeader {position:relative;height:18.5rem;padding-top:13rem;background-color:#09233f;background-repeat:no-repeat;background-position:center 4.5rem;background-size:auto 4.8rem;}
.popupWrap .popHeader:before {content:"";position:absolute;top:4.5rem;left:5rem;width:50rem;height:1.4rem;background:url("../images/brandLogo_w.svg") no-repeat 0 0 / auto 1.4rem;z-index:10;}
.popupWrap .popHeader h3.title {color:#fff;font-family:"NanumSquareBold";font-size:2.6rem;text-align:center;}
.popupWrap[class*="jdPop_01"] .popHeader {background-image:url("../images/jd_pop_title_01.svg");}
.popupWrap[class*="jdPop_02"] .popHeader {background-image:url("../images/jd_pop_title_02.svg");}
.popupWrap[class*="jdPop_03"] .popHeader {background-image:url("../images/jd_pop_title_03.svg");}
.popupWrap[class*="jdPop_04"] .popHeader {background-image:url("../images/jd_pop_title_04.svg");}
.popupWrap .popContent {padding:5.5rem 5rem;background-color:#fff;}
.popupWrap .popContent dl dt {color:#e16629;font-size:1.2rem;font-family:"NanumSquareBold";}
.popupWrap .popContent dl dd {margin-top:1.4rem;}

.popupWrap[class*="interviewPop"] {padding-bottom:5rem;}
.popupWrap[class*="interviewPop"] .btn_popClose:before,
.popupWrap[class*="interviewPop"] .btn_popClose:after {background-color:#000;}
.popupWrap .photo {position:absolute;top:5.5rem;right:5rem;width:12.8rem;height:19.2rem;}

/* media query */
@media (max-width:1300px) {
	header .innerWrap {width:100%;padding:0 12rem 0 2rem;}
	header .link_apply {right:2rem;}

	.innerWrap {padding:0 2rem;}
	
	.headingWrap .innerWrap {width:100%;padding-left:2rem;}
	.headingWrap .keyvisual {left:0;}

	.interviewWrap .interview__list {justify-content:center;}
	.interviewWrap .interview__list li:not(:nth-of-type(4n)) {margin-right:0;}
	.interviewWrap .interview__list li:not(:nth-of-type(3n)) {margin-right:1.7rem;}

	.aboutDLWrap .slideWrap .moveButton .btn.left {left:-3rem;}
	.aboutDLWrap .slideWrap .moveButton .btn.right {right:-3rem;}

	.aboutDLWrap .more__link .link {background-size:auto 4.8rem;}
	
}