@charset "utf-8";

.wrap_quick h2 span{font-family:'Dream Bold' !important;font-size:30px;}


/*COMMON*/
#multipleContentsDiv_templet_organ_A_16{max-width:1580px;margin:unset !important;padding:80px 0 100px 80px;}
@media all and (max-width:1820px){
  #multipleContentsDiv_templet_organ_A_16{max-width:98%;}
}
@media all and (max-width:1280px){
  #multipleContentsDiv_templet_organ_A_16{max-width:96%;margin: 0 auto !important;padding:80px 0;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_templet_organ_A_16{padding:40px 0 50px 0;}
}


/*슬로건*/
#menu6180_obj39{position:absolute;top:0;left:0;width:100% !important;}
.slogan{max-width:1580px;color:#FFF;line-height:1.3;padding-top:280px;text-align:right;}
.slogan .item_1{font-family:'Play Regular';font-size:30px;font-style:italic;}
.slogan .item_2{font-family:'Dream Bold';font-size:60px;text-shadow:1px 1px 3px #000;padding-top:10px;}
@media all and (max-width:1820px){
  .slogan{max-width:96%;margin:0 auto;}
}
@media all and (max-width:1280px){
  .slogan{padding-top:150px;text-align:center;}
  .slogan .item_1{font-size:25px;}
  .slogan .item_2{font-size:40px;}
}
@media all and (max-width:768px){
  .slogan .item_1{font-size:18px;}
  .slogan .item_2{font-size:30px;}
}


/*타이틀*/
.mainTitle{color:#000;letter-spacing:-2px;line-height:1;padding-bottom:25px;}
.mainTitle strong{font-family:'Play Bold';font-size:45px;}
.mainTitle span{font-family:'Play Regular';font-size:45px;}
@media all and (max-width:1280px){
  .mainTitle strong,
  .mainTitle span{font-size:38px;}
}
@media all and (max-width:768px){
  .mainTitle strong,
  .mainTitle span{font-size:28px;}
}


/*홍보동영상*/
.wrap_video,
.wrap_video .slider_1,
.wrap_video .slick-slider,
.wrap_video .slick-list,
.wrap_video .slick-track,
.wrap_video .slick-slide,
.wrap_video .slick-slide > div,
.wrap_video .slick-slide > div > li{height:100%;}
.wrap_video{padding-left:95px;}
.wrap_video .slick-slide a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;}
.wrap_video .slick-slide a img{width:100%;height:100%;}
.wrap_video .slick-slide a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0;}
.wrap_video .slick-slide a::after{content:"";display:block;width:90px;height:63px;position:absolute;left:calc(50% - 45px);top:calc(50% - 31.5px);background:url(../../images/icon_ytube.png) no-repeat center;opacity:0.7;}
.wrap_video .prev,
.wrap_video .next{display:block;text-indent:-9999px;width:95px;height:95px;position:absolute;left:0;}
.wrap_video .prev{background:#1e51a2 url(../../images/prev_w.png) no-repeat center;bottom:95px;}
.wrap_video .next{background:#23262f url(../../images/next_w.png) no-repeat center;bottom:0;}
/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_video .slick-slide a:hover::before{opacity:0.5;transition:0.5s;}
  .wrap_video .slick-slide a:hover::after{opacity:1;transition:0.5s;}
  .wrap_video .prev:hover{background-color:#113875;}
  .wrap_video .next:hover{background-color:#000;}
}
@media all and (max-width:1280px){
  .wrap_video{padding-left:60px;}
  .wrap_video .prev{bottom:60px;}
  .wrap_video .prev,
  .wrap_video .next{width:60px;height:60px;}
}
@media all and (max-width:768px){
  .wrap_video{padding-left:20px;padding-right:20px;}
  .wrap_video .prev,
  .wrap_video .next{width:45px;height:45px;bottom:calc(50% - 22.5px);}
  .wrap_video .prev{background-position:10px center;}
  .wrap_video .next{background-position:-10px center;left:unset;right:0;}
}


/*배너*/
.wrap_banner{display:flex;flex-wrap:wrap;height:100%;}
.wrap_banner a{width:100%;height:33.3%;display:flex;align-items:center;border-bottom:1px solid #EEE;padding:10px 20px;}
.wrap_banner a:last-child{border:0;}
.wrap_banner a img{margin-right:15px;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_banner a span{font-family:'Dream Bold';font-size:20px;color:#222;line-height:1.3;}
@media all and (min-width:1281px){
  .wrap_banner a:hover img{transform: rotatey(180deg);}
}
@media all and (max-width:768px){
  .wrap_banner a{width:33.3%;height:100%;border-bottom:0;border-right:1px solid #EEE;flex-direction:column;text-align:center;}
  .wrap_banner a img{max-width:50px;margin:0 0 15px 0;}
  .wrap_banner a span{font-size:18px;}
}
@media all and (max-width:520px){
  .wrap_banner a{width:100%;height:33.3%;border-right:0;border-bottom:1px solid #EEE;flex-direction:row;text-align:left;}
  .wrap_banner a img{margin:0 15px 0 0;}
}