@charset "euc-kr";
/* 20221220 AI꺿 */
.ui-chatbot{position:relative; margin-top:20px;}
#opsbot {z-index:12; position: absolute; bottom: 56px; right: 0; opacity: 1; }
#opsbot:has(#opsbot-chat[data-state="button"]) { opacity: 0; z-index: 10; width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
#opsbot-chat {transition: height cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;}
#opsbot-chat[data-state="button"]{position:absolute!important;right:0;bottom:0;top:10px;left:10px;box-shadow:none;background-color:transparent!important;border:none;}
#opsbot-chat[data-state="button"]:hover{top:10px;left:10px;opacity:1!important;}
#opsbot-chat[data-state="card"]{position:absolute!important;bottom:0;right:0; border-radius: 6px !important;}
#opsbot-chat[data-state="card"].dp-static{position:static;}
.btn-chatbot{z-index:12;}
.bl_quick .dp-fixed__bottom,.bl_quickMain .dp-fixed__bottom{position:fixed;bottom:30px;z-index:10;}/* ½Ø¹Ì À§Ä¡ ºó´ë°ªÀ¸·Î ¿òÁ÷ÀÓ */

/* .bl_chatbot_quick */
.bl_AI *{font-family:'GmarketSans';box-sizing:border-box;}
.bl_AI button{cursor:pointer;background:none;border:none;}
.bl_AI .bl_AI__bord{}

.bl_AIbr{position:absolute;top:0;right:0;transform:translateY(-85%);z-index:100;width:225px;text-align:left;background:#fff;border-radius:30px;opacity:0;filter:drop-shadow(0 0 4px #ccc);}
.bl_AIbr__wrap{padding:15px 10px 13px;position:relative;display:flex;align-items:center;}
.bl_AIbr__wrap:after{right:10%;margin-right:30px;content:"";display:block;border-top:10px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;bottom:0;transform:translateY(99%);}
.bl_AIbr__txt{flex:1 0 0;font-family:'GmarketSans';color:#4d4d4d;font-size:13px;letter-spacing:-1px;line-height:1;padding-right:3px;}
.bl_AIbr__txt:before{content:'';display:inline-block;border-radius:99px;width:6px;height:6px;background:#FF8131;margin:4px 8px 0 5px;}
.bl_AIbr__closeBtn{flex:20px 0 0;width:20px;height:16px;position:relative;margin-bottom:4px;}
.bl_AIbr__closeBtn:before,.bl_AIbr__closeBtn:after{content:"";display:block;width:80%;height:2px;background:#3D55CC;position:absolute;top:50%;z-index:1;transform:rotate(45deg);}
.bl_AIbr__closeBtn:after{transform:rotate(-45deg);}

.AI_chatbot{float:right;padding:12px;margin-bottom:7px;transition:all 0.3s;}
.AI_chatbot__wrap{display:block;width:115px;height:115px;}
.AI_chatbot__cont{align-items:center; position: relative; z-index: 11;}
.AI_chatbot__img{margin-right:5px;}
.AI_chatbot__txtBox{position:relative;height:57px;width:60%;}
.AI_chatbot__ttl{font-size:18px;color:#000;line-height:1.2;}
.AI_chatbot__txt{font-size:12px;color:#666;position:absolute;top:25px;left:0;}
.AI_chatbot__txtL{opacity:0;}
.AI_chatbot__ask{margin-top:5px;}
.AI_chatbot__input{flex:1 0 0;border:1px solid #CECECE;display:flex;align-items:center;padding:5px;height:26px;overflow:hidden;font-family:'pretendard';font-weight:600;}
.AI_chatbot__input[contenteditable=true]:empty:before{content:attr(placeholder);display:block;}
.bl_AI .AI_chatbot__btn{flex:37px 0 0;background:#545B6E;color:#fff;border:none;font-size:13px;padding:7px 0 2px;font-weight:300;}
.bl_AI .AI_quickConsult__btn{display:block;background:url("/images/common/chatbot_cursor.png")no-repeat 90% center #fff;height:50px;font-size:16px;color:#000;padding:16px;text-align:center;clear:both;}
.bl_AI .AI_quickConsult__btn:hover{text-decoration:none;}

.AI_chatbot.hp_active{width:450px;}
.hp_active .AI_chatbot__txtS{opacity:0;transition:all 0.2s;}
.hp_active .AI_chatbot__txtL{opacity:1;transition:all 0.4s;}

.bl_quickMain .bl_AI{width:160px;}
.bl_chatbot_shape{display:block;width:100px;height:100px;border-radius:50%;background:url('/images/common/ssami_hi02_2402.gif')no-repeat -3px -3px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);}
/*.bl_quick .bl_AI{width:160px;}
.bl_quick .bl_AIbr{transform:translateY(-95%);}
.bl_quick .bl_AIbr__wrap:after{margin-right:-40px;}

.bl_quick .AI_chatbot{padding:7px 12px;}
.bl_quick .AI_chatbot__img img{width:auto !important;}
.bl_quick .AI_chatbot__txtBox{height:auto;}
.bl_quick .AI_chatbot__ttl{padding-top:5px;}
.bl_quick .bl_AI .AI_quickConsult__btn{text-align:left;background-size:21px;}
*/