/* BASIC css start */
/* 하단 */
#footer {padding:35px 17px 28px; background-color: #f2f2f2;}
#footer .inner {margin:0 auto; clear: both;}
#footer .inner > div {display:inline-block; vertical-align:top;}
#footer .info .tit {font-size: 12px; font-weight: 500; padding-bottom;8px;}

#footer .info .tit a{font-size: 14px; font-weight: 500; padding-bottom;8px;}

#footer .info p {font-size: 11px; font-weight: 300; line-height:1.5; margin-bottom: 18px;}
#footer .info-cont01 {margin-right:80px;}
#footer .info-link {}
#footer .info-link li {display:inline-block; vertical-align:top;}
#footer .info-link li a {margin-right:19px; font-size: 12px; font-weight: 500;}
#footer .info-cont02 {}
#footer .info-cont02 .spot {padding-top:5px;}
#footer .info-cont02 .spot span {display:inline-block; text-align:center; width: 82px; height: 30px; line-height: 30px; background-color: #ce7777; font-size: 11px; color: #ffffff; font-weight: 300;}

.go_top {position:fixed; right:16px; bottom:50px; z-index:10; display:none;}
.go_top img {width:39px; filter: grayscale(100);}

.go_kakao {position:fixed; right:16px; bottom:100px; z-index:10; display:none;}
.go_kakao img {width:39px; filter: grayscale(100);}



  #cw-auth-panel {
    position: fixed;
    right: 8px;
    bottom: 100px;
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  #cw-auth-toggle {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border: 2px solid rgba(255,255,255,0.3);
    cursor: pointer;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    box-shadow: 0 4px 15px rgba(192,57,43,0.45);
    transition: all 0.3s ease;
    position: relative; outline: none;
  }
  #cw-auth-toggle:hover { transform: scale(1.08); }
  #cw-auth-toggle .toggle-icon { font-size: 19px; color: white; line-height: 1; }
  #cw-auth-toggle .toggle-label { font-size: 9px; color: white; font-weight: 700; margin-top: 1px; }
  #cw-auth-toggle .badge {
    position: absolute; top: -1px; right: -1px;
    width: 16px; height: 16px;
    background: #f39c12; border-radius: 50%;
    border: 2px solid white; font-size: 9px; color: white;
    display: flex; align-items: center; justify-content: center; font-weight: 900;
  }
  #cw-auth-buttons {
    display: flex; flex-direction: column;
    align-items: center; gap: 7px;
    overflow: hidden; max-height: 0; opacity: 0;
    transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease;
  }
  #cw-auth-buttons.open { max-height: 220px; opacity: 1; }
  .cw-auth-btn {
    width: 52px; height: 52px; border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.25); cursor: pointer;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    text-decoration: none;
    box-shadow: 0 3px 12px rgba(0,0,0,0.2);
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(0.7) translateY(15px); opacity: 0; position: relative;
  }
  #cw-auth-buttons.open .cw-auth-btn { transform: scale(1) translateY(0); opacity: 1; }
  #cw-auth-buttons.open .cw-auth-btn:nth-child(1) { transition-delay: 0.08s; }
  #cw-auth-buttons.open .cw-auth-btn:nth-child(2) { transition-delay: 0.16s; }
  .cw-auth-btn:hover { transform: scale(1.12) translateY(0) !important; }
  #cw-login-btn { background: linear-gradient(135deg, #2c3e50 0%, #3d5166 100%); }
  #cw-join-btn { background: linear-gradient(135deg, #1a7a40 0%, #27ae60 100%); }
  .cw-auth-btn .btn-icon { font-size: 18px; color: white; line-height: 1; }
  .cw-auth-btn .btn-text { font-size: 8.5px; color: white; font-weight: 700; margin-top: 2px; }
  .cw-btn-tooltip {
    position: absolute; right: 62px; top: 50%; transform: translateY(-50%);
    background: rgba(20,20,20,0.82); color: white;
    padding: 5px 11px; border-radius: 7px; font-size: 12px;
    white-space: nowrap; font-weight: 600;
    opacity: 0; pointer-events: none; transition: opacity 0.18s;
  }
  .cw-btn-tooltip::after {
    content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);
    border: 5px solid transparent; border-left-color: rgba(20,20,20,0.82);
  }
  .cw-auth-btn:hover .cw-btn-tooltip { opacity: 1; }
  @keyframes cw-pulse {
    0%,100% { box-shadow: 0 4px 15px rgba(192,57,43,0.45); }
    50% { box-shadow: 0 4px 25px rgba(192,57,43,0.7), 0 0 0 8px rgba(192,57,43,0.12); }
  }
  #cw-auth-toggle.pulse { animation: cw-pulse 2s ease-in-out 3; }
/* BASIC css end */