@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;}
#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;}
@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);}
}
@media all and (max-width:1023px){
  #multipleContentsDiv_hong_type3_3{padding: 100px 25px 45px 25px;max-width: 100%;}
  #multipleContentsDiv_hong_type3_4{margin:70px auto !important;max-width:96%;left:0;}
  #multipleContentsDiv_hong_type3_5{padding: 70px 25px;max-width: 100%;}
  #multipleContentsDiv_hong_type3_6{padding: 70px 25px;max-width: 100%;}
}
@media all and (max-width:767px){
  #multipleContentsDiv_hong_type3_3{padding: 40px 25px 25px 25px;max-width: 100%;}
  #multipleContentsDiv_hong_type3_4{
	max-width: 100%;
	padding: 0 25px;
  }
  #multipleContentsDiv_hong_type3_5{padding: 50px 25px;}
  #multipleContentsDiv_hong_type3_6{padding: 50px 25px;}
}



/********************
바로가기
********************/
#menu1073_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;}
@media all and (min-width:1024px){
  .mainLink a:hover{background:#222;}
  .mainLink a:hover::after{transform:rotate(90deg);transform:scaleX(-1);filter: FlipH;}
}
@media all and (max-width:1640px){
  #menu1073_obj238{right:2%;width:40% !important;}
  .mainLink{display:flex;flex-direction:column;}
  .mainLink a::after{display:none;}
  .mainLink a{width:unset !important;height:160px !important;float:unset !important;}
  .mainLink .item_1{margin-left:100px;}
  .mainLink .item_2{margin-top:0;margin-right:100px;}
  .mainLink .item_3{margin-left:100px;}
  .mainLink .item_4{margin-right:100px;}
}
@media all and (max-width:1023px){
  #menu1073_obj238{position:relative;right:unset;top:unset;width:100% !important;}
  .mainLink{flex-direction:row;}
  .mainLink a{width:25% !important;height:unset !important;margin:0 !important;}
}
@media all and (max-width:767px){
  .mainLink{flex-wrap:wrap;}
  .mainLink a{width:50% !important;padding:20px;align-items: center;}
  .mainLink span{display:none;}
  .mainLink strong{font-size:18px;}
}


/********************
타이틀
********************/
.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;}
@media all and (max-width:1023px){
  .mainTitle{background-size:95px;}
  .mainTitle span{padding-left:110px;font-size:45px;}
}
@media all and (max-width:767px){
  .mainTitle{background-size:80px;}
  .mainTitle span{padding-left:90px;font-size:35px;}
}


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


/********************
포토갤러리
********************/
#menu1073_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;}
@media all and (max-width:1023px){
  .galleryIntro .item_1 br,
  .galleryIntro .item_2 br{display:none;}
  .galleryIntro .item_2{font-size:25px;}
}


/********************
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){
.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;}
}

#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;}
}

.wrap_webzine a.subject::before, .wrap_webzine2 a.subject::before{display:none}
.wrap_webzine .thumb,.wrap_webzine2 .thumb{background-size: contain;}
.wrap_webzine .title,.wrap_webzine2 .title{margin-bottom: 50px;}