@charset "utf-8";

/* skip */
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:30;height:18px;padding:12px 0;background: #003994;color:#fff;font-size:15px;font-weight:500;line-height: 1.2;z-index:300;}

/* layout */
.chat_wrap{height:100%;overflow:hidden;}
.chat_box{position:relative;width:100%;height:100%;box-sizing:border-box;}
.chat_cont{position:absolute;top:50px;left:0;right:0;bottom:54px;padding:15px 16px;overflow-y:auto;overflow-x:hidden;background:#f1f2f6;}
.chat_bottom{position:fixed;left:0;right:0;bottom:0;height:54px;background:#fff;box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.06);box-sizing:border-box;}

/* icon */
.ico_chat{width:35px;height:35px;background-image:url(../img/ico_chat.png);}
.ico_home{width:24px;height:24px;background-image:url(../img/ico_home.png);}
.ico_guide{width:24px;height:24px;background-image:url(../img/ico_guide.png);}
.ico_close{width:25px;height:24px;background-image:url(../img/ico_chat_close.png);} 
.ico_send{width:18px;height:18px;background-image:url(../img/ico_send.png);}

/* chat_top */
.h_tit{position:relative;height:50px;padding: 10px 0;text-align:center;box-sizing:border-box;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);background:#fff;z-index: 100;}
.h_tit > span{display:inline-block;position:relative;top: -3px;font-size:2rem;letter-spacing: -1px;font-weight:bold;margin-left: -5px;vertical-align:middle;}
.top_btn .menu{width: 30px;height: 30px;padding: 3px;box-sizing:border-box;background:#fff;}
.top_btn.left{position:absolute;top: 10px;left: 12px;z-index:200;}
.top_btn.right{position:absolute;top: 10px;right:10px;z-index:200;}
.top_btn.right:after{content:"";display:block;clear:both;}
.top_btn.right .menu{float:left;}
.top_btn.right .menu + .menu{margin-left:5px;}

/* chat_cont */
.bot_wrap{position:relative;}
.bot_wrap:after{content:"";display:block;clear:both;}
.bot_wrap + .user_wrap,.user_wrap + .bot_wrap{margin-top:20px;}
.bot_wrap + .bot_wrap{margin-top:15px;}
.user_wrap + .bot_wrap.only{margin-top:10px;}
.ico_chat_box{float:left;margin: 0 5px 0 0;}
.bot_box .bot_txt{position:relative;line-height:1.29;border-radius: 0 15px 15px 15px;}
.bot_box .bot_txt + .bot_txt{clear: both;margin-top:5px;}
.bot_box .bot_txt .chat_talk{float: left;max-width: calc(100% - 79px);padding:10px;line-height:1.43;background: #fff;border-radius: 0 15px 15px 15px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);}
.bot_box .bot_txt .chat_talk + .chat_talk{clear:both;margin-top:5px;}
.bot_box .bot_txt .chat_talk + .btn_wrap{clear:both;padding-top:5px;}

.menu_box_wrap{clear:both;}
.chat_menu{font-size:0;margin: 0 -9px 0 0;}
.chat_menu li{display:inline-block;width:33.33%;}
.chat_menu .icon_box{display:block;margin:10px 9px 0 0;border-radius:10px;padding: 10px 0;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);}
.icon_box .icon{display:block;height:45px;background-repeat:no-repeat;background-size: contain !important;margin: auto auto 10px auto;}
.icon_box .icon.menu01{width:45px;background-image:url(../img/ico_menu01.png);}
.icon_box .icon.menu02{width:44px;background-image:url(../img/ico_menu02.png);}
.icon_box .icon.menu03{width:45px;background-image:url(../img/ico_menu03.png);}
.icon_box .icon.menu04{width:45px;background-image:url(../img/ico_menu04.png);}
.icon_box .icon.menu05{width:44px;background-image:url(../img/ico_menu05.png);}
.icon_box .icon.menu06{width:45px;background-image:url(../img/ico_menu06.png);}
.icon_box .m_txt{position:relative;display:block;min-height:28px;}
.icon_box .m_txt > span{display: block;font-size:1.3rem;width: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;text-align:center;}
.icon_box:focus,.icon_box.on{box-shadow:none;}
.icon_box:focus .m_txt > span,.icon_box.on .m_txt > span{color:#003994;font-weight:bold;}

.query_wrap{clear:both;padding: 10px 0 0 0;}
.query_tit_box{display:block;position:relative;}
.query_tit_box:after{content:"";display:block;clear:both;}
.query_tit_box .tit_bar{position:absolute;top: 2px;left:0;display:block;width:3px;height:15px;}
.query_tit_box .tit_bar .red{display:block;height:4px;background-color: #e60020;}
.query_tit_box .tit_bar .blue{display:block;height:11px;background-color: #003994;}
.query_tit_box .query_tit{display:block;font-size:1.5rem;margin-left: 8px;}
.query_tit_box .query_tit + .btn_default_list{margin-top:18px;}

.btn_default_list{margin-top:10px;}
.btn_default_list li + li{margin-top:8px;}
.btn_default{position:relative;display:block;min-width:190px;padding:8px 10px;border-radius:20px;border:1px solid #e3e3e3;background-color: #f5f5f5;color:#333;line-height:1.43;text-align: center;box-sizing:border-box;}
.btn_default.on{background-color:#ededed;}
.btn_default:focus,.btn_default:hover{border:1px solid #003994;background-color:#003994;color:#fff;font-weight:bold;}
.btn_default.link,.btn_default.download,.btn_default.call{text-align:left;}
.btn_default.link:after{content:"";position: absolute;top: 11px;right: 12px;display:block;width:14px;height:14px;background:url(../img/ico_link.png) 0 0 no-repeat;background-size: contain;}
.btn_default.link:focus:after,.btn_default.link.on:after{background:url(../img/ico_link_on.png) 0 0 no-repeat;background-size:contain;}
.btn_default.download:after{content:"";position: absolute;top:8px;right: 12px;display:block;width:20px;height:20px;background:url(../img/ico_download.png) 0 0 no-repeat;background-size: contain;}
.btn_default.download:focus:after,.btn_default.download.on:after{background:url(../img/ico_download_on.png) 0 0 no-repeat;background-size:contain;}
.btn_default.call:after{content:"";position: absolute;top:8px;right: 12px;display:block;width:20px;height:20px;background:url(../img/ico_call.png) 0 0 no-repeat;background-size: contain;}
.btn_default.call:focus:after,.btn_default.call.on:after{background:url(../img/ico_call_on.png) 0 0 no-repeat;background-size: contain}
.content > .btn_default,
.detailContent > .btn_default,
.chat_talk > .btn_default
{margin-top:10px;}

.carousel_list .slick-list{overflow:visible;}
.carousel_list .slick-slide {width: 260px !important;padding: 15px 12px 12px;border-radius: 15px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);background-color: #fff;box-sizing: border-box;}
.carousel_list .slick-slide + .slick-slide{margin-left:12px;}
.slick-dots{bottom: -22px;}
.slick-dots li button,.slick-dots li button:before,.slick-dots li{width:6px;height:6px;content:"";padding:0;}
.slick-dots li button:before{background-color: #c5c5c5;border-radius:50%;opacity: 1;}
.slick-dots li.slick-active button:before{background-color: #003994;opacity: 1;}
.slick-dotted.slick-slider{margin-bottom: 24px;overflow: visible !important;}
.slick-prev.slick-disabled, .slick-next.slick-disabled{opacity:0;}
.slick-prev:before,.slick-next:before{display:none;}
.slick-prev{display:block;left:-16px;width:28px;height:28px;background: url(../img/ico_arr_right.png) center no-repeat rgba(255,255,255, 0.6);background-size:14px;background-position:center;font-size:1px;z-index:500;padding:7px;box-sizing: border-box;border: 1px solid #e3e3e3;}
.slick-prev:hover, .slick-prev:focus{background: url(../img/ico_arr_right.png) center no-repeat rgba(255,255,255, 1);background-size:14px;}
.slick-next{display:block;right:-16px;width:28px;height:28px;background: url(../img/ico_arr_left.png) center no-repeat rgba(255,255,255,0.6);background-size:14px;padding:7px;border: 1px solid #e3e3e3;box-sizing: border-box;z-index:100;}
.slick-next:hover, .slick-next:focus{background: url(../img/ico_arr_left.png) center no-repeat rgba(255,255,255, 1);background-size:14px;}

.word_link{display:block;padding: 10px 15px;border-radius:20px;border:1px solid #508ae5;background-color:#fff;}
.word_link .point:before{content:"";display:inline-block;width:16px;height:16px;background:url(../img/ico_sharp.png) 0 0 no-repeat;background-size:contain;vertical-align: top;margin-right: 5px;}
.word_link.on{background-color:#f2f7ff;}
.word_link:focus,.word_link:hover{color:#fff;font-weight:bold;border:1px solid #003994;background-color:#003994;}
.word_link:focus .point:before,.word_link.on .point:before{background:url(../img/ico_sharp_on.png) 0 0 no-repeat;background-size:contain;}

.query_wrap.word{padding:10px 0 0 40px;}
.query_wrap.word .slick-list{overflow:visible;}
.query_wrap.word .word_box_list .slick-slide + .slick-slide{margin-left:8px;}
.query_wrap.word .word_box_list .slick-prev{top:46%;left:-56px;}
.query_wrap.word .word_box_list .slick-next{top:46%;}
.query_wrap.word .word_box_list .slick-dots{width:auto;left:-40px;right:0;}

.query_recommend{float:left;max-width:calc(100% - 40px);}
.query_recommend .bot_txt .chat_talk{max-width:100%;}
.query_recommend .word_box_list{clear:both;padding:10px 0 0 0;}
.query_recommend .word_link{min-width:230px;width:100%;padding: 8px 15px;}
.query_recommend .word_link > span{line-height:1.43;}
.query_recommend .word_link + .word_link{margin-top:8px;}
.query_recommend .word_link + .word_link{margin-top:8px;}

.query_wrap.carousel{padding:10px 0 0 40px;}


.img_area{position:relative;margin:10px auto auto;text-align:center;}
.img_area > a{display:inline-block;}
.img_area > a > img{max-width:100%;height:auto !important;}


.time{clear:both;display:block;padding:5px 0 0 40px;font-size:1.2rem;color: #6c6c6c;}
.time.only{padding:5px 0 0 0;}

.user_box:after{content:"";display:block;clear:both;}
.user_box .user_txt{float:right;position:relative;padding: 10px;line-height: 1.43;background-color: #003994;border-radius: 15px 0 15px 15px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);color: #fff;font-weight: 500;}
.user_box .user_txt:after{content:"";display:block;clear:both;}
.user_box .user_txt + .user_txt{clear:both;margin-top: 10px;}
.time.user{clear:both;text-align:right;padding: 5px 0 0 0;}

/* chat_bottom */
.bottom_innner{margin:10px 15px 10px 16px;}
.bottom_innner:after{content:"";display:block;clear:both;}
.font_control{float:left;font-size: 0;} 
.btn_font{position: relative;display:inline-block;width:34px;height:34px;padding-left: 6px;padding: 6px 0 0 6px;border-radius:5px;border:1px solid #eaeaea;box-sizing:border-box;}
.btn_font + .btn_font{margin-left:4px;}
.btn_font .font{font-size:1.1rem;color:#555;}
.btn_font .font.plus:before{content:"";top: 2px;right: 2px;position: absolute;display:block;width:13px;height:13px;background-size:contain;-ms-backface-visibility: hidden;backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
.btn_font:focus,.btn_font.on{background-color:#4273c0;border:1px solid #4273c0;}
.btn_font:focus .font,.btn_font.on .font{color:#fff;}
.btn_font:focus .font.plus:before,.btn_font.on .font.plus:before{background-size:contain;}
.btn_font .font.minus:before{content:"";top: 2px;right: 2px;position: absolute;display:block;width:13px;height:13px;background-size:contain;-ms-backface-visibility: hidden;backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
.btn_font:focus .font.minus:before,.btn_font.on .font.minus:before{background-size:contain;}

.inp_box{margin:0 0 0 82px;}
.inp_box .inp_txt{position:relative;}
.inp_txt .inp{display:block;width: 100%;height: 34px;padding: 10px 40px 10px 10px;background: #f1f2f6;border-radius:18px;box-sizing:border-box;overflow: hidden;text-overflow: ellipsis;}
.btn_send{position:absolute;top:2px;right:7px;}
.btn_send .btn{width:30px;height:30px;padding:6px;box-sizing:border-box;}
.inp_txt .inp:focus{border: 1px solid #97bfff;background:#fff;outline:none;}
.inp_txt .inp:focus + .btn_send .ico_send, .btn_send .btn:focus .ico_send{background-image:url(../img/ico_send_on.png);}

.auto_keyword{display:none;border-radius:15px 15px 0 0;background-color:#fff;position:absolute;bottom:55px;left: 0;right:0;z-index:100;box-shadow:0 -2px 5px 0 rgba(0, 0, 0, 0.06);overflow:hidden;}
.keyword_box .sch_keyword{display:block;width: 100%;padding:10px 15px;color:#333;box-sizing:border-box;}
.keyword_box .sch_keyword > span{max-height: 33px;display:-webkit-box;line-height:1.2;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.keyword_box .sch_keyword .fw{color:#146cc6;font-weight:bold;}
.keyword_box .sch_keyword:focus,
.keyword_box .sch_keyword.on,
.keyword_box .sch_keyword:hover{background-color:#f2f7ff;}

/* popup */
.dimed{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index: 200;}
.layer_pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:25px;border-radius: 15px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);background-color: #fff;box-sizing:border-box;z-index:250;}
.layer_pop .layer_cont{line-height:1.43;}
.layer_pop .layer_cont .fw_txt{font-weight:bold;}
.layer_pop.call .fw_txt{margin-top:10px;}
.layer_pop.end{width:350px;}
.layer_pop.end .layer_cont{text-align:center;}
.layer_pop.end .fw_txt{color:#146cc6;font-weight:bold;}
.layer_pop.detail_view{width:calc(100% - 80px);padding:25px 15px;}
.layer_pop.detail_view > .layer_cont{overflow-y:scroll;max-height:70vh;}

.pop_box .cont_tit{display:block;line-height:1.43;font-weight:bold;text-align:center;}
.star_rating_box{width:230px;margin: 20px auto;}
.star_rating_box:after{content:"";display:block;clear:both;}
.star_rating_box .ico_star{float:left;width:46px;height:46px;padding:6px;background: url(../img/ico_star.png) center no-repeat;background-size:34px 34px;text-indent:-9999px;vertical-align:top;cursor:pointer;box-sizing:border-box;}
.star_rating_box .ico_star.is_selected{background-image:url(../img/ico_star_on.png);-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/}
.sub_tit{display:block;margin-bottom:10px;}
.opinion{width:100%;height: 80px;border: 1px solid #d8d8d8;background:#fff;resize:none;line-height: 1.43;padding:10px;border-radius: 5px;box-sizing:border-box;-ms-overflow-y:auto;}
.btn_default_list.popup{margin-top:20px;}
.btn_default_list.popup:after{content:"";display:block;clear:both;}
.btn_default_list.popup.survey li{float:left;width: calc(50% - 5px);}
.btn_default_list.popup.survey li + li{float:right;margin-top:0;}
.btn_default_list.popup.survey li + li .btn_default.w_half{background-color:#003994;border:1px solid #003994;color: #fff;}
.btn_default_list.popup.survey .btn_default.w_half{min-width:auto;}
.btn_default_list.popup.end li{float:left;width: calc(50% - 5px);}
.btn_default_list.popup.end li + li{float:right;margin-top:0;}
.btn_default_list.popup.end li:first-child .btn_default.w_half{background-color:#003994;border:1px solid #003994;color: #fff;}
.btn_default_list.popup.end .btn_default.w_half{min-width:auto;}
.btn_default_list.popup .btn_default:hover{border:1px solid #003994;background-color:#003994;color:#fff;font-weight:bold;}/* {background-color: #f5f5f5;} */
.btn_default_list.popup .btn_default:focus, .btn_default_list.popup .btn_default.on{border:1px solid #e3e3e3;background-color: #f5f5f5;color:#333;font-weight:normal;}

.chat_top.popup .h_tit{padding:10px 10px 10px 16px;text-align:left;border-bottom: 1px solid #e8e8e8;}
.chat_top.popup .h_tit > span{margin-left:0;}
.chat_cont.popup{bottom:0;line-height: 1.43;background:#fff;}

/* 아이폰 줌인 방지 */
#sentenceData{font-size:16px !important;}

.accordion{width:calc(100% - 20px);max-width:100%;margin:10px auto 0px auto;;}
div.accordion + div.accordion{margin-top:6px;}
.accordion .acc_tit::before{content: "\f0da";font-weight:900;margin-right:7px;font-family:FontAwesome;}
.accordion .acc_tit.on::before{content: "\f0d7";font-weight:900;margin-right:7px;font-family:FontAwesome;}
.accordion .acc_tit{display:block;width:calc(100% - 38px);color:#003994;}
.accordion .acc_cont{display:none;padding:10px;color:#8b8b8b;}

.layer_cont::-webkit-scrollbar{width:20px;}
.layer_cont::-webkit-scrollbar-track {background-color: transparent;}
.layer_cont::-webkit-scrollbar-thumb {background-color: #d6dee1;border-radius: 20px;border: 6px solid transparent;background-clip: content-box;}
.layer_cont::-webkit-scrollbar-thumb:hover {background-color: #a8bbbf;}

.error_logo{text-align:center;margin-bottom:10px;}
.error_logo img{width:250px;}

#guide_layer{width:92%;padding:10px;}
#guide_layer img{width:100%;}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:696px) {
	.bot_wrap:last-child, .user_wrap:last-child {margin-bottom:15px;}
	.keyword_box .sch_keyword > span{display:block;}
	.img_area > a > img{max-width:calc(100vw - 140px);}
}