@charset "utf-8";
/* [S] common */
section { margin: 0 auto; } 
.title h3 {font-size: 50px;line-height: 1.5;letter-spacing: -0.05em;color: #121212;font-family: "Dream Bold";} 
.inner { max-width: 1600px; margin: 0 auto; } 
.slick-arrow,
.slick-stop,
.slick-start,
.more-btn { text-indent: -9999px; overflow: hidden;} 
@media (max-width: 1600px){
  .inner { padding-left: 20px !important; padding-right: 20px !important; } 
}
/* [E] common */
#multipleContentsDiv_hong_type1_2 ._objWidget + ._objWidget{position:absolute;bottom:0;left:0;width:100%;animation-name:head_text_2;animation-duration:2s;animation-fill-mode:forwards;opacity:0;transform:translateY(190px);animation-delay:.5s;}

@keyframes head_text_2{
  0%{}
  100%{opacity:1;transform:translateY(0px);}
}


/* [S] 맨위로 이동 버튼 */
.go-top { display: block; font-size: 20px; position: fixed; right: 40px; bottom: 28px; width: 80px; height: 80px; text-align: center; line-height: 80px; background-color: #1ead4c; color: #fff !important; border-radius: 50%; z-index: 100; } 
/* [E] 맨위로 이동 버튼 */

/* [S] news */
#multipleDiv_hong_type2_3{background-image: url("../../images/main/logo-bg.jpg"); background-position: left center; background-repeat: no-repeat; background-color: #f4f4f4;}
#multipleContentsDiv_hong_type2_3{padding: 85px 0 106px;}


#news .flex-wrap { display: flex; justify-content: space-between; }  
#news .top { display: flex; justify-content: space-between; align-items: center; } 
#news .more-btn { position: relative; display: block; float: right; width: 14px; height: 14px; } 
#news .more-btn::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; background-color: #333; } 
#news .more-btn::after { content: ""; position: absolute; left: 50%; top: 0; margin-left: -1px; width: 2px; height: 100%; background-color: #333; } 

#news .right-box { width: 40.6%; min-width: 500px; } 
#news .right-box .top > div { display: flex; justify-content: space-between; align-items: center; } 
#news .right-box .top strong { font-size: 26px; letter-spacing: -0.06em; line-height: 1.5; color: #333; font-family: "S-CoreDream-5Medium"; } 
#news .right-box .top .slick-num { margin-left: 36px; } 
#news .right-box .top .slick-num::after { content: ""; display: block; clear: both; } 
#news .right-box .top .slick-num li { position: relative; float: left; font-size: 24px; color: #aeaeae; line-height: 1.5; letter-spacing: -0.06em; font-weight: 400; font-family: "Play"; } 
#news .right-box .top .slick-num li:first-child { margin-right: 44px; font-weight: bold; color: #1ead4c; } 
#news .right-box .top .slick-num li:first-child::before { content: ""; position: absolute; top: 50%; right: -23px; margin-top: -2px; width: 4px; height: 4px; background-color: #aeaeae; border-radius: 50%; } 
#news .right-box .top .slick-custom-wrap {position: relative;z-index: 1;}
#news .right-box .top .slick-arrow { width: 7px; height: 11px; background-image: url("../../images/main/slide-arrow4-black.png"); background-size: contain; background-repeat: no-repeat; } 
#news .right-box .top .slick-prev { margin-right: 33px; } 
#news .right-box .top .slick-next { margin-left: 33px;margin-right: 30px;transform: rotate(180deg); } 
#news .right-box .top .slick-stop { width: 9px; height: 14px; background-image: url("../../images/main/pause-black.png"); background-size: contain; background-repeat: no-repeat; } 
#news .right-box .top  .slick-start  { display: none; width: 9px; height: 14px; background-image: url("../../images/main/play-icon-black.png"); background-repeat: no-repeat; background-size: contain; } 
#news .right-box .gallery-slider {margin: -31px -55px 0; overflow: hidden;} 
#news .right-box .gallery-slider li {margin: 55px; box-shadow: 0px 5px 30px 0px rgba(54, 54, 54, 0.25); } 
#news .right-box .gallery-slider li .info { padding: 19px 30px; background-color: #fff; } 
#news .right-box .gallery-slider li .info strong { display: block; margin-top: 1px; font-size: 18px; color: #000; letter-spacing: -0.05em; line-height: 1.5; font-family: "Dream Regular"; } 
#news .right-box .gallery-slider li .info em { font-size: 14px; line-height: 1.5; color: #666; } 

/* [E] news */

/* [S] service */

#service {  position:relative;}
#service:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-image: url('../../images/main/service-bg.jpg');background-size: cover;z-index:-1;}
#service .inner { display: flex; align-items: center; justify-content: space-between; padding: 50px 0; bottom: 0; left: 0; } 
#service .left { width: 276px; } 
#service .title h3 { color: #fff; } 
#service p { font-size: 18px; margin-bottom: 77px; color: #fff; letter-spacing: -0.05em; line-height: 1.5; } 
#service .slick-custom-wrap { position: relative; display: inline-block; } 
#service .slick-custom-wrap::before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -2.5px; margin-top: -2.5px; width: 5px; height: 5px; background-color: #fff; opacity: 0.5; border-radius: 50%; } 
#service .slick-arrow { width: 17px; height: 24px; background-image: url("../../images/main/slide-arrow3-white.png"); background-size: contain; background-repeat: no-repeat; } 
#service .slick-prev { margin-right: 35px; transform: rotate(180deg); } 
#service .slick-next { margin-left: 15px; } 
#service .slick-stop { width: 9px; height: 14px; margin-left: 25px; background-image: url("../../images/main/pause-white.png"); background-size: contain; background-repeat: no-repeat; } 
#service .banner-slider { width: 1210px; overflow: hidden;} 
#service .banner-slider ul { margin: 0 -12px; } 
#service .banner-slider ul::after { content: ""; display: block; clear: both; } 
#service .banner-slider li { float: left; width: 285px; height: 250px; margin: 0 12px; background-color: #fff; } 
#service .banner-slider li a { display: block; width: 100%; height: 100%; padding-top: 51px; text-align: center; } 
#service .banner-slider li img { display: block; margin: 0 auto 33px; } 
#service .banner-slider li span { font-size: 20px; color: #151515; letter-spacing: -0.05em; line-height: 1.5; font-family: "S-CoreDream-5Medium"; } 

@media (max-width: 768px){
  #service .slick-list{padding: 0 20px !important;}
  #service .banner-slider li{height:auto;}
  #service .banner-slider li img{width:80px;margin-bottom: 20px;}
  #service .banner-slider li a{padding-top:25px;padding-bottom:25px;}
  #menu1042_obj382{width: 100%;height: 590px;float: none;}
  #menu1042_obj431{width: 100%;float: none;height: auto;}
}
/* [E] service */



/* [S] footer-banner */
#footer-banner { background-image: url("../../images/main/footer-banner.jpg"); background-size: cover;background-position: center; background-repeat: no-repeat; text-align: center; } 
#footer-banner .inner { padding: 60px 0 53px; } 
#footer-banner h3 { font-size: 38px; margin-bottom: 14px; line-height: 1.5; letter-spacing: -0.05em; color: #fff; font-family: "Dream Light"; } 
#footer-banner h3 span { font-family: "S-CoreDream-5Medium"; } 
#footer-banner p {width: 465px;margin: 0 auto 120px;font-size: 18px;letter-spacing: -0.05em;line-height: 1.5;color: #fff;font-family: "Dream Light";} 
#footer-banner a { position: relative; display: inline-block; padding: 21px 68px; font-size: 20px; letter-spacing: -0.05em; line-height: 1.5; border: 1px solid #fff; color: #fff; transition: 0.2s;font-family: "Dream Regular";} 
#footer-banner a:hover {color: #000;background-color: #fff;}
#footer-banner a::before { content: ""; position: absolute; top: -89px; left: 50%; margin-left: -0.5px; width: 1px; height: 50px; background-color: #fff; opacity: 40%; } 
/* [E] footer-banner */

@media (max-width: 1600px){
  #service .banner-slider { width: 70%; } 
}
@media (max-width: 1260px){
  #service .banner-slider { width: 65%; } 
  #service .banner-slider ul { margin: 0 -8px; } 
  #service .banner-slider li { margin: 0 8px; } 
}
@media (max-width: 1023px){
  .title h3 { font-size: 44px; } 
  .go-top { font-size: 18px; width: 70px; height: 70px; line-height: 70px; right: 25px; bottom: 20px; } 
  #service .inner { flex-direction: column; align-items: center; text-align: center; } 
  #service p { margin-bottom: 27px; } 
  #service .banner-slider { width: 90%; margin-top: 30px; } 
  #multipleDiv_hong_type2_7{overflow:hidden;}
}


@media (max-width: 768px){
  .title h3 {font-size: 30px;margin-bottom: 8px;} 
  #service .banner-slider { width: 100%; } 
  #service .inner { padding: 50px 0 !important; } 
  #service .banner-slider ul { margin: 0; } 
  #service p { font-size: 18px; } 
  #footer-banner h3 {font-size: 26px;line-height: 1.4;} 
  #footer-banner p {font-size: 16px;margin-bottom: 100px;width: auto;} 
  #footer-banner a { font-size: 18px; padding: 12px 36px; } 
  #footer-banner a::before { top: -80px; } 
  .wrap_webzine2 .title,  .wrap_webzine .title{margin-bottom:0}
}

#multipleDiv_hong_type2_14{padding:85px 20px; background:#f4f4f4;}
#multipleContentsDiv_hong_type2_14 > div{display:inline-block;vertical-align:top;}

@media (max-width: 1600px){
  #multipleContentsDiv_hong_type2_3{width:100%;}
  #multipleContentsDiv_hong_type2_14{width:100%;}
}

@media (max-width: 767px){
  #multipleContentsDiv_hong_type2_3{padding-bottom: 35px;padding-top: 35px;}
  #multipleDiv_hong_type2_14{padding: 40px 25px;}
}


@media (min-width: 1200px){
  /*메인 효과
  #multipleDiv_hong_type2_3 #menu1042_obj382{opacity:0;left:-150px;transition:all ease 1s;}
  #multipleDiv_hong_type2_3.scroll #menu1042_obj382{opacity:1;left:0;}

  #multipleDiv_hong_type2_3 #menu1042_obj431{opacity:0;right:-150px;transition:all ease 1s;}
  #multipleDiv_hong_type2_3.scroll #menu1042_obj431{opacity:1;right:0;}

  #multipleDiv_hong_type2_7 #service:before{opacity:0;left:-100%;transition:all ease 1s;}
  #multipleDiv_hong_type2_7.scroll #service:before{left:0;opacity:1;}

  #multipleDiv_hong_type2_7 #service .title h3{opacity:0;transform:scale(0.5);transition:all ease 1s;}
  #multipleDiv_hong_type2_7.scroll #service .title h3{opacity:1;transform:scale(1);transition-delay:.5s;}

  #multipleDiv_hong_type2_7 #service p{opacity:0;transform:scale(0.5);transition:all ease 1s;}
  #multipleDiv_hong_type2_7.scroll #service p{opacity:1;transform:scale(1);transition-delay:.75s;}

  #multipleDiv_hong_type2_7 .banner-slider{position:relative;right:-100%;transition:all ease 2s;}
  #multipleDiv_hong_type2_7.scroll .banner-slider{right:0;transition-delay:.5s;}

  #multipleDiv_hong_type2_7 .slick-custom-wrap{opacity:0;transition:all ease 1s;}
  #multipleDiv_hong_type2_7.scroll .slick-custom-wrap{opacity:1;transition-delay:1s;}

  #multipleDiv_hong_type2_14 #menu1042_obj846{opacity:0;left:-150px;transition:all ease 1s;}
  #multipleDiv_hong_type2_14.scroll #menu1042_obj846{opacity:1;left:0;}

  #multipleDiv_hong_type2_14 #menu1042_obj865{opacity:0;right:-150px;transition:all ease 1s;}
  #multipleDiv_hong_type2_14.scroll #menu1042_obj865{opacity:1;right:0;}
*/
  /**편집모드 효과제거**/
  ._mCS_1 #multipleDiv_hong_type2_3 #menu1042_obj382,
  ._mCS_1 #multipleDiv_hong_type2_3 #menu1042_obj431,
  ._mCS_1 #multipleDiv_hong_type2_7 #service:before,
  ._mCS_1 #multipleDiv_hong_type2_7 #service .title h3,
  ._mCS_1 #multipleDiv_hong_type2_7 #service p,
  ._mCS_1 #multipleDiv_hong_type2_7 .banner-slider,
  ._mCS_1 #multipleDiv_hong_type2_7 .slick-custom-wrap,
  ._mCS_1 #multipleDiv_hong_type2_14 #menu1042_obj846,
  ._mCS_1 #multipleDiv_hong_type2_14 #menu1042_obj865{opacity:1;left:unset;right:unset;transform:none;}
}

.wrap_webzine a.subject::before, .wrap_webzine2 a.subject::before{display:none}
#menu1042_obj865,#menu1042_obj846{overflow:visible}
