:root { 
    --grayscale800: #2a2a2a;
    --grayscale750: #3f3f3f;
    --grayscale700: #555;
    --color_point1: #d83503; 
    --color_point2: #1d3d98; 
    --color_point3: #047c5d; 
    --color_point4: #1e2779; 
} 

.text_wrap {width:100%;max-width:935px;margin:0 auto;}
.text_wrap img {width:100%;height:auto;}

/* chat */
.bg_chat_dimm {display:none;position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;background-color:#00000090;}
.btn_chat {position:fixed;bottom:15px;right:10px;width:80px;height:80px;border-radius:1000px;display:flex;align-items: center; justify-content: center;background:url("../img/chat/chat_logo.svg") left top no-repeat;background-size:80px auto;z-index:99;display:none;}
.chat_wrap {display:none;z-index:100;position:fixed;bottom:0px;right:10px;width:100%;max-width:400px;padding:15px;}
.chat_wrap .chat_inner {position:relative;background-color:#fff;width:100%; padding:15px 5px 5px 15px;border:1px solid #ddd;border-radius:15px;}
.chat_wrap .chat_scroll {height:600px;padding-bottom:100px;overflow: hidden;overflow-y: auto;padding-right:10px;}
.chat_wrap .chat_scroll::-webkit-scrollbar {width: 3px;  }
.chat_wrap .chat_scroll::-webkit-scrollbar-thumb {background-color:var(--color_point4);}
.chat_wrap .chat_scroll::-webkit-scrollbar-track {background-color:#ddd;}
.chat_wrap .ex_area {width:calc( 100% - 25px );border:1px solid #ddd;background-color:#f8f8f8;border-radius:10px;position:absolute;bottom:30px;left:10px;padding:10px 10px 5px;}
.chat_wrap .ex_area .ex_tit {font-size:14px;font-weight: bold;}
.chat_wrap .ex_area .btn_favor {width:100%;max-height:50px; gap:0 5px;overflow: hidden;overflow-y: auto;}
.chat_wrap .ex_area .btn_favor::-webkit-scrollbar {width: 3px;  }
.chat_wrap .ex_area .btn_favor::-webkit-scrollbar-thumb {background-color:#000;}
.chat_wrap .ex_area .btn_favor::-webkit-scrollbar-track {background-color:#ddd;}
.chat_wrap .ex_area .btn_favor button {color:#000 !important;border:none !important;padding:0;background:none !important;height:auto;text-decoration: underline;}

.chat_wrap .btn_close {background-color:#fff;position:absolute;right:0;top:0;width:43px;height:43px;padding:10px;border-radius:1000px;border:4px solid #6f6f6f;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.chat_wrap .btn_close::before {position:absolute;left:7px;top:16px;content:"";display:block;width:21px;height:3px;background-color: var(--color_point4);transform: rotate( 45deg );border-radius:20px;}
.chat_wrap .btn_close::after {position:absolute;left:7px;top:16px;content:"";display:block;width:21px;height:3px;background-color: var(--color_point4);transform: rotate( -45deg );border-radius:20px;}
.chat_wrap .chat_inner .helper_tit {margin-bottom:5px;padding:2px;min-height:30px;padding-left:29px;font-size:16px;font-weight:bold;background:url("../img/chat/chat_logo.svg") left top no-repeat;background-size:25px auto;} 
.chat_wrap .helper_area,
.chat_wrap .helper_area p {font-size:14px;}

.chat_wrap .helper_area .favor_tit {font-size:12px;margin-top:10px;}
.chat_wrap .btn_favor {display:flex;gap:5px;flex-wrap: wrap;margin-top:7px;}
.chat_wrap .btn_favor a {padding:5px 10px 5px 10px;width:30px;height:30px;border:1px solid #ddd;border-radius: 1000px;background:url("../img/chat/bull_reset.png") center no-repeat;background-size:18px auto;}
.chat_wrap .btn_favor a:hover {color:#fff;background:#000 url("../img/chat/bull_reset_on.png") center no-repeat;background-size:18px auto;}
.chat_wrap .btn_favor button {padding:5px 10px 5px 32px;height:30px;border:1px solid #ddd;background:#fff url("../img/chat/bull_q.svg") 10px 7px no-repeat;background-size:18px auto;border-radius: 20px;font-size:13px;}
.chat_wrap .btn_favor button:hover {border:1px solid var(--color_point4);background: var(--color_point4) url("../img/chat/bull_q_on.svg") 10px 7px no-repeat;background-size:18px auto;color:#fff;}
.chat_wrap .quest_layer {margin-top:20px;font-size:13px;display:flex;justify-content: end;}
.chat_wrap .coment_area {background-color:var(--color_point4);color:#fff;font-weight:bold;display:inline-block;padding:7px 15px;border-radius: 20px;max-width:calc( 100% - 40px );}

.chat_wrap .answer_layer {margin-top:15px;}
.chat_wrap .chat_bottom {font-size:11px;color:#999;margin-top:5px;}
.chat_wrap .link_wrap {margin-top:10px;}
.chat_wrap .link_wrap a {border:1px solid #ddd;padding:5px 10px;padding-right:30px;background:#f5f5f5 url("../img/chat/bull_link3.png") right 10px center no-repeat;background-size:15px auto;}
.chat_wrap .link_wrap a:hover {background:#000 url("../img/chat/bull_link3_on.png") right 10px center no-repeat;background-size:15px auto;color:#fff;}

@media screen and (max-width: 768px){
    .chat_wrap {right:5px;max-width:inherit;}
    .chat_wrap .chat_scroll {height:calc( 100vh - 75px );max-height:700px;}

}