@charset "utf-8";

/********************
BG
********************/
#multipleDiv_hong_type3_3{background:#f4f5f8 url(../../images/main/bg_1.jpg) no-repeat left bottom;}
#multipleDiv_hong_type3_4{background:#FFF;overflow:hidden;}
#multipleDiv_hong_type3_5{background:#f4f5f8 url(../../images/main/bg_2.jpg) no-repeat center;background-size:cover;display:none}
#multipleDiv_hong_type3_6{background:#f5f5f5;}
#multipleDiv_hong_type3_7{background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}


/********************
COMMON
********************/
#multipleContentsDiv_hong_type3_3,
#multipleContentsDiv_hong_type3_5,
#multipleContentsDiv_hong_type3_6,
#multipleContentsDiv_hong_type3_7{max-width:1600px;}
#multipleContentsDiv_hong_type3_3{padding:150px 0 75px 0;}
#multipleContentsDiv_hong_type3_4{margin:170px 0 !important;max-width:1850px;left:50%;transform:translateX(-800px);position:relative;}
#multipleContentsDiv_hong_type3_5{padding:140px 0;}
#multipleContentsDiv_hong_type3_6{padding:120px 0;}



/********************
바로가기
********************/
#menu2546_obj238{position:absolute;right:3%;top:calc(50% - 277.5px);width:690px !important;}
.mainLink{height:100%;overflow:hidden;}
.mainLink a{padding:30px;color:#FFF;line-height:1;transition:0.5s;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.mainLink strong{font-size:23px;font-family:'Noto Medium';}
.mainLink span{font-size:16px;font-family:'Noto Light';padding-top:10px;display:block;line-height:1.3;}
.mainLink a::after{width:69px;height:37px;margin-top:auto;content:"";display:block;transition:0.3s;background:url(../../images/main/arrow_1_w.png) no-repeat center;}
.mainLink .item_1{width:240px;height:255px;background:#283d76;margin-left:105px;float:left;}
.mainLink .item_2{width:345px;height:210px;background:#802b47;margin-top:90px;float:right;}
.mainLink .item_3{width:345px;height:255px;background:#005bac;float:left;}
.mainLink .item_4{width:240px;height:255px;background:#0b5659;}




/********************
타이틀
********************/
.mainTitle{line-height:0.9;background:url(../../images/main/ng_b.png) no-repeat left bottom;display:flex;align-items:center;}
.mainTitle span{padding-left:135px;font-size:57px;color:#222;letter-spacing:-2px;font-family:'Noto Regular';}
.mainTitle_1{margin-bottom:50px;}
.mainTitle_2{margin-bottom:30px;}


/********************
최신글
********************/
#menu2546_obj246{overflow:unset;}


/********************
포토갤러리
********************/
#menu2546_obj254{position:unset;}
.galleryIntro .item_1{font-size:18px;color:#666;font-family:'Noto Light';}
.galleryIntro .item_2{font-size:30px;color:#283d76;font-family:'Noto Light';line-height:1.3;margin-top:30px;}


/********************
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';}


/********************
MAIN-EFFECT
********************/

.mainLink a{opacity:0;animation-delay:1.5s;}

.mainLink a.item_1{animation-name:mainLink1;animation-duration:1.75s;animation-fill-mode:forwards;position:relative;}
@keyframes mainLink1{
  0%{opacity:0;left:-50px;}
  100%{opacity:1;left:0;}
}


.mainLink a.item_2{animation-name:mainLink2;animation-duration:1.75s;animation-fill-mode:forwards;position:relative;}
@keyframes mainLink2{
  0%{opacity:0;top:-50px;}
  100%{opacity:1;top:0;}
}

.mainLink a.item_3{animation-name:mainLink3;animation-duration:1.75s;animation-fill-mode:forwards;position:relative;}
@keyframes mainLink3{
  0%{opacity:0;bottom:-50px;}
  100%{opacity:1;bottom:0;}
}

.mainLink a.item_4{animation-name:mainLink4;animation-duration:1.75s;animation-fill-mode:both;position:relative;}
@keyframes mainLink4{
  0%{opacity:0;right:-50px;}
  100%{opacity:1;right:0;}
}
@media (min-width: 1601px) {
#multipleDiv_hong_type3_3 .mainTitle{opacity:0;transition: all ease 1s;position:relative;right:-50px;}
#multipleDiv_hong_type3_3.scroll .mainTitle{opacity:1;right:0;}

#multipleDiv_hong_type3_3 .wrap_rct .list ul li{opacity:0;transition: all ease 1.75s;position:relative;top:75px;}
#multipleDiv_hong_type3_3.scroll .wrap_rct .list ul li{top:0;opacity:1;transition-delay:0.75s;}

#multipleDiv_hong_type3_3 .wrap_rct .title,
#multipleDiv_hong_type3_3 .wrap_rct .control button,
#multipleDiv_hong_type3_3 .wrap_rct .more{opacity:0;transition: all ease 1s;}
#multipleDiv_hong_type3_3.scroll .wrap_rct .title,
#multipleDiv_hong_type3_3.scroll .wrap_rct .control button,
#multipleDiv_hong_type3_3.scroll .wrap_rct .more{opacity:1;transition-delay:1.5s;}

#multipleDiv_hong_type3_3 .wrap_popup h2{opacity:0;transition: all ease 1s;position:relative;left:-50px;}
#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.75s;}

#multipleDiv_hong_type3_3 .wrap_popup .control{opacity:0;transition: all ease 1s;}
#multipleDiv_hong_type3_3.scroll .wrap_popup .control{opacity:1;transition-delay:1.5s;}


#multipleDiv_hong_type3_4 .mainTitle.mainTitle_2{transition: all ease 1s;position:relative;right:-50px;opacity:0;}
#multipleDiv_hong_type3_4.scroll .mainTitle.mainTitle_2{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.5s;}

#multipleDiv_hong_type3_4  .galleryIntro .item_2{transition: all ease 1s;position:relative;right:-50px;opacity:0;}
#multipleDiv_hong_type3_4.scroll  .galleryIntro .item_2{right:0;opacity:1;transition-delay:1s;}

#multipleDiv_hong_type3_4 .wrap_photo .more,
#multipleDiv_hong_type3_4 .wrap_photo .control{transition: all ease 0.5s;opacity:0;}

#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:1s;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;}
}

.edit #multipleDiv_hong_type3_3 .mainTitle,
.edit #multipleDiv_hong_type3_3 .wrap_rct .list ul li,
.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;}


.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;}

@media all and (max-width:1640px){
  #multipleContentsDiv_hong_type3_3,
  #multipleContentsDiv_hong_type3_5,
  #multipleContentsDiv_hong_type3_6,
  #multipleContentsDiv_hong_type3_7{max-width:96%;}
  #multipleContentsDiv_hong_type3_4{max-width:98%;left:2%;transform:translateX(0);}
}
