.webzin__wrap { width: 100%; margin-top: 3rem; background-color: white; color: var(--cont-color); line-height: 1.6; letter-spacing: -0.03em; word-break: keep-all; 
  font-size: 2rem; --point-bg-color: #f0f6ee; --dot-color: #595959; --clip-color: #424242; --title-color: #222; --cont-color: #333; --hr-color: #ebebeb; --bo-r16: 1.6rem; --ft-weight-b: 700; --ft-weight-m: 500; --ft-weight-r: 400;}

.webzin__wrap > .MCbox__btns { margin: 4em 0 0; display: flex; justify-content: center;}
.webzin__wrap > .MCbox__btns button {background-color: #5a514c; color: #fff; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; gap: 0 4px; width: 170px; height: 50px; font-weight: 500; font-size: 16px;}
.webzin__wrap > .MCbox__btns button:hover {background-color: #342922;}

.webzin__header { position: relative; width: 100%; max-width: 1900px; margin: 0 auto 4em; color: white; background-position: 50%; background-size: 120%; background-repeat: no-repeat; background-image: url(""); text-align: center; letter-spacing: 0; overflow: hidden; animation: bgMove-1 2s ease-out alternate forwards; }
.webzin__header .MCbox__contents { width: 100%; background-repeat: no-repeat; background-size: 100%; background-position: 50%; height: auto; padding-bottom: 43.68421052631579%; animation: bgCloseUpEvent-1 3s linear 1 alternate forwards; border-radius: 2rem;}
.webzin__header .MCbox__contents .MCbox__item { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.webzin__header .MCbox__contents .MCbox__item .MCbox__title { display: block; padding: 0 50px; margin: 0 auto; font-weight: var(--ft-weight-b); font-size: 4em; text-shadow: #000 1px 0 8px; border: 2px solid rgba(255, 255, 255, .75); border-left: 0; border-right: 0;}
.webzin__header .MCbox__contents .MCbox__item span:nth-child(2) { display: block; width: 100%; padding: 1em 0 0; font-weight: var(--ft-weight-b); font-size: 1.2em;}
[class*='webzine__box__'] { width: 100%; max-width: 1400px; /*padding: 0 20px;*/ margin-left: auto; margin-right: auto;}

@media screen and (max-width: 1440px) {
  .webzin__wrap {font-size: 1.6rem;}
}
@media screen and (max-width: 960px) {
  .webzin__wrap {font-size: 1.5rem;}
  .webzin__header .MCbox__contents { padding-bottom: 60%; background-size: cover; animation: none; }
  .webzin__header .MCbox__contents .MCbox__item .MCbox__title { font-size: 3em; }
  .webzin__header .MCbox__contents .MCbox__item span:nth-child(2) {font-size: 1.3em;}
}
@media screen and (max-width: 568px) {
  .webzin__header .MCbox__contents .MCbox__item .MCbox__title { padding: 0 20px; font-size: 2.1em; }
  .webzin__header .MCbox__contents .MCbox__item span:nth-child(2) {font-size: 1.2em;}
}

/* ============================================================================== */

.webzine__box__title { text-align: center; line-height: 1.4; margin-top: 2em; margin-bottom: 2em; text-align: center; }
.webzine__box__title .MCbox__title { display: block; font-weight: var(--ft-weight-b); font-size: 2.5em; color: var(--title-color);}
.webzine__box__title .MCbox__description { display: block; margin-top: 1em; font-weight: var(--ft-weight-m);}
.webzine__box__title.type2 .MCbox__title {font-size: 1.8em;}
.webzine__box__title.type2 .MCbox__description {line-height: 1.6; font-weight: var(--ft-weight-r);}

@media screen and (max-width: 960px) {
  .webzine__box__title .MCbox__title {font-size: 2.67em;}
  .webzine__box__title.type2 .MCbox__title {font-size: 2em;}
}
@media screen and (max-width: 568px) {
  .webzine__box__title .MCbox__title {font-size: 2.13em;}
  .webzine__box__title.type2 .MCbox__title {font-size: 1.6em;}
}

/* ============================================================================== */

.webzine__box__map .MCbox__item .MCbox__thumb { display: block; width: 100%; line-height: 0; }
.webzine__box__map .MCbox__item .MCbox__thumb [id*='KakaoMap_'] { width: 100%; height: 400px; }
@media screen and (max-width: 960px) {
  .webzine__box__map .MCbox__item .MCbox__thumb [id*='KakaoMap_'] { height: 300px; }
}
/* ============================================================================== */

.webzine__box__photo .MCbox__item .MCbox__thumb { display: block; width: 100%; line-height: 0; }
.webzine__box__photo .MCbox__item .MCbox__thumb .MCbox__img { width: 100%; border-radius: 2rem;}

/* ============================================================================== */

.webzine__box__photos {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2em;}
.webzine__box__photos + .webzine__box__photos { margin-top: 2em; }
.webzine__box__photos .MCbox__item .MCbox__thumb { display: block; width: 100%; line-height: 0; }
.webzine__box__photos .MCbox__item .MCbox__thumb .MCbox__img { width: 100%; border-radius: var(--bo-r16);}

@media screen and (max-width: 768px) {
  .webzine__box__photos {grid-template-columns: 1fr;}
}

/* ======================================= */

.webzine__box__description { text-align: left; margin-bottom: 2em; margin-top: 2em;}

/* ======================================= */

.webzine__item__liner { border: 0; border-top: 1px solid #e1e1e1; margin: 5em 0; }

/* ======================================= */

.webzine__box__slider { position: relative; padding: 0 5em; margin-top: 2em; margin-bottom: 3em;}
.webzine__box__slider [class*='MCbox__arrow__'] , 
.webzine__box__slider .slick-arrow { display: block; width: 3.333em; height: 3.333em; overflow: hidden; color: transparent; margin-top: -1.7em; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: cover; transform: translateY(-50%); position: absolute; top: 50%; z-index: 9999; font-size: inherit; line-height: inherit; padding: inherit; border: 0; outline: 2px solid transparent; }
.webzine__box__slider [class*='MCbox__arrow__']:focus ,
.webzine__box__slider .slick-arrow:focus { outline-color: #000000; }
.webzine__box__slider .slick-arrow::before { content: ''; }

.webzine__box__slider .MCbox__arrow__prev , 
.webzine__box__slider .slick_prev,
.webzine__box__slider .slick-prev {
  left: -4.75em;
  background-image: url(../../cpc/img/arrow_webzine_slider_prev.png);
}

.webzine__box__slider .MCbox__arrow__next, 
.webzine__box__slider .slick_next,
.webzine__box__slider .slick-next {
  right: -4.75em;
  background-image: url(../../cpc/img/arrow_webzine_slider_next.png);
}

/*.webzine__box__slider .MCbox__items {
  overflow: hidden;
}*/

.webzine__box__slider .MCbox__items .MCbox__item { float: left; width: 100%; margin-bottom: 3em; }
.webzine__box__slider .MCbox__items .MCbox__item .MCbox__img { display: block; padding-bottom: 47.69%; background-size: cover; /*background-color: #f5f5f5;*/ position: relative; }
.webzine__box__slider .MCbox__items .MCbox__item .MCbox__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--bo-r16); border: 1px solid #c5c5c5;}
.webzine__box__slider.halfType { padding: 0; }
.webzine__box__slider.halfType .MCbox__items .MCbox__item { width: 50%; padding: 0 20px; }
.webzine__box__slider.halfType .MCbox__items .MCbox__item .MCbox__img { display: block; padding-bottom: 48%; }

@media screen and (max-width: 960px) {
  .webzine__box__slider { padding: 0 20px; }
  .webzine__box__slider [class*='MCbox__arrow__'] { top: auto; bottom: 0; transform: translateY(0); width: 2em; height: 2em; }
  .webzine__box__slider .MCbox__arrow__prev { left: 20px; }
  .webzine__box__slider .MCbox__arrow__next { right: 20px; }
  .webzine__box__slider .MCbox__dots li { margin: .5em .25em 0; }
  .webzine__box__slider.halfType { padding: 0 20px; }
  .webzine__box__slider.halfType .MCbox__items .MCbox__item { padding: 0; }
}

/* ============================================================================== */

/*.webzine__box__contents {}*/

.webzine__information {position: relative; padding: 2em; margin: 2em 0; color: var(--title-color); background-color: var(--point-bg-color); border-radius: var(--bo-r16);}
.webzine__information .MCbox__header { width: 100%; margin: 0 0 .5em; display: flex; align-items: center;}
.webzine__information .MCbox__header em { flex-shrink: 0; display: block; width: 12rem; font-weight: 800; font-size: 12px;}
.webzine__information .MCbox__header em span { line-height: 1; padding: .25em .625em; letter-spacing: 0; color: white; background-color: var(--clip-color);}
.webzine__information .MCbox__header strong {display: block; width: calc(100% - 12rem); line-height: 1.4; font-weight: var(--ft-weight-b); font-size: 1.7em;}

.webzine__information .MCbox__body { width: 100%; font-size: 1.8rem;}
.webzine__information .MCbox__body dl {display: flex; align-items: center;}
.webzine__information .MCbox__body dt {flex-shrink: 0; width: 12rem; font-weight: var(--ft-weight-m);}
.webzine__information .MCbox__body dd {width: calc(100% - 12rem);}
.webzine__information .MCbox__body dd a[target="_blank"] { word-break: break-all; }

.webzine__information .MCbox__footer { position: absolute; right: 2em; bottom: 2em; /* width: 19em;*/ display: flex; gap: 0 .5em;}
.webzine__information .MCbox__footer .MCbox__btn { display: block; width: 8.75em; padding: .5em 2em .5em 1em; border-radius: 6px; background: url(../../cpc/img/arrow6.png) calc(100% - 16px) 50% no-repeat #fff; border: 1px solid #777; text-align: center;}

@media screen and (max-width: 1440px) {
  .webzine__information .MCbox__body { font-size: 1.6rem;}
}
@media screen and (max-width: 960px) {
  .webzine__information {padding: 2em 1.6em;}
  
  .webzine__information .MCbox__header {flex-direction: column; align-items: flex-start; padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #d7d7d7;}
  .webzine__information .MCbox__header em { width: 100%; margin: 0 0 .5em; }
  .webzine__information .MCbox__header strong {width: 100%;}
  .webzine__information .MCbox__body { font-size: 1.5rem;}
  .webzine__information .MCbox__body dl {align-items: flex-start;}
  .webzine__information .MCbox__body dt {width: 6.4rem;}
  .webzine__information .MCbox__body dd {width: calc(100% - 6.4rem);}
  .webzine__information .MCbox__footer { position: static; width: 100%; margin-top: 1.5em; }
}

/* ============================================================================== */

[class*='webzine__box__'] .MCbox__dots { text-align: center; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
[class*='webzine__box__'] .MCbox__dots li { display: inline-block; margin: 0 .25em; }
[class*='webzine__box__'] .MCbox__dots li button { width: 20px; height: 20px; color: transparent; border-radius: 50%; line-height: 1; overflow: hidden; background-color: white; border: 1px solid var(--dot-color); outline: 1px solid transparent; }
[class*='webzine__box__'] .MCbox__dots li button::before { display: none; }
[class*='webzine__box__'] .MCbox__dots li button:focus { outline: 1px solid red; }
[class*='webzine__box__'] .MCbox__dots li.slick-active button { background-color: var(--dot-color); border-color: var(--dot-color); }
/* ============================================================================== */

.webzine__box__slider .MCbox__description { margin-bottom: -.5em; font-weight: 600; font-size: 1.10em !important;}
[class*='webzine__box__'] .MCbox__item .MCbox__thumb + .MCbox__description { margin-top: 1em; font-weight: var(--ft-weight-m); font-size: .9em;}
[class*='webzine__box__'] .MCbox__item .MCbox__description::before { content: '▲ '; }

/* esg 홈페이지 슬라이드 2단형 반응형 추가 */
.slick-dots {
  display: none !important;
}

@media (max-width: 640px) {
  .slick-dots {
    display: flex !important;
  }
}