@charset "utf-8";

:root {
	--primary-color:#004498;
	--button-color1:#ceedfe;
	--button-color2:#fee5a8;
	--pop-color:#118ccf;
}

/*layout*/
html {font-size:20px;background-color:var(--primary-color);color:#fff;}
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:44.75rem;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;}

#wrap section {position:relative;margin:0 auto;padding-top:6rem;}
#wrap main {position:relative;overflow:hidden;}

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

header {position:fixed;top:0;left:0;width:100%;height:4rem;padding:0 2rem;z-index:1000;}
header .logo,
header .brandLogo {display:block;width:7.15rem;height:4rem;background:url("../images/brandLogo.svg") no-repeat 0 center / 7.15rem auto;z-index:998;}
header .m_btn_menu,
header .m_btn_close {display:none;}
header nav {display:block;position:absolute;top:0;right:2rem;padding-right:15.5rem;}
header nav ul {display:flex;}
header nav ul li {height:4rem;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-flow:row wrap;font-size:1rem;font-weight:400;color:#fff;}
header nav ul li+li {margin-left:2rem;}
header nav .link {height:2rem;color:var(--primary-color);font-weight:700;}
header nav .card-write {width:7.6rem;background-color:#ceedfe;}
header nav .apply {width:5.5rem;background-color:var(--button-color2);}
header .linkGroup {position:absolute;top:1rem;right:0;display:flex;}
header .linkGroup .link+.link {margin-left:0.6rem;}
header.fixed {top:0;height:4rem;background-color:var(--primary-color);}
header.fixed nav ul li,
header .logo {height:4rem;}

footer {height:5rem;background-color:#7d7d7d;}
footer .innerWrap {height:5rem;display:flex;justify-content:space-between;align-items:center;}
footer .logo {width:5.5rem;height:1.6rem;background:url("../images/brandLogo.svg") no-repeat 0 center / auto 1.6rem;z-index:998;}
footer .copyright {font-size:0.9rem;}
footer .snsGroup {display:flex;}
footer .snsGroup .link {width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:center center;background-size:auto 1.45rem;}
footer .snsGroup .link+.link {margin-left:0.5rem;}
footer .snsGroup .facebook {background-image:url("../images/footer_sns_01.png");}
footer .snsGroup .insta {background-image:url("../images/footer_sns_02.png");}
footer .snsGroup .youtube {background-image:url("../images/footer_sns_03.png");}
footer .snsGroup .naver {background-image:url("../images/footer_sns_04.png");}

.infoTextBar {display:flex;width:100%;height:4.75rem;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;font-weight:700;}
.infoTextBar.type01 {margin-top:4.25rem;background-color:#163bd4;}

.headingWrap {padding:6.5rem 0 3rem 0 !important;background-color:var(--primary-color);}
.headingWrap .keyvisual {width:45.4rem;height:34.2rem;margin:0 auto;background-image:url("../images/heading_keyvisual.png");background-size:auto 34.2rem;}
.headingWrap .heading-title {margin-top:3rem;}
.headingWrap .heading-text {margin-top:2.5rem;text-align:center;color:#fff;}
.headingWrap .heading-text dt {font-size:1.2rem;line-height:1.7rem;}
.headingWrap .heading-text dd {margin-top:0.5rem;font-size:1.2rem;line-height:2.3rem;font-weight:800;}
.headingWrap .heading-text dd strong {font-size:1.3rem;color:#81d3ff;}

h2.title {position:relative;height:4rem;font-size:2rem;font-weight:800;text-align:center;border-bottom:1px solid #fff;}
h2.title.noLine {border-bottom:0;}

.jobPostingWrap {padding-top:0 !important;}
.jobPostingWrap .innerWrap {padding-top:2rem;border-top:1px solid #fff;}
.jobPostingWrap dl {display:flex;}
.jobPostingWrap dl dt {width:6.25rem;font-size:1.3rem;line-height:1.7rem;font-weight:800;}
.jobPostingWrap dl dd {width:calc(100% - 6.25rem);font-size:1.2rem;line-height:1.7rem;letter-spacing:-0.05em;}
.jobPostingWrap dl dd p {font-size:1rem;}
.jobPostingWrap dl+dl {margin-top:1.2rem;}
.jobPostingWrap dl:nth-last-of-type(1) {padding-bottom:1.5rem;border-bottom:1px solid #fff;}
.jobPostingWrap .apply {width:5.5rem;height:2rem;margin-left:0.8rem;background-color:var(--button-color2);font-size:1rem;color:var(--primary-color);font-weight:800;}
.jobPostingWrap .buttonArea {margin-top:1.2rem;text-align:right;}
.jobPostingWrap .buttonArea .link {padding-left:1.75rem;background:url("../images/icon_plus.png") no-repeat 0 center / auto 1.3rem;font-size:0.9rem;line-height:1.7rem;}

.youtubeLiveWrap {padding-top:6rem !important;}
.youtubeLiveWrap .info {padding:1.75rem 0;border-bottom:1px solid #fff;background:url("../images/zoom_visual.png") no-repeat right center / auto 9.4rem;}
.youtubeLiveWrap .info li {display:flex;}
.youtubeLiveWrap .info li strong {width:6.25rem;font-size:1.3rem;line-height:1.7rem;font-weight:800;}
.youtubeLiveWrap .info li span {width:calc(100% - 6.26rem);font-size:1.2rem;line-height:1.7rem;letter-spacing:-0.05em;}
.youtubeLiveWrap .info li+li {margin-top:1.2rem;}
.youtubeLiveWrap .buttonArea {display:flex;padding-top:2rem;justify-content:space-between;}
.youtubeLiveWrap .buttonArea .link {flex:1;height:3.5rem;padding-left:2.2rem;font-size:1.7rem;font-weight:800;justify-content:flex-start;color:var(--primary-color);background-image:url("../images/link_arrow.png");background-position:right 2.2rem center;background-repeat:no-repeat;background-size:auto 1.3rem;}
.youtubeLiveWrap .buttonArea .link.regist {background-color:var(--button-color1);}
.youtubeLiveWrap .buttonArea .link.watch {background-color:var(--button-color2);}
.youtubeLiveWrap .buttonArea .link+.link {margin-left:1.5rem;}
.youtubeLiveWrap table {width:30.5rem;}
.youtubeLiveWrap table thead th {height:2.5rem;font-size:1.1rem;background-color:#fff;color:var(--primary-color);border-left:1px solid #004498;}
.youtubeLiveWrap table tbody td {padding:0.5rem;line-height:1.8rem;font-size:1.1rem;border-bottom:1px solid #fff;}
.youtubeLiveWrap table tbody td+td {border-left:1px solid #fff;}
.youtubeLiveWrap table tbody .center {text-align:center;font-weight:700;}

.prizeWrap .box {padding:3rem 11.7rem 3rem 0;text-align:center;font-size:1.7rem;line-height:2.4rem;border-bottom:1px solid #fff;background:url("../images/prize_visual.png") no-repeat right 3.75rem bottom / auto 9.5rem;}
.prizeWrap .box strong {font-weight:800;}
.prizeWrap .box span {display:inline-flex;padding:0 5px;align-items:center;background-color:#009520;font-weight:800;}
.prizeWrap .buttonArea {display:flex;padding-top:2rem;justify-content:space-between;}
.prizeWrap .buttonArea .link {flex:1;height:3.5rem;padding-left:2.2rem;font-size:1.7rem;font-weight:800;justify-content:flex-start;color:var(--primary-color);background-image:url("../images/link_arrow.png");background-position:right 2.2rem center;background-repeat:no-repeat;background-size:auto 1.3rem;}
.prizeWrap .buttonArea .link.regist {background-color:var(--button-color1);}
.prizeWrap .buttonArea .link.watch {background-color:var(--button-color2);}
.prizeWrap .buttonArea .link+.link {margin-left:1.5rem;}

.businessWrap h2.title {border:0;}
.businessWrap .busiTabUI li {width:12.5rem;height:3.5rem;color:#fff;border:1px solid #ffffff;font-size:1.2rem;}
.businessWrap .busiTabUI li+li {margin-left:1.2rem;}
.businessWrap .busiTabUI li.active {background-color:#ceedfe;border-color:#ceedfe;color:var(--primary-color);font-weight:800;}
.businessWrap .busiTabUI li:nth-of-type(2) {width:17rem;}
.businessWrap .tabContainer {margin-top:2.2rem;padding:2rem 0;border-style:solid;border-width:1px 0;border-color:#fff;}
.businessWrap .tabContent {display:none;text-align:center;font-size:1.2rem;line-height:1.7rem;}
.businessWrap .tabContent.active {display:block;}

/* .business_ly {margin-top:2rem;} */
.business_ly li {position:relative;display:grid;grid-template-columns:15rem auto;align-items:center;}
.business_ly li figure {position:relative;height:10rem;overflow:hidden;border-radius:0.3rem;}
.business_ly li figure img {height:100%;max-width:none;}
.business_ly li dl {padding-left:1.5rem;}
.business_ly li dl dt {display:none;font-size:1.4rem;font-weight:700;}
.business_ly li dl dd {font-size:1.2rem;line-height:1.7rem;}
.business_ly li+li {margin-top:2.5rem;}
.business_ly li+li:before {content:"";position:absolute;top:-1.25rem;height:1px;width:100%;background-color:#fff;opacity:0.2;}

.jdWrap h2.title {border:0;}
.jdWrap .jd-list {display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;grid-template-rows:repeat(2,19rem);counter-reset:number 0;}
.jdWrap .jd-list li {position:relative;padding:2rem 1.2rem;border:1px solid #fff;}
.jdWrap .jd-list li:before {content:counter(number,decimal-leading-zero);counter-increment: number;font-size:0.8rem;font-weight:800;}
.jdWrap .jd-list li dl {margin-top:1.2rem;}
.jdWrap .jd-list li dl dt {font-size:1.7rem;font-weight:800;}
.jdWrap .jd-list li dl dd {margin-top:0.8rem;font-size:0.7rem;line-height:1.1rem;}
.jdWrap .jd-list li .pop_view {position:absolute;bottom:2rem;width:calc(100% - 2.4rem);height:2.1rem;font-size:1rem;font-weight:800;color:var(--primary-color);text-align:center;background-color:var(--button-color1);}
.jdWrap .jd-list li:nth-of-type(3n-1) .pop_view {background-color:var(--button-color2);}

.movie_slide {
  position: relative;
}
.movie_slide .swiper-container,
.movie_slide .swiper {margin: 0 auto;}
.movie_slide .swiper-slide {width:21.6rem;}
.movie_slide .swiper-slide .slider-image {
  position: relative;
  padding-top:2rem;
  opacity: 0.5;
}
.movie_slide .swiper-slide p {display:inline-block;width:10.6rem;padding-top:1rem;font-size:0.8rem;font-weight:800;text-align:center;}
.movie_slide .swiper-slide .slider-image img {height:7.7rem;}
.movie_slide .swiper-slide.swiper-slide-active {padding: 0;opacity: 1;}
.movie_slide .swiper-slide.swiper-slide-active .slider-image {padding-top:0;opacity: 1;}
.movie_slide .swiper-slide.swiper-slide-active .slider-image img {height:auto;}
.movie_slide .swiper-slide.swiper-slide-active .slider-image .shadow {display: none;}
.movie_slide .swiper-slide.swiper-slide-active p {width:100%;padding-top:1.5rem;font-size:1.2rem;}
.movie_slide .swiper-slide.swiper-slide-prev {text-align:right;}

[class*=swiper-button] {
  width: 50px;
  height: 50px;
  top: calc(50% - 31px);
  border-radius: 50%;
  background: #fff url("../images/slide_arrow.png") no-repeat center center/auto 22px;
  font-size: 0;
	border:2px solid #fff;box-shadow:10px 0 10px rgba(1,43,94,0.5);
}
[class*=swiper-button]:before, 
[class*=swiper-button]:after {font-size: 0;}
[class*=swiper-button]:hover {
	background-color:var(--primary-color);background-image:url("../images/slide_arrow_active.png");
}
.swiper-button-prev {transform: rotate(180deg);}
.movie_slide .swiper-button-next {right:calc(50% - 12rem);}
.movie_slide .swiper-button-prev {left: calc(50% - 12rem);}

.movie_slide .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 12px;
  margin-top: 2rem;
}
.movie_slide .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0 !important;
  background-color: #fff;
  opacity: 0.3;
}
.movie_slide .swiper-pagination-bullet-active {
  background-color: #fff;
	opacity:1;
}

.benefitWrap {padding-bottom:4rem;}
.benefitWrap .subTitle {margin-bottom:1.5rem;line-height:2.7rem;font-size:1.2rem;font-weight:800;text-align:center;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.benefitWrap .swiper .swiper-slide {width:10.5rem;height:12.5rem;padding:1.5rem 1rem;border:1px solid #fff;font-size:1.3rem;line-height:1.6rem;font-weight:800;color:var(--button-color1);background-repeat:no-repeat;background-position:right 1rem bottom 1rem;background-size:auto 4.5rem;}
.benefitWrap .swiper .swiper-slide:nth-of-type(even) {color:var(--button-color2);}
.benefitWrap .slideWrap {position:relative;padding-bottom:4rem;}
.benefitWrap [class*=swiper-button] {top:calc(50% - 2rem);}
.benefitWrap .slideWrap .swiper-button-next {right:-1.25rem;}
.benefitWrap .slideWrap .swiper-button-prev {left:-1.25rem;}
.benefitWrap .slideWrap .swiper-scrollbar {bottom:2rem;left:0;width:100%;}
.benefitWrap .swiper-scrollbar-drag {background-color:#fff;}

.benefitSlide01 .swiper-slide:nth-of-type(1) {background-image:url("../images/benefit01_icon_01.png");}
.benefitSlide01 .swiper-slide:nth-of-type(2) {background-image:url("../images/benefit01_icon_02.png");background-size:auto 5rem;}
.benefitSlide01 .swiper-slide:nth-of-type(3) {background-image:url("../images/benefit01_icon_03.png");}
.benefitSlide01 .swiper-slide:nth-of-type(4) {background-image:url("../images/benefit01_icon_04.png");}
.benefitSlide01 .swiper-slide:nth-of-type(5) {background-image:url("../images/benefit01_icon_05.png");}
.benefitSlide01 .swiper-slide:nth-of-type(6) {background-image:url("../images/benefit01_icon_06.png");}
.benefitSlide01 .swiper-slide:nth-of-type(7) {background-image:url("../images/benefit01_icon_07.png");}
.benefitSlide01 .swiper-slide:nth-of-type(8) {background-image:url("../images/benefit01_icon_08.png");}
.benefitSlide01 .swiper-slide:nth-of-type(9) {background-image:url("../images/benefit01_icon_09.png");}
.benefitSlide01 .swiper-slide:nth-of-type(10) {background-image:url("../images/benefit01_icon_10.png");}

.benefitSlide02 .swiper-slide:nth-of-type(1) {background-image:url("../images/benefit02_icon_01.png");}
.benefitSlide02 .swiper-slide:nth-of-type(2) {background-image:url("../images/benefit02_icon_02.png");}
.benefitSlide02 .swiper-slide:nth-of-type(3) {background-image:url("../images/benefit02_icon_03.png");}
.benefitSlide02 .swiper-slide:nth-of-type(4) {background-image:url("../images/benefit02_icon_04.png");}
.benefitSlide02 .swiper-slide:nth-of-type(5) {background-image:url("../images/benefit02_icon_05.png");}
.benefitSlide02 .swiper-slide:nth-of-type(6) {background-image:url("../images/benefit02_icon_06.png");}
.benefitSlide02 .swiper-slide:nth-of-type(7) {background-image:url("../images/benefit02_icon_07.png");}
.benefitSlide02 .swiper-slide:nth-of-type(8) {background-image:url("../images/benefit02_icon_08.png");}
.benefitSlide02 .swiper-slide:nth-of-type(9) {background-image:url("../images/benefit02_icon_09.png");}

.benefitSlide03 .swiper-slide:nth-of-type(1) {background-image:url("../images/benefit03_icon_01.png");}
.benefitSlide03 .swiper-slide:nth-of-type(2) {background-image:url("../images/benefit03_icon_02.png");}
.benefitSlide03 .swiper-slide:nth-of-type(3) {background-image:url("../images/benefit03_icon_03.png");}
.benefitSlide03 .swiper-slide:nth-of-type(4) {background-image:url("../images/benefit03_icon_04.png");background-size:auto 4rem;}
.benefitSlide03 .swiper-slide:nth-of-type(5) {background-image:url("../images/benefit03_icon_05.png");background-size:auto 5rem;}
.benefitSlide03 .swiper-slide:nth-of-type(6) {background-image:url("../images/benefit03_icon_06.png");}
.benefitSlide03 .swiper-slide:nth-of-type(7) {background-image:url("../images/benefit03_icon_07.png");}
.benefitSlide03 .swiper-slide:nth-of-type(8) {background-image:url("../images/benefit03_icon_08.png");}

.popupWrap {width:50rem;}
.popupWrap .btn_popClose {position:absolute;top:0;right:0;width:90px;height:90px;}
.popupWrap .popHeader img {display:block;width:100%;}
.popupWrap .popContent {padding:0;background-color:#003cdb;}
/* .popupWrap .popContent .scroll {position:relative;height:calc(100vh - 250px);overflow-y:auto;} */
.popupWrap .popContent img {display:block;width:49rem;}
.popupWrap .popContent .btn_link {position:absolute;right:3.5rem;width:9.1rem;height:1.75rem;background-color:transparent;}
.popupWrap .popContent .pop01 {top:9.3rem;}
.popupWrap .popContent .pop02 {top:12.9rem;}
.popupWrap .popContent .pop03 {top:16rem;}
.popupWrap .popContent .pop04 {top:19.2rem;}
.popupWrap .popContent .pop05 {top:22.2rem;}
.popupWrap .popContent .pop06 {top:26.3rem;}
.popupWrap .popContent .pop07 {top:30.4rem;}
.popupWrap .popContent .pop08 {top:35.4rem;}
.popupWrap .popContent .pop09 {top:41.1rem;}
.popupWrap .popContent .pop10 {top:45.5rem;}
/* .popupWrap .popContent .pop11 {top:47.2rem;} */
.popupWrap .popContent .pop12 {top:50.1rem;}

.popupWrap[class*="int_pop"] {width:1000px;}
.popupWrap[class*="int_pop"] .btn_popClose {width:90px;height:90px;}
.popupWrap[class*="int_pop"] figure img {width:100%;}

.popupWrap[class*="jdPop"] {width:50rem;}
.popupWrap[class*="jdPop"] .btn_popClose {width:90px;height:90px;}
.popupWrap[class*="jdPop"] .popHeader {position:relative;padding:3.2rem 2.8rem;background-color:var(--pop-color);}
.popupWrap[class*="jdPop"] .popHeader h4 {font-size:2rem;font-weight:800;}
.popupWrap[class*="jdPop"] .popHeader p {margin-top:1.5rem;font-size:1rem;line-height:1.5rem;}
.popupWrap[class*="jdPop"] .popHeader .nameBox {position:absolute;bottom:-1.75rem;left:2.8rem;display:flex;height:3.5rem;width:calc(100% - 5.6rem);padding-left:1.5rem;background-color:#fff;box-shadow:0 0 10px rgba(159,159,159,0.5);align-items:center;
	font-size:1rem;color:#000;
}
.popupWrap[class*="jdPop"] .popHeader .nameBox strong {margin-right:0.7rem;font-weight:800;}
.popupWrap[class*="jdPop"] .popHeader .nameBox span {margin-left:0.7rem;}
.popupWrap[class*="jdPop"] .popContent {padding:1.8rem 2.8rem;background-color:#fff;color:#000;counter-reset:number;}
.popupWrap[class*="jdPop"] .popContent dl {position:relative;padding:3rem 0 3rem 4.5rem;}
.popupWrap[class*="jdPop"] .popContent dl:before {content:counter(number,decimal-leading-zero);counter-increment:number;position:absolute;top:3rem;left:0;display:flex;width:3.3rem;height:3rem;padding-left:0.8rem;background:url("../images/pop_number_bg.png") no-repeat center center / auto 3rem;align-items:center;font-size:1.2rem;color:var(--pop-color);font-weight:800;box-sizing:border-box;}
.popupWrap[class*="jdPop"] .popContent dl dt {position:relative;display:flex;height:3rem;font-size:1.2rem;line-height:1.4rem;color:var(--pop-color);font-weight:800;align-items:center;}
.popupWrap[class*="jdPop"] .popContent dl dd {margin-top:0.5rem;font-size:1rem;line-height:1.5rem;}
.popupWrap[class*="jdPop"] .popContent dl+dl {border-top:3px solid #e5ecf4;}
.popupWrap[class*="jdPop"] .popFooter {height:5rem;padding:0 2.8rem;display:flex;justify-content:space-between;align-items:center;background-color:#7d7d7d;}
.popupWrap[class*="jdPop"] .popFooter .logo {width:5.5rem;height:1.6rem;background:url("../images/brandLogo.svg") no-repeat 0 center / auto 1.6rem;z-index:998;}
.popupWrap[class*="jdPop"] .popFooter .copyright {font-size:0.9rem;}

.popupWrap.dutyPop {width:37.5rem;}

/* media query */
@media (max-width:1000px) {
	html {font-size:20px;}

  footer,
  footer .innerWrap {height:6rem;}
  footer .snsGroup .link {width:2.5rem;height:2.5rem;background-size:auto 2.5rem;}
  footer .snsGroup .link+.link {margin-left:1rem;}

  [class*=swiper-button] {width:70px;height:70px;top:calc(50% - 41px);}
  .movie_slide .swiper-button-next {right:calc(50% - 12.5rem);}
  .movie_slide .swiper-button-prev {left:calc(50% - 12.5rem);}

  .benefitWrap [class*=swiper-button] {top:calc(50% - 2.5rem);}
}