@charset "utf-8";
/* [S] common */
section { margin: 0 auto; } 
.title h3 { font-size: 50px; line-height: 1.5; letter-spacing: -0.05em; } 
.title h3 span { font-family: "Dream Bold"; } 
.inner { max-width: 1600px; margin: 0 auto; } 
@media (max-width: 1600px){
  .inner { padding-left: 20px !important; padding-right: 20px !important; } 
}

#multipleContentsDiv_hong_type1_2{overflow:hidden;}
/* [E] common */

/* [S] 맨위로 이동 버튼 */
.go-top { display: block; font-size: 20px; position: fixed; right: 40px; bottom: 28px; width: 80px; height: 80px; text-align: center; line-height: 80px; background-color: #1ead4c; color: #fff !important; border-radius: 50%; z-index: 100; } 
/* [E] 맨위로 이동 버튼 */

/* [S] new-future */
#new-future { background-size: cover; background-position: center; background-image: url("../../images/main/new-future-bg.jpg"); background-repeat: no-repeat; } 
#new-future .inner { padding: 105px 0; } 
#new-future .new-future-title span { font-size: 20px; font-family: "Dream Thin"; color: #fff; text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.5; } 
#new-future .new-future-title h3 { font-size: 62px; margin-bottom: 24px; font-family: "Dream Bold"; color: #fff; letter-spacing: -0.02em; line-height: 65px; } 
#new-future .new-future-title p { margin-bottom: 56px; font-size: 20px; color: #fff; letter-spacing: -0.03em; line-height: 34px; } 
#new-future ul { display: flex; justify-content: space-between; } 
#new-future li {width: calc((100% / 4) - 51px);transition: 0.75s;} 
#new-future li:hover { } 
#new-future li:last-child { margin-right: 0; } 
#new-future li a { display: block; padding: 28px 20px 28px 115px; width: 100%; height: 100%;  border: 2px solid #fff;background-position: left 30px center; background-repeat: no-repeat;} 
#new-future li a:hover{background-color: #1ead4c; border: 2px solid #1ead4c; }
#new-future li:nth-child(1) a{ background-image: url("../../images/main/new-future-icon1.png"); } 
#new-future li:nth-child(2) a{ background-image: url("../../images/main/new-future-icon2.png"); } 
#new-future li:nth-child(3) a{ background-image: url("../../images/main/new-future-icon3.png"); } 
#new-future li:nth-child(4) a{ background-image: url("../../images/main/new-future-icon4.png"); } 
#new-future li .text-box { letter-spacing: -0.03em; line-height: 1.5; color: #fff; } 
#new-future li .text-box strong { display: block; font-size: 18px; line-height: 34px; margin-bottom: 5px; font-family: "Dream Medium"; } 
#new-future li .text-box p { font-size: 15px; line-height: 20px; font-family: "Dream Light"; } 
/* [E] new-future */

/* [S] footer-banner */
#footer-banner { background-color: #f5f5f5; } 
#footer-banner .inner { padding-top: 121px; } 
#footer-banner .title { text-align: center; margin-bottom: 86px; } 
#footer-banner .title em {display: block;margin-top: 10px;font-size: 22px;letter-spacing: -0.05em;line-height: 1.5;color: #666;font-family: "Dream Light";} 
#footer-banner ul { display: flex; position: relative; z-index: 1; margin-bottom: -188px; } 
#footer-banner li { position: relative; width: 50%; height: 420px; background-size: none; background-position: right; background-repeat: no-repeat; color: #fff; } 
#footer-banner li::before { content: ""; position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; border: 1px solid #fff; opacity: 0.3; pointer-events: none; } 
#footer-banner li.banner1 { background-image: url('../../images/main/banner1-bg.jpg'); background-size: cover; background-repeat: no-repeat; text-align: center; } 
#footer-banner li.banner2 { background-image: url("../../images/main/banner2.jpg"); } 
#footer-banner li a { position: relative; display: block; width: 100%; height: 100%; color: #fff; } 
#footer-banner li img { width: 100%; height: 100%; } 
#footer-banner li.banner1 a::before { content: ""; position: absolute; left: 26px; bottom: 0; width: 163px; height: 320px; background-size: contain; background-repeat: no-repeat; background-image: url('../../images/main/banner1-character1.png'); } 
#footer-banner li.banner1 a::after { content: ""; position: absolute; right: 48px; bottom: 0; width: 190px; height: 350px; background-repeat: no-repeat; background-size: contain; background-image: url('../../images/main/banner1-character2.png'); } 
#footer-banner li.banner1 .text-box { position: absolute; top: 69px; left: 50%; transform: translateX(-50%); z-index: 1; } 
#footer-banner li.banner1 span { font-size: 20px; line-height: 1.5; letter-spacing: -0.05em; font-family: "Dream Light"; } 
#footer-banner li.banner1 strong { position: relative; display: block; margin: -11px 0 86px; font-size: 45px; line-height: 1.5; letter-spacing: -0.05em; font-family: "S-CoreDream-5Medium"; } 
#footer-banner li.banner1 strong::before { content: ""; position: absolute; left: 50%; bottom: -60px; margin-left: -0.5px; width: 1px; height: 40px; opacity: 0.4; background-color: #fff; } 
#footer-banner li.banner1 p { margin-bottom: 28px; line-height: 20px; letter-spacing: -0.05em; } 
#footer-banner li.banner1 i { display: inline-block; padding: 11px 71px 11px 20px; letter-spacing: -0.05em; line-height: 1.5; border: 2px solid #fff; color: #fff; border-radius: 25px 25px 25px 25px; background-image: url("../../images/main/arrow-double.png"); background-position: right 18px center; background-repeat: no-repeat; font-family: "S-CoreDream-4Regular"; } 
#footer-banner li.banner2 { padding: 45px 74px; background-color: #4f2807; } 
#footer-banner li.banner2 span { font-size: 22px; letter-spacing: -0.05em; line-height: 1.5; font-family: "Dream Regular"; } 
#footer-banner li.banner2 strong { display: block; margin: 0; font-size: 45px; letter-spacing: -0.02em; line-height: 1.5; font-family: "Dream Bold"; } 
#footer-banner li.banner2 strong i {font-family: "Dream Thin"; } 
#footer-banner li.banner2 em { position: relative; display: block; padding-left: 13px; line-height: 1.5; letter-spacing: -0.03em; font-family: "Dream Regular"; } 
#footer-banner li.banner2 em::before { content: ""; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; } 
#footer-banner li.banner2 .text-box > div:first-child { position: relative; margin-bottom: 45px; } 
#footer-banner li.banner2 .text-box > div:first-child::before { content: ""; position: absolute; left: 0; bottom: -20px; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; } 
/* [E] footer-banner */



@media (max-width: 1600px) { 
  /* [S] new-info */
  #new-info .right-box .new-info-slider { margin-right: 40px; } 
  #new-info .right-box .new-info-slider ul { width: 950px; margin: 0 -10px; } 
  #new-info .right-box .new-info-slider ul li { margin: 0 10px; } 
  #new-info .right-box .new-info-slider .slick-prev { left: -30px; } 
  #new-info .right-box .new-info-slider .slick-next { right: -30px; } 
  /* [E] new-info */}
@media (max-width: 1410px) { 
  /* [S] new-info */
  #new-info .right-box .new-info-slider ul { width: 800px; margin: 0 -6px; } 
  #new-info .right-box .new-info-slider ul li { margin: 0 6px; } 
  #new-info .right-box .new-info-slider .slick-prev { left: -35px; } 
  #new-info .right-box .new-info-slider .slick-next { right: -35px; } 
  /* [E] new-info */

  /* [S] new-future */
  #new-future li { width: calc((100% / 4) - 20px); } 
  /* [E] new-future */
  #footer-banner li.banner1 a::before { left: 0; } 
  #footer-banner li.banner1 a::after { right: 0; } 
  #footer-banner li.banner1 p { padding: 0 40px} 
}
@media (max-width: 1280px) { 
  /* [S] new-info */
  #new-info .right-box .new-info-slider ul { width: 600px; } 
  /* [E] new-info */
  /* [S] new-future */
  #new-future li { background-position: left 20px center; } 
  #new-future li a { padding: 15px 20px 15px 108px; } 
  /* [E] new-future */
}

@media (max-width: 1200px) { 
  /* [S] common */
  .title h3 { font-size: 44px; } 
  /* [E] common */

  /* [S] new-info */
  #new-info .inner { padding: 93px 0 109px; } 
  #new-info .left-box .text-box p { font-size: 17px; } 
  /* [E] new-info */

  /* [S] new-future */
  #new-future .inner { padding: 75px 0; } 
  #new-future .new-future-title h3 { font-size: 56px; } 
  #new-future .new-future-title p { font-size: 18px; } 
  /* [E] new-future */

  /* [S] footer-banner */
  #footer-banner .inner { padding-top: 87px; } 
  #footer-banner .title { margin-bottom: 56px; } 
  #footer-banner .title em { font-size: 20px; } 
  #footer-banner ul { flex-direction: column; } 
  #footer-banner ul li { width: 100%; } 
  #footer-banner li.banner1 a::before { left: 26px; } 
  #footer-banner li.banner1 a::after { right: 48px; } 
  /* [E] footer-banner */}

@media (max-width: 1080px) { 
  /* [S] new-info */
  #new-info .right-box .new-info-slider ul { width: 450px; margin: 0; } 
  #new-info .right-box .new-info-slider ul li { margin: 0; } 
  /* [E] new-info */}

@media (max-width: 1023px) { 
  /* [S] new-future */
  #new-future ul { flex-wrap: wrap; } 
  #new-future li { width: calc((100% / 2) - 10px); margin-bottom: 10px; } 
  /* [E] new-future */
}

@media (max-width: 900px) { 
  /* [S] 맨위로 이동 버튼 */
  .go-top { font-size: 18px; width: 70px; height: 70px; line-height: 70px; right: 25px; bottom: 20px; } 
  /* [E] 맨위로 이동 버튼 */

  /* [S] new-info */
  #new-info .inner { flex-direction: column; align-items: center; } 
  #new-info .left-box { width: 100%; } 

  #new-info .left-box .quick-btn ul { padding: 0 60px; width: 100%; margin: 0 auto; } 
  #new-info .left-box .quick-btn li a { padding-left: 0 !important; padding-right: 0 !important; text-align: center; } 
  #new-info .right-box .new-info-slider { margin: 0 auto; } 
  #new-info .right-box .new-info-slider ul { margin-top: 48px; } 
  #new-info .right-box { max-width: 450px; } 
  /* [E] new-info */
  #footer-banner li.banner1 a::before { left: 5px; width: 270px; height: 270px; } 
  #footer-banner li.banner1 a::after { right: 5px; width: 290px; height: 290px; background-position: right; } 
}

@media (max-width: 768px) { 
  /* [S] common */
  .title h3 { font-size: 34px; } 
  /* [E] common */

  /* [S] new-info */
  #new-info .inner { padding: 73px 0 89px; } 
  #new-info .left-box .text-box p { font-size: 16px; } 
  #new-info .right-box .new-info-slider ul { width: 350px; margin-top: 40px; } 
  #new-info .right-box .new-info-slider .slick-arrow { width: 60px; height: 60px; } 
  #new-info .right-box .new-info-slider .slick-prev { left: -30px; } 
  #new-info .right-box .new-info-slider .slick-next { right: -30px; } 
  /* [E] new-info */

  /* [S] new-future */
  #new-future .inner { padding: 55px 0; } 
  #new-future .new-future-title h3 { font-size: 46px; margin-bottom: 15px; } 
  #new-future li .text-box p{font-size: 16px;}
  /* [E] new-future */

  /* [S] footer-banner */
  #footer-banner li { height: 300px; } 
  #footer-banner li::before { left: 10px; right: 10px; top: 10px; bottom: 10px; } 
  #footer-banner li.banner1 .text-box { top: 30px; } 
  #footer-banner li.banner1 span { font-size: 16px; } 
  #footer-banner li.banner1 strong { margin: -5px 0 20px; font-size: 35px; } 
  #footer-banner li.banner1 strong::before { bottom: -16px; height: 20px; } 
  #footer-banner li.banner1 p { padding: 0 10px; } 
  #footer-banner li.banner1 i { font-size: 15px; padding: 11px 51px 11px 20px; } 
  #footer-banner li.banner1 a::before { left: 5px; width: 230px; height: 230px; } 
  #footer-banner li.banner1 a::after { right: 5px; width: 250px; height: 250px; background-position: right; } 
  #footer-banner li.banner2 { padding: 25px 30px 25px 74px; } 
  #footer-banner li.banner2 .text-box > div:first-child {margin-bottom: 30px;} 
  #footer-banner li.banner2 .text-box > div:first-child::before { } 
  #footer-banner li.banner2 span { font-size: 20px; } 
  #footer-banner li.banner2 strong {font-size: 30px; } 
  #footer-banner li.banner2 em { font-size: 15px; } 
  /* [E] footer-banner */
}

@media (max-width: 660px) { 
  /* [S] new-future */
  #new-future li { width: 100%; } 
   #footer-banner li.banner2{padding: 25px 30px 25px 48px;}
  /* [E] new-future */
}

@media (max-width: 420px) { 

 #footer-banner li.banner1 .text-box { width: 80%; } 
 #footer-banner li.banner2{padding: 25px 30px 25px 30px;}
#footer-banner li.banner2 strong{font-size: 23px;}
}
  


  /**MAIN EFFECT

@media (min-width: 1200px) { 

  #multipleDiv_hong_type1_134 .wrap-notice .recents-title-bx > span{opacity:0;position:relative;left:-50px;transition:all ease .5s;transform:scale(0.5);}
  #multipleDiv_hong_type1_134.scroll .wrap-notice .recents-title-bx > span{opacity:1;left:0;transform:scale(1);}

  #multipleDiv_hong_type1_134 .wrap-notice .recents-title-bx > p{opacity:0;position:relative;left:-50px;transition:all ease .5s;}
  #multipleDiv_hong_type1_134.scroll .wrap-notice .recents-title-bx > p{opacity:1;left:0;transition-delay:.5s;}

  #multipleDiv_hong_type1_134 .wrap-notice .title,
  #multipleDiv_hong_type1_134 .wrap-notice .recentBbsMore{opacity:0;transition:all ease 1s;}
  #multipleDiv_hong_type1_134.scroll .wrap-notice .title,
  #multipleDiv_hong_type1_134.scroll .wrap-notice .recentBbsMore{opacity:1;transition-delay:1s;}

  #multipleDiv_hong_type1_134 .wrap-notice .slider li{transition:all ease 1s;transform:scale(0);}
  #multipleDiv_hong_type1_134.scroll .wrap-notice .slider li{transform:scale(1);}
  #multipleDiv_hong_type1_134.scroll .wrap-notice  > ul > li:nth-child(1) .slider li:nth-child(4){transition-delay:0.25s;}
  #multipleDiv_hong_type1_134.scroll .wrap-notice  > ul > li:nth-child(1) .slider li:nth-child(5){transition-delay:0.45s;}
  #multipleDiv_hong_type1_134.scroll .wrap-notice  > ul > li:nth-child(1) .slider li:nth-child(6){transition-delay:0.65s;}

  #multipleDiv_hong_type1_134 .wrap-notice .slick-arrow{opacity:0;transition:all ease .5s;}
  #multipleDiv_hong_type1_134.scroll .wrap-notice .slick-arrow{opacity:1;transition-delay:1.25s;}

  #multipleDiv_hong_type1_136 .wrap_photo .thumb{opacity:0;left:-100%;transition:all ease 1.5s;}
  #multipleDiv_hong_type1_136.scroll .wrap_photo .thumb{opacity:1;left:0;}

  #multipleDiv_hong_type1_136 .wrap_photo .title{opacity:0;position:relative;right:-50px;transition:all ease .5s;transform:scale(0.5);}
  #multipleDiv_hong_type1_136.scroll .wrap_photo .title{opacity:1;right:0;transition-delay:.5s;transform:scale(1);}

  #multipleDiv_hong_type1_136 .wrap_photo .subjectText{opacity:0;position:relative;right:-50px;transition:all ease .5s;transform:scale(0.5);}
  #multipleDiv_hong_type1_136.scroll .wrap_photo .subjectText{opacity:1;right:0;transition-delay:.75s;transform:scale(1);}

  #multipleDiv_hong_type1_136 .wrap_photo .content span{opacity:0;position:relative;right:-50px;transition:all ease .5s;transform:scale(0.5);}
  #multipleDiv_hong_type1_136.scroll .wrap_photo .content span{opacity:1;right:0;transition-delay:1s;transform:scale(1);}

  #multipleDiv_hong_type1_136 .wrap_photo .content em{opacity:0;position:relative;right:-50px;transition:all ease .5s;transform:scale(0.5);}
  #multipleDiv_hong_type1_136.scroll .wrap_photo .content em{opacity:1;right:0;transition-delay:1.25s;transform:scale(1);}

  #multipleDiv_hong_type1_136 .wrap_photo .more{opacity:0;transition:all ease .5s;}
  #multipleDiv_hong_type1_136.scroll .wrap_photo .more{opacity:1;transition-delay:1.5s;}

  #multipleDiv_hong_type1_138 #new-future{position:relative;right:-100%;opacity:0;transition: 1s;}
  #multipleDiv_hong_type1_138.scroll #new-future{right:0;opacity:1;}

  #multipleDiv_hong_type1_138 #new-future .new-future-title span{position:relative;left:-50px;opacity:0;transition:.5s;}
  #multipleDiv_hong_type1_138.scroll #new-future .new-future-title span{left:0;opacity:1;transition-delay:0.5s;}

  #multipleDiv_hong_type1_138 #new-future .new-future-title h3{position:relative;left:-50px;opacity:0;transition:.5s;}
  #multipleDiv_hong_type1_138.scroll #new-future .new-future-title h3{left:0;opacity:1;transition-delay:0.75s;}

  #multipleDiv_hong_type1_138 #new-future .new-future-title p{position:relative;left:-50px;opacity:0;transition:.5s;}
  #multipleDiv_hong_type1_138.scroll #new-future .new-future-title p{left:0;opacity:1;transition-delay:1s;}

  #multipleDiv_hong_type1_138 #new-future li{position:relative;top: -25px;opacity:0;}
  #multipleDiv_hong_type1_138.scroll #new-future li{top:0;opacity:1;}
  #multipleDiv_hong_type1_138.scroll #new-future li:nth-child(1){transition-delay:1.25s;}
  #multipleDiv_hong_type1_138.scroll #new-future li:nth-child(2){transition-delay:1.5s;}
  #multipleDiv_hong_type1_138.scroll #new-future li:nth-child(3){transition-delay:1.75s;}
  #multipleDiv_hong_type1_138.scroll #new-future li:nth-child(4){transition-delay:2s;}

  #multipleDiv_hong_type1_140 .title h3{opacity:0;position:relative;top:50px;transition:.5s;}
  #multipleDiv_hong_type1_140.scroll .title h3{opacity:1;top:0;}
  #multipleDiv_hong_type1_140 #footer-banner .title em{opacity:0;position:relative;top:50px;transition:.5s;}
  #multipleDiv_hong_type1_140.scroll #footer-banner .title em{opacity:1;top:0;transition-delay:.25s;}
  #multipleDiv_hong_type1_140 #footer-banner ul{opacity:0;position:relative;top:150px;transition:1s;}
  #multipleDiv_hong_type1_140.scroll #footer-banner ul{opacity:1;top:0;transition-delay:.75s;}

  .edit #multipleDiv_hong_type1_134 .wrap-notice .slider li,
  .edit #multipleDiv_hong_type1_134 .wrap-notice .slick-arrow,
  .edit #multipleDiv_hong_type1_134 .wrap-notice .recents-title-bx > span,
  .edit #multipleDiv_hong_type1_134 .wrap-notice .recents-title-bx > p,
  .edit #multipleDiv_hong_type1_134 .wrap-notice > ul > li .list,
  .edit #multipleDiv_hong_type1_136 .wrap_photo .title,
  .edit #multipleDiv_hong_type1_136 .wrap_photo .subjectText,
  .edit #multipleDiv_hong_type1_136 .wrap_photo .content span,
  .edit #multipleDiv_hong_type1_136 .wrap_photo .content em,
  .edit #multipleDiv_hong_type1_138 #new-future,
  .edit  #multipleDiv_hong_type1_138 #new-future .new-future-title span,
  .edit  #multipleDiv_hong_type1_138 #new-future .new-future-title h3,
  .edit #multipleDiv_hong_type1_138 #new-future .new-future-title p,
  .edit #multipleDiv_hong_type1_138 #new-future li,
  .edit #multipleDiv_hong_type1_140 .title h3,
  .edit #multipleDiv_hong_type1_140 #footer-banner .title em,
  .edit #multipleDiv_hong_type1_140 #footer-banner ul{opacity:1;position:initial;transform:none;}

  .edit #multipleDiv_hong_type1_134 .wrap-notice .title,
  .edit #multipleDiv_hong_type1_136 .wrap_photo .more,
  .edit #multipleDiv_hong_type1_134 .wrap-notice .recentBbsMore{opacity:1;}
  .edit #multipleDiv_hong_type1_136 .wrap_photo .thumb{left:0;opacity:1;}
}
  **/
#menu1013_obj141{overflow:visible}
