@charset "utf-8";

/********************
BG
********************/
#multipleDiv_hong_type3_3{background: rgba(217,241,228,0.3);}
#multipleDiv_hong_type3_4{overflow:hidden;background: rgba(217,241,228,0.3);}
#multipleDiv_hong_type3_5{background:#f4f5f8 url(../../images/main/bg_2.jpg) no-repeat center;background-size:cover;}
#multipleDiv_hong_type3_6{}
#multipleDiv_hong_type3_7{background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
#menu4462_obj6187{overflow: unset !important;}

/********************
COMMON
********************/
#multipleContentsDiv_hong_type3_3,
#multipleContentsDiv_hong_type3_5,
#multipleContentsDiv_hong_type3_6,
#multipleContentsDiv_nonghyupit_6186{max-width:1260px;}
#multipleContentsDiv_hong_type3_7{max-width:1640px;}
#multipleContentsDiv_hong_type3_3{padding:150px 0 75px 0;}
#multipleContentsDiv_nonghyupit_6186{padding:100px 0 100px 0;}
#multipleContentsDiv_hong_type3_4{max-width: 1260px; position: relative; padding: 96px 0;;}
#multipleContentsDiv_hong_type3_5{padding:140px 0;}
#multipleContentsDiv_hong_type3_6{padding:88px 0;}

#menu4462_obj246,
#menu4462_obj6187,
#menu4462_obj537,
#menu4462_obj296,
#menu4462_obj2564{width:100% !important}

@media all and (max-width:1640px){
  #multipleContentsDiv_hong_type3_3,
  #multipleContentsDiv_hong_type3_5,
  #multipleContentsDiv_hong_type3_6,
  #multipleContentsDiv_nonghyupit_6186{max-width:1260px;}
  #multipleContentsDiv_hong_type3_7{max-width:96%;}
  #multipleContentsDiv_hong_type3_4{max-width: 1260px;}
}
@media all and (max-width:1023px){
  #multipleContentsDiv_hong_type3_3{padding: 100px 25px 45px 25px;max-width: 100%;}
  #multipleContentsDiv_hong_type3_4{padding:70px 25px;max-width:100%;;}
  #multipleContentsDiv_hong_type3_5{padding: 70px 25px;max-width: 100%;}
  #multipleContentsDiv_hong_type3_6{padding: 70px 25px;max-width: 100%;}
 #multipleContentsDiv_nonghyupit_6186{padding:100px 0 100px 0;} 
}
@media all and (max-width:767px){
  #multipleContentsDiv_hong_type3_3{padding: 40px 25px 25px 25px;max-width: 100%;}
  #multipleContentsDiv_hong_type3_4{padding: 50px 25px  }
  #multipleContentsDiv_hong_type3_5{padding: 50px 25px;}
  #multipleContentsDiv_hong_type3_6{padding: 50px 25px;}
  #multipleContentsDiv_nonghyupit_6186{padding:50px 25px;}
}


/********************
바로가기
********************/

.mainLink{width: 1260px;margin: 150px auto 100px;}
.mainLink .main-title{}
.mainLink .main-title strong{display:block;font-family: 'NH Medium';font-size:42px;color:#1e1e1e;line-height:.9}
.mainLink .main-title span{display:block;font-family: 'Pretendard Medium';font-size:28px;color:#1e1e1e;line-height:42px;margin-top:37px;max-width: 540px;}  
.mainLink .item-wrap{display: flex;flex-wrap: wrap;gap: 50px 0;margin-top: -76px;justify-content: space-between;}
.mainLink .item-wrap .item{padding: 56px 44px 74px 60px;border: 1px solid #ddd;border-radius: 50px;height: 400px;position: relative;font-family: 'Pretendard Regular';/* max-width: 610px; */background-repeat: no-repeat;background-size: cover;width: 48%;transition-delay: 0s !important;}
.mainLink .item-wrap .item:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;z-index: 0;border-radius: 46px;}
.mainLink .item-wrap .item:nth-child(1){margin-top: 160px;background-image: url("/sites/nonghyupit/images/movie/mainLinkA.gif");}  
.mainLink .item-wrap .item:nth-child(1):after{opacity:.7;}
.mainLink .item-wrap .item:nth-child(2){background-image: url("/sites/nonghyupit/images/movie/mainLinkB.gif");}  
.mainLink .item-wrap .item:nth-child(2):after{opacity:.5;}
.mainLink .item-wrap .item:nth-child(3){background-image: url("/sites/nonghyupit/images/movie/mainLinkC.gif");}  
.mainLink .item-wrap .item:nth-child(3):after{opacity:0;}
.mainLink .item-wrap .item:nth-child(4){margin-top: -394px;background-image: url("/sites/nonghyupit/images/movie/mainLinkD.gif");margin-top: -160px;}  
.mainLink .item-wrap .item:nth-child(4):after{opacity:.4;}
.mainLink .item-wrap .item strong{font-size: 34px;color: #fff;display: block;line-height: 1;position: relative;z-index: 1; font-family: 'Pretendard bold';}  
.mainLink .item-wrap .item .txt{display:block;font-size: 20px;color:#fff;line-height:36px;margin-top:48px;position: relative;z-index: 1;}    
.mainLink .item-wrap .item .more-btn{display:block;font-size: 24px;color:#fff;position: absolute;line-height: 1;bottom: 74px;z-index: 1;}    
.mainLink .item-wrap .item .more-btn:after{content:"";background:url(/sites/nonghyupit/images/mainLink_btn.png) no-repeat;width: 12px;height: 21px;display: block;position: absolute;top: 50%;left: 100px;transform: translateY(-50%);background-size: cover;transition:all 0.75s}
.mainLink .item-wrap .item:focus,
.mainLink .item-wrap .item:hover{transform: scale(106%) !important; transition-delay: 0s !important;}
.mainLink .item-wrap .item .more-btn:focus:after,
.mainLink .item-wrap .item .more-btn:hover:after{animation: 1s bannericon linear infinite;}


@keyframes bannericon {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 8px;
  }
} 

@media all and (max-width:1260px){
.mainLink{width: 100%;}
.mainLink .item-wrap{gap: 50px 0;}
.mainLink .item-wrap .item{}
 }

@media all and (max-width:1024px){
 .mainLink{margin: 100px auto 60px;}
.mainLink .item-wrap{margin-top: 60px;gap: 50px 2%;justify-content: center;padding: 0 25px;display: flex;}
.mainLink .main-title{padding:0 25px}
.mainLink .item-wrap .item:nth-child(1){margin-top: 0;} 
.mainLink .item-wrap .item{max-width: calc(50% - 2%);}
.mainLink .item-wrap .item:nth-child(4){margin-top:0}
}

@media all and (max-width:767px){
 .mainLink .item-wrap{margin-top:50px;justify-content: center;}
  .mainLink .main-title strong{font-size:36px} 
 .mainLink .item-wrap .item{width: 100%;max-width: 100%;}
 .mainLink .item-wrap .item .more-btn{font-size:24px}
 .mainLink .item-wrap .item .more-btn:after{left: 110px;}
}

@media all and (max-width:640px){
  .mainLink .item-wrap .item{height:460px}
.mainLink .item-wrap .item:hover{transform: scale(100%) !important;}  
}



.wrap_rct .more,
.wrap_photo .more{ transition: all .3s !important;}
.wrap_rct .more:hover,
.wrap_rct .more:focus,
.wrap_photo .more:hover,
.wrap_photo .more:focus{background:#fff;}
.wrap_rct .more:hover:after,
.wrap_photo .more:hover:after{transition: all .3s !important;transform: translateX(15px);}

/********************
갤러리
********************/
.galleryIntro .mainTitle{line-height:0.9;font-family: 'NH Medium';font-size:36px;color:#1e1e1e}
.galleryIntro .item_1{margin-top:42px;font-family: 'Pretendard Medium';font-size:28px;color:#1e1e1e;line-height:42px;}

@media all and (max-width:1023px){
 .galleryIntro{}
 .galleryIntro .mainTitle{}
.galleryIntro .item_1{}  
  }

@media all and (max-width:767px){
 .galleryIntro{}
  .galleryIntro .mainTitle{}
  .galleryIntro .mainTitle br{display:none;} 
 .galleryIntro .item_1{ font-size: 25px; line-height: 36px; margin-top: 30px;}  

}


/********************
최신글
********************/
#menu4462_obj246{overflow:unset;}

/********************
SNS
********************/
.wrapSns{}
.wrapSns h2{color:#FFF;font-size:60px;font-family:'Noto Medium';line-height:1;display:flex;align-items:center;}
.wrapSns h2 span{font-size:17px;font-family:'Noto Light';padding-left:20px;}
.wrapSns .item_1{color:#fff100;font-size:50px;font-family:'Noto Regular';letter-spacing:-2px;line-height:1.1;margin-top:10px;}
.wrapSns .item_2{color:#FFF;font-size:22px;font-family:'Noto Light';letter-spacing:-2px;margin-top:20px;}
.wrapSns .item_2 span{color:#fff100;}
.wrapSns .snsBtns{margin-top:50px;display:flex;justify-content:space-between;}
.wrapSns .snsBtns a{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.wrapSns .snsBtns div{width:130px;height:130px;border:2px solid rgba(255,255,255,0.3);border-radius:100%;transition:0.5s;display:flex;align-items:center;justify-content:center;}
.wrapSns .snsBtns span{color:rgba(255,255,255,0.5);font-size:17px;font-family:'Noto Thin';padding:10px 0;display:block;}
.wrapSns .snsBtns strong{color:#FFF;font-size:26px;font-family:'Noto Medium';}

@media all and (min-width:1024px){
  .wrapSns .snsBtns a:hover div{background:#FFF;border-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
}

@media all and (max-width:1023px){
  .wrapSns h2{font-size:40px;}
  .wrapSns h2 span{font-size:15px;}
  .wrapSns .item_1{font-size:35px;}
  .wrapSns .item_2{font-size:18px;letter-spacing:0;}
  .wrapSns .item_2 br{display:none;}
  .wrapSns .snsBtns div img{max-width:60px;}
  .wrapSns .snsBtns strong{font-size:22px;}
  .wrapSns .snsBtns{justify-content: space-evenly;}
}

@media all and (max-width:640px){
  .wrapSns .snsBtns div{width:110px;height:110px}
  .wrapSns .snsBtns span{font-size: 15px;}
  .wrapSns .snsBtns strong{font-size: 20px;}
  .wrapSns .snsBtns div img{width:50px} 
}

@media all and (max-width:420px){
  .wrapSns .snsBtns div{width:90px;height:90px}
  .wrapSns .snsBtns span{font-size: 13px;}
  .wrapSns .snsBtns strong{font-size: 18px;}
  .wrapSns .snsBtns div img{width:40px} 
  .wrap_rct .title a{font-size: 23px;}
}

/********************
MAIN-EFFECT
********************/
@media all and (min-width:1024px){
  
 
#menu4462_obj238{overflow:hidden;}
#menu4462_obj238 .mainLink .main-title strong{left:-400px;opacity:0;transition:all ease 1s;position:relative;}
#menu4462_obj238 .mainLink .main-title span{left:-400px;opacity:0;transition:all ease 1s;position:relative;}

  #menu4462_obj238.scroll .mainLink .main-title strong{opacity:1;left:0;transition-delay:0s;}
  #menu4462_obj238.scroll .mainLink .main-title span{opacity:1;left:0;transition-delay:0s;}

  #menu4462_obj238 .mainLink .item-wrap .item{transition:all ease 1s;transform:scale(0);}
  #menu4462_obj238.scroll .mainLink .item-wrap .item{transform:scale(1);}
  #menu4462_obj238.scroll .mainLink .item-wrap .item:nth-child(2){transition-delay:.1s;}
  #menu4462_obj238.scroll .mainLink .item-wrap .item:nth-child(1){transition-delay:1.5s;}
  #menu4462_obj238.scroll .mainLink .item-wrap .item:nth-child(4){transition-delay:2s;}
  #menu4462_obj238.scroll .mainLink .item-wrap .item:nth-child(3){transition-delay:2.5s;} 
  

#multipleDiv_hong_type3_3 #menu4462_obj246 ul li .title{left:-200px;opacity:0;transition:all ease 1s;position:relative;}
#multipleDiv_hong_type3_3.scroll  #menu4462_obj246 ul li .title{opacity:1;left:0;transition-delay:.1s;}
#multipleDiv_hong_type3_3 #menu4462_obj246 ul li .list{transition:all ease 1s;transform:scale(0);}
#multipleDiv_hong_type3_3.scroll #menu4462_obj246 ul li .list{transform:scale(1);}
#multipleDiv_hong_type3_3 #menu4462_obj246 ul li .more{left:-400px;opacity:0;transition:all ease 1s;}
#multipleDiv_hong_type3_3.scroll #menu4462_obj246 ul li .more{left:0;opacity:1;transition-delay:4s;}

#multipleDiv_hong_type3_3 .wrap_popup h2{opacity:0;transition: all ease 1s;position:relative;left:-200px;}
#multipleDiv_hong_type3_3.scroll .wrap_popup h2{left:0;opacity:1;}

#multipleDiv_hong_type3_3 .wrap_popup .slick-slider{opacity:0;transition: all ease 1.75s;left:-75px;}
#multipleDiv_hong_type3_3.scroll .wrap_popup .slick-slider{opacity:1;left:0;transition-delay:0.5s;}

#multipleDiv_hong_type3_3 .wrap_popup .control{left:-200px;opacity:0;transition: all ease 1s;}
#multipleDiv_hong_type3_3.scroll .wrap_popup .control{left:0;opacity:1;transition-delay:1.5s;}


#multipleDiv_hong_type3_4 .mainTitle{transition: all ease 1s;position:relative;right:-50px;opacity:0;}
#multipleDiv_hong_type3_4.scroll .mainTitle{right:0;opacity:1;}

#multipleDiv_hong_type3_4  .galleryIntro .item_1{transition: all ease 1s;position:relative;right:-50px;opacity:0;}
#multipleDiv_hong_type3_4.scroll  .galleryIntro .item_1{right:0;opacity:1;transition-delay:0.25s;}

#multipleDiv_hong_type3_4 .wrap_photo .more,
#multipleDiv_hong_type3_4 .wrap_photo .control{transition: all ease 0.5s;opacity:0;transition-delay:1.5s;}

#multipleDiv_hong_type3_4.scroll .wrap_photo .more,
#multipleDiv_hong_type3_4.scroll .wrap_photo .control{opacity:1;transition-delay:1.5s;}

#multipleDiv_hong_type3_4 .wrap_photo .list > ul{transition: all ease 1s;position:relative;right:-150px;opacity:0;}
#multipleDiv_hong_type3_4.scroll .wrap_photo .list > ul{transition-delay:0.5s;opacity:1;right:0;}

#multipleDiv_hong_type3_5 .wrap_sns{transition: all ease 2s;position:relative;left:-150px;opacity:0;}
#multipleDiv_hong_type3_5.scroll .wrap_sns{left:0;opacity:1;}

#multipleDiv_hong_type3_5 .wrapSns h2{transition: all ease 1s;position:relative;right:-150px;opacity:0;}
#multipleDiv_hong_type3_5.scroll .wrapSns h2{right:0;opacity:1;transition-delay:.5s;}

#multipleDiv_hong_type3_5 .wrapSns .item_1{transition: all ease 1s;position:relative;right:-50px;opacity:0;}
#multipleDiv_hong_type3_5.scroll .wrapSns .item_1{right:0;opacity:1;transition-delay:.75s;}

#multipleDiv_hong_type3_5 .wrapSns .item_2{transition: all ease 1s;position:relative;right:-50px;opacity:0;}
#multipleDiv_hong_type3_5.scroll .wrapSns .item_2{right:0;opacity:1;transition-delay:1s;}

#multipleDiv_hong_type3_5 .wrapSns .snsBtns a{transition: all ease 0.5s;position:relative;top:25px;opacity:0;}
#multipleDiv_hong_type3_5.scroll .wrapSns .snsBtns a{top:0;opacity:1;}
#multipleDiv_hong_type3_5.scroll .wrapSns .snsBtns a:nth-child(1){transition-delay:1.25s;}
#multipleDiv_hong_type3_5.scroll .wrapSns .snsBtns a:nth-child(2){transition-delay:1.5s;}
#multipleDiv_hong_type3_5.scroll .wrapSns .snsBtns a:nth-child(3){transition-delay:1.75s;}

#multipleDiv_hong_type3_6 .wrap_webzine{transition: all ease 1s;position:relative;top:50px;opacity:0;}
#multipleDiv_hong_type3_6.scroll .wrap_webzine{opacity:1;top:0;}

#multipleDiv_hong_type3_6 .wrap_webzine2{transition: all ease 1s;position:relative;top:50px;opacity:0;}
#multipleDiv_hong_type3_6.scroll .wrap_webzine2{opacity:1;top:0;transition-delay:0.5s;}
  
  #multipleDiv_nonghyupit_6186{overflow:hidden;}
  #multipleDiv_nonghyupit_6186 .wrap_popup h2{left:-100px;opacity:0;transition:all ease 1s;position:relative;}
  #multipleDiv_nonghyupit_6186.scroll .wrap_popup h2{opacity:1;left:0;transition-delay:.25s;}
  #multipleDiv_nonghyupit_6186 #wrap-slider328 li{transition:all ease 1s;transform:scale(0);top:-422px}
  #multipleDiv_nonghyupit_6186.scroll #wrap-slider328 li{transform:scale(1);position: relative;top:0}
  #multipleDiv_nonghyupit_6186.scroll #wrap-slider328 li:nth-child(1){transition-delay:0.75s;}
  #multipleDiv_nonghyupit_6186.scroll #wrap-slider328 li:nth-child(2){transition-delay:1s;}
  #multipleDiv_nonghyupit_6186.scroll #wrap-slider328 li:nth-child(3){transition-delay:1.25s;}
   
 #multipleDiv_hong_type3_6 .banner_link_wrap .banner_link:nth-child(1){position:relative;left:-100%;opacity:0;transition:all ease 1s}
 #multipleDiv_hong_type3_6.scroll .banner_link_wrap .banner_link:nth-child(1){left:0;opacity:1;}
 #multipleDiv_hong_type3_6 .banner_link_wrap .banner_link:nth-child(2){position:relative;right:-100%;opacity:0;transition:all ease 1s} 
 #multipleDiv_hong_type3_6.scroll .banner_link_wrap .banner_link:nth-child(2){right:0;opacity:1;}
/* */
.edit #multipleDiv_hong_type3_6 .banner_link_wrap .banner_link:nth-child(1),
.edit #multipleDiv_hong_type3_6 .banner_link_wrap .banner_link:nth-child(2),
.edit #multipleDiv_nonghyupit_6186,
.edit #multipleDiv_nonghyupit_6186 .wrap_popup h2,
.edit #multipleDiv_nonghyupit_6186 #wrap-slider328 li,
.edit #menu4462_obj238  .mainLink .main-title strong,
.edit #menu4462_obj238 .mainLink .main-title span,  
.edit #menu4462_obj238 .mainLink .item-wrap .item,  
.edit #multipleDiv_hong_type3_3 #menu4462_obj246 ul li .title,
.edit #multipleDiv_hong_type3_3 #menu4462_obj246 ul li .list,
.edit #multipleDiv_hong_type3_3 .wrap_popup h2,
.edit #multipleDiv_hong_type3_3 .wrap_popup .slick-slider,
.edit #multipleDiv_hong_type3_4 .mainTitle.mainTitle_2,
.edit #multipleDiv_hong_type3_4  .galleryIntro .item_1,
.edit #multipleDiv_hong_type3_4  .galleryIntro .item_2,
.edit #multipleDiv_hong_type3_5 .wrap_sns,
.edit #multipleDiv_hong_type3_5 .wrapSns h2,
.edit #multipleDiv_hong_type3_5 .wrapSns .item_1,
.edit #multipleDiv_hong_type3_5 .wrapSns .item_2,
.edit #multipleDiv_hong_type3_5 .wrapSns .snsBtns a,
.edit #multipleDiv_hong_type3_6 .wrap_webzine,
.edit #multipleDiv_hong_type3_6 .wrap_webzine2{/*opacity:1;position:initial;*/opacity:1;transform:none;left:unset;right:unset;top:unset;}


.edit #multipleDiv_hong_type3_3 .wrap_rct .title,
.edit #multipleDiv_hong_type3_3 .wrap_rct .control button,
.edit #multipleDiv_hong_type3_3 .wrap_rct .more,
.edit #multipleDiv_hong_type3_4 .wrap_photo .more,
.edit #multipleDiv_hong_type3_4 .wrap_photo .control,
.edit #multipleDiv_hong_type3_3 .wrap_popup .control,
.edit #multipleDiv_hong_type3_4 .wrap_photo .list > ul{opacity:1;}
}


.banner_link_wrap{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.banner_link_wrap{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.banner_link_wrap .banner_link{width: 50%;}
.banner_link_wrap .banner_link +  .banner_link{margin-left: 60px;}
.banner_link_wrap .banner_link .title{font-family: 'NH Medium';font-size:36px;color:#1e1e1e;line-height:.9}
.banner_link_wrap .banner_link ul{margin-top: 62px;}
.banner_link_wrap .banner_link ul li{}
.banner_link_wrap .banner_link ul li + li{margin-top:20px;}
.banner_link_wrap .banner_link ul li a{display: block;padding: 0 0 0 40px;position: relative;background: #f0f0f0;border-radius: 30px;border: 4px solid transparent;}
.banner_link_wrap .banner_link ul li a span{display: flex;line-height: .9;font-size: 24px;color: #1e1e1e;font-family: 'Pretendard bold';height: 108px;align-items: center;}
.banner_link_wrap .banner_link ul li a span:after{content:"";display: inline-block;width: 48px;height: 48px;background-image: url(/sites/nonghyupit/images/main/icon-more01.png);background-repeat: no-repeat;background-color: #fff;background-position: center;border-radius: 50px;margin-left: 18px;}
.banner_link_wrap .banner_link ul li a:focus,
.banner_link_wrap .banner_link ul li a:hover{background:#fff;border: 4px solid #f0f0f0;}
.banner_link_wrap .banner_link ul li a:focus span:after,
.banner_link_wrap .banner_link ul li a:hover span:after{transform: translateX(20px); transition: all .3s; }

@media all and (max-width:767px){
  #multipleDiv_hong_type3_6{background-size: cover;}
  .banner_link_wrap{flex-wrap: wrap;justify-content: center;}
  .banner_link_wrap .banner_link{width: 100%;}
  .banner_link_wrap .banner_link +  .banner_link{margin-left:0;margin-top:40px}
  .banner_link_wrap .banner_link ul{margin-top:0}
  .banner_link_wrap .banner_link .title{font-size:30px;margin-bottom:30px}
}

@media all and (max-width:640px){

}

.wrap_webzine a.subject::before, .wrap_webzine2 a.subject::before{display:none}
#multipleContentsDiv_hong_type3_5{display:none}
.wrap_visual .text_2{display:none}
.wrap_visual .item_2{top: -45px !important;}

.wrap_popup .wrap,
.wrap_rct .con{border-radius:30px;    overflow: hidden;}