<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* 수정사항 css 파일입니다. 수정 시 날짜, 적어서 해주기 */

/* 2025.05.28 - 라이트 퀵 메뉴 추가 및 수정 */
/* .SpeechBubbleZone{right: 23px;} */
/* 애니메이션 컨테이너 */
.animation_container {position: relative;width: 73px;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}

.ripple {position: absolute;width: 30px;height: 30px;border-radius: 50%;animation: rippleEffect 1s linear infinite;opacity: 1;z-index: 1;}
.ripple:nth-child(1) {animation-delay: -1s;}
.ripple:nth-child(2) {animation-delay: -0.5s;}
.ripple:nth-child(3) {animation-delay: 0s;}

/* 물결 애니메이션 */
@keyframes rippleEffect {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}
/* 물결 애니메이션 */



/* 애니메이션 컨테이너 */
.main_right_quickmenu &gt; li &gt; figure{cursor: pointer;}
.main_right_quickmenu &gt; li .mrq_ico{display: block;width: 70px;height: 70px;aspect-ratio: 1 / 1;border-radius: 50%;overflow: hidden;position: relative;}
.main_right_quickmenu &gt; li img{position: absolute;z-index: 5;border-radius: 50%;top: 50%;scale: 1;left: 50%;transform: translate(-50%, -50%);}
.main_right_quickmenu &gt; li:hover .mrq_ico:before{position: absolute;content: "";top: 0;left: 0;width: 170%;height: 170%;background-image: linear-gradient(115deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);background-size: 400% 400%;;border-radius: 0;animation: animate_border .75s linear infinite;}
.main_right_quickmenu &gt; li:active .mrq_ico img{width:80%;}
.main_right_quickmenu &gt; li:active .mrq_ico{width:60px;height:60px}
@keyframes animate_border{
100% {
    background-position: 20vw;
}
}
.mr_001 .ripple{border: 2px solid rgba(11, 148, 68, 1)}
.mr_002 .ripple{border: 2px solid rgba(247, 171, 0, 1)}
.mr_003 .ripple{border: 2px solid rgba(48, 188, 255, 1)}
.kakaoChatBtn{cursor: pointer;}
.renweal_telbubble{border-radius: 5px;margin-bottom: 50px;position: relative;padding: 10px 20px;box-shadow: 0 1px 20px #ccc;background: #fff;letter-spacing: -1px;color: #454545;white-space: nowrap;}
.SpeechBubbleZone-Wrap.PC .renweal_telbubble{5px;margin-bottom: 40px;}
.renweal_telbubble &gt; a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#renwalbubble .bubble_zone{bottom: 0;top:6px;min-width: 220px;}
.SpeechBubbleZone-Wrap.PC #renwalbubble .bubble_zone{top:67px;}
#renwalbubble .SpeechBubble{position: relative;}
#renwalbubble .SpeechBubble_top_logo{top:-29px}
#renwalbubble .OpenKatalk_Call_box{/* right: 70px; */z-index: 5;}
.Opentelegram_Call_box{display: none;position: fixed;bottom: 20px;right: 20px;width: 450px;border-radius: 10px;background: #fff;box-shadow: 0 1px 20px #ccc;height: 240px !important;z-index: 5;}
.Opentelegram_Call_box .OPK_Close {position: absolute;top: 6px;right: 6px;color: #666;background: #fff;width: 30px;height: 30px;border-radius: 50%;/* text-align: center; */line-height: 34px;font-size: 25px;cursor: pointer;box-shadow: 0 1px 20px #ccc;z-index: 9999;padding: 0px 8px;}
#renwalbubble.SpeechBubble_inner{width: unset;}
.SpeechBubbleZone .Toggle_btn{position: relative;}
.SpeechBubbleZone .Toggle_btn::after{display: block;content: "×";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 35px;height: 35px;text-indent: -2px;line-height: 38px;}
.SpeechBubbleZone .Toggle_btn.close::after {transform: translate(-50%, -50%) rotate(45deg);}
.telegramBtn{cursor: pointer;}
.Opentelegram_Call_box #Opentelegram_Call_box{margin-top: 0;width: 100%;height: 240px;border: none;transform: translate(-50%, -50%);position: relative;left: 50%;margin-left: 0;top: 50%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.Opentelegram_Call_box .OPK_inner {position: relative;margin: 10px;overflow: hidden;height: 220px;background: linear-gradient(135deg, #dbddbb 0%, #6ba587 25%, #d5d88d 50%, #88b884 75%, #dbddbb 100%);}
.tgme_background {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.tgme_background_pattern {opacity: 0.3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;mix-blend-mode: overlay;background: url('/img/pattern.svg') repeat center;background-size: 220px auto;}
.tgme_page {position: relative;margin: 0 auto;padding: 10px 0;z-index: 2;background:#fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);border-radius: 16px;transition: all .15s ease .15s;min-width: 268px;}    
.tgme_page_photo {text-align: center;padding-bottom: 16px;}
.tgme_page_photo_image {width: 50px;height: 50px;border-radius: 50%;}
.tgme_page_title { font-size: 20px;line-height: 1.5;font-weight: bold;text-align: center;padding: 0 10px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;}
.tgme_page_extra {font-size: 15px;line-height: 18px;text-align: center;padding: 6px 16px 0;}
.tgme_page_action {
    text-align: center;
    margin-top: 16px;
    line-height: 0;
}
a.tgme_action_button_new{background-color: #2481cc;line-height: 19px;color: #fff;font-weight: bold;}
a.tgme_action_button_new.shine {
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 5s infinite;border-radius: 22px;
    overflow: hidden;
    display: inline-block;
    padding: 13px 24px;
    height: 42px;
    text-transform: uppercase;
    vertical-align: top;

}
@-webkit-keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}
@keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}
/* 2025.05.28 */

/* 2025.06.02 */
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .animation_container{width:63px;height:60px}
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .main_right_quickmenu &gt; li .mrq_ico{width:45px;height:45px}

#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .ripple {position: absolute;width: 30px;height: 30px;border-radius: 50%;animation: rippleEffectMo 1s linear infinite;opacity: 1;z-index: 1;}
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .ripple:nth-child(1) {animation-delay: -1s;}
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .ripple:nth-child(2) {animation-delay: -0.5s;}
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .ripple:nth-child(3) {animation-delay: 0s;}

/* 물결 애니메이션 */
@keyframes rippleEffectMo {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
/* 물결 애니메이션 */
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .SpeechBubble{width:max-content;display: flex;margin-left: auto;margin-right: 10px;bottom: 9px;}
#reMobile_bubble #renwalbubble .bubble_zone{bottom: 10vw;top: unset; min-width:unset;width: max-content;}
#reMobile_bubble .renweal_telbubble{margin-right:10px}
#reMobile_bubble .renweal_telbubble &gt; a{gap:5px}
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .SpeechBubble .bg-change{padding:5px}
#reMobile_bubble.SpeechBubbleZone-Wrap.MOBILE .SpeechBubbleZone .Toggle_btn::after{margin:unset}
/* 2025.06.02 */

/* 2025.06.09 */

/* 2025.06.09 */</pre></body></html>