.popup_box {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: normal!important;
}

a.popup_button {    
  appearance: button;
  text-decoration: none;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  background: #5DDBB5;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}

.popup_modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity:0;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 80vh;
}

.popup_content-modal {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: white;
  padding: 30px;
  border-radius: 10px;
  width: 80%;
  height: 60vh;
}

.popup_modal:target {
  opacity:1;
  pointer-events: auto;
}


.popup_modal h1 {
  font-size: 42px;
}

.popup_content-modal a{
  font-weight: bold;
}

.popup_close {
  align-self: flex-end;
  text-decoration: none;
  color: red;
}

body .holder, html .holder {
  position: absolute;
  left: 50%;
  top: 12%;
  margin-left: -150px;
  margin-top: -95px;
}
body .holder .avatar, html .holder .avatar {
  margin: 0px auto;
}
body .holder .avatar img.user, html .holder .avatar img.user {
  height: 300px;
  width: 300px;
  /* background-color: #ffffff; */
  /* box-shadow: 0 0 0 5px #ebe7e7; */
  border-radius: 50%;
}
body .holder .avatar img.user:hover, html .holder .avatar img.user:hover {
  cursor: pointer;
  animation: bounceOut .4s linear;
}

@keyframes bounceOut {
  0% {
    box-shadow: 0 0 0 4px #ffbebe;
    opacity: 1;
  }
  25% {
    box-shadow: 0 0 0 1px #ffbebe;
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 0 7px #ffbebe;
    opacity: 1;
  }
  75% {
    box-shadow: 0 0 0 4px #ffbebe;
    opacity: 1;
  }
  100% {
    box-shadow: 0 0 0 5px #f66;
    opacity: 1;
  }
}

.l-quote {
  position: relative;
  width: 95%;
  padding: 0px 0px 0px;
  margin: 0px auto;
  color: #fff;
  background: #7d6970;
}

.quote:after {
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  content: "";
  position: absolute;
  top: -21px;
  left: 13px;
  border-width: 0px 0px 30px 30px;
  border-style: solid;
  border-color: #7d6970 transparent;
}

/* blockquote {
  font: italic 20px / 1.3 'Lora', serif;
} */

cite {
  display: block;
  margin: 1.5em 0 0;
  font: 14px / 1.2 Arial, sans-serif;
}
cite:before {
  content: "— ";
}

.zoom {
  position: fixed;
  bottom: 75px;
  right: 16px;
  height: 70px;
  z-index:100;
}

.zoom-fab {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #009688;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  transition: 0.2s ease-out;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #FFF;
  text-shadow: -1px 0 #0043ff, 0 1px #0043ff, 1px 0 #0043ff, 0 -1px #0043ff;

}

.zoom-fab:hover {
  background-color: #4db6ac;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.zoom-btn-large {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-image: url('../images/submanager/1/1-smallmanager.png?v=2');
  background-repeat:no-repeat;
  background-size:45px 45px;
  opacity:0.7;
}

.zoom-menu {
  position: absolute;
  right: 70px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 190px;
  list-style: none;
  text-align: right;
}

.zoom-menu li {
  display: inline-block;
  margin-right: 10px;
}

.zoom-card {
  position: absolute;
  right: 150px;
  bottom: 70px;
  transition: box-shadow 0.25s;
  padding: 24px;
  border-radius: 2px;
  background-color: #009688;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.zoom-card ul {
  -webkit-padding-start: 0;
  list-style: none;
  text-align: left;
}

.zoom-btn-person { 
	background-color: #F44336; 
  background-image: url('../images/submanager/1/1-smallmanager.png?v=2');
	background-repeat:no-repeat;
	background-size:40px 40px;
}

.zoom-btn-person:hover { background-color: #e57373; }

.zoom-btn-kakao { 
	background-color: #ffeb3b;
	background-image: url('/mobile/images/mobile/kakao_Icon-Small-50.png');
	background-repeat:no-repeat;
	background-size:40px 40px;

}

.zoom-btn-kakao:hover { background-color: #fff176; }

.zoom-btn-tangram { background-color: #4CAF50; }

.zoom-btn-tangram:hover { background-color: #81c784; }

.zoom-btn-report { background-color: #2196F3; }

.zoom-btn-report:hover { background-color: #64b5f6; }

.zoom-btn-feedback { background-color: #9c27b0; }

.zoom-btn-feedback:hover { background-color: #ba68c8; }

.scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }

.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}

.scale-transition.scale-in { transform: scale(1); }

.uchatIcon {
  position: fixed;
  bottom: 130px;
  right: 16px;
  height: 120px;  /* 70px → 120px로 변경 (아이콘 2개 들어갈 공간) */
  z-index:100;
  display: flex;           /* 추가 */
  flex-direction: column;  /* 추가 - 세로 배치 */
  align-items: center;     /* 추가 - 중앙 정렬 */
}

.uchatIcon-fab {
  display: block;          /* inline-block → block으로 변경 */
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #009688;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  transition: 0.2s ease-out;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #FFF;
  text-shadow: -1px 0 #0043ff, 0 1px #0043ff, 1px 0 #0043ff, 0 -1px #0043ff;
  margin-bottom: 10px;     /* 추가 - 아이콘 간격 */
}

.uchatIcon-btn-large {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-image: url('/img/icon_reward_ad.png');
  background-repeat:no-repeat;
  background-size:45px 45px;
}

/* 새로 추가할 CSS */
.uchatIcon-worldmaster {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-image: url('/img/icon_worldmasterleague.png?v=3');
  background-repeat: no-repeat;
  background-size: 55px 55px;      /* 45px → 55px로 변경 (더 크게) */
  background-position: center;      /* 추가 - 중앙 정렬 */
}