/* 긴 버튼 존재시 채팅창 넘어감 수정 */
.chat_talk {max-width: calc(100% - 20px);}

/* 검색결과 바로가기 버튼 처리 */
.acc_dd.search_detail a:not(.more){border: 1px solid #78b5f1;color: #000;padding: 5px;text-align: center;width: calc(100% - 55px);border-radius: 5px;margin-left: 20px;margin-bottom: 20px;display: block;background: #f0f8ff;}

/* 챗봇명 새로고침 버튼 처리*/
.h_tit span {cursor: pointer;}

/* 갤럭시 폴드 대응 */
.h_tit {width: calc(100% - 125px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;font-weight: bold;}

/* 검색 더보기 */
.btn.more.search {border: none; box-shadow: none; background: linear-gradient(00deg, #e0ecf7, transparent); height: 37px;}

/* 숨김 처리 */
.hide {display: none;}

/* 버튼 줄바꿈 시 처리 */
.btn_group .btn:not(.more) {height: auto;}
.btn_group .btn.link {padding-right: 25px;}

/* 캐러셀 */
.slick-prev, .slick-next{z-index: 250;}

/* 갤럭시 폴드 대응 */
.layer_cont.guide .img_guide {max-width: min(320px, 100vw);max-height: 90vh; height: auto;}

/* 챗봇메뉴 */
.icon_box {border-width: 1px}
@media screen and (min-width:470px)  {
    .media-max {display:none;}
    /* 캐러셀이 아닌 블럭 메뉴 */
    .chat_menu li { display: inline-block; }

    .chat_menu li.fouth { width: calc((100% - 24px) / 4); }
    .chat_menu li:not(:nth-child(4n+0)).fouth { margin: 0px 8px 8px 0px; }

    .chat_menu li.tri { width: calc((100% - 16px) / 3); }
    .chat_menu li:not(:nth-child(3n+0)).tri { margin: 0px 8px 8px 0px; }

    .chat_menu li.duo { width: calc((100% - 8px) / 2); }
    .chat_menu li:nth-child(3n+1).duo { margin: 0px 8px 8px 0px; }
    
    .chat_menu li.single { width: 100%; }

    .chat_menu .icon_box {width: auto; margin: 0px;}
    .menu_box_wrap.media-min.greeting {margin-left: 51px;}
}
@media screen and (max-width:489px)  {
    .media-min{display:none;}
    /* 캐러셀 가로 메뉴 */
    .chat_menu_wrap {padding-top: 0px;}
    .menu_box_wrap {padding-top: 6px;}
    .menu_box_wrap .slick-slider {position: initial;}
    .menu_box_wrap .slick-disabled {display: none !important;}
    .menu_box_wrap .slick-disabled + .slick-list > .slick-track {margin-left: 0px;}

    .chat_menu:not(.greeting) .slick-slider {position: initial;}
    .chat_menu:not(.greeting) .slick-dots {bottom: auto;}
}

/* 첨부파일 */
img.ext {height: 18px;margin-right: 8px;position: absolute;top: 50%;transform: translateY(-50%);left: 10px;}
a.btn.link.download {padding: 8px 30px 8px 35px !important;}
a.btn.link.download::after {position: absolute;top: 50%;transform: translateY(-50%);background: url(../img/ico_download.png) 0 0 no-repeat;background-size: 19px;}

/* 자동완성 */
.ui-helper-hidden-accessible {display: none;}
.keyword li > a {height: auto !important; padding: 8px 12px !important;}
#auto_keyword > ul {top: 0px !important;left: 0px !important;}

    /* 더보기 */
.calc_hidden {position:absolute;opacity:0;pointer-events:none;max-height:500px;overflow:hidden;}

/* 오류 페이지 */
.err_msg {font-size:1.5rem;margin-bottom:25px;font-weight:500;white-space:pre-line;line-height:1.3;color:#bb5151;}

/* 아코디언 버튼 */
.accordion:only-child {margin-top: 0px !important;}

/* 경고 팝업 */
.popup.alert .layer_cont{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 310px;border-radius:20px;background-color: #fff;box-sizing:border-box;overflow: hidden;}
.popup.alert .alert_box{padding: 40px 25px 30px;}
.popup.alert .alert_box .alert_tit{display:block;margin-bottom: 25px;font-size: 1.6rem;font-weight:bold;color:#333;/* line-height: 1; */}

/* 이모티콘 이미지 */
.emoticon{border-radius: 5px; min-height: 360px; min-width: 360px;}
.emoticon_wrap{text-align: center;}

/* font-size */
.chat_box.font12 {font-size: 12px;}
.chat_box.font14 {font-size: 14px;}
.chat_box.font16 {font-size: 16px;}
.chat_box.font18 {font-size: 18px;}
.chat_box.font20 {font-size: 20px;}

/* blink */
.blink {
    animation: blink-effect 0.3s step-end 2;
}
@-webkit-keyframes blink-effect {
    50% {opacity: 0.5;}
}
@keyframes blink-effect {
    50% {opacity: 0.5;}
}

/* spinner */
.spinner {text-align: center;}
.spinner > div {width:10px;height:10px;margin: 0 3px;background-color:rgba(10, 72, 133,1);border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.5s infinite ease-in-out both;animation: sk-bouncedelay 1.35s infinite ease-in-out both;}
.spinner .bounce1 { -webkit-animation-delay: -0.32s;animation-delay: -0.32s;background-color: rgba(10, 72, 133, 0.4);}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;background-color: rgba(10, 72, 133, 0.65);}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}