@charset "utf-8";

/**common**/
.sub-tit{margin-bottom: 50px;}
.sub-tit.center{text-align:center;}
.sub-tit > strong{font-size:50px;color:#212121;font-family:'Dream Bold';letter-spacing:-2px;display:block;margin-bottom:10px;}
.sub-tit > strong > span{color:#005bac;}
.sub-tit > p{font-size:18px;font-family:'Dream Regular';color:#555;letter-spacing:-0.5px;}

@media all and (max-width:1280px) {
  .sub-tit > strong{font-size:34px;}
  .sub-tit > p{font-size:15px;}
}
@media all and (max-width:767px) {
  .sub-tit{text-align:center;}
  .sub-tit > strong{padding:0 25px;}
}

#multipleDiv_hong_type4_2{padding-bottom:80px;}

.vis-quick {position:relative;width: 100%;height: 100%;}
.vis-quick .img{overflow:hidden;border-radius:25px;width: 100%;height: 100%;}
.vis-quick .img img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(0.5);}
.vis-quick .txt{position:absolute;left:0;top:0;z-index:1;width: 100%;height: 100%;}
.vis-quick .txt > a{display:flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;gap: 15px;}
.vis-quick .txt strong{color:#fff;font-family:'Dream Bold';font-size:34px;line-height: 1.25;position: relative;top: 15px;transition: all ease .5s;}
.vis-quick .txt p{color:#fff;font-family:'Dream Regular';font-size:18px;text-align:center;transition:all ease .5s;height:0;opacity:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;padding:0 15px;}
.vis-quick .txt > a:after{content:'';width:50px;height: 0;background:url('../../images/main/vis-quick-arr.png') no-repeat center;display:block;opacity: 0;transition:all ease .5s;}
.vis-quick .txt > a:hover strong{top:0;}
.vis-quick .txt > a:hover p{height:auto;opacity:1;}
.vis-quick .txt > a:hover:after{opacity:1;height:50px;margin-top:35px;}

@media all and (max-width:1600px) {
  #multipleContentsDiv_hong_type4_2{width:100% !important;padding-left: 20px;padding-right: 20px;}
}
@media all and (max-width:1280px) {
  .vis-quick .txt strong{font-size:24px;}
  .vis-quick .txt p{font-size:14px;}
  .vis-quick .txt p br{display:none}
  .vis-quick .txt > a:after{width:40px;background-size: contain !important;}
  .vis-quick .txt > a:hover:after{height:40px;margin-top:15px;}
}
@media all and (max-width:767px) {
  .vis-quick .txt > a strong{top:0;}
  .vis-quick .txt > a p{height:auto;opacity:1;}
  .vis-quick .txt > a:after{opacity:1;height:50px;}
}

#multipleDiv_hong_type4_3{padding:110px 0 120px;background:#f0f5fb;}
#multipleContentsDiv_hong_type4_3 > ._objWidget,
#multipleContentsDiv_hong_type4_3 > ._objWidget > div{position:initial;}
.counsel{padding:65px 40px 40px 60px;background:#005bac;border-radius:20px;height: 650px;}
.counsel:after{content:'';width:131px;height:131px;background:url('../../images/main/call-icon.png') no-repeat center;position:absolute;right: 40px;bottom: 40px;}
.counsel > span{color:#fff;display:block;font-size:26px;font-family:'Dream Regular';margin-bottom:5px;line-height:1.4;}
.counsel > strong{display:block;font-size:48px;color:#fff;font-family:'Dream Bold';letter-spacing:-2px;line-height:1.25;margin-bottom:30px;}
.counsel > ul > li{color:#fff;font-family:'Dream Light';font-size:20px;position:relative;padding-left:15px;}
.counsel > ul > li + li{margin-top:5px;}
.counsel > ul > li:before{content:'';width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:0;top:12px;}

@media all and (max-width:1600px) {
  #multipleContentsDiv_hong_type4_3{width:100% !important;padding-left: 20px;padding-right: 20px;}
  .counsel{width:auto;}
}
@media all and (max-width:1280px) and (min-width:768px){
  #multipleDiv_hong_type4_3{padding:75px 0 50px;}
  .counsel{height: 460px;padding: 80px 35px;}
  .counsel > span{font-size:16px;}
  .counsel > strong{font-size: 31px;}
  .counsel > ul > li{font-size: 16px;padding-left:12px;}
  .counsel > ul > li:before{width:3px;height:3px;top:7px}
  .counsel:after{width:70px;height:70px;background-size:contain;right: 25px;bottom: 25px;}
}
@media all and (max-width:767px) {
  #multipleDiv_hong_type4_3{padding:70px 0 60px;}
  .counsel > ul > li{font-size:18px;}
  .counsel{padding: 50px 35px;height: 420px;}
  .counsel > strong{font-size: 40px;}
}

#multipleDiv_hong_type4_5{padding:110px 0 120px;background:#f0f5fb;}
@media all and (max-width:1600px) {
  #multipleContentsDiv_hong_type4_5{width:100% !important;padding-left: 20px;padding-right: 20px;}
}
@media all and (max-width:1280px) {
  #multipleDiv_hong_type4_5{padding:80px 0;}
}

#multipleDiv_temp-shop03_230{padding:120px 0;}

@media all and (max-width:1600px) {
  #multipleContentsDiv_temp-shop03_230{width:100% !important;padding-left: 20px;padding-right: 20px;}
}
@media all and (max-width:1280px) {
  #multipleDiv_temp-shop03_230{padding:80px 0;}
}

#multipleDiv_temp-shop03_231{padding:120px 0;background:#f0f5fb;}
.fundInfo ul li a{display:block;position:relative;}
.fundInfo ul li .img{position: absolute;left:0;top:0;height: 450px;border-radius: 20px;overflow: hidden;}
.fundInfo ul li .img img{width:100%;height:100%;filter:brightness(0.6);}
.fundInfo ul li .txt{height:450px;position:relative;color:#fff;padding: 55px 60px;opacity:0;transition:all ease .5s;z-index: 2;}
.fundInfo ul li .txt strong{font-size:45px;font-family:'Dream Bold';letter-spacing:-2px;display:block;margin-bottom:20px;}
.fundInfo ul li .txt p{color:#fff;font-size:20px;font-family:'Dream Regular';line-height:1.4;margin-bottom:25px;}
.fundInfo ul li .txt > ul::-webkit-scrollbar{width:2px;background:rgba(255,255,255,0.5);}
.fundInfo ul li .txt > ul::-webkit-scrollbar-thumb{background:#fff;}
.fundInfo ul li .txt > ul > li{font-size:20px;color:#fff;position:relative;padding-left:15px;line-height: 1.3;}
.fundInfo ul li .txt > ul > li:before{content:'';width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:0;top: 11px;}
.fundInfo ul li .txt > ul > li + li{margin-top:7px;}
.fundInfo .slick-list{margin:0 -25px;padding-top: 100px !important;}
.fundInfo .slick-slide{margin:0 25px;transition: all ease .5s;}
.fundInfo ul li.slick-active{transform:translateY(-100px);}
.fundInfo ul li.slick-active .img img{filter:brightness(0.9); transition:ease all .8s}
.fundInfo ul li.slick-active:hover .img img{filter:brightness(0.5); transform:scale(1.1);}
.fundInfo ul li.slick-active .img:before{content:'';width: 50%;height:100%;background: linear-gradient(to right,rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));position:absolute;left:0;top:0;z-index: 1;}
.fundInfo ul li.slick-active .txt{opacity:1;}
.fundInfo .slick-arrow{width:70px;height:70px;position:absolute;top:50%;margin-top:-85px;border-radius:50%;text-indent:-9999px;z-index:9;box-shadow:0 5px 12px rgba(0,0,0,0.2);transition:all ease .5s;}
.fundInfo .slick-prev{background:#fff url('../../images/main/fund-prev.png') no-repeat center;left:25%;margin-left:-35px;}
.fundInfo .slick-prev:hover{background-color:#005bac;background-image: url('../../images/main/fund-prev-on.png');}
.fundInfo .slick-next{background:#fff url('../../images/main/fund-next.png') no-repeat 55% center;right:25%;margin-right:-35px;}
.fundInfo .slick-next:hover{background-color:#005bac;background-image: url('../../images/main/fund-next-on.png');}

@media all and (max-width:1280px) {
  #multipleDiv_temp-shop03_231{padding:80px 0;}
  .fundInfo ul li .img{height:280px;}
  .fundInfo ul li .txt{height:280px;padding: 40px;}
  .fundInfo ul li .txt strong{font-size:28px;}
  .fundInfo ul li .txt p{font-size: 15px;}
  .fundInfo ul li .txt > ul{overflow-y:scroll;max-height: 85px;}
  .fundInfo ul li .txt ul li{font-size: 15px;padding-left:12px;}
  .fundInfo ul li .txt > ul > li:before{width:3px;height:3px;top: 9px;}
  .fundInfo ul li.slick-active{transform:translateY(-50px);}
  .fundInfo .slick-arrow{width:45px;height:45px;background-size:10px;margin-top:-25px;}
}

@media all and (max-width:767px) {
  .fundInfo ul li .img{height:320px;}
  .fundInfo ul li .txt{height:320px;}
  .fundInfo ul li.slick-active{transform:none;}
  .fundInfo .slick-list{padding-top:0 !important;}
  .fundInfo .slick-prev{left:55px;}
  .fundInfo .slick-next{right:55px;}
}

#multipleDiv_temp-shop03_232{padding:120px 0;}

@media all and (max-width:1600px) {
  #multipleContentsDiv_temp-shop03_232{width:100% !important;padding-left: 20px;padding-right: 20px;}
}
