@charset "utf-8";

/**비주얼 영역**/
#multipleDiv_factory1_29{max-width:1920px;margin:0 auto;padding: 70px 110px;text-align: right;font-size:0;}
#menu10132_obj4 {}
.main-slogan {padding-top:70px;letter-spacing:-0.025em;text-align: left;}
.main-slogan p {font-size:23px;color:#0070d8;font-family:'Pretendard Bold';line-height:1;margin-bottom: 35px;}
.main-slogan strong {font-size:80px;font-family:'Pretendard SemiBold';line-height:1.25;color:#000;display:block;margin-bottom: 30px;}
.main-slogan span {font-size:30px;display:block;font-family:'Pretendard Medium';}
.main-slogan span i {color:#0070d8;font-family:'Pretendard SemiBold';}
.main-slogan .sc-down{margin-top:185px;display:inline-block;}

#multipleDiv_factory1_29 ._objWidget{display:inline-block;}
#menu10132_obj82{width:620px;position: absolute;bottom: 0;right: 37%;}
#menu10132_obj89{width:360px;position: absolute;top: 0;right: 37%;}
#menu10132_obj96{width:570px;position: absolute;top: 120px;right: 0;}

@media all and (min-width:1921px) {

}

@media (max-width: 1850px) {
  #multipleDiv_factory1_29 {height: 60vw;padding: 70px 90px;}
  #menu10132_obj82 {width:33vw;left: 21vw;right: auto;top: 27.8vw;}
  #menu10132_obj89 {width:22vw;left: 32vw;right: auto;top: 2vw;}
  #menu10132_obj96 {width:35vw;right: auto;left: 56vw;top: 5vw;}
  #menu10132_obj82 .slick-slide img,
  #menu10132_obj89 .slick-slide img,
  #menu10132_obj96 .slick-slide img{width:100%;height: 100%;}
  .main-slogan strong {font-size: 4vw;margin-bottom: 2vw;}
  .main-slogan span {width: 30vw;font-size: 2vw;}
  .main-slogan p {margin-bottom: 1vw;}
  .main-slogan .sc-down {margin-top: 8vw;}
}

@media (max-width: 1300px) {
  #multipleDiv_factory1_29 {height: 58vw;padding: 70px 30px;}
  #menu10132_obj96 {width: 30vw;left: 63vw;top: 10.7vw;}
  #menu10132_obj82 {left: 28.6vw;}
  #menu10132_obj89 {left: 39.5vw;}
  .main-slogan .sc-down {margin-top: 5vw;}
  .main-slogan strong {font-size: 50px;}
  .main-slogan span {font-size: 24px;width: 290px;}
  .main-slogan .sc-down {margin-top: 3.5vw;}
}

@media all and (max-width:1023px) {
  #multipleDiv_factory1_29 {height: 90vw;}
  #menu10132_obj96 {left: auto;right: 0;top: -2vw;width: 38vw;;} 
  #menu10132_obj82 {right: 0;left: auto;top: 43.5vw; bottom: auto;width: calc(100% - 27vw);}
  #menu10132_obj89 {left: 0;bottom: auto;top: 47.6vw;width: 25vw;}
  .main-slogan .sc-down {display: none;}
}

@media all and (max-width: 768px){
  #multipleDiv_factory1_29 {height: 91vw;padding: 40px 20px; }
  #menu10132_obj89 {width: 24vw;top: auto;bottom: 0;}
  #menu10132_obj82 {width: calc(100% - 26vw);top: auto;bottom: 0;}
  #menu10132_obj82 .slick-slide img,
  #menu10132_obj89 .slick-slide img,
  #menu10132_obj96 .slick-slide img{object-fit: cover;object-position: center;border-radius: 15px;} 
  .main-slogan {padding-top: 5.5vw;}
  .main-slogan strong {font-size: 6vw;}
  .main-slogan span {font-size: 3.2vw;}
  .main-slogan p {font-size: 18px;}
}

@media (max-width:520px) {
  #multipleDiv_factory1_29 {height: 470px;}
  #menu10132_obj82 {width: calc(100% - 145px);}
  #menu10132_obj82  .slick-slide {height: 175px !important;}
  #menu10132_obj89 {width: 130px;}
  .main-slogan {padding-top: 22px;}
  .main-slogan span {width: 230px;font-size: 19px;}
}

@media (max-width: 480px) {
  #menu10132_obj96 {top: 0;}
  .main-slogan span {width: 200px;}
}

@media (max-width: 440px) {
  #menu10132_obj96 {top: 3vw;}
}

@media (max-width: 420px) {
  #menu10132_obj96 {top: 6vw;}
}

/**2번째 영역**/
#multipleContentsDiv_base_47 {overflow: hidden;max-width: 1920px;margin: 0 auto;padding: 0 30px;}
.center-bg{position:relative;margin-bottom:140px;height:950px;}
.center-bg .imgWrap{height:950px;background:url('../../images/main/center-bg.jpg') no-repeat center top / cover;background-attachment: fixed;border-radius: 10px;}
.center-bg .imgWrap img{display:none;}
.center-bg .textWrap{position:absolute;top:230px;width:100%;text-align:center;padding: 20px;}
.center-bg .textWrap img{display:block;margin:0 auto 50px;}
.center-bg .textWrap strong{font-size:50px;color:#fff;display:block;}
.center-bg .textWrap .txt1{font-family:'Pretendard Bold';line-height:1.4;}
.center-bg .textWrap .txt2{font-family:'Pretendard Regular';line-height:1.4;}
.center-bg .textWrap p{font-size:20px;margin-top:45px;font-family:'Pretendard Medium';color:#fff;line-height:1.55;}
.center-bg .textWrap p i{display:block;}

@media (max-width: 1680px) {
  #multipleContentsDiv_base_47 {padding: 0 20px;}
}

@media (max-width: 1023px) {
  .center-bg {margin-bottom: 50px;height:520px;}
  .center-bg .imgWrap {height: 520px;background: url('../../images/main/center-bg.jpg') no-repeat center bottom -300px;}
  .center-bg .textWrap {top: 80px;}
  .center-bg .textWrap img {width: 100px; margin: 0 auto 27px;}
  .center-bg .textWrap strong {font-size: 32px;}
  .center-bg .textWrap p {font-size: 20px;margin-top: 35px;}
  .center-bg .textWrap p i {display: none;}
}

@media (max-width: 768px) {
  .center-bg{height:360px;}
  .center-bg .imgWrap {height: 360px;}
  .center-bg .textWrap {top: 23px;}
  .center-bg .textWrap img {width: 90px; margin: 0 auto 10px;}
  .center-bg .textWrap strong {font-size: 20px;}
  .center-bg .textWrap p {margin-top: 13px;font-size: 16px;}
  .center-bg .textWrap p i {display: none;}
}

@media (max-width: 480px) {
  .center-bg .textWrap {top: 10px;}
  .center-bg .textWrap img {width: 80px;}
}

/**3번째 영역**/
#menu10132_obj299{max-width:1660px;width: 100%;margin:0 auto;}
#multipleContentsDiv_earlysemi_298  {height: auto;}

@media (max-width: 1680px) {
  .main-recent-notice {padding: 0 20px;}
}


/**4번째 영역**/
/*#multipleContentsDiv_earlysemi_331{margin:0 auto;background: url('../../images/main/w-q-bg.png') no-repeat right top;padding: 116.5px 0;background-size: calc(100% - calc(calc(100% - 1660px) / 2)) 380px;}
.main-quick{max-width:1660px;margin:0 auto;padding: 0 65px;}
.main-quick > ul{text-align:center;overflow:hidden;display: flex;justify-content: center;}
.main-quick > ul > li{float:left;margin: 0 55px;}
.main-quick > ul > li > a{}
.main-quick > ul > li > a .imgbox{height:120px;display: flex;flex-direction: column;align-items: center;}
.main-quick > ul > li:nth-last-child(1) > a .imgbox{padding-top:15px;}
.main-quick > ul span{color:#fff;font-size:18px;font-family:'Pretendard Medium';position:relative;padding-bottom:3px;}
.main-quick > ul span:before{content:'';width:0;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all ease .5s;}
.main-quick > ul > li > a:hover span:before{width:100%;}

@media all and (max-width:1600px) {
.main-quick{padding:0 25px;}
}*/

#multipleDiv_earlysemi_2579 {background: url('../../images/main/w-q-bg.png') no-repeat right top;background-size: calc(100% - calc(calc(100% - 1660px) / 2)) 380px;border-radius: 20px 0 0 20px;}
#multipleContentsDiv_earlysemi_2579 {max-width: 1500px;margin: 0 auto;}

@media (max-width:1680px) {
  #multipleDiv_earlysemi_2579 {margin: 0 0 0 20px;}
}

/**5번째 영역**/
#multipleContentsDiv_earlysemi_332{max-width:1660px;margin:0 auto;padding:140px 0 150px;overflow: hidden;}
#multipleContentsDiv_earlysemi_332:before{content:'';width:1378px;height:96px;background:url('../../images/main/bottom-text.png') no-repeat center;position:absolute;top:60px;right:0;}

@media(max-width: 1680px) {
  #multipleDiv_earlysemi_332 {padding: 0 20px;}
}

@media (max-width: 768px) {
  #multipleContentsDiv_earlysemi_332 {padding: 30px 0;}
  #multipleContentsDiv_earlysemi_332:before {display: none;}
}
/****************
Animation
******************/
.main .wrap-header{animation-name:frist00;animation-duration:1.75s;animation-fill-mode:both;position:relative;z-index:100;animation-delay: 0.5s;}
#menu10132_obj89{animation-name:frist01;animation-duration:1.75s;animation-fill-mode:both; }
#menu10132_obj96{animation-name:frist02;animation-duration:1.75s;animation-fill-mode:both;}
#menu10132_obj82{animation-name:frist03;animation-duration:1.75s;animation-fill-mode:both;}

@keyframes frist00{
  0%{opacity:0;top:-50px;}
  100%{opacity:1;top:0;}
}

@keyframes frist01{
  0%{opacity:0;filter:blur(5px);transform:translateY(-50px);}
  100%{opacity:1;filter:blur(0px);transform:translateY(0)}
}
@keyframes frist02{
  0%{opacity:0;filter:blur(5px);transform:translateX(50px);}
  100%{opacity:1;filter:blur(0px);transform:translateX(0)}
}
@keyframes frist03{
  0%{opacity:0;filter:blur(5px);transform:translateX(-50px);}
  100%{opacity:1;filter:blur(0px);transform:translateX(0)}
}

.main-slogan p{animation-name:frist04;animation-duration:1.75s;animation-fill-mode:both;animation-delay:0.5s;}
.main-slogan strong{animation-name:frist04;animation-duration:1.75s;animation-fill-mode:both;animation-delay:1.25s;}
.main-slogan span{animation-name:frist04;animation-duration:1.75s;animation-fill-mode:both;animation-delay:1.75s;}
.main-slogan .sc-down{animation-name:frist04;animation-duration:1.75s;animation-fill-mode:both;animation-delay:2s;}

@keyframes frist04{
  0%{opacity:0;transform:translateY(15px);}
  100%{opacity:1;transform:translateY(0)}
}

@media (min-width:1023px) {
  .center-bg .imgWrap{transition:1s cubic-bezier(0.7, 0, 0.3, 1);height:0;}
  .center-bg.scroll .imgWrap{height:950px;}

  .center-bg .textWrap img{position:relative;top:50px;opacity:0;transition:all ease 1s;}
  .center-bg .textWrap .txt1{position:relative;top:50px;opacity:0;transition:all ease 1s;}
  .center-bg .textWrap .txt2{position:relative;top:50px;opacity:0;transition:all ease 1s;}
  .center-bg .textWrap .txt3{position:relative;top:50px;opacity:0;transition:all ease 1s;}

  .center-bg.scroll .textWrap img{top:0;opacity:1;transition-delay:0.5s;}
  .center-bg.scroll .textWrap .txt1{top:0;opacity:1;transition-delay:1s;}
  .center-bg.scroll .textWrap .txt2{top:0;opacity:1;transition-delay:1.5s;}
  .center-bg.scroll .textWrap .txt3{top:0;opacity:1;transition-delay:2s;}
}