@charset "utf-8";

@media all and (min-width:1024px) {
  .wrap_visual{margin-top:150px;}
}

@media all and (max-width:1024px) {
	#contentsEditHtml{margin-top:80px;}
}

/**common title**/
.main-title{font-size:50px;color:#212121;margin-bottom: 60px;line-height: 1.25;text-align:center;letter-spacing:-2px;font-family: 'S-CoreDream-6Bold';}
.tl-title > p{font-size:18px;color:#333;font-weight:400;margin-bottom:10px;font-family: 'S-CoreDream-3Light';}
.tl-title > .main-title{text-align:left;margin-bottom:50px;}

@media all and (max-width:1280px) {
  .main-title{font-size:34px;margin-bottom:30px;}
  .tl-title > p{font-size:15px;}
}
@media all and (max-width:767px) {
  .main-title{font-size:36px;}
  .tl-title,
  .tl-title > .main-title{text-align:center;}
}

/**주요 서비스**/
.main-service{padding: 80px 0 75px;background-color: #ececec;text-align: center;overflow:hidden;}
.main-service > ul{max-width:1600px;margin:0 auto;display: flex;justify-content: space-between;gap:80px;position:relative;}
.main-service > ul:after{content:'Quick Service';white-space:nowrap;font-size:76px;font-weight:600;letter-spacing:0;color:#f4f4f4;transform:rotate(90deg);position:absolute;right:-340px;top:-25px;}
.main-service > ul li{width:calc(100% / 6);}
.main-service > ul li a{background:#fff;display:flex;padding: 35px 35px 25px;border-radius:15px;flex-direction: column;height:200px;justify-content: space-between;box-shadow: 0px 8px 12px 3px rgba(3, 0, 0, 0.07);transition:all ease .5s;}
.main-service > ul li a .thum{height:80px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.main-service > ul li a .con{height:45px;display:flex;flex-direction: column;justify-content: center;}
.main-service > ul li a .con span{font-size:19px;font-weight: 500;color:#222;line-height: 1.25;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.main-service > ul li a:hover{background:#1fb25a;}
.main-service > ul li a:hover .con span{color:#fff;}
.main-service > ul li a:hover .thum img{filter: brightness(0.25) grayscale(1) invert(1);animation:scale1 both 0.5s;}
@keyframes scale1{
  10%{transform:scale(0.9);}
  65%{transform:scale(1.1);}
  100%{transform:scale(1);}
}

@media all and (max-width:1640px) {
  .main-service{padding:60px 25px 55px;}
  .main-service > ul{gap:40px;}
}
@media all and (max-width:1280px) {
  .main-service{padding:50px 25px 45px;}
  .main-service > ul li a{height:120px;padding: 20px 10px 12px;}
  .main-service > ul li a .thum{max-width: 35px;margin:0 auto;}
  .main-service > ul li a .con span{font-size:13px;}
}
@media all and (max-width:860px) {
  .main-service > ul{display:block;}
  .main-service > ul .slick-list{margin:0 -20px;padding: 20px 10px;}
  .main-service > ul .slick-slide{margin:0 20px;}
  .main-service .slick-arrow{width:40px;height:40px;background:#fff;border-radius:50%;text-indent:-9999px;top:50%;position:absolute;margin-top:-20px;z-index:1;box-shadow:0 6px 12px 0 rgba(0,0,0,0.2);}
  .main-service .slick-prev{background:#fff url('../../images/main/mobile-arr-prev.png') no-repeat center;left:-10px;}
  .main-service .slick-prev:hover{background:#17703f url('../../images/main/mobile-arr-prev-on.png') no-repeat center;}
  .main-service .slick-next{background:#fff url('../../images/main/mobile-arr-next.png') no-repeat center;right:-10px;}
  .main-service .slick-next:hover{background:#17703f url('../../images/main/mobile-arr-next-on.png') no-repeat center;}
  .main-service > ul li a .con span{font-size:14px;}
}

@media all and (max-width:480px) {
  .main-service > ul .slick-list{margin:0 -10px;padding: 20px 10px;}
  .main-service > ul .slick-slide{margin:0 10px;}
}

/**농업  새소식**/
#multipleDiv_temp13_74{padding:80px 0 100px;}
#multipleDiv_temp13_74 .main-title{margin-bottom:90px;}
@media all and (max-width:1640px) {
  #multipleContentsDiv_temp13_74{width:100% !important;padding-left:25px;padding-right:25px;}
}
@media all and (max-width:1280px) {
  #multipleDiv_temp13_74{padding:70px 0 80px;}
  #multipleDiv_temp13_74 .main-title{margin-bottom:50px;}
}
@media all and (max-width:767px) {
  #multipleDiv_temp13_74{padding:60px 0 60px;}
}

/**투명한 경영**/
#multipleDiv_temp13_127{background:#edf3f9 url('../../images/main/blue-bg.png') no-repeat;background-position: -75px 102%;padding:90px 0 100px;}
@media all and (max-width:1640px) {
  #multipleContentsDiv_temp13_127{width:100% !important;padding-left:25px;padding-right:25px;}
}
@media all and (max-width:1280px) {
  #multipleDiv_temp13_127{padding:65px 0;background-size:837px 297px;}
}

/**금융상품**/
#multipleDiv_temp13_129{padding:145px 0 130px;}
.finance{display:flex;flex-direction: row-reverse;justify-content: space-between;}

.fin-title{padding-left:100px;width: 510px;}
.fin-title > span{color:#1fb25a;font-size:18px;display:block;margin-bottom:15px;letter-spacing: -1px;font-family: 'S-CoreDream-4Regular';}
.fin-title > strong{display:block;color:#212121;font-size:50px;line-height:1.2;letter-spacing:-1px;margin-bottom:30px;font-family: 'S-CoreDream-6Bold';}
.fin-title > p{font-size:19px;color:#555;margin-bottom:50px;font-family: 'S-CoreDream-4Regular';}
.fin-title > a{letter-spacing:-0.5px;color:#333;font-size:18px;line-height: 1.4;font-family: 'S-CoreDream-5Medium';}
.fin-title > a:after{content:'';width:10px;height:4px;display:inline-block;vertical-align:middle;margin-left:12px;background:#1fb25a;position:relative;top:-2px;transition:all ease .75s;}
.fin-title > a:hover:after{width:35px;}
.fin-slider{width: calc(100% - 510px);position:relative;}
.fin-slider .slick-list{width:100%;overflow: hidden;margin:0 -20px;}
.fin-slider .slick-slide{float:left;margin:0 20px;}
.fin-slider li{position:relative;}
.fin-slider li .img img{width:100%;height:100%;}
.fin-slider li .txt{position:absolute;left:0;bottom:0;width: 100%;display: flex;flex-direction: column;justify-content: center;border-radius: 17px;overflow: hidden;background:none;height:110px;padding-bottom:0;transition:all ease .5s;}
.fin-slider li .txt strong{font-size:27px;color:#fff;text-align:center;display:block;margin-bottom:15px;font-family: 'S-CoreDream-6Bold';}
.fin-slider li .txt p{font-size:16px;color:#fff;text-align:center;padding:0 40px;letter-spacing:-0.5px;line-height:1.4;margin-bottom:20px;font-family: 'S-CoreDream-4Regular';}
.fin-slider li .txt ul{margin:0 auto;max-width:50%;}
.fin-slider li .txt ul li{font-size:16px;color:#fff;letter-spacing:-0.5px;line-height:1.4;position:relative;padding-left:12px;font-family: 'S-CoreDream-4Regular';}
.fin-slider li .txt ul li:before{content:'';width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-2.5px;}
.fin-slider li .txt ul li + li{margin-top:3px;}
.fin-slider li .txt a{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);color:#fff;font-size:15px;background:url('../../images/main/fin-plus.png') no-repeat right center;padding-right:30px;transition: all ease .5s;opacity:0;font-family: 'S-CoreDream-3Light';}

.fin-slider li .txt p,
.fin-slider li .txt ul{display:none;}

.fin-slider li:hover .txt{padding-bottom: 25px;background: rgba(31,83,55,0.9);height:100%;}
.fin-slider li:hover .txt p,
.fin-slider li:hover .txt ul{display:block;}
.fin-slider li:hover .txt a{opacity:1;transition-delay:0.25s;}

.fin-slider .slick-arrow{width:70px;height:70px;background:#fff url('../../images/main/fin-arr.png') no-repeat center;border-radius:50%;box-shadow:0 5px 12px 0 rgba(0,0,0,0.25);text-indent:-9999px;position:absolute;top:50%;margin-top:-35px;z-index:9;transition: all ease .5s;overflow: hidden;}
.fin-slider .slick-arrow:hover{background:#17703f url('../../images/main/fin-arr-on.png') no-repeat center;}
.fin-slider .slick-prev{left:-35px;}
.fin-slider .slick-next{right:5px;transform:rotate(180deg);box-shadow:0 -5px 12px 0 rgba(0,0,0,0.25);text-indent: -9999px;}

@media all and (max-width:1640px) {
  #multipleContentsDiv_temp13_129{width:100% !important;padding-left:25px;padding-right:25px;}
  .fin-slider{padding:0 35px;position:relative;}
  .fin-slider .slick-prev{left:0;}
  .fin-slider .slick-next{right: 40px;}
  .fin-title{padding-left:40px;}
}
@media all and (max-width:1280px) {
}
@media all and (max-width:1280px) {
  #multipleDiv_temp13_129{padding:80px 0;}
  .fin-title{width:410px;padding-left: 20px;}
  .fin-title > span{font-size:13px;}
  .fin-title > strong{font-size:34px;}
  .fin-title > p{font-size:15px;}
  .fin-title > a{font-size:13px;}
  .fin-slider{width:calc(100% - 410px);padding: 0 20px;}
  .fin-slider .slick-arrow{width:45px;height:45px;margin-top:-22.5px;background-size:12px !important;}
  .fin-slider li .txt strong{font-size:18px;}
  .fin-slider li .txt{height:80px;}
  .fin-slider li .txt p{font-size:13px;}
  .fin-slider li .txt ul li{font-size:13px;}
  .fin-slider li .txt a{font-size:13px;}
  .fin-slider li.slick-current .txt{padding-bottom: 25px;background: rgba(31,83,55,0.9);height:100%;}
  .fin-slider li.slick-current .txt p,
  .fin-slider li.slick-current .txt ul{display:block;}
  .fin-slider li.slick-current .txt a{opacity:1;transition-delay:0.25s;}
}
@media all and (max-width:860px) {
  .fin-title{width:320px;}
  .fin-slider{width:calc(100% - 320px);}
}

@media all and (max-width:767px) {
  .finance{display:block;}
  .fin-title{padding-left:0;text-align:center;width:auto;}
  .fin-title > strong{margin-bottom:20px;}
  .fin-title > p{margin-bottom:25px;}
  .fin-slider{margin-top:45px;width:auto;}
  .fin-slider .slick-list{width:auto;}
  .fin-slider .slick-next{right:-5px;}
  .fin-slider .img{height:470px;}
  .fin-slider li .txt strong{font-size:32px;}
  .fin-slider li .txt p{font-size:18px;}
  .fin-slider li .txt ul li{font-size:18px;}
  .fin-slider li .txt a{font-size:15px;}
}
