@charset "UTF-8";
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins"), url("https://fin.test.kakaobankcontent.com/common/font/poppins/Poppins-Bold.woff");
  src: local("Poppins"), url("./poppins/Poppins-Bold.woff"); /* local */
}

html,
body {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:-moz-none;
  -o-user-select:none;
  user-select:none;
  min-width:initial;
}
* {
  font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕',
    system-ui, sans-serif;
}
section,
.section {
  position:relative;
  z-index:2;
  box-sizing:border-box;
  overflow:hidden;
}
body {
  position:relative;
  /* background:#111;overflow:hidden; */
  height:auto !important;
  overflow-y:auto;
}
::-webkit-scrollbar {
  display:none;
  /* Chrome, Safari, Opera*/
  scrollbar-width:none;
  /* Firefox */
  scroll-behavior:smooth;
}
body.hide {
  overflow:hidden;
  height:calc(var(--vh, 1vh) * 100);
}
.ico_safe {
  display:inline-block;
  overflow:hidden;
  font-size:0;
  line-height:0;
  text-indent:-9999px;
  background:url(@@ico_safe.png) no-repeat 0 0/80px 70px;
  vertical-align:top;
}
.ico_safe.ico_down {
  width:34px;
  height:13px;
  background-position:0 0;
  animation:arrow-bounce-ani 2s infinite;
}
.link_make {
  position:fixed;
  left:50%;
  bottom:45px;
  z-index:-1;
  width:206px;
  border-radius:7px;
  font-size:14px;
  line-height:34px;
  font-weight:600;
  color:#c8c8c8;
  text-align:center;
  transform:translateX(-50%);
  opacity:0;
  transition:all 0.2s 0.2s;
}
.link_make svg {
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
}
.page-1 .link_make.on {
  z-index:9;
  transition:all 0.2s 1.8s;
  opacity:1;
}
.link_make .ico_safe {
  width:13px;
  height:8px;
  margin:13px 0 0 4px;
  background-position:0 -20px;
}
/* 공통 */
.section_share {
  width:100%;
  padding:60px 0;
  text-align:center;
  box-sizing:border-box;
}
.section_share .share-btn {
  display:inline-block;
  padding:25px 40px;
  border-radius:40px;
  font-size:21px;
  font-weight:700;
  color:#000;
  background:#fff;
  box-sizing:border-box;
  vertical-align:middle;
}
.section_share .share-btn svg {
  margin-right:5px;
  vertical-align:sub;
  stroke:#000;
}
.theme-default #eventInfo {
  background-color:#f7f7f7;
}
/* .theme-default #eventInfo .accordion-btn > span:first-child {
  display: inline-block;
  width: calc(100% - 22px);
}
.theme-default #eventInfo .info-head {
  margin-bottom:40px;
} */
.theme-default #eventInfo .serial.serial-tline {
  margin-top:10px;
  font-size:16px;
}
.theme-default #eventInfo .serial.serial-tline .info-list {
  margin-top:0;
}
.theme-default #share {
  padding-top:0;
  padding-right:45px;
  padding-left:45px;
  background-color:#fff;
}
.theme-default #share .share-btn {
  min-width:188px;
  color:#fff;
  background:#555555;
}
.theme-default #share .share-btn svg {
  stroke: #fff;
}
.theme-default #share .share-btn svg path {
  stroke: #fff;
}
.theme-default #share .share-btn svg circle {
  stroke: #fff;
  fill:#fff
}
@media screen and (max-width: 373.98px) {
  .theme-default #share {
    padding-right:0;
    padding-left:0;
  }
}
/* 플로팅 버튼 */
.wrap_apply {
  position:fixed;
  bottom:23px;
  z-index:-1;
  width:100%;
  padding:0 25px;
  box-sizing:border-box;
  opacity:0;
  transition:all 0.3s 1s;
}
.wrap_apply .link_apply {
  display:block;
  width:100%;
  max-width:325px;
  height:66px;
  margin:0 auto;
  border-radius:16px;
  text-decoration:none;
  font-size:20px;
  font-weight:700;
  line-height:66px;
  color:#fff;
  text-align:center;
  background:#000;
}
.wrap_apply .link_apply .ico_arrow {
  display: inline-block;
  width:7px;
  height:13px;
  margin:27px 0 0 4px;
  background-image: url(https://og.kakaobank.io/view/7f702db2-21db-4a3b-bfcf-6997e13bd1fa);
  background-repeat:no-repeat;
  background-size:100%;
}
/* popup */
.popups {
  visibility:hidden;
  opacity:0;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:999;
  transition:all 0.4s;
}
.popups.on {
  visibility:visible;
  opacity:1;
}
.popups .dimmed {
  position:absolute;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.6;
}
.popups .modal_layer {
  display:table;
  width:100%;
  height:100%;
  table-layout:fixed;
}
.popups .inner_layer {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}
.popups .layer_body {
  position:relative;
  max-width:330px;
  margin:0 auto;
  padding:14px;
  border-radius:20px;
  background:#fff;
  box-sizing:border-box;
}
.popups .copy {
  margin:26px auto 20px;
  font-size:20px;
  line-height:24px;
  font-weight:700;
  text-align:center;
}
.popups .area_apply {
  width:100%;
}
.popups .area_apply .link_g {
  display:inline-block;
  width:100%;
  padding:18px 0 18px;
  border-radius:10px;
  font-weight:800;
  font-size:20px;
  line-height:24px;
  color:#fff;
  text-align:center;
  background:#000;
  box-sizing:border-box;
}
.popups .sub {
  display:block;
  font-weight:400;
  font-size:15px;
  line-height:18px;
  letter-spacing:-1px;
  margin:20px auto 35px;
  color:#333333;
}
/* 공유하기 */
.popup-share .pop-content-inner {
  position:relative;
  padding:10px 18px 40px;
}
.popup-share .btn-close {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color:#EAECEF;
}
.popup-share .pop-share-btn-list {
  margin-top:40px;
}
#btnApply {
  z-index:-1;
  visibility:hidden;
  opacity:0;
}
#btnApply.is-active {
  z-index:9;
  opacity:1;
  visibility:visible;
  display:block;
  transition:all 0.5s;
}
.popup-youtube {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  box-sizing:border-box;
  padding:20px 0;
  background:rgba(0, 0, 0, 0.8);
  z-index:1;
  opacity:0;
  visibility:hidden;
}
.popup-youtube.on {
  opacity:1;
  transition:all 0.5s 0.8s;
  visibility:visible;
  z-index:99;
}
.popup-youtube .modal-table {
  display:table;
  width:100%;
  height:100%;
  table-layout:fixed;
}
.popup-youtube .modal-cell {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}
.popup-youtube .iframe-wrap {
  display:inline-block;
  width:100%;
  height:80%;
}
.popup-youtube .modal-open {
  display:block;
  z-index:1000;
}
.popup-youtube .btn-close-modal {
  position:fixed;
  top:22px;
  right:17px;
  color:transparent;
  font-size:0;
  width:36px;
  height:36px;
  padding:11px;
}
/* .popup-single {opacity:1; visibility:visible;} */
.popup-single .modal-content .modal-image {
  margin-bottom:35px;
}
.popup-single .modal-content .modal-image .pu-img {
  width:80px;
  height:80px;
}
.popup-single .modal-btn {
  display:flex;
  gap:8px;
}
.popup-single .modal-btn .okay-btn:not([class*='--info']) {
  flex:0 0 108px;
}
.popup-single .modal-btn .okay-btn .btn-ok {
  padding:18px 0;
  color:#000;
  font-weight:800;
  background-color:#dddddd;
}
.popup-single .modal-btn .okay-btn .btn-ok[class*='--info'] {
  background-color:#ffd600;
}
.inmotion-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.3s;
}
.inmotion-section.play {
  transform:translateY(0);
  opacity:1;
  transition:all 0.3s;
}
.inmotion {
  transform:translate(0, 50px); 
  opacity: 0;
}
.play-inmotion.inmotion,
.play.inmotion {
  transform:translate(0, 0); 
  opacity: 1; 
  transition:transform 0.6s 0.1s, opacity 0.6s 0.1s; 
  -webkit-transition:transform 0.6s 0.1s, opacity 0.6s 0.1s; 
  -moz-transition:transform 0.6s 0.1s, opacity 0.6s 0.1s; 
  -ms-transition:transform 0.6s 0.1s, opacity 0.6s 0.1s; 
  -o-transition:transform 0.6s 0.1s, opacity 0.6s 0.1s; 
}
/* 하단으로 이동 */
.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 54px;
  bottom: 8vh;
  width: 18px;
  height: 9px;
  -webkit-animation: mouseloop 0.8s infinite alternate;
  animation: mouseloop 0.8s infinite alternate;
  z-index: 10;
}
@keyframes mouseloop {
  0% {
    transform: translateY(0) translateX(-50%);
    opacity: 0.85;
  }
  to {
    transform: translateY(-12px) translateX(-50%);
    opacity: 1;
  }
}
@-webkit-keyframes mouseloop {
  0% {
    -webkit-transform: translateY(0) translateX(-50%);
    opacity: 0.85;
  }
  to {
    -webkit-transform: translateY(-12px) translateX(-50%);
    opacity: 1;
  }
}
/* content */
/* 카카오뱅크 기록통장 with NCT WISH */
.section-top {
  position: relative;
  height:100vh;
}
.section-top .sliding-background {
  position:absolute;
  top:0;
  height:100vh;
  background:url(https://og.kakaobank.io/view/337f009a-e5a4-4b8c-8cd1-a40e1f3838b9) repeat-x 0 / 1188px;
  background-size: cover;
  z-index: -1;
}

@media screen and (min-width: 1188px) {
  .section-top .sliding-background {
    width:100%;
    -webkit-animation: kv1-ani 1.2s forwards;
    animation: kv1-ani 1.2s forwards;
  }
}
@media screen and (max-width: 1187.98px) {
  .section-top .sliding-background {
    width:1188px;
    -webkit-animation: kv1-ani 1.2s forwards, slide 20s linear 1.2s infinite alternate;
    animation: kv1-ani 1.2s forwards, slide 20s linear 1.2s infinite alternate;
  }
  @-webkit-keyframes slide {
    0% {-webkit-transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(calc(-1188px + 100vw),0,0);}
  }
  @keyframes slide {
    0% {transform: translate3d(0,0,0);}
    100% {transform: translate3d(calc(-1188px + 100vw),0,0);}
  }
}
@-webkit-keyframes kv1-ani {
  0% {scale: 1.2;opacity: 0;}
  100% {scale: 1; opacity: 1;}
}
@keyframes kv1-ani {
  0% {scale: 1.2;opacity: 0;}
  100% {scale: 1; opacity: 1;}
}
.section-top .title-box {
  padding:51px 40px 50px;
}
.section-top .top-subtitle {
  display:inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.48px;
}
.section-top .top-title {
  margin-top:20px;
  font-size: 26px;
  font-weight: 900;
  line-height: 36px;
}
.section-top .top-title span {
  font-weight: 700;
}
.section-top .logo-nctwish {
  position:absolute;
  bottom:143px;
  bottom: 21.5vh;
  left:50%;
  transform: translateX(-50%);
  display:inline-block;
  width:101px;
  height:71px;
  background:url(https://og.kakaobank.io/view/535676bf-0bc0-4fee-b237-15461dfbc10e) no-repeat center / 100%;
}

/* detail-section */
/* detail-section 공통 */
.section.detail-section .inner {
  padding:55px 35px 60px;
  overflow: visible;
}
.section.detail-section .article {
  position:relative;
}
.section.detail-section .article + .article {
  margin-top:80px;
}
.section.detail-section .article .title strong {
  position:relative;
}
.section.detail-section .article .title strong::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:inline-block;
  height:14px;
  background: #FEFFBB;   
  z-index: -1;
}
.section.detail-section .article .title p {
  margin-top: 15px;
}
/* 기록통장 with NCT WISH를 통해 사랑하는 만큼 저축해보세요 */
.detail-section .title {
  color: #000;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}
.detail-section .example {
  color: #fff;
  display: block;
  margin-top: 103px;
}
.detail-section .example .box {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  border-radius: 17px;
  background: #262626;
  padding: 18px 16px 16px;
}
.detail-section .example .box .money {
  margin-left: auto;
}
.detail-section .example .area-bubble {
  display: block;
  position: relative;
}
.detail-section .example .bubble {
  display: block;
  opacity: 0;
  position: absolute;
  transform: scale(1) translate(0, 0);
  top: -60px;
  left: 160px;
  width: 80px;
  height: 80px;
  background: url("https://og.kakaobank.io/view/d2181ab5-29bd-4cb8-8712-2682d379eed4") center no-repeat;
  background-size: contain;
}
.detail-section.bubble-on .example .bubble1 {
  animation: 1s ease 0s 1 normal running bubble-ani;
  transform: scale(0.9) translate(160px, -260px);
  transition: transform 2s ease 0s;
}
.detail-section.bubble-on .example .bubble2 {
  animation: 1s ease 0.1s 1 normal running bubble-ani;
  transform: scale(0.9) translate(130px, -315px);
  transition: transform 2s ease 0.1s;
}
.detail-section.bubble-on .example .bubble3 {
  animation: 1s ease 0.2s 1 normal running bubble-ani;
  transform: scale(0.9) translate(58px, -182px);
  transition: transform 2s ease 0.2s;
}
.detail-section.bubble-on .example .bubble4 {
  animation: 1s ease 0.3s 1 normal running bubble-ani;
  transform: scale(0.9) translate(-59px, -274px);
  transition: transform 2s ease 0.3s;
}
.detail-section.bubble-on .example .bubble5 {
  animation: 1s ease 0.4s 1 normal running bubble-ani;
  transform: scale(0.9) translate(-52px, -198px);
  transition: transform 2s ease 0.4s;
}
.detail-section.bubble-on .example .bubble6 {
  animation: 1s ease 0.5s 1 normal running bubble-ani;
  transform: translate(147px, -176px);
  transition: transform 2s ease 0.5s;
}
.detail-section.bubble-on .example .bubble7 {
  animation: 1s ease 0.6s 1 normal running bubble-ani;
  transform: scale(0.9) translate(144px, -269px);
  transition: transform 2s ease 0.6s;
}
.detail-section.bubble-on .example .bubble8 {
  animation: 1s ease 0.7s 1 normal running bubble-ani;
  transform: translate(63px, -199px);
  transition: transform 2s ease 0.7s;
}
@keyframes bubble-ani {
  0%, 100% {opacity: 0;}
  40%, 60% {opacity: 1;}
}
/* 최대 1억원을 기부 */
.detail-section .article-item2 {
  padding-bottom:240px;
}
.detail-section .article-item2 .nctwish {
  position:absolute;
  right:0;
  bottom:0;
  display:inline-block;
  width:203px;
  height:210px;
  background:url(https://og.kakaobank.io/view/d3028b44-8c05-4e99-8d38-d380446eae13) no-repeat center / 100%;
}
/* 저축하는 모든 순간 */
.detail-section .article-item3 .swiper,
.detail-section .article-item3 .swiper-container {
  overflow: visible !important;
}
.detail-section .article-item3 .swiper {
  margin-top:40px;
}
.detail-section .article-item3 .swiper .swiper-slide {
  width:280px;
}

/* detail-section2 */
/* detail-section2 공통 */
.section.detail-section2 {
  background:#282A31;
}
.section.detail-section2 .inner {
  padding:50px 35px 0;
}
.section.detail-section2 .article .title {
  position:relative;
  padding-top:calc(43px + 15px);
  margin-bottom:30px;
  color:#fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 30px;
  text-align: center;
}
.section.detail-section2 .article .title::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  display: inline-block;
  width:43px;
  height:43px;
  background-image:var(--title-bgimg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
}
.section.detail-section2 .article .title p {
  margin-top:19px;
  color:rgba(255,255,255,0.6);
  font-size: 13px;
  font-weight: 400;
  line-height: 15.51px;
  opacity: 0.5;
}
/* 디데이 */
.section.detail-section2 .article-item1 .dday-box {
  display:flex;
  align-items: center;
  justify-content: center;
  max-width:305px;
  width:100%;
  height:112px;
  margin:0 auto;
  border-radius: 17px;
  background:url(https://og.kakaobank.io/view/4107f582-c9bd-4040-a147-047be59b935b) no-repeat center  / 100% ;
  background-size:cover;
}
.section.detail-section2 .article-item1 .dday-box strong {
  color:#fff;
  font-family: "Poppins";
  font-size: 26px;
  font-weight: 800;
  line-height: 30px;
}
.section.detail-section2 .article-item1 .dday-box .end-txt {
  font-size: 15px;
  font-weight: 800;
  line-height: 30px;
}
/* 최대 기부 금액 달성 현황 */
.section.detail-section2 .article-item2 {
  margin-top:45px;
}
.section.detail-section2 .article-item2 .progress-box {
  margin:0 auto 22px;
  max-width: 295px;
  width:100%;
  text-align: right;
}
.section.detail-section2 .article-item2 .progress-box strong {
  display:inline-block;
  margin-bottom:15px;
  font-family: "Poppins";
  font-size: 22px;
  font-weight: 800;
  line-height: 33px;
  background: linear-gradient(90deg, #FE8AAC 0%, #F780ED 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section.detail-section2 .article-item2 .progress-box .progress-item {
  display:flex;
  width:100%;
  height: 16px;
  border-radius: 15px;
  background:#11131C;
  overflow: hidden;
}
.section.detail-section2 .article-item2 .progress-box .progress-bar {
  display: inline-block;
  width:var(--bar-percent);
  height: 16px;
  background: linear-gradient(90deg, #FE8AAC 0%, #F780ED 100%);
  border-radius: 15px;
  opacity: 0;
}
.section.detail-section2 .article-item2 .progress-box.play-inmotion .progress-bar {
  -webkit-animation: 1s anim-lightspeed-in ease forwards;
  animation: 1s anim-lightspeed-in ease forwards;
}
@-webkit-keyframes anim-lightspeed-in {
  0% {-webkit-transform: translateX(-100%);opacity: 1;}
  100% {-webkit-transform: translateX(0);opacity: 1;}
}
@keyframes anim-lightspeed-in {
  0% {transform: translateX(-100%);opacity: 1;}
  100% {transform: translateX(0);opacity: 1;}
}
.section.detail-section2 .article-item2 .ul-list {
  max-width:295px;
  width:100%;
  margin:0 auto;
}
.section.detail-section2 .article-item2 .ul-list li {
  position:relative;
  padding-left:8px;
  color:rgba(255,255,255,0.3);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.section.detail-section2 .article-item2 .ul-list li::before {
  content:"";
  position:absolute;
  top:8px;
  lefT:0;
  display:inline-block;
  width: 2px;
  height: 2px;
  border-radius:50%;
  background:rgba(255,255,255,0.3);
}
/* 실시간 엔시티즌의 응원 납입 메모 */
.section.detail-section2 .article-item3 {
  margin-top:60px;
}
.memo-container.play-inmotion,
.memo-end.play-inmotion {
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  max-width:305px;
  width:100%;
  height:360px;
  max-height: 360px;
  margin: 0 auto;
  padding:30px 30px 0;
  border-radius: 20px;
  background:#1B1E26;
  box-sizing: border-box;
}
.memo-container .item > div{
  transform: scale(0.4);
}
.memo-container.play-inmotion .item {
  animation: fadeInUp 0.5s ease-in-out forwards;
  opacity: 1;
  scale:1;
  margin-top: 10px; 
  padding-bottom: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility : hidden;
}
.memo-container.play-inmotion .item:nth-child(even) {
  flex-direction: row-reverse;
  text-align: right;
  align-self: flex-end;
}
.memo-container.play-inmotion .item > span {
  display:block;
  color:rgba(255,255,255,0.5);
  font-size: 13px;
  font-weight: 600;
  line-height: 15.51px;
}
.memo-container.play-inmotion .item > div {
  position:relative;
  display:inline-flex;
  max-width:235px;
  margin-top:14px;
  padding:14px 20px;
  border-radius: 19px;
  font-size: 15px;
  font-weight: 700;
  line-height: 17.9px;
  background:#fff;
  transform: scale(0.4);
  will-change: transform; 
  animation: scale-ani 0.3s ease-in-out forwards;
}
.memo-container.play-inmotion .item:nth-child(odd) > div {
  transform-origin: 0 100%;
}
.memo-container.play-inmotion .item:nth-child(even) > div {
  transform-origin: 100% 100%;
}
.memo-container.play-inmotion .item:nth-child(odd) > div::before,
.memo-container.play-inmotion .item:nth-child(even) > div::after {
  content:"";
  position:absolute;
  top:0;
  display: inline-block;
  width:13px;
  height:20px;
  background-repeat: no-repeat;
  background-position:0;
  background-size:100%;
}
.memo-container.play-inmotion .item:nth-child(odd) > div::before {
  left:-5px;
  background-image:url(https://og.kakaobank.io/view/81875698-d4e7-4f26-b83a-88851024f78b);
}
.memo-container.play-inmotion .item:nth-child(even) > div::after {
  right:-5px;
  background-image:url(https://og.kakaobank.io/view/543e02f3-aaa3-4960-ba74-663c502d076d);
} 

@-webkit-keyframes fadeInUp {
  from { -webkit-transform:translateY(1px);}
  to { -webkit-transform:translateY(0);}
}
@keyframes fadeInUp {
  from { transform:translateY(1px);}
  to { transform:translateY(0);}
}

@-webkit-keyframes scale-ani {
  0% { -webkit-transform: scale(0.4) translateZ(0) rotate(.001deg); max-height: 100vmax; overflow: hidden;}
  100% { -webkit-transform: scale(1) translateZ(0) rotate(.001deg); max-height: 100vmax; overflow: visible;}
}
@keyframes scale-ani {
  0% { transform:scale(0.4) translateZ(0) rotate(.001deg); max-height: 100vmax;overflow: hidden;}
  100% { transform: scale(1) translateZ(0) rotate(.001deg); max-height: 100vmax; overflow: visible;}
}
.memo-end.play-inmotion::before,
.memo-end.play-inmotion::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.memo-end.play-inmotion::before {
  background: url(https://og.kakaobank.io/view/c6d7ed5e-9e13-435c-8cd6-47e402b8af7c) no-repeat center / 245px;
}
.memo-end.play-inmotion::after {
  content:"집계 종료";
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.48px;
  background: rgba(17, 19, 28, 0.9);
}
/* 납입할 때 '메모 남기기' 를 꼭 입력해 주세요 */
.section.detail-section2 .article-item4 {
  margin-top:70px;
}
.section.detail-section2 .article-item4 .write-box {
  text-align: center;
}
.section.detail-section2 .article-item4 .write-box {
  font-size: 0;
}
.section.detail-section2 .article-item4 .write-box img {
  max-width:286px;
  width:100%;
}

/* event */
/* event 공통 */
.section.event-section .inner {
  padding:70px 35px 0;
  text-align: center;
}
.section.event-section .event-badge {
  display:inline-flex;
  align-items: center;
  justify-content: center;
  width:79px;
  height:44px;
  margin-bottom:30px;
  color:#fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 31.07px;
  border-radius: 30px;
  background: linear-gradient(90deg, #FE8AAC 0%, #F780ED 100%);
}
.section.event-section .article + .article {
  margin-top:45px;
  margin-bottom:60px;
}
.section.event-section .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}
.section.event-section .benefit-list {
  margin-top:40px;
}
.section.event-section .benefit-list li + li {
  margin-top:45px;
}
.section.event-section .benefit-list li strong {
  display:block;
  margin-top:20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.section.event-section .benefit-list li strong span {
  color:#FF4CA2;
}
/* Event */
.section.event-section .article.article-item1 .benefit-list li:nth-child(2) {
  padding-bottom:49px;
  border-bottom:2px solid #EAEAEA;
}

@media screen and (max-width: 360.98px) {
  .section-top .title-box {
    padding-right:24px;
    padding-left:24px;
  }
  .section.detail-section .inner,
  .section.detail-section2 .inner,
  .section.event-section .inner,
  #eventInfo,
  .section.detail-section2 .article-item3 .memo-box.play-inmotion {
    padding-right:16px;
    padding-left:16px;
  }
}


