@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: #004da7;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;background-color: #f1f2f6;}
.chat_cont{position:absolute;top: 53px;left:0;right:0;bottom:51px;padding: 12px 16px;overflow-y:auto;overflow-x:hidden;}
.chat_bottom{position:fixed;left:0;right:0;bottom:0;height:51px;background:#fff;box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.05);box-sizing:border-box;z-index: 100;}
.chat_bottom.open{bottom:108px;}

/* icon */
.ico_chat{width:45px;height:45px;background-image:url(../img/ico_chat.png);}
.ico_home{width:25px;height:25px;background-image:url(../img/ico_home.png);}
.ico_guide{width:25px;height:25px;background-image:url(../img/ico_guide.png);}
.ico_op_arrow{width:10px;height:12px;background-image:url(../img/ico_arr_down.png);}
.ico_close{width:25px;height:25px;background-image:url(../img/ico_chat_close.png);}
.ico_hot_close{width:16px;height:16px;background-image:url(../img/ico_hot_close.png);}
.ico_pop_close{width:19px;height:19px;background-image:url(../img/ico_pop_close.png);}
.ico_pop_close01{width:25px;height:25px;background-image:url(../img/ico_pop_close01.png);}
.ico_font{width:30px;height:31px;background-image:url(../img/ico_font.png);}
.ico_send{width:23px;height:23px;background-image:url(../img/ico_send.png);}

/* chat_top */
.h_tit{position:relative;height:53px;padding: 9px 7px 9px 16px;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;padding:8px 0;font-size:2rem;letter-spacing:-1px;font-weight:bold;}

.option_box{position:absolute;top:11px;left:16px;z-index:100;border-bottom: 1px solid #dcdcdc;}
.btn_option{display:block;width:65px;height: 30px;padding: 5px 0 5px 4px;font-size:1.4rem;color:#333;background-color:#fff;border:1px solid transparent;text-align:left;box-sizing: border-box;}
.btn_option .option_txt{display: inline-block;margin: 2px 0;}
.btn_option .option_arr_btn{float:right;padding: 4px 5px;width: 20px;height: 20px;box-sizing: border-box;}
.option_inner_box{display:none;position:absolute;left:0;top:31px;width: 62px;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12);background-color:#fff;z-index:10;overflow:hidden;}
.option_item .option_link{display:block;padding:10px 4px;color:#333}
.option_item .option_link:focus,.option_item .option_link:hover{background-color:#edf5ff;}
.btn_option.is_active .option_arr_btn .ico_op_arrow{background-image:url(../img/ico_arr_up.png);}
.btn_option.is_active + .option_inner_box{display:block}

.top_btn .menu{width:35px;height:35px;padding:5px;background: #fff;box-sizing:border-box;}
.top_btn.right{position:absolute;top:9px;right:7px;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: 3px;}

.hot_issue{position:absolute;left:0;right:0;height: 40px;border-radius: 0 0 15px 15px;border-top: 1px solid #f4f4f4;background: #fff;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);padding:10px 12px;line-height: 1.3;box-sizing: border-box;}
.hot_issue:after{content:"";display:block;clear:both;}
.hot_issue + .chat_cont{top:94px;}
.hot_issue .issue{float:left;color: #004da7;font-weight:500;margin-right:8px;}
.hot_issue .issue:before{content:"";float:left;position: relative;top: 3.2px;display:block;width:14px;height:12px;background:url(../img/ico_notice.png) 0 0 no-repeat;background-size:contain;margin-right:5px;}
.hot_issue .tit{float:left;display:block;width: calc(100% - 79px);color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hot_issue .hot_close{position:absolute;top:9px;right:12px;width:20px;height:20px;padding: 2px;z-index: 100;margin-left:7px;}

/* 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,.user_wrap + .user_wrap{margin-top:15px;}
.user_wrap + .bot_wrap.only{margin-top:10px;}
.ico_chat_box{float:left;margin:0 7px 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% - 73px);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);word-break: break-word;}
.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 -10px 0 0;}
.chat_menu li{display:inline-block;width:33.33%;vertical-align: top;}
.chat_menu .icon_box{display:block;min-height:94px;margin:10px 10px 0 0;border-radius:10px;padding: 14px 0;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;}
.icon_box .icon{display:block;height: 40px;background-repeat:no-repeat;background-size: contain !important;margin: auto auto 12px auto;}
.icon_box .icon.menu01{width: 41px;background-image:url(../img/ico_menu01.png);}
.icon_box .icon.menu02{width: 40px;background-image:url(../img/ico_menu02.png);}
.icon_box .icon.menu03{width: 41px;background-image:url(../img/ico_menu03.png);}
.chat_menu .icon_box:focus,.chat_menu .icon_box.on{background-color: #004da7;}
.icon_box .m_txt > span{display:block;font-size:1.3rem;line-height:1.1;color:#333;text-align:center;box-sizing: border-box;}
.icon_box:focus .m_txt > span,.icon_box.on .m_txt > span{color: #fff;font-weight:bold;}

.btn_default_list{margin-top:10px;}
.btn_default_list li + li{margin-top:6px;}
.btn_default{position:relative;display:block;line-height:1.43;padding:8px 12px;border-radius:20px;border:1px solid #8face4;background-color:#fff;color:#333;text-align:center;box-sizing:border-box;}
.btn_default:hover{border:1px solid #4D7EDD;}
.btn_default:focus,.btn_default.on{color: #fff;background-color: #004da7;border: 1px solid #004da7;font-weight:bold;}
.btn_default.link,.btn_default.call{text-align:left;}
.btn_default.link:after{content:"";position:absolute;top: 8px;right: 7px;display:block;width:20px;height:20px;background:url(../img/ico_link.png) 0 0 no-repeat;background-size:contain;}
.btn_default.download:after{content:"";position:absolute;top:9px;right:6px;display:block;width:20px;height:20px;background:url(../img/ico_link.png) 0 0 no-repeat;background-size:contain;}
.btn_default.link:focus:after,.btn_default.link.on:after,.btn_default.download:focus:after,.btn_default.download.on:after{background:url(../img/ico_link_on.png) 0 0 no-repeat;background-size:contain;}
.btn_default.more:after{content:"";position:relative;top: 1px;display: inline-block;width:20px;height:20px;background:url(../img/ico_ac_arr_down.png) 0 0 no-repeat;background-size:contain;vertical-align: top;margin-left:3px;}
.btn_default.more:focus:after,.btn_default.more.on:after{background:url(../img/ico_ac_arr_wdown.png) 0 0 no-repeat;background-size:contain;}

.btn_default.call:after{content:"";position: absolute;top: 9px;right: 10px;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;}

.btn_default_list.w_half:after{content:"";display:block;clear:both;}
.btn_default_list.w_half li{float:left;width: calc(50% - 4px);}
.btn_default_list.w_half li + li{margin-top: 0;margin-left: 8px;}
.btn_default_list.w_half .btn_default{text-align:center;}
.btn_default_list.w_half .btn_default.gray{border:1px solid #bebebe;}
.btn_default_list.w_half .btn_default.gray:hover{border:1px solid #9e9e9e;}
.btn_default_list.w_half .btn_default.gray:focus,.btn_default_list.w_half .btn_default.gray.on{background-color:#767676;border:1px solid #767676;}

.accordion{margin-top:10px;width:254px;}
.accordion li + li{margin-top: 8px;}
.accordion .btn_default.title .acc_tit{display:block;text-align:left;width:calc(100% - 28px);}
.acc_tit:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);display:block;width:20px;height:20px;background:url(../img/ico_ac_arr_down.png) 0 0 no-repeat;background-size:contain;}
.accordion .btn_default.title:focus .acc_tit:after,.accordion .btn_default.title.on .acc_tit:after{background:url(../img/ico_ac_arr_up.png) 0 0 no-repeat;background-size:contain;}
.accordion .acc_cont{display:none;padding:10px;margin-bottom: 10px;line-height: 1.43;}
.accordion .acc_cont:last-child{margin-bottom:0;}



.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;}

.query_wrap.word{clear:both;padding:10px 0 0 53px;}
.btn_default.word_link{padding:11px 12px;line-height: 1;border-radius:38px;}
.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: 4px;}
.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 .slick-list{overflow:visible;}
.query_wrap.word .word_box_list .slick-slide + .slick-slide{margin-left:7px;}
.query_wrap.word .word_box_list .slick-prev{left:-70px;}
.query_wrap.word .word_box_list .slick-dots{width:auto;left:-40px;right:0;}

.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:-20px;}
.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: #004da7;opacity: 1;}
.slick-dotted.slick-slider{margin-bottom:21px;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:30px;height:38px;background: url(../img/ico_arr_right.png) center no-repeat rgba(0, 77, 167, 0.6);background-size: 20px;background-position:center;font-size:1px;border-radius: 0 5px 5px 0;z-index:300;box-sizing: border-box;}
.slick-prev:hover, .slick-prev:focus{background: url(../img/ico_arr_right.png) center no-repeat rgba(0, 77, 167, 0.8);background-size: 20px;}
.slick-next{display:block;right:-16px;width:30px;height:38px;background: url(../img/ico_arr_left.png) center no-repeat rgba(0, 77, 167, 0.6);border-radius: 5px 0 0 5px;background-size:20px;box-sizing: border-box;z-index:300;}
.slick-next:hover, .slick-next:focus{background: url(../img/ico_arr_left.png) center no-repeat rgba(0, 77, 167, 0.8);background-size:20px;}

.time{clear:both;display:block;padding: 5px 0 0 52px;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: #004da7;border-radius:15px 0 15px 15px;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:8px 8px 8px 14px;}
.bottom_innner:after{content:"";display:block;clear:both;}
.font_wrap{position:absolute;top: 10px;left:14px;z-index: 100;}
.inp_box:before{content:"";position: relative;top: 5px;left: -7px;float: left;display:block;width:1px;height:25px;background:#dedede;}
.inp_box{margin: 0 0 0 46px;}
.inp_box .inp_txt{position:relative;}
.inp_txt .inp{display:block;width: calc(100% - 40px);height:35px;padding: 10px 5px;box-sizing:border-box;background:#fff;}
.btn_send{position:absolute;top:0;right:0;z-index:100;}
.btn_send .btn{width:35px;height:35px;padding:5px;box-sizing:border-box;border-radius: 5px;background-color: #f1f2f6;}
.inp_txt .inp:focus + .btn_send .btn, .btn_send .btn:focus{background-color:#004da7;}
.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;background-color:#fff;position:absolute;bottom:51px;left:0;right:0;box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);}
.keyword_box .sch_keyword{display:block;width: 100%;padding: 12px 16px;line-height: 1;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing:border-box;}
.keyword_box .sch_keyword .fw{color:#004da7;font-weight:500;}
.keyword_box .sch_keyword:hover,.keyword_box .sch_keyword:focus,.keyword_box .sch_keyword.on{background-color:#edf5ff;}

.font_size_box{display:none;position:absolute;bottom:67px;left:10px;width:239px;height:55px;padding:10px 12px;border-radius:60px;box-shadow:0 -1px 5px 0 rgba(0, 0, 0, 0.12);background-color:#fff;box-sizing:border-box;z-index:500;}
.font_size_box.active{display:block;}
.font_size_box:after{content:"";display:block;width: 13px;height: 11px;background:url(../img/bg_triangle.png) 0 0 no-repeat;background-size:contain;position: absolute;bottom: -9px;left: 21px;}
.font_list li{position: relative;float:left;text-align:center;}
.font_list li + li{margin-left: 10px;}
.font_list .btn_font{display:block;width: 35px;height: 35px;line-height:1;box-sizing:border-box;background:#fff;color:#333;border-radius: 35px;border: 1px solid #8face4;}
.font_list .btn_font .font{position:absolute;top:48%;left:50%;transform: translate(-50%,-50%);}
.font_list .btn_font .font.fz1{font-size:12px;}
.font_list .btn_font .font.fz2{font-size:14px;}
.font_list .btn_font .font.fz3{font-size:16px;}
.font_list .btn_font .font.fz4{font-size:18px;}
.font_list .btn_font .font.fz5{font-size:20px;}
.font_list .btn_font:focus,.font_list .btn_font.on{border:1px solid #004da7;background:#004da7;color:#fff;font-weight:bold;}
.font_wrap .btn_font:focus .ico_font,.font_wrap .btn_font.active .ico_font{background-image:url(../img/ico_font_on.png);}


/* 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;/* height: 100%; */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_top{position:relative;height:35px;}
.layer_top + .layer_cont{margin-top:20px;}
.layer_top .top_tit{float:left;padding: 9px 0;font-size:1.6rem;}
.layer_top .btn_pop_close{position:absolute;top:0;right:0;width:35px;height:35px;padding:8px;box-sizing:border-box;z-index: 100;}

.layer_pop.notice .layer_cont{max-height:386px;overflow: hidden;overflow-y:auto;}
.layer_pop .layer_cont .txt_box{min-height:90px;line-height:1.3;overflow: hidden;word-break: break-all;}
.layer_pop.survey .survey_tit{display:block;font-size:1.6rem;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;line-height: 1.43;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 .btn_default{text-align:center;}

.layer_pop.guide{width:100%;height:100%;background:none;padding:0;}
.layer_pop.guide .layer_cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.btn_pop_close{position:fixed;padding: 5px;top: 9px;right: 7px;z-index:300;}
.pop_img_box .img_guide{width: 301px;max-height:calc(100vh - 107px);-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;/* 크롬,사파리 등 랜더링 이미지 깨짐 방지*/}

/* service_wrap */
.service_bg{background-color:#f1f2f6;}
.service_wrap{padding:0 20px;margin:30px auto auto auto;text-align:center;box-sizing:border-box;}
.main_tit:before{content:"";display:block;width:50px;height:50px;background:url(../img/ico_error.png) 0 0 no-repeat;background-size: contain;margin: 0 auto 30px auto;}
.main_tit{font-size:1.6rem;white-space:pre-line;line-height: 1.3;font-weight:bold;}
.main_tit + .info_txt{margin-top:20px;}
.test_page_main_tit:before{content:"";display:block;width:50px;height:50px;background:url(../img/ico_chat.png) 0 0 no-repeat;background-size: contain;margin: 0 auto 30px auto;}
.test_page_main_tit{font-size:1.6rem;white-space:pre-line;line-height: 1.3;font-weight:bold;}
.test_page_main_tit + .info_txt{margin-top:20px;}
.info_txt{line-height:1.3;}
.btn_default_list.service{margin:30px auto auto;}
.btn_default_list.service .btn_default{width:120px;text-align:center;margin:0 auto;}

.pop_box .cont_tit{display:block;font-size:1.4rem;font-weight:500;}

/* 웹 접근성 */
.ally-hidden{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}


/* 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:12px;}
	.img_area > a > img{max-width:calc(100vw - 120px);}
}

@media (max-width:300px){
	.pop_img_box .img_guide{max-width: calc(100vw - 30px);}
}