#main {position: relative;}

.main-tit {text-align: center; color: #111; z-index: 5; position: relative;}
.main-tit .tit {font-size: 50px; font-weight: bold; line-height: 1.3; margin-bottom: 35px; word-break: keep-all;}
.main-tit span {display: block; font-size: 16px; line-height: 1.7; word-break: keep-all;}
img {max-width: 100%;}





/*=====================
			메인
=====================*/
/* 비쥬얼 */
.visual {position: relative; width: 100%; height: 922px; background: url(/kr/career/img/career_visual_bg.png)no-repeat center/cover;}
.visual .bg {}
.visual .bg01 {width: 100%; height: 1739px; background: url(/kr/career/img/grey_bg01.png) no-repeat center/cover; position: absolute; top: 0; left: 0; z-index: -1;}
.visual .txt-box {position: absolute; top: 205px; left: 50%; transform: translateX(-50%); color: #fff; text-align: center; z-index: 50;}
.visual .txt-box > span {display: block; font-size: 19px; margin-bottom: 27px; word-break: keep-all;}
.visual .txt-box > h2 {font-family: 'Poppins', sans-serif; font-size: 70px; font-weight: 600; line-height: 1.3; overflow: hidden;}
.visual .txt-box > h2 span {display: block; animation: txtBtm 1s 0.5s both; }
.visual .icon {/* position: absolute; bottom: -131px; left: 50%; transform: translateX(-50%); *//* position: relative; */ }
.visual .icon > * {position: absolute;}
.visual .icon span { bottom: -116px; left: 50%; transform: translateX(-50%); display: block; z-index: 2;}
.visual .icon span img {z-index: 1;}
.visual .icon i {left: 50%; bottom: 15%; transform: translate(-50%, -50%); opacity: 1; transition: 1s;}
.visual .icon.on .icon01 {margin-left: 299px; bottom: 397px; transform: initial; opacity: 0.7; transition-delay: 1s;} 
.visual .icon.on .icon02 {margin-left: 217px; bottom: 291px; transform: initial; opacity: 0.7; transition-delay: 0.4s;}
.visual .icon.on .icon03 {margin-left: -456px; bottom: 387px; opacity: 1; transform: initial; transition-delay: 0.2s;}
.visual .icon.on .icon04 {margin-left: -382px; bottom: 286px; transform: initial; opacity: 0.7; transition-delay: 0.6s;}


.visual .dot-group span {display: block; border-radius: 100%; position: absolute; left: 50%; top: 50%; z-index: 2;}
.dot-group .circle {background: #96c1ff;}
.dot-group .circle.w7 {width: 7px; height: 7px;}
.dot-group .circle.w11 {width: 11px; height: 11px;}
.visual .dot-group .c1 {margin: -225px 0 0 -339px;}
.visual .dot-group .c2 {margin: -300px 0 0 -289px;} 
.visual .dot-group .b1 {width: 31px; height: 31px; border: 1px solid #96c1ff; opacity: 0.4; margin: -165px 0 0 -652px;}
.visual .dot-group .c4 {margin: 55px 0 0 -618px;}
.visual .dot-group .c5 {background: #83c6fb; margin: -289px 0 0 318px; animation: rotation3 2.5s infinite linear;}
.visual .dot-group .c6 {background: #60c0f4; margin: -69px 0 0 649px;}
.visual .dot-group .b2 {width: 35px; height: 35px; border: 1px solid #77c9f6; margin: -16px 0 0 665px; }

.visual .dot-group span.b1 {animation: rotation1 3s infinite linear;}
.visual .dot-group span.b2 {animation: rotation2 3s infinite linear;}

#main .dot-group span.circle:before,
#main .dot-group span.circle:after {content: ''; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; width: 140%; height: 140%; z-index: 1;}
#main .dot-group span.circle:before {background: #96c1ff; opacity: 0.1;}
#main .dot-group span.circle:after {background: #96c1ff; opacity: 0.3;}
.visual .dot-group span.c5:before,
.visual .dot-group span.c5:after {background: #83c6fb;}
.visual .dot-group span.c6:before,
.visual .dot-group span.c6:after {background: #60c0f4;}

#main .dot-group span.bubble:after{ animation-name: bubble1; animation-duration: 2s; animation-fill-mode: both; animation-iteration-count: infinite; }
#main .dot-group span.bubble:before{ animation-name: bubble2; animation-duration: 3.5s; animation-fill-mode: both; animation-iteration-count: infinite; }


@keyframes bubble1 {
	50%{transform: translate(-50%, -50%) scale3d(2, 2, 1); }
}
@keyframes bubble2 {
	50%{transform: translate(-50%, -50%) scale3d(3, 3, 1); }
}

@keyframes rotation1 {
    0%, 100% {transform: translate3d(0, 0, 0); }
    50% {transform: translate3d(20%, 100%, 0); }
}

@keyframes rotation2 {
  0% { transform: rotate(0); transform-origin: bottom right; }
  100% { transform: rotate(360deg); transform-origin: bottom right; }
}
@keyframes rotation3 {
    0%, 100% {transform: translate3d(0, 0, 0); }
    50% {transform: translate3d(0, 120%, 0); }
}






/* 진행중인 공고 */
.announcement {margin-top: 250px; }
.announcement .con {}

/* tab_box */
.tab_box {position: relative; max-width: 785px; margin: 0 auto;}
.tab_box .line {position: absolute; top: 0;	left: 0; width: 16.666%; height:100%; background: linear-gradient(90deg, rgba(44,95,242,1) 0%, rgba(77,193,239,1) 100%); box-shadow: 0px 3px 11px rgb(94 152 255 / 80%);  transition: 0.5s;  border-radius:40px}
.tab_box .tab {display: flex; align-items: center; max-width: 785px; width: 100%; height: 63px; margin: 50px auto 0; background: #f1f1f1; border-radius: 40px;}
.tab_box .tab li {width: 16.666%; height: 100%; text-align: center; border-radius: 40px; cursor: pointer; }
.tab_box .tab li a {display: block; font-size: 16px; color: #111; line-height: 1.2; letter-spacing: -0.3px; position: relative; top: 50%; transform: translateY(-50%); word-break: keep-all; transition-delay: 0.2s;}
.tab_box .tab li.on a {color: #fff;}

.announcement .tab-con {margin-top: 81px;}
.recruit-cnt .tab-con .list {display: flex; flex-wrap: wrap; /* gap: 45px 47px; */ }
.recruit-cnt .tab-con .item {width: calc(25% - 35.5px); height: 270px; box-shadow: 0px 3px 13px rgb(0 0 0 / 7%); background: #fff; border-radius: 22px; padding: 35px 25px 0 ; box-sizing: border-box;  transition: 0.5s; margin-right: 47px; margin-bottom: 45px;}
.recruit-cnt .tab-con .item:nth-child(4n) {margin-right: 0;}
.recruit-cnt .tab-con .item > a {display: block; width: 100%; height: 100%;}
.recruit-cnt .tab-con .item .item-txt {color: #111; letter-spacing: -0.3px;}
.recruit-cnt .tab-con .item .item-txt .career {display: block; background: #f1f1f1; font-size: 13px; width: 71px; height: 32px; border-radius: 20px; text-align: center; line-height: 32px;}
.recruit-cnt .tab-con .item .item-txt .tit {font-size: 18px; font-weight: 500; line-height: 1.6; margin: 18px 0 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; }
.recruit-cnt .tab-con .item .item-date {font-size: 15px; line-height: 1.2; padding: 18px 0 30px; box-sizing: border-box; display: flex; justify-content: space-between; border-top: 1px solid #ececec;}
.recruit-cnt .tab-con .item .item-date .date {color: #444; width: 76%;}
.recruit-cnt .tab-con .item .item-date .d-day {color: #5dabd4; width: 24%; text-align: right;}
.recruit-cnt .tab-con .item .more-btn {display: none; font-size: 16px; color: #2c60f2; letter-spacing: -0.3px; font-weight: 500; padding: 15px 29px; /* max-width: 129px;  */background: #fff; border-radius: 25px; margin: 0 auto; box-sizing: border-box;}

.announcement .btn-con {text-align: center; margin-top: 33px;}
.announcement .btn-con .more-btn {display: inline-block; font-size: 16px; color: #111; line-height: 1.2; position: relative; max-width: 201px; width: 100%; height: 63px; line-height: 63px; }
.announcement .btn-con .more-btn:after {content: ''; width: 63px; height: 63px; background: #d8eaff; border-radius: 35px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;  transition:  0.5s;}
.announcement .btn-con .more-btn:hover {color: #fff;}
.announcement .btn-con .more-btn:hover:after {width: 100%; background: linear-gradient(100deg, rgba(44,95,242,1) 0%, rgba(77,193,239,1) 100%); box-shadow: 0px 1px 17px rgb(94 152 255 / 80%);} 

.recruit-cnt .tab-con .item:hover {transform: scale(1.12, 1.11);background: linear-gradient(77deg, rgba(44,95,242,1) 0%, rgba(77,193,239,1) 100%); }
.recruit-cnt .tab-con .item:hover .item-txt {color: #fff; }
.recruit-cnt .tab-con .item:hover .item-txt .career {background: #4285f7;} 
.recruit-cnt .tab-con .item:hover .item-txt .tit {margin-bottom: 18px;}
.recruit-cnt .tab-con .item:hover .item-date span {display: none;}
.recruit-cnt .tab-con .item:hover .more-btn{display: block;}

.recruit-cnt .no-list {width: 100%; height: 220px; text-align: center; display: flex; justify-content: center; padding-top: 26px; box-sizing: border-box;}
.recruit-cnt .no-list > div {width: 100%; color: #333;}
.recruit-cnt .no-list > div span {width: 36px; height: 36px; border-radius: 50%; background: #333; display: inline-block; position: relative;}
.recruit-cnt .no-list > div span:after {content: '!'; color: #fff; line-height: 36px; font-size: 15px;}
.recruit-cnt .no-list > div p {font-size: 18px;  letter-spacing: -0.3px; font-weight: 500; margin-top: 26px;}


/* 꿈을 이뤄보세요 */
.dream {margin-top: 100px;  position: relative; width: 100%; height: 1563px; background: url(/kr/career/img/career_dream_bg.png) no-repeat center/cover;}
.dream .bg01 {width: 100%; height: 927px; background: url(/kr/career/img/dream_bg02.png) no-repeat center/cover; position: absolute; bottom: -117px; right: 0; z-index: -1;}
.dream .bg-top {width: 100%; background: url(/kr/career/img/dream_bg_top.png) no-repeat center/cover; height: 230px; position: absolute; top: 0; left: 0; z-index: 3;}
.dream > .inner1400 {/* position: absolute; top: 0; left: 50%; transform: translateX(-50%);  */ padding-top: 386px; box-sizing: border-box; z-index: 5;} 
.dream .main-tit {text-align: left; color: #fff; display: inline-block; }
.dream .list {position: absolute; right: 0; top: 0; margin-top: 140px;}
.dream .item {width: 315px; height: 430px; background: #fff; box-shadow: 1px 3px 21px rgba(19, 48, 102, 0.6); border-radius: 25px; padding: 51px 30px 0 36px; box-sizing: border-box; position: absolute; right: 0; transition: 0.5s;}

.dream .item01 {right: 750px; top: 492px;}
.dream .item02 {right: 375px; top: 256px;}
.dream .item03 {right: 375px; top: 746px;}
.dream .item04 { }
.dream .item05 {top: 492px;}

.dream .item01.show {animation: fadeIn 1s both;}
.dream .item02.show {animation: fadeIn 1s both;}
.dream .item03.show {animation: fadeIn 1s both;}
.dream .item04.show {animation: fadeIn 1s both;}
.dream .item05.show {animation: fadeIn 1s both;}

.dream .item > a {display: block; width: 100%; height: 100%; color: #111; line-height: 1.3;  }
.dream .item p {font-size: 23px; font-weight: bold; letter-spacing: -0.3px; margin-bottom: 24px;}
.dream .item span {display: block; font-size: 18px; line-height: 1.5; word-break: keep-all;}
.dream .item .icon-con {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.dream .item .icon-con .icon-bg {position: absolute; bottom: -14px; z-index: -1; left: 50%; transform: translateX(-50%); width: 100%; }
.dream .item .icon-con img {max-width: initial;}
.dream .item button {width: 49px; height: 49px; position: absolute; right: 20px; bottom: 20px; border-radius: 100%; background: linear-gradient(90deg, rgba(44,95,242,1) 0%, rgba(77,193,239,1) 100%); box-shadow: 1px 3px 11px rgba(94, 152, 255, 0.7); opacity: 0; } 
.dream .item button i {color: #fff; font-size: 15px; }

.dream .item:hover {transform: translateY(-20px); }
.dream .item:hover button {opacity: 1;}
.dream .item:hover .icon-con .icon-bg {animation: vibrate-1 0.5s linear both;}

.dream .dot-group {position: absolute; left: 50%; top: 50%; z-index: 2;}
.dream .dot-group > span {display: block; position: absolute;  transform: translate(-50%,-50%); border-radius: 100%; }
.dream .dot-group .border {border: 1px solid #96c1ff; }
.dream .dot-group .circle {background: #96c1ff;}
.dream .dot-group .b1 {width: 133px; height: 133px; opacity: 0.35; margin: -670px 0 0 -296px;}
.dream .dot-group .b2 {width: 65px; height: 65px; opacity: 0.6; margin: 557px 0 0 -788px;}
.dream .dot-group .b3 {width: 55px; height: 55px; margin: -47px 0 0 823px;}
.dream .dot-group .c1 {margin: 35px 0 0 -577px;}
.dream .dot-group .c2 {margin: 51px 0 0 -622px; }
.dream .dot-group .c3 {margin: 495px 0 0 -813px;}
.dream .dot-group .c4 {margin: 619px 0 0 38px;}
.dream .dot-group .c5 {margin: -467px 0 0 289px;}



/* 인재 모집 */
.support {padding-top: 309px; padding-bottom: 279px; box-sizing: border-box; position: relative;}
.support .main-tit {}
.support .main-tit > span {display: block; font-family: 'Poppins', sans-serif; font-size: 17px; color: #46adf0; font-weight: 500; line-height: 1.2; background: linear-gradient(180deg, rgba(44,95,242,1) 0%, rgba(77,193,239,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 28px;}
.support .main-tit .tit {font-size: 45px; margin-bottom: 40px;}
.support .main-tit .go-btn {display: inline-block; font-size: 16px; color: #fff; line-height: 1.2; width: 219px; height: 63px; background: linear-gradient(130deg, rgba(44,95,242,1) 0%, rgba(77,193,239,1) 100%); border-radius: 32.5px; box-shadow: 0px 1px 17px rgba(94, 152, 255, 0.8);}
.support .main-tit .go-btn span {display: block; position: relative; top: 50%; transform: translateY(-50%);}
.support .main-tit .go-btn i {}
.support .icon-con {/* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ position: relative;}
.support .icon-con span {display: block; position: absolute; }
.support .icon-con span i {display:inline-block; position: relative; top: 50%; transform: translateY(-50%); }
.support .icon-con .box {width: 93px; height: 93px; border-radius: 7px; text-align: center;  }


.support .icon01.box {background: #eeeaf1;}
.support .icon02.box {background: #ffe6e7;}
.support .icon04.box {background: #e7f0fd;}
.support .icon06.box {background: #e5f7ea;}

.support .icon-con > * {top: 50%; left: 50%; margin-left: 0; transform: translate(-50%,-50%); transition: 1.2s; opacity: 0;} 
.support.show .icon-con > * {transform: initial; top: initial; opacity: 1;}

.support.show .icon-con .icon01 {top: -366px;  margin-left: -456px; transition-delay: 0.4s;}
.support.show .icon-con .icon02 {top: -106px; margin-left: -565px; transition-delay: 0.2s;}
.support.show .icon-con .icon03 {top: 55px;  margin-left: -497px; transition-delay: 0.8s; }
.support.show .icon-con .icon04 {top: -366px;  margin-left: 351px; transition-delay: 0.4s;}
.support.show .icon-con .icon05 { top: -220px; margin-left: 401px; transition-delay: 0.1s; }
.support.show .icon-con .icon06 {top: 55px; margin-left: 321px; transition-delay: 0.7s;}

.support .icon03 {width: 247px; height: 93px; background: url(/kr/career/img/c_support_icon03.png) no-repeat center/cover;}
.support .icon05 {width: 247px; height: 93px; background: url(/kr/career/img/c_support_icon03.png) no-repeat center/cover;}

.support .icon01 i {width: 46px; height: 48px; background: url(/kr/career/img/c_support_icon01.png) no-repeat center/cover;}
.support .icon02 i {width: 19px; height: 48px; background: url(/kr/career/img/c_support_icon02.png) no-repeat center/cover;} 
.support .icon04 i {width: 42px; height: 42px; background: url(/kr/career/img/c_support_icon04.png) no-repeat center/cover;}
.support .icon06 i {width: 44px; height: 45px; background: url(/kr/career/img/c_support_icon06.png) no-repeat center/cover;}




.vibrate-1 {
	-webkit-animation: vibrate-1 0.3s linear both;
	animation: vibrate-1 0.3s linear both;
}

@keyframes vibrate-1 {
	0% {
		transform: translateX(-50%) translate(0);
	}
	20% {
		transform: translateX(-50%) translate(-7px, 7px);
	}
	40% {
		transform: translateX(-50%) translate(-7px, -7px);
	}
	60% {
		transform: translateX(-50%) translate(7px, 7px);
	}
	80% {
		transform: translateX(-50%) translate(7px, -7px);
	}
	100% {
		transform: translateX(-50%) translate(0);
	}
}

@keyframes vibrate-2 {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translate(-7px, 7px);
	}
	40% {
		transform: translate(-7px, -7px);
	}
	60% {
		transform: translate(7px, 7px);
	}
	80% {
		transform: translate(7px, -7px);
	}
	100% {
		transform: translate(0);
	}
}





/*=====================
			반응형
=====================*/

@media screen and (max-width: 1700px){
	.visual .icon span {max-width: 800px; width: 100%; text-align: center;}
}

@media screen and (max-width: 1400px){
	.recruit-cnt .tab-con .list {/* gap: 45px 35px; */}
	.recruit-cnt .tab-con .item {width: calc(25% - 26.5px); padding: 28px 18px 0; margin-right: 35px; margin-bottom: 45px;}
	.recruit-cnt .tab-con .item:hover {transform: scale(1.1, 1.1);}
	.recruit-cnt .tab-con .item .more-btn {z-index: 15;}

	.dream > .inner1400 {padding-top: 270px;}
	.dream .list {right: 2%;}

	
	.support .icon-con .box {width: calc(100vw*(93/1200)); height: calc(100vw*(93/1200)); }
	.support .icon-con.show .icon01 {margin-left: calc(100vw*(-456/1400));}
	.support .icon-con.show .icon02 {margin-left: calc(100vw*(-565/1400));}
	.support .icon-con.show .icon03 {margin-left: calc(100vw*(-497/1400));}
	.support .icon-con.show .icon04 {margin-left: calc(100vw*(351/1400));}
	.support .icon-con.show .icon05 {width: calc(100vw*(247/1400)); height: calc(100vw*(93/1400)); margin-left: calc(100vw*(380/1400));}
	.support .icon-con.show .icon06 {margin-left: calc(100vw*(321/1400));}
}

@media screen and (max-width: 1200px){
	.visual {height: calc(100vw*(981/1200));}
	.visual .icon span {bottom: -7%;}
	.visual .icon span img {width: 80%;}

	.recruit-cnt .tab-con .item {width: calc(33.3333% - 24px);}
	.recruit-cnt .tab-con .item:nth-child(4n) {margin-right: 35px;}
	.recruit-cnt .tab-con .item:nth-child(3n) {margin-right: 0;}
	.recruit-cnt .tab-con .item:hover {transform: scale(1.05, 1.05);}

	.dream > .inner1400 {padding-top: 210px;}
	.dream .list {position: relative; margin-top: 265px; right: initial;}
	.dream .item {width: 31%; right: initial; }
	.dream .item01 {left: 0; top: 0;}
	.dream .item02 {left: 34.5%; top: -216px;}
	.dream .item03 {left: 34.5%; top: 274px;}
	.dream .item04 {left: 69%; top: -472px;}
	.dream .item05 {top: 0; left: 69%;}
	.dream .item .icon-con img {max-width: 100%;}

	.support.show .icon-con .icon01 {margin-left: -38%;}
	.support.show .icon-con .icon02 {margin-left: -47.083%;}
	.support.show .icon-con .icon03 {margin-left: -41.42%; }
	.support.show .icon-con .icon04 {margin-left: 29.25%; }
	.support.show .icon-con .icon05 {margin-left: 33.42%; }
	.support.show .icon-con .icon06 {margin-left: 26.75%; }

}


@media screen and (max-width: 1024px){
	.visual {height: calc(100vw*(981/1024));}

	.dream .item {padding: 40px 18px 0; height: 390px;}
	.dream .item p {font-size: 22px;}
	.dream .item span {font-size: 17px;}

}

@media screen and (max-width: 960px){
	.main-tit .tit {font-size: 45px;}

	.visual {height: calc(100vw*(981/960));}

	.recruit-cnt .tab-con .item {width: calc(50% - 18px); }
	.recruit-cnt .tab-con .item:nth-child(3n) {margin-right: 35px;}
	.recruit-cnt .tab-con .item:nth-child(2n) {margin-right: 0;}
	
	.dream {/* height: 1670px;  */height: calc(100vw*(1800/960));}
	.dream > .inner1400 {padding-top: 183px;}
	.dream .list {margin-top: 80px;}
	.dream .item {/* position: relative;  */width: 48%;  height: auto; padding-bottom: 34%;}
	.dream .item01 { }
	.dream .item02 {left: initial; right: 0; top: 0;  margin-top: calc(-17% - 100px);}
	.dream .item03 {left: initial; right: 0; top: 0; margin-top: calc(17% + 80px);}
	.dream .item04 {left: 0; top: 0; margin-top: calc(34% + 180px);}
	.dream .item05 {left: initial; right: 0; top: 0; margin-top:calc(51% + 260px) ;}
	.dream .item .icon-con {max-width: 100%; width: 60%;}
	.dream .item .icon-con .icon-bg {width: 118%;}


}

@media screen and (max-width: 767px){
	.main-tit .tit {font-size: 42px; margin-bottom: 25px;}
	.main-tit span {line-height: 1.5;}

	.visual {height: calc(100vw*(880/767));}
	.visual .bg01 {height: calc(100vw*(1280/767)); background-position-x: 7%;}
	.visual .txt-box h2 {font-size: 62px;}
	.visual .icon span {bottom: -4%;}
	.visual .icon i img {max-width: 140px;}
	.visual .icon.on .icon01 {margin-left: 35%; bottom: 39%;}
	.visual .icon.on .icon02 {margin-left: 24.45%; bottom: 27.02%;}
	.visual .icon.on .icon03 {margin-left: -55.45%; bottom: 36.02%;}
	.visual .icon.on .icon04 {margin-left: -40.45%;  bottom: 25.58%;}
	.visual .dot-group .c1 {margin: -213px 0 0 -43%;}
	.visual .dot-group .c2 {margin: -300px 0 0 -37%;}
	.visual .dot-group .b1 {margin: -100px 0 0 -53%;}
	.visual .dot-group .c4 {margin: 28px 0 0 -25%;}
	.visual .dot-group .c6 {display: none;}
	.visual .dot-group .b2 {margin: -16px 0 0 32%;}

	.announcement {margin-top: 180px;}
	.announcement .con .tab_box .line {border-radius: 30px; }
	.announcement .con .tab li a {font-size: 15px;}
	.announcement .tab-con {margin-top: 50px;}
	.announcement .tab-con .list {/* gap: 25px; */}
	.recruit-cnt .tab-con .item {width: calc(50% - 13px); margin-right: 25px; margin-bottom: 25px;}
	.recruit-cnt .tab-con .item:nth-child(3n) {margin-right: 25px;}
	.recruit-cnt .tab-con .item:nth-child(2n) {margin-right: 0;}
	.recruit-cnt .tab-con .item .item-txt .career {width: auto; height: auto; padding: 1px 26px; display: inline-block;}
	.recruit-cnt .btn-con {margin-top: 50px;}

	.dream {height: auto; padding-bottom: 200px; background-position-x: -375px;}
	.dream .bg01 {background-position-x: -375px;}
	.dream .bg-top {display: none;}
	.dream > .inner1400 {padding-top: 180px;}
	.dream .main-tit {display: block; text-align: center;}
	.dream .list {display: flex; flex-wrap: wrap; gap: 40px;}
	.dream .item {position: relative; width: calc(50% - 20px); height: auto; padding-bottom: 41%; left: initial !important; right: initial !important; top: initial !important; margin-top: 0 !important; border-radius: 13px;}
	.dream .item p {font-size: 20px;}
	.dream .item span {font-size: 16px;}

	.support  {padding: 130px 0  150px;}
	.support .main-tit .tit {font-size: 42px;}
	.support .icon-con .box {width: calc(100vw*(93/767)); height: calc(100vw*(93/767)); max-width: 70px; max-height: 70px;}
	.support .icon-con span i {max-width: 80%; max-height: 80%;}

	.support .icon-con.show .icon01 {left: 18%; margin-left: 0; top: -340px;}
	.support .icon-con.show .icon02 {left: 7%; margin-left: 0; }
	.support .icon-con.show .icon03 {left: 20%; margin-left: 0; width: calc(100vw*(247/960)); height: calc(100vw*(93/960))}
	.support .icon-con.show .icon04 {top: -345px;} 
	.support .icon-con.show .icon05 {width: calc(100vw*(247/960)); height: calc(100vw*(93/960));}
	.support .icon-con.show .icon06 {top: ;}

}

@media screen and (max-width: 640px){
	.main-tit .tit {font-size: 30px;}

	.visual .txt-box {top: 28%;}
	.visual .txt-box > span {font-size: 18px;}
	.visual .txt-box h2 {font-size: 50px;}
	.visual .icon span {bottom: -7%;}
	.visual .icon span img {width: 77%;}

	.announcement .con .tab_box .line {width: 33.3333%; height: 46px;} 
	.announcement .con .tab {flex-wrap: wrap; border-radius: 30px; height: auto;}
	.announcement .con .tab li {width: 33.3333%; height: 46px;}
	.announcement .con .tab li a {top: initial; transform: initial; padding: 14px 0;}
	.announcement .tab-con .list {gap: 25px 0; }
	.recruit-cnt .tab-con .item {width: 100%; margin-right: 0;}
	.recruit-cnt .tab-con .item:nth-child(3n) {margin-right: 0;}
	.recruit-cnt .tab-con .item:hover {transform: scale(1.02, 1.02);}
	
	.dream {/* height: calc(100vw*(2214/560));  */ margin-top: 20px; background-position-x: 27%; }
	.dream .bg01 {background-position-x: 12%;}
	.dream > .inner1400 {padding-top: 200px;}
	.dream .list {gap: 30px 0;}
	.dream .item {width: 100%; padding: 23px 17px 50px; }
	.dream .item span br {display: none;}
	.dream .item .icon-con {width: auto; position: relative; bottom: initial; left: initial; transform: initial; text-align: center; margin-top: 20px;}
	.dream .item .icon-con .icon-bg {width: 100%;  bottom: initial;  left: 50%; z-index: initial; transform: translateX(-50%); }
	.dream .item .icon-con > img {position: relative;}

	.support .main-tit .tit {font-size: 30px;}
	.support .icon03 {    background-size: 150px;}


}

@media screen and (max-width: 560px){
	.visual {height: 720px;}
	.visual .bg01 {height: 1200px; background-position-x: 37%;}
	.visual .txt-box {top: 205px;}
	.visual .txt-box > span {font-size: 16px;}
	.visual .txt-box h2 {font-size: 40px;}
	.visual .icon span {bottom: 20px;}
	.visual .icon span img {width: 83%;}
	.visual .icon i {display: none;}

	.announcement {margin-top: 120px;}

	.dream .item {padding-bottom: 25px;}
	.dream .item .icon-con {max-width: 200px; margin: 20px auto 0;}
	.dream .item .icon-con .icon-bg {width: 85%;}

	.support {padding: 100px 0;} 
}

@media screen and (max-width: 420px){
	.visual  {height: 650px;}
	.visual .bg01 {height: 1100px;}
	.visual .txt-box h2 {font-size: 38px;}

	.announcement {margin-top: 80px;}
	.announcement .con .tab li a {font-size: 14px;}
	.recruit-cnt .tab-con .item {height: auto; }
	.recruit-cnt .tab-con .item .item-txt .career {font-size: 14px;}
	.recruit-cnt .tab-con .item .item-txt .tit {font-size: 16px;}
	.recruit-cnt .tab-con .item .item-date {font-size: 15px; padding: 20px 0;}

	
}