/* °ü·Ã±Û ¸ðµâ */ /* https://rgy0409.tistory.com */ .rgyTextBox { overflow: hidden; padding: 10px; box-shadow: 5px 5px 15px 0 #555; } .rgyTextBox > p { overflow: hidden; background: #f00; transform-origin: right; } .rgyTextBox > p > a { display: inline-block; width: 100%; height: auto; padding: 5px; color: #555; text-decoration: none; transform-origin: right; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; background: #eee; } .rgyTextBox > p:hover a { box-sizing: border-box; font-weight: bold; color: #222; transform: scaleX(0.97); -webkit-transform: scaleX(0.97); -moz-transform: scaleX(0.97); -o-transform: scaleX(0.97); -ms-transform: scaleX(0.97); background: #ddd; } .rgyTextBox > p a::before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; color: #222; }