@charset "utf-8";

/* Common css */
*{box-sizing:border-box;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,img,button,select{margin:0;padding:0}
body,button,input,select,table,textarea{font-family:'굴림',gulim,helvetica,'나눔바른고딕 옛한글','NanumBarunGothic YetHangul','새굴림',sans-serif;}
label,button{cursor:pointer;}
button{border:none;background:none;}
a{color:#1a1a1a;}
em,address{font-style:normal;}
ul,ol,li{list-style:none;}
.blind{position:absolute !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-1px !important;overflow:hidden !important;}

body{-webkit-text-size-adjust:none;}
.sp_bot{overflow:hidden;display:inline-block;background:url(http://placehold.it/300x300) 0 0 no-repeat;line-height:100em;vertical-align:top;}
.webot_wrap{position:fixed;}
.webot_wrap .txtlft{text-align:left;}
.webot_wrap .txtrgt{text-align:right;}
.webot_wrap .txtcnt{text-align:center;}

/* Common : Elements */
.webot_wrap .as_speed .ico{display:inline-block;margin-left:4px;width:12px;height:12px;border-radius:100%;}
.webot_wrap .as_speed.fast .txt{color:#23e78d;}
.webot_wrap .as_speed.normal .txt{color:#ffad54;}
.webot_wrap .as_speed.slow .txt{color:#fc5356;}
.webot_wrap .as_speed.fast .ico{background:#23e78d;}
.webot_wrap .as_speed.normal .ico{background:#ffad54;}
.webot_wrap .as_speed.slow .ico{background:#fc5356;}
.webot_wrap .webot_window_bx .chat_container .btn_bx .btn_basic{padding:10px;border:1px solid #be6ffa;border-radius:10px;background:#fff;box-shadow:1px 2px 3px rgba(0,0,0,.1);font-size:13px;line-height:17px;color:#9660b1;}
.webot_wrap .webot_window_bx .chat_container .btn_bx .btn_basic.check{padding:8px 10px;border-radius:3px;}
.webot_wrap .webot_window_bx .chat_container .btn_bx .btn_shortcut{padding:0 10px;width:100%;height:27px;line-height:26px;border:1px solid #e5e5e5;background:#fff;border-radius:2px;font-size:13px;color:#4b70f9;box-sizing:border-box;}
.webot_wrap .webot_window_bx .chat_container .btn_sm_basic{padding:0 4px;height:20px;border:1px solid #d3d3d3;background:#fff;font-size:11px;line-height:18px;color:#4a4a4a;}
.webot_wrap .webot_window_bx .chat_container .btn_bx .btn_basic.btn_before{background:#fcddff;border-color:#fcddff;}
.webot_wrap .webot_window_bx .chat_container input.inp_basic{padding:10px;width:100%;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;}
.webot_wrap .webot_window_bx .chat_container .switch_basic{display:inline-block;position:absolute;top:10px;right:11px;width:20px;height:20px;overflow:hidden;line-height:20px;vertical-align:top;cursor:pointer;}
.webot_wrap .webot_window_bx .chat_container .switch_basic .basic_ckbx input{position:absolute;top:-100%;left:-100%;z-index:-10;width:13px;height:13px;background:0 0;}
.webot_wrap .webot_window_bx .chat_container .switch_basic .basic_ckbx .sp_bot{position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background-position:-189px 0;}
.webot_wrap .webot_window_bx .chat_container .switch_basic.on .basic_ckbx .sp_bot,
.webot_wrap .webot_window_bx .chat_container .switch_basic .basic_ckbx input[type=checkbox]:checked + .sp_bot{background-position:-189px -25px;}
.webot_wrap .webot_window_bx .chat_container .switch_basic .basic_ckbx label{position:relative;display:inline-block;padding-left:24px;font-size:12px;line-height:20px;cursor:pointer;}
.webot_wrap .ico_counsel{display:inline-block;padding:0 7px;height:23px;border-radius:3px;font-size:12px;line-height:23px;}
.webot_wrap .ico_counsel.ing{background:#ebefff;color:#1e48e2;}
.webot_wrap .ico_counsel.fin{background:#ebebeb;color:#757575;}
.webot_wrap .ico_counsel.standby{background:#fceed6;color:#ff7f2d;}
.webot_wrap .ico_badge{display:inline-block;margin-top:2px;padding:0 6px;height:18px;background:#fc585b;border-radius:10px;font-size:12px;line-height:19px;color:#fff;}
.webot_wrap .webot_window_bx .chat_container .chat_bx .chat_area .chat_inbx .btn_down{position:relative;display:inline-block;width:32px;height:32px;border:none;background:#e0e0e0;border-radius:100%;}
.webot_wrap .webot_window_bx .chat_container .chat_bx .chat_area .chat_inbx .btn_down.v2{background:#b46cff;}
.webot_wrap .webot_window_bx .chat_container .chat_bx .chat_area .chat_inbx .btn_down .sp_bot{position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-7px;width:14px;height:13px;background-position:-18px -21px;}
.webot_wrap .webot_window_bx .chat_container .chat_bx .chat_area .chat_inbx .btn_down.v2 .sp_bot{background-position:-37px -21px;}
.webot_wrap .webot_window_bx .ico_video,
.webot_wrap .webot_window_bx .ico_video_close,
.webot_wrap .webot_window_bx .ico_remote{position:relative;display:inline-block;width:35px;height:35px;border:none;background:#d8d8d8;border-radius:2px;vertical-align:middle;}
.webot_wrap .webot_window_bx .ico_video.on,
.webot_wrap .webot_window_bx .ico_video_close.on,
.webot_wrap .webot_window_bx .ico_remote.on{background:#a078ff;}
.webot_wrap .webot_window_bx .ico_video .sp_bot{position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-10px;width:20px;height:14px;background-position:-110px -21px;}
.webot_wrap .webot_window_bx .ico_video.on .sp_bot{background-position:-110px -51px;}
.webot_wrap .webot_window_bx .ico_video_close .sp_bot{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:20px;height:20px;background-position:-135px -21px;}
.webot_wrap .webot_window_bx .ico_video_close.on .sp_bot{background-position:-135px -51px;}
.webot_wrap .webot_window_bx .ico_remote .sp_bot{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-9px;width:22px;height:24px;background-position:-160px -21px;}
.webot_wrap .webot_window_bx .ico_remote.on .sp_bot{background-position:-160px -51px;}
.webot_wrap .webot_window_bx .emoji_inner{width:22px;height:22px;font-size:1em;line-height:.81em;vertical-align:middle;box-sizing:border-box;}
.webot_wrap .webot_window_bx .emoji_tab .emoji_inner,
.webot_wrap .webot_window_bx .chat_inbx .emoji_inner,
.webot_wrap .webot_window_bx .chat_input_bx .chat_input .emoji_inner{width:18px;height:18px;}
.webot_wrap .webot_window_bx .chat_input_bx .chat_input .emoji_inner{margin-top:-2px;pointer-events:none;}
.webot_wrap .webot_window_bx .emoji_inner.emoji_single{width:30px;height:30px;margin:1px 0;}

/* plugin window */
.webot_wrap .webot_window_wrap{display:none;position:fixed;bottom:20px;right:20px;border-radius:10px;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.2);}
.webot_wrap .webot_window_wrap.top{top:75px;bottom:auto;}
.webot_wrap .webot_window_wrap.active{display:block;}
.webot_wrap .webot_window_bx{width:358px;height:642px;}
.webot_wrap .webot_window_bx .pop_container{position:relative;padding:18px 22px;width:100%;height:100%;background:#c7abf3;z-index:3;}
.webot_wrap .webot_window_bx .pop_container .btn_close{position:absolute;top:20px;right:20px;width:15px;height:15px;}
.webot_wrap .webot_window_bx .pop_container .btn_close .sp_bot{background-position:0 0;}
.webot_wrap .webot_window_bx .pop_container .tit_bx{font-size:19px;line-height:19px;color:#fff;}
.webot_wrap .webot_window_bx .pop_container .tit_bx:after{content:'';display:block;clear:both;}
.webot_wrap .webot_window_bx .pop_container .tit_bx .logo{float:left;}
.webot_wrap .webot_window_bx .pop_container .tit_bx .tit{position:relative;float:left;margin-left:8px;padding-left:9px;}
.webot_wrap .webot_window_bx .pop_container .tit_bx .tit:before{content:'';display:block;position:absolute;top:2px;left:0;width:1px;height:15px;background:rgba(255,255,255,.34);}
.webot_wrap .webot_window_bx .pop_container .con_bx{margin-top:110px;padding-left:8px;}
.webot_wrap .webot_window_bx .pop_container .con_bx .txt_bx .txt_greeting{display:block;font-size:32px;font-weight:bold;line-height:38px;color:#fff;}
.webot_wrap .webot_window_bx .pop_container .con_bx .txt_bx .txt_info{display:block;margin-top:10px;font-size:15px;line-height:23px;color:#fff;}
.webot_wrap .webot_window_bx .pop_container .con_bx .txt_bx .as_speed{position:relative;margin-left:5px;padding-left:6px;}
.webot_wrap .webot_window_bx .pop_container .con_bx .txt_bx .as_speed:before{content:'';display:block;position:absolute;top:2px;left:0;width:1px;height:14px;background:rgba(255,255,255,.34);}
.webot_wrap .webot_window_bx .pop_container .con_bx .txt_bx .as_ico{margin-left:0;}
.webot_wrap .webot_window_bx .pop_container .con_bx .btn_start{position:relative;margin-top:22px;padding:0 47px 0 15px;min-width:150px;height:35px;background:#bc71ce;border-radius:30px;text-align:left;font-size:16px;line-height:34px;color:#fff;}
.webot_wrap .webot_window_bx .pop_container .con_bx .btn_start:before{content:'';display:block;position:absolute;top:50%;right:14px;margin-top:-8px;width:23px;height:13px;background:url(http://placehold.it/300x300) -76px 0 no-repeat;}
.webot_wrap .webot_window_bx .chat_container > .title_bx{padding:15px 60px 15px 20px;box-sizing:border-box;height:70px;background:linear-gradient(to right,#cc8fce,#b2b0ec);}
.webot_wrap .webot_window_bx .chat_container > .title_bx .tit{font-size:17px;font-weight:bold;line-height:20px;color:#fff;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .subtxt{position:relative;display:inline-block;margin-top:3px;padding-right:167px;max-width:100%;font-size:12px;line-height:16px;letter-spacing:-0.5px;color:rgba(255,255,255,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .subtxt .txt{position:absolute;top:0;right:0;width:165px;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .btn_bx{position:absolute;top:25px;right:16px;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .btn_bx .btn_setting{background-position:-48px 0;width:17px;height:17px;vertical-align:middle;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .btn_bx .btn_close{margin-left:6px;background-position:-25px 0;border:none;width:13px;height:13px;vertical-align:middle;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .sub_tit_bx{font-size:13px;color:#fff;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .sub_tit_bx em{vertical-align:middle;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .sub_tit_bx .as_speed{position:relative;margin-left:2px;padding-left:8px;vertical-align:middle;}
.webot_wrap .webot_window_bx .chat_container > .title_bx .sub_tit_bx .as_speed:before{content:'';display:block;position:absolute;top:2px;left:0;width:1px;height:12px;background:rgba(255,255,255,.3);}
.webot_wrap .webot_window_bx .chat_container > .title_bx .sub_tit_bx .as_speed .ico{margin-left:0;margin-right:4px;margin-bottom:2px;vertical-align:middle;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap{position:relative;z-index:3;height:572px;background:#f4f4f4;overflow:hidden;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx{position: absolute;top:0;left:0;right:0;padding:10px 16px;height:100%;overflow-y:auto;}
/*.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx{height:517px;}*/ /* 개선 후 적용 */
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .btn_start{position:relative;padding:0 40px 0 15px;min-width:135px;height:29px;background:#3e67ff;border-radius:30px;text-align:left;font-size:13px;line-height:29px;color:#fff;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .btn_start:before{content:'';display:block;position:absolute;top:50%;right:14px;margin-top:-8px;width:23px;height:13px;background:url(http://placehold.it/300x300) -76px 0 no-repeat;}

.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_list{margin-top:10px;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item{position:relative;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item + .card_item{margin-top:7px;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .inbx{position:relative;padding:12px 12px 12px 17px;background:#fff;border-radius:5px;overflow:hidden;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item.ing .inbx{box-shadow:1px 3px 4px rgba(0,0,0,.1);}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item.fin .inbx{border:1px solid #e3e3e3;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .inbx:before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;width:5px;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item.ing .inbx:before{background:#3e67ff;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item.fin .inbx:before{background:#d3d3d3;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item.standby .inbx:before{background:#ff9f42;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .time{position:absolute;top:15px;right:13px;font-size:11px;letter-spacing:-.5px;color:#818181;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .txt_bx{margin-top:6px;padding-left:3px;font-size:13px;color:#1e1e1e;line-height:18px;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .btn_go{display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:transparent;border:none;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .tag_box{margin:12px -2px -2px;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .tag_box:after{content:'';display:block;clear:both;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .card_item .tag_box .tag_item{float:left;margin:2px;padding:0 8px;max-width:100%;height:24px;background:#eff2fa;border-radius:3px;font-size:13px;line-height:24px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .morebtn_bx{margin-top:10px;text-align:center;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .btn_listmore{padding:0 20px;height:25px;font-size:13px;line-height:24px;color:#000;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .tab_list_box{display:flex;display:-webkit-flex;display:-ms-flex;border:1px solid #dbdbdb;border-radius:5px;box-shadow:0 2px 7px rgba(0,0,0,.06);overflow:hidden;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .tab_list_box .tab_item{flex:1;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .tab_list_box .tab_item button{width:100%;height:32px;border-right:1px solid #dbdbdb;background:#fff;font-size:14px;color:#4a4a4a;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .tab_list_box .tab_item:last-child button{border-right:none;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .tab_list_box .tab_item.on button{background:#4b70f9;font-weight:bold;color:#fff;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .empty_area{padding-top:170px;text-align:center;letter-spacing:-0.05em;font-weight:bold;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .empty_area .ico{display:inline-block;vertical-align:top;}
.webot_wrap .webot_window_bx .chat_container .counsel_card_wrap .counsel_card_bx .empty_area .empty_txt{margin-top:8px;font-size:13px;color:#959595;font-weight:bold;line-height:18px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap{position:relative;height:573px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_bx{position:absolute;top:0;left:0;right:0;padding:12px 20px;box-sizing:border-box;height:517px;background:#fff;overflow-y:auto;z-index:1;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_today{margin:0 0 20px;text-align:center;font-size:12px;color:#818181;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area{position:relative;margin-bottom:10px;word-break:break-all;overflow-wrap:break-word;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .profile_bx{margin-bottom:8px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .profile_bx .imgbx{position:relative;display:inline-block;overflow:hidden;width:42px;height:42px;background-color:#c6dbf9;border-radius:100%;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .profile_bx .imgbx .inbx{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;color:transparent;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_inbx{padding-right:40px;text-align:left;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_inbx .btn_bx > [class^="btn_"]{float:left;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_inbx .btn_bx:after{content:'';display:block;clear:both;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_inbx .btn_bx .btn_basic{margin-top:7px;margin-right:7px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_inbx .chat_balloon{display:inline-block;overflow-wrap:break-word;word-wrap: break-word;max-width:100%;padding:10px 15px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#faf5ff;text-align:left;font-size:13px;line-height:18px;color:#323232;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_inbx .time{margin-top:6px;padding-left:5px;font-size:11px;color:#818181;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area.mychat .chat_inbx{padding-left:40px;padding-right:0;text-align:right;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area.mychat .chat_inbx .chat_balloon{border-top-left-radius:10px;border-top-right-radius:0;background:#da9af9;color:#fff;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area.mychat .chat_inbx .time{padding-left:0;padding-right:5px;text-align:right;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx{margin-top:14px;padding:14px 10px;border:1px solid #b8c0d5;border-radius:10px;box-shadow:1px 2px 4px rgba(0,0,0,.1);}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list{margin-bottom:14px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list .item + .item{margin-top:7px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list .item{display:table;width:100%;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list .item dt{display:table-cell;width:70px;font-size:12px;color:#323232;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list .item.required dt > .inbx{position:relative;padding-left:10px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list .item.required dt > .inbx:before{content:'';display:block;position:absolute;top:50%;left:2px;margin-top:-3px;width:4px;height:4px;background:#ff5656;border-radius:100%;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .info_inp_list .item dd{display:table-cell;width:calc(100% - 70px);}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .agree_bx{margin-bottom:14px;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .agree_bx .tit_bx{position:relative;padding:10px 0 8px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .agree_bx .tit_bx .inbx{padding:0 10px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .agree_bx .tit_bx em{font-size:11px;line-height:19px;letter-spacing:-.5px;color:#323232;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .agree_bx .cont_bx{padding:10px;background:#f6f7fb;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .agree_bx .cont_bx .inbx{font-size:11px;line-height:17px;color:#575757;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .info_input_bx .btn_bx .btn_basic.check{width:100%;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_balloon.image_area{padding:0;overflow:hidden;width:190px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_balloon.image_area .image_bx{width:100%;height:110px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_area .chat_balloon.image_area .txt_bx{padding:14px 12px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eaeaea;z-index:2;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending{position:absolute;top:11px;left:10px;z-index:1;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .btn_appending{width:30px;height:30px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .btn_appending .sp_bot{width:16px;height:16px;background-position:-109px 0;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con{display:none;position:absolute;bottom:calc(100% + 10px);left:0;padding:10px 15px;border:1px solid #d9d9d9;background:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1);white-space:nowrap;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con.open{display:block;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con:before{content:'';display:block;position:absolute;top:100%;left:7px;width:17px;height:9px;background:url(http://placehold.it/300x300) 0 -21px no-repeat;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dt{display:block;margin-bottom:3px;font-size:13px;color:#6e6e6e;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd{display:inline-block;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd + dd{margin-left:12px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add{width:35px;height:35px;background:#f2f2f2;border-radius:100%;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add.type02 .sp_bot{width:24px;height:17px;background-position:-247px 0;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add.type01 .sp_bot{width:18px;height:17px;background-position:-219px 0;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add:hover{background:#1c90fb;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add.type01:hover .sp_bot{background-position:-219px -25px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add.type02:hover .sp_bot{background-position:-247px -25px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .chat_input_bx{position:relative;height:auto;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .chat_input_bx .chat_input{padding:15px 75px 15px 45px;box-sizing:border-box;min-height:55px;max-height:150px;border:none;font-size:13px;line-height:24px;color:#575757;word-break:break-all;overflow:hidden;overflow-y:auto;-ms-overflow-style: none;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .chat_input_bx .chat_input::-webkit-scrollbar{display: none;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .chat_submit{position:absolute;top:11px;right:10px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .chat_submit .btn_submit{width:30px;height:30px;border:none;background:none;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .chat_submit .btn_submit .sp_bot{width:17px;height:18px;background-position:-162px 0;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .btn_mic_bx{position:absolute;top:11px;left:10px;z-index:1;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .btn_mic_bx .btn_mic{width:30px;height:30px;border:none;background:none;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .btn_mic_bx .btn_mic .sp_bot{width:18px;height:25px;background-position:-276px 0;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap{display:none;position:absolute;bottom:calc(100% + 1px);left:0;right:0;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap.on .chat_input_wrap .auto_complete_wrap{display:block;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap .inbx .row{padding:0 20px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap .inbx .row:hover{background:#f6f7fb;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap .inbx .row:first-child:hover{border-top-left-radius:10px;border-top-right-radius:10px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap button{display:block;padding:9px 0;box-sizing:border-box;width:100%;border:none;border-top:1px solid #e0e0e0;background:none;text-align:left;font-size:15px;line-height:24px;color:#323232;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap .row:first-child button{border-top:none;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .auto_complete_wrap button .key{color:#4b70f9;}
.webot_wrap .webot_window_bx .chat_container .emoticon{position:absolute;top:11px;right:42px;}
.webot_wrap .webot_window_bx .chat_container .emoticon .emoticon_btn{display:block;width:30px;height:30px;}
.webot_wrap .webot_window_bx .chat_container .emoticon .emoticon_btn .sp_bot{width:18px;height:18px;background-position:-134px 0;}
.webot_wrap .webot_window_bx .chat_container .emoticon .emoticon_btn.on .sp_bot{background-position:-80px -20px;}
.webot_wrap .webot_window_bx .chat_container .emoticon .emoji_content{width:297px;}
.webot_wrap .webot_window_bx .chat_container .emoticon .emoji_content .emoji_tab{width:25px;}
.webot_wrap .webot_window_bx .chat_container .emoticon_con{display:none;position:absolute;bottom:calc(100% + 10px);right:-3px;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.2);white-space:nowrap;background:#fff;z-index:1;}
.webot_wrap .webot_window_bx .chat_container .emoticon_con.open{display:block;}
.webot_wrap .webot_window_bx .chat_container .emoticon_con .arr_down{position:absolute;top:100%;right:10px;width:13px;height:9px;background-position:0 -21px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap.end{bottom:1px;background:#f6f7fb;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap.end .chat_input_con{padding:13px 0;height:54px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap.end .chat_input_con .txt_end{display:block;text-align:center;font-size:15px;line-height:30px;color:#848484;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap.end .chat_input_con .btn_bx{position:absolute;top:50%;margin-top:-17px;right:20px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_input_wrap.end .chat_input_con .btn_bx .btn_basic.check{background:#f6f7fb;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .chat_bx .chat_area .chat_inbx .chat_balloon .chat_file{position:relative;padding-left:37px;padding-right:40px;box-sizing:border-box;max-width:173px;min-height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_balloon .chat_file .file_ico{position:absolute;top:50%;left:0;margin-top:-16px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_balloon .chat_file .file_size{float:right;padding-left:5px;font-size:11px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_balloon .chat_file .btn_down{position:absolute;top:50%;right:0;margin-top:-16px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .ico_balloon_wrap{position:relative;display:block;padding-left:45px;text-decoration:none;cursor:pointer;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .ico_balloon_wrap .ico_video,
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .ico_balloon_wrap .ico_video_close,
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .ico_balloon_wrap .ico_remote{position:absolute;top:0;left:0;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .ico_balloon_wrap .title_bx strong{display:block;color:#333;}
.webot_wrap .webot_window_bx .chat_container .chat_area.mychat .chat_inbx .ico_balloon_wrap .title_bx strong{color:#fff;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .ico_balloon_wrap .title_bx em{display:block;font-size:12px;letter-spacing: -.5px;color:#999;}
.webot_wrap .webot_window_bx .chat_container .chat_area.mychat .chat_inbx .ico_balloon_wrap .title_bx em{color:#fff;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append{display:inline-block;margin-left:3px;max-width:220px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .preview_img{text-align:center;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .preview_img img{width:auto;max-width:100%;max-height:150px;vertical-align:top;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .file_inbx{position:relative;padding:10px 50px 10px 45px;clear:both;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#faf5ff;text-align:left;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .file_inbx .file_ico{position:absolute;top:50%;left:10px;margin-top:-16px;width:27px;height:32px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .file_inbx .file_name{display:block;font-size:12px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .file_inbx .file_size{display:block;margin-top:3px;font-size:11px;color:#9a9a9a;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_append .file_inbx .btn_down{position:absolute;top:50%;right:10px;margin-top:-16px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_bx_item{position:relative;display:inline-block;padding-right:60px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .btn_func_bx{display:none;position:absolute;top:50%;right:30px;margin-top:-26px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .chat_bx_item:hover .btn_func_bx{display:block;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .btn_func_bx .btn_func{width:30px;height:30px;border:none;background:none;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .btn_func_bx .sp_bot{width:2px;height:12px;background-position:0 -39px;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .func_result{display:none;position:absolute;top:100%;left:0;border:1px solid #a0a1a1;border-radius:3px;background:#fff;z-index:1;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .btn_func_bx:hover .func_result{display:block;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .func_result li > button{display:block;padding:0 5px;height:24px;border:none;background:transparent;line-height:24px;white-space:nowrap;}
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .func_result li.selected > button,
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .func_result li > button:hover,
.webot_wrap .webot_window_bx .chat_container .chat_area .chat_inbx .func_result li > button:focus{background:#f5f5f5;}
.webot_wrap .webot_window_bx .chat_container .chat_area.mychat .chat_inbx .chat_bx_item{padding-right:0;padding-left:60px;}
.webot_wrap .webot_window_bx .chat_container .chat_area.mychat .chat_inbx .btn_func_bx{right:auto;left:30px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_wrap{position:absolute;top:7px;left:7px;right:7px;z-index:3;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx{position:relative;padding:8px 13px;border:1px solid #dbdbdd;border-radius:9px;background:rgba(255,255,255,.9);}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .left_item{width:calc(100% - 55px);}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .right_item{position:absolute;top:50%;right:13px;margin-top:-12px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .right_item .btn_basic.cancel{padding:0 7px;border:1px solid #bbbcbd;border-radius:2px;box-sizing:border-box;font-size:11px;line-height:22px;color:#5d5d5e;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .file_bx .txt{display:block;font-size:12px;line-height:15px;color:#4a52f3;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .file_bx .file_info{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:16px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .file_bx .file_info .file_size{float:right;padding-left:4px;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .progress_bar{position:relative;height:4px;margin-top:2px;background:#bbbcbd;border-radius:2px;overflow:hidden;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap .upload_progress_bx .progress_bar .percent{position:absolute;height:4px;background:#ee86ff;border-radius:2px;}
/* 자동완성 딤드처리 (dimmed) */
.webot_wrap .webot_window_bx .chat_container .chat_wrap:before{content:'';display:none;position:absolute;top:0;bottom:56px;left:0;right:0;background:rgba(0,0,0,.25);z-index:2;}
.webot_wrap .webot_window_bx .chat_container .chat_wrap.on:before{display:block;}

/* 이미지, 파일 업로드 영역 */
.webot_wrap .chat_balloon .lnk_text{display:block;color:#3b60e8;}
.webot_wrap .upload_section{margin-top:8px;text-align:left;}
.webot_wrap .upload_section .btn_del_s{width:20px;height:20px;border:none;background:none;}
.webot_wrap .upload_section .btn_del_s .sp_bot{margin-top:5px;width:9px;height:8px;background-position:0 -62px;}
.webot_wrap .upload_section .btn_del_s.v2 .sp_bot{background-position:-15px -62px;}
.webot_wrap .upload_section .photo_box{display:flex;display:-webkit-flex;display:-ms-flex;flex-flow:row wrap;margin-top:5px;}
.webot_wrap .upload_section .photo_box .img_box{position:relative;margin-right:5px;flex:1;height:153px;border:1px solid #e6e6e6;border-radius:7px;box-sizing:border-box;background-size:cover;background-position:center center;cursor:pointer;}
.webot_wrap .upload_section .photo_box .img_box:last-child{margin-right:0;}
.webot_wrap .upload_section .photo_box.item2 .img_box{height:135px;}
.webot_wrap .upload_section .photo_box.item3 .img_box{height:88px;}
.webot_wrap .upload_section .photo_box.item4 .img_box{height:65px;}
.webot_wrap .upload_section .photo_box .img_box .btn_del_s{position:absolute;top:0;right:0;}
.webot_wrap .upload_section .file_box{position:relative;margin-top:5px;padding:13px 27px 13px 47px;border:1px solid #e6e6e6;background:#fff;box-sizing:border-box;border-radius:5px;}
.webot_wrap .upload_section .file_box .file_ico{position:absolute;top:50%;left:8px;margin-top:-16px;width:32px;height:32px;}
.webot_wrap .upload_section .file_box .file_name{display:block;font-size:12px;line-height:17px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;}
.webot_wrap .upload_section .file_box .file_size{display:block;font-size:11px;line-height:14px;color:#9a9a9a;}
.webot_wrap .upload_section .file_box .btn_del_s{position:absolute;top:50%;right:3px;margin-top:-15px;height:30px;}
.webot_wrap .upload_section .lnk_box{position:relative;margin-top:5px;height:84px;border:1px solid #e6e6e6;background:#fff;border-radius:5px;box-sizing:border-box;overflow:hidden;}
.webot_wrap .upload_section .lnk_box:hover{border-color:#f9beff;box-shadow:0 2px 4px rgba(0,0,0,.1);}
.webot_wrap .upload_section .lnk_box .lnk_item{text-decoration:none;}
.webot_wrap .upload_section .lnk_box .img_box{float:left;width:83px;height:82px;background-size:cover;background-position:center center;box-sizing:border-box;}
.webot_wrap .upload_section .lnk_box.error .img_box{position:relative;background:#ececec;}
.webot_wrap .upload_section .lnk_box.error .img_box:before{content: '';display:block;position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-16px;width:35px;height:38px;background:url(http://placehold.it/35x38) no-repeat;}
.webot_wrap .upload_section .lnk_box .text_box{overflow:hidden;padding:17px 25px 0 10px;width:calc(100% - 83px);height:100%;box-sizing:border-box;}
.webot_wrap .upload_section .lnk_box .lnk_item:hover .text_box,
.webot_wrap .upload_section .lnk_box .lnk_item:focus .text_box{text-decoration:underline;}
.webot_wrap .upload_section .lnk_box .text_box > strong{display:block;margin-bottom:3px;font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.webot_wrap .upload_section .lnk_box .text_box > p{font-size:12px;line-height:17px;color:#8b8b8b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.webot_wrap .upload_section .lnk_box .btn_del_s{position:absolute;top:3px;right:3px;z-index:1;}
.webot_wrap .upload_section .lnk_box.v2{height:auto;}
.webot_wrap .upload_section .lnk_box.v2 .img_box{float:inherit;width:100%;height:150px;}
.webot_wrap .upload_section .lnk_box.v2.error .img_box:before{margin-top:-30px;}
.webot_wrap .upload_section .lnk_box.v2 .img_box .errortext{display:block;padding-top:95px;text-align:center;font-size:13px;color:#888;}
.webot_wrap .upload_section .lnk_box.v2 .bottom_box{padding:15px 10px 15px 10px;}
.webot_wrap .upload_section .lnk_box.v2 .favicon_box{position:relative;margin-bottom:8px;padding-left:20px;box-sizing:border-box;}
.webot_wrap .upload_section .lnk_box.v2 .favicon_box img{position:absolute;top:0;left:0;}
.webot_wrap .upload_section .lnk_box.v2 .favicon_box .site_url{display:block;font-size:12px;font-weight:bold;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;}
.webot_wrap .upload_section .lnk_box.v2 .text_box{padding:0;width:100%;}
.webot_wrap .upload_section .lnk_box.v2 .text_box > p{-webkit-line-clamp:3;}
.webot_wrap .upload_section .lnk_box .btn_down_area{position:absolute;bottom:0;left:0;right:0;padding:14px 46px 0 10px;box-sizing:border-box;height:45px;background:linear-gradient(to bottom, transparent, rgba(0,0,0,.9));text-decoration:none;}
.webot_wrap .upload_section .lnk_box .btn_down_area .title{display:block;font-size:14px;font-weight:bold;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;}
.webot_wrap .upload_section .lnk_box .btn_down_area:hover .title{text-decoration:underline;}
.webot_wrap .upload_section .lnk_box .btn_down_area .ico_down{position:absolute;top:50%;right:12px;margin-top:-13px;width:26px;height:26px;background:rgba(0,0,0,.33);border-radius:50%;}
.webot_wrap .upload_section .lnk_box .btn_down_area .ico_down .sp_bot{position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-7px;width:14px;height:13px;background-position:-37px -21px;}
.webot_wrap .upload_section .video_box{position:relative;padding-bottom:56.25%;}
.webot_wrap .upload_section .video_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* webview 웹뷰 대응 */
.webot_window_wrap.mob{border-radius:0;box-shadow:none;top:0;bottom:0;left:0;right:auto;width:100%;}
.webot_window_wrap.mob .webot_window_bx{width:auto;height:100%;}
.webot_window_wrap.mob .webot_window_bx .chat_container .counsel_card_wrap{height:calc(100% - 70px);}
.webot_window_wrap.mob .webot_window_bx .chat_container{height:100%;}
.webot_window_wrap.mob .webot_window_bx .chat_container .chat_wrap{height:100%;}
.webot_window_wrap.mob .webot_window_bx .chat_container .chat_wrap .chat_bx{height:calc(100% - 126px);}
.webot_window_wrap.mob .webot_window_bx .chat_container .chat_wrap .chat_input_wrap{bottom:70px;}
.webot_window_wrap.mob .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add:hover{background:#f2f2f2;}
.webot_window_wrap.mob .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add.type01:hover .sp_bot{background-position:-219px 0;}
.webot_window_wrap.mob .webot_window_bx .chat_container .chat_wrap .chat_input_wrap .appending .appending_con dd .btn_file_add.type02:hover .sp_bot{background-position:-247px 0;}

/* animation */
.webot_wrap .btn_webot_wrap .over_bx .over{animation:icoMove;animation-iteration-count:1;animation-duration:2.8s;}
@keyframes icoMove{
    0%{right:-228px;}
    11%{right:-28px;}
    88%{right:-28px;}
    100%{right:-228px;}
}
.webot_wrap .bf_bounce:before,
.webot_wrap .msg_bounce{animation:bounce 0.45s;animation-direction:alternate;animation-timing-function:cubic-bezier(.5, .05, 1, .5);animation-iteration-count:infinite;}
@keyframes bounce{
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, 5px, 0);
    }
}
.webot_wrap .chat_loading{min-width:45px;padding:4px 0 5px;}
.webot_wrap .chat_loading .indi:before{content:'';display:block;position:absolute;top:0;left:-17px;width:10px;height:10px;border-radius:100%;animation:loading01 1s ease-in-out infinite;}
.webot_wrap .chat_loading .indi{display:block;position:relative;left:50%;margin-left:-5px;width:10px;height:10px;border-radius:100%;animation:loading02 1s ease-in-out infinite;}
.webot_wrap .chat_loading .indi:after{content:'';display:block;position:absolute;top:0;left:17px;width:10px;height:10px;border-radius:100%;animation:loading03 1s ease-in-out infinite;}
@keyframes loading01{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, 1);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@keyframes loading02{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, 1);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@keyframes loading03{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, 1);}
    100%{background-color: rgba(75, 112, 249, .2);}
}

/* animation prefix */
.webot_wrap .btn_webot_wrap .over_bx .over{
    -webkit-animation:icoMove;
    -webkit-animation-iteration-count:1;
    -webkit-animation-duration:2.8s;
    -ms-animation:icoMove;
    -ms-animation-iteration-count:1;
    -ms-animation-duration:2.8s;
    -o-animation:icoMove;
    -o-animation-iteration-count:1;
    -o-animation-duration:2.8s;
    -moz-animation:icoMove;
    -moz-animation-iteration-count:1;
    -moz-animation-duration:2.8s;
}
@-webkit-keyframes icoMove{
    0%{right:-228px;}
    11%{right:-28px;}
    88%{right:-28px;}
    100%{right:-228px;}
}
@-ms-keyframes icoMove{
    0%{right:-228px;}
    11%{right:-28px;}
    88%{right:-28px;}
    100%{right:-228px;}
}
@-o-keyframes icoMove{
    0%{right:-228px;}
    11%{right:-28px;}
    88%{right:-28px;}
    100%{right:-228px;}
}
@-moz-keyframes icoMove{
    0%{right:-228px;}
    11%{right:-28px;}
    88%{right:-28px;}
    100%{right:-228px;}
}
.webot_wrap .bf_bounce:before,
.webot_wrap .msg_bounce{
    content:'';
    -webkit-animation:bounce 0.45s;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function:cubic-bezier(.5, .05, 1, .5);
    -webkit-animation-iteration-count:infinite;
    -ms-animation:bounce 0.45s;
    -ms-animation-direction:alternate;
    -ms-animation-timing-function:cubic-bezier(.5, .05, 1, .5);
    -ms-animation-iteration-count:infinite;
    -o-animation:bounce 0.45s;
    -o-animation-direction:alternate;
    -o-animation-timing-function:cubic-bezier(.5, .05, 1, .5);
    -o-animation-iteration-count:infinite;
    -moz-animation:bounce 0.45s;
    -moz-animation-direction:alternate;
    -moz-animation-timing-function:cubic-bezier(.5, .05, 1, .5);
    -moz-animation-iteration-count:infinite;
}
@-webkit-keyframes bounce{
    from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    to{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
}
@-ms-keyframes bounce{
    from{-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    to{-ms-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
}
@-o-keyframes bounce{
    from{-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    to{-o-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
}
@-moz-keyframes bounce{
    from{-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    to{-moz-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
}

.webot_wrap .chat_loading .indi:before{
    content:'';
    -webkit-animation:loading01 1s ease-in-out infinite;
    -ms-animation:loading01 1s ease-in-out infinite;
    -o-animation:loading01 1s ease-in-out infinite;
    -moz-animation:loading01 1s ease-in-out infinite;
}
.webot_wrap .chat_loading .indi{
    content:'';
    -webkit-animation:loading02 1s ease-in-out infinite;
    -ms-animation:loading02 1s ease-in-out infinite;
    -o-animation:loading02 1s ease-in-out infinite;
    -moz-animation:loading02 1s ease-in-out infinite;
}
.webot_wrap .chat_loading .indi:after{
    content:'';
    -webkit-animation:loading03 1s ease-in-out infinite;
    -ms-animation:loading03 1s ease-in-out infinite;
    -o-animation:loading03 1s ease-in-out infinite;
    -moz-animation:loading03 1s ease-in-out infinite;
}
@-webkit-keyframes loading01{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, 1);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-ms-keyframes loading01{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, 1);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-o-keyframes loading01{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, 1);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-moz-keyframes loading01{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, 1);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-webkit-keyframes loading02{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, 1);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-ms-keyframes loading02{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, 1);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-o-keyframes loading02{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, 1);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-moz-keyframes loading02{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, 1);}
    75%{background-color: rgba(75, 112, 249, .2);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-webkit-keyframes loading03{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, 1);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-ms-keyframes loading03{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, 1);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-o-keyframes loading03{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, 1);}
    100%{background-color: rgba(75, 112, 249, .2);}
}
@-moz-keyframes loading03{
    0%{background-color: rgba(75, 112, 249, .2);}
    25%{background-color: rgba(75, 112, 249, .2);}
    50%{background-color: rgba(75, 112, 249, .2);}
    75%{background-color: rgba(75, 112, 249, 1);}
    100%{background-color: rgba(75, 112, 249, .2);}
}

@keyframes loading01_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, 1);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@keyframes loading02_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, 1);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@keyframes loading03_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, 1);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
/* webot v2 animation prefix */
.webot_wrap.v2 .chat_loading .indi:before{
    content:'';
    -webkit-animation:loading01_v2 1s ease-in-out infinite;
    -ms-animation:loading01_v2 1s ease-in-out infinite;
    -o-animation:loading01_v2 1s ease-in-out infinite;
    -moz-animation:loading01_v2 1s ease-in-out infinite;
}
.webot_wrap.v2 .chat_loading .indi{
    content:'';
    -webkit-animation:loading02_v2 1s ease-in-out infinite;
    -ms-animation:loading02_v2 1s ease-in-out infinite;
    -o-animation:loading02_v2 1s ease-in-out infinite;
    -moz-animation:loading02_v2 1s ease-in-out infinite;
}
.webot_wrap.v2 .chat_loading .indi:after{
    content:'';
    -webkit-animation:loading03_v2 1s ease-in-out infinite;
    -ms-animation:loading03_v2 1s ease-in-out infinite;
    -o-animation:loading03_v2 1s ease-in-out infinite;
    -moz-animation:loading03_v2 1s ease-in-out infinite;
}
@-webkit-keyframes loading01_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, 1);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-ms-keyframes loading01_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, 1);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-o-keyframes loading01_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, 1);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-moz-keyframes loading01_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, 1);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-webkit-keyframes loading02_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, 1);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-ms-keyframes loading02_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, 1);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-o-keyframes loading02_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, 1);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-moz-keyframes loading02_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, 1);}
    75%{background-color: rgba(111, 111, 111, .2);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-webkit-keyframes loading03_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, 1);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-ms-keyframes loading03_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, 1);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-o-keyframes loading03_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, 1);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
@-moz-keyframes loading03_v2{
    0%{background-color: rgba(111, 111, 111, .2);}
    25%{background-color: rgba(111, 111, 111, .2);}
    50%{background-color: rgba(111, 111, 111, .2);}
    75%{background-color: rgba(111, 111, 111, 1);}
    100%{background-color: rgba(111, 111, 111, .2);}
}
/* //webot animation prefix */