@charset "utf-8";

/*COMMON************************************************************/
._objHtml,
._objWidget{padding-bottom:0;}
#multipleDiv_dmu_31003_38,
#multipleDiv_dmu_31003_39{max-width:1700px;margin: 0 auto;padding:50px 0;}
@media only screen and (max-width:1700px){
  #multipleDiv_dmu_31003_38,
  #multipleDiv_dmu_31003_39{max-width:92%;}
}

/*비주얼컨텐츠************************************************************/
/*소개*/
.visual_slogan{word-break:keep-all;text-shadow:1px 1px 1px #000;letter-spacing:-0.04em;text-align:center;}
.visual_slogan .p_1{font-size:60px;font-family:'S-CoreDream-5Medium';color:#FFF;}
.visual_slogan .p_2{font-size:40px;font-family:'S-CoreDream-4Regular';color:#FFF;line-height:1.5;margin-top:10px;}
@media only screen and (max-width:1400px){
  .visual_slogan{max-width:98%;}
  .visual_slogan .p_1{font-size:50px;}
  .visual_slogan .p_2{font-size:30px;}
}
@media only screen and (max-width:768px){
  .visual_slogan .p_1{font-size:30px;}
  .visual_slogan .p_2{font-size:20px;}
}

/*배너1*/
.banner_1{height:100%;}
.banner_1 a{display:flex;justify-content:space-between;align-items:center;height:50%;padding:20px 50px;}
.banner_1 a span{font-size:18px;color:#FFF;text-align:center;}
.banner_1 a span::after{content:"GO";display:flex;justify-content:center;align-items:center;margin:10px 0;width:65px;height:65px;border:1px solid #FFF;background:rgba(255,255,255,0.1);border-radius:100%;}
.banner_1 a img{}
.banner_1 a.a_1{background:#009992;}
.banner_1 a.a_2{background:#014099;}
@media all and (max-width:1024px){
  .banner_1 a{padding:20px;}
  .banner_1 a img{max-width:60px;}
}
@media all and (max-width:768px){
  .banner_1{display:flex;justify-content:space-between;}
  .banner_1 a{height:100%;width:50%;}
}
@media all and (max-width:480px){
  .banner_1 a{flex-direction:column;}
  .banner_1 a span{margin-bottom:20px;}
  .banner_1 a span::after{display:none;}
}

/*배너4*/
.banner_4{display:flex;flex-wrap:wrap;height:100%;}
.banner_4 a{width:50%;height:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.banner_4 a span{display:block;font-size:16px;color:#222;font-family:'Noto Regular';padding:10px 0;}
@media all and (max-width:768px){
  .banner_4 a{width:25%;}
  .banner_4 a img{max-width:60px;}
}
@media all and (max-width:480px){
  .banner_4 a{width:50%;}
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {
  .banner_1 a:hover span::after{background:rgba(255,255,255,0.3);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
  .banner_4 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}