@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:1650px;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;}
}


/********************
바로가기
********************/
#menu4575_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){
  #menu4575_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){
  #menu4575_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{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:1280px){
  .galleryIntro{margin-right:30px}
  .mainTitle span{font-size:50px;}  
  .wrap_photo .more{left: 340px;top: -8px;} 
}

@media all and (max-width:1023px){
  .mainTitle{background-size:95px;}
  .mainTitle span{font-size:45px;}
   .wrap_photo .more{right: 0;left: unset;}  
}
@media all and (max-width:767px){
  .mainTitle{background-size:80px;}
  .mainTitle span{;font-size:35px;}
}


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


/********************
포토갤러리
********************/

#menu4575_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:1280px){
    .galleryIntro .item_1 br,
  .galleryIntro .item_2 br{display:none;}
}
@media all and (max-width:1023px){
  .galleryIntro .item_2{font-size:25px;}
  }


/********************
SNS
********************/
.wrapSns{}
.wrapSns h2{color:#FFF;font-size:60px;font-family:'Noto Medium';line-height:1;display: none;align-items:center;display:none}
.wrapSns h2 span{font-size:17px;font-family:'Noto Light';padding-left:20px;}
.wrapSns .item_1{color:#fff;font-size: 38px;font-family:'Noto Regular';letter-spacing:-2px;line-height: .9;}
.wrapSns .item_1 strong{color: #ffe812;font-size:50px;display: block;margin-bottom: 15px;}
.wrapSns .item_2{margin-top: 44px;}
.wrapSns .item_2 a{display: inline-block;}
.wrapSns .item_2 span{display: block;color:#FFF;font-size:22px;font-family:'Noto Light';}
.wrapSns .item_2 a::after{width:0;height:2px;margin-top:5px;background:rgb(255,255,255,0.5);transition:0.5s;content:"";display:block;}
.wrapSns .item_2 a:hover::after{width:100%}

  .menuUItop .a_2{font-size:17px;color:rgb(255,255,255,1);line-height:1;font-family:'Noto Regular';padding:3px 0;display:inline-block;}
  .menuUItop .a_2::after{width:0;height:2px;margin-top:5px;background:rgb(255,255,255,0.5);transition:0.5s;content:"";display:block;}

.wrapSns .snsBtns{margin-top:50px;display:flex;justify-content:space-between;max-width: 680px;}
.wrapSns .snsBtns a{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.wrapSns .snsBtns div{transition:0.5s;display:flex;align-items:center;justify-content:center;}
.wrapSns .snsBtns span{color:rgba(255,255,255,0.8);font-size:18px;font-family:'Noto Thin';    padding: 14px 0 0px;;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{transform: scale(1.1);;}
}

@media all and (max-width:1260px){
.wrapSns .item_1{font-size: 33px;}
.wrapSns .item_1 strong{font-size: 40px;}

.wrapSns .item_2 span{font-size:22px;}
}

@media all and (max-width:1023px){
  .wrapSns h2{font-size:40px;}
  .wrapSns h2 span{font-size:15px;}
  .wrapSns .item_1{font-size:35px;text-align: center;}
  .wrapSns .item_1 strong{font-size: 45px;} 
  .wrapSns .item_2{font-size: 20px;letter-spacing:0;text-align: center;}
  .wrapSns .item_2 br{display:none;}
  .wrapSns .snsBtns div img{;}
  .wrapSns .snsBtns strong{font-size:22px;}
  .wrapSns .snsBtns{max-width: 100%;justify-content: space-evenly;}
}
@media all and (max-width:640px){
  .wrapSns .snsBtns div{width:110px;height:110px}
  .wrapSns .snsBtns span{font-size: 18px;}
  .wrapSns .snsBtns strong{font-size: 20px;}
  .wrapSns .snsBtns div img{} 
}

@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_visual .item_2{padding:100px 0 70px 0;top:0;left:50%;width:50%;margin-left:-800px;height:100%;position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:center;}
.wrap_visual .text_1{color:#FFF;font-size:30px;line-height:1.3;font-family:'Noto Light';opacity:0;transform:translateY(-50px);}
.wrap_visual .text_1 span{font-size:80px;font-family:'Noto Bold';margin-top:15px;display:block;margin-bottom:20px;line-height:1.1;}
.wrap_visual .text_2{font-size:23px;color:#FFF;line-height:1.4;font-family:'Noto Light';opacity:0;transform:translateY(50px);}

@media all and (max-width:1640px){
	.wrap_visual .item_2{left:2%;width:48%;margin-left:0;}
	.wrap_visual .text_1{font-size:25px;}
	.wrap_visual .text_1 span{font-size:60px;}
	.wrap_visual .text_2{font-size:20px;}
}
@media all and (max-width:1023px){
	.wrap_visual .item_2{width:96%;}
	.wrap_visual .text_1{font-size:20px;}
	.wrap_visual .text_1 span{font-size:40px;}
	.wrap_visual .text_2{font-size:18px;}
}



/*ch */
.ch-wrap-warp {margin-top: 50px;}
.ch-wrap-warp .summary{color:#fff;font-family: 'Gmarket Medium';margin-bottom: 20px;padding-left: 40px;position: relative;font-size: 20px;}
.ch-wrap-warp .summary:after{content:"";width: 30px;height:30px;display:inline-block;background: url(/sites/803/images/main/ch_w.png) no-repeat;top: 50%;background-size: cover;transform: translateY(-46%);left: 0;position: absolute;}
.ch-wrap{display: flex;justify-content: flex-start;gap: 5%;}
.ch-wrap .ch-list{display: flex;align-items: center;}
.ch-wrap .ch-list:nth-child(1){width: 53%;}
.ch-wrap .ch-list:nth-child(2){width: 43%;}
.ch-wrap .ch-list .title{
    font-size: 28px;
    color: #fff;
    line-height: .9;
    position: relative;
    display: inline-block;
    margin-right: 20px;
  font-family: 'Gmarket Medium';
}
.ch-wrap .ch-list:nth-child(1) a{width: 24%;}
.ch-wrap .ch-list:nth-child(2) a{width: 33%;}
.ch-wrap .ch-list a{
    height: 58px;
    display: inline-block;
    border: 1px solid #ffffff7d;
    text-align: center;
    padding-top: 17px;
    border-radius: 12px;
    transition:0.5s;
}
.ch-wrap .ch-list a + a{margin-left: 16px;}
.ch-wrap .ch-list a span{position: relative;display: inline-block;padding-left: 40px;font-size: 22px;color: #fff;line-height: .9;}
.ch-wrap .ch-list a span:after{content:"";width: 30px;height: 30px;display: block;position: absolute;background: url(/sites/803/images/main/ch_w.png) no-repeat;top: 50%;background-size: cover;transform: translateY(-46%);left: 0;}

.ch-wrap .ch-list a:hover{background:#ffde00}
.ch-wrap .ch-list a:hover span{color:#231815}
.ch-wrap .ch-list a:hover span:after{background: url(/sites/803/images/main/ch_b.png) no-repeat;background-size: cover;}

/* scroll 유도버튼 */
.down-button{width: 30px;height: 70px;border-radius:100%;background: url(/sites/803/images/Scroll-Down-icon-Home.gif) no-repeat center;left: 50%;bottom:0;opacity:1;transition:0.5s;position:fixed;display:block;background-size: cover;transform: translateX(-50%);}
.down-button span{text-indent:-9999px;display: block;}
.fix .down-button{bottom:100px;opacity:0;}

@media all and (max-width:1260px){
.ch-wrap .ch-list a span{padding-left: 0;} 
.ch-wrap .ch-list a span:after{display:none}  
}

@media all and (max-width:1023px){
.ch-wrap{flex-wrap: wrap;}
.ch-wrap .ch-list:nth-child(1){width: 100%;}
.ch-wrap .ch-list:nth-child(2){width: 100%;}
.ch-wrap .ch-list:nth-child(1) a{width: 24%;}
.ch-wrap .ch-list:nth-child(2) a{width: 24%;}
.ch-wrap .ch-list + .ch-list{margin-top:30px}
.ch-wrap .ch-list .title{width: 165px;margin-right: 16px;}
.ch-wrap .ch-list a{}
.ch-wrap .ch-list a span:after{display:block}  
.ch-wrap .ch-list a span{padding-left: 42px;} 
  
  .down-button{display:none} 
}

@media all and (max-width:640px){
.ch-wrap .ch-list{flex-wrap: wrap;}
.ch-wrap .ch-list + .ch-list{}
.ch-wrap .ch-list .title{width: 100%;margin-bottom:15px;font-size: 20px}
.ch-wrap .ch-list a{}
.ch-wrap .ch-list:nth-child(1) a{width: 30%;}
.ch-wrap .ch-list:nth-child(2) a{width: 47%;}
  .ch-wrap-warp .summary{margin-bottom:30px;    padding-left: 34px;}
  .ch-wrap-warp .summary:after{width:25px;height:25px}
}

#menu4575_obj325{z-index: 1000 !important;}