/* 창조문화예술협회 28차: 모바일에서 날씨를 소개 문구 전체의 왼쪽으로 재배치 */
.ccaa-mobile-weather{display:none;}
@media (max-width:650px){
  /* 기존 iframe 날씨 영역은 모바일에서 숨기고 PC는 그대로 유지 */
  #main .weather-showcase.quick-access-row > .quick-weather{display:none !important;}
  #main .weather-showcase.quick-access-row{row-gap:0 !important;}

  /* 소개 영역을 2열로 재배치: 왼쪽 날씨 / 오른쪽 영문+한글 문구 */
  #main .weather-showcase.quick-access-row .creative-statement{
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    column-gap:12px !important;
    row-gap:8px !important;
    align-items:start !important;
    padding-top:22px !important;
  }
  #main .weather-showcase .ccaa-mobile-weather{
    display:flex !important;
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:92px;
    min-height:128px;
    padding:2px 0 0;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    color:#304b3c;
    text-decoration:none;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
    line-height:1.1;
    text-align:center;
    align-self:start;
  }
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-heading{
    font-size:11.5px;
    font-weight:750;
    letter-spacing:-.03em;
    color:#304b3c;
    line-height:1.2;
  }
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:36px;
    flex:0 0 36px;
    color:#7a8f7a;
    margin-top:2px;
  }
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-icon svg{
    width:44px;
    height:36px;
    overflow:visible;
    transform-origin:center center;
    animation:ccaa-mobile-cloud 7s ease-in-out infinite;
  }
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-details{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    width:100%;
  }
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-details strong{
    font-size:21px;
    line-height:1.08;
    color:#55665b;
    font-weight:650;
    letter-spacing:-.035em;
    font-variant-numeric:tabular-nums;
  }
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-details small{
    font-size:8.8px;
    line-height:1.16;
    color:#7d8b81;
    white-space:normal;
    max-width:100%;
    overflow-wrap:break-word;
    font-weight:450;
    letter-spacing:-.02em;
  }
  #main .weather-showcase .creative-statement-signature{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0;
    align-self:start;
    margin-top:1px;
  }
  #main .weather-showcase .creative-statement .creative-statement-korean{
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:clamp(15.5px,4.55vw,19px) !important;
    line-height:1.53 !important;
  }
}
@media (max-width:360px){
  #main .weather-showcase.quick-access-row .creative-statement{
    grid-template-columns:84px minmax(0,1fr) !important;
    column-gap:9px !important;
  }
  #main .weather-showcase .ccaa-mobile-weather{width:84px;min-height:120px;}
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-heading{font-size:11px;}
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-details strong{font-size:18px;}
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-details small{font-size:8.2px;}
  #main .weather-showcase .creative-statement .creative-statement-korean{
    font-size:clamp(14.2px,4.5vw,17px) !important;
  }
}
@keyframes ccaa-mobile-cloud{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){
  #main .weather-showcase .ccaa-mobile-weather .mobile-weather-icon svg{animation:none !important;}
}