@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:#f3f7ff;color: #1d4cb8;font-size:15px;font-weight:500;line-height:1.2;z-index:300;}

/* layout */
.chat_wrap{position: relative;height:100%;overflow:hidden;}
.chat_box{position:relative;width:100%;height:100%;box-sizing:border-box;}
.chat_cont{position:absolute;top:56px;left:0;right:0;bottom:55px;padding:15px 16px;background: #fff;overflow-x:hidden;overflow-y:auto;}
.chat_cont.popup{bottom:0;word-break:break-all;}
.chat_bottom{position:fixed;left:0;right:0;bottom:0;height: 55px;background: #fff;border-top: 1px solid #e9e9e9;box-sizing:border-box;z-index: 100;}
.chat_bottom.open{height:150px;}
.chat_bottom.open .auto_keyword{bottom:150px;}
 
/* icon */
.ico_chat_main{width: 51px;height: 50px;background-image:url(../img/ico_chat_main.png);}
.ico_chat{width: 37px;height: 36px;background-image:url(/static/web/chb/main/1/ico_chat.png);}
.ico_menu{width:25px;height:25px;background-image:url(../img/ico_menu.png);}
.ico_font{width:27px;height:27px;background-image:url(../img/ico_font.png);}
.ico_guide{width:25px;height:25px;background-image:url(../img/ico_guide.png);}
.ico_chat_close{width:25px;height:25px;background-image:url(../img/ico_chat_close.png);}
.ico_send{width: 25px;height: 25px;background-image:url(../img/ico_send.png);}

.ico_share{width:18px;height:18px;background-image:url(../img/ico_share.png);}
.ico_hot_close{width:14px;height:14px;background-image:url(../img/ico_notice_close.png);}
.ico_calendar{width:17px;height:16px;background-image:url(../img/ico_calendar.png);}
.ico_back{width:25px;height:25px;background-image:url(../img/ico_back.png);}
.ico_consult{width:37px;height:34px;background-image:url(/static/web/chb/main/1/ico_consult_chat.png);}
.ico_pop_close{width:14px;height:14px;background-image:url(../img/ico_ly_close.png);}

/* 20250120 공지사항 버튼 추가 ****************************************/
.ico_prev{width:18px;height:18px;background-image:url(../img/ico_prev.png);}
.ico_next{width:18px;height:18px;background-image:url(../img/ico_next.png);}
.ico_play{width:18px;height:18px;background-image:url(../img/ico_play.png);}
.ico_stop{width:18px;height:18px;background-image:url(../img/ico_stop.png);}
.play_list{position:relative;top:5px;width:54px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}
/* ***********************************************************************/
/* chat_top */
.h_tit{position:relative;height:56px;padding:10px 10px 11px 18px;border-bottom:1px  solid #dcdcdc;text-align:left;box-sizing:border-box;background: #fff;z-index:100;}
.h_tit:after{content:"";display:block;clear:both;}
.h_tit > span{float: left;display:inline-block;margin: 7px 0;font-size:2rem;font-weight:bold;color:#333;}
.top_btn .menu{float:left;width:35px;height:35px;box-sizing:border-box;border-radius: 5px;background-color:transparent;}
.top_btn .menu:focus,.top_btn .menu.on{background-color:#f3f7ff;}
.top_btn .menu + .menu{margin-left:5px;}
.top_btn.right{position:absolute;top:10px;right:10px;z-index:200;}
.top_btn.left{position:absolute;top: 14px;left: 18px;z-index:200;}

.btn_consult_end{min-width:73px;height:35px;padding:10px 12px;border-radius:38px;color: #fff;font-size: 1.4rem;font-weight: 500;margin-left: 7px;background-color:#5a75b0;box-sizing:border-box;}
.btn_consult_end:hover,.btn_consult_end:active,.btn_consult_end:focus,.btn_consult_end.on{background-color:#4362A4;}

.font_size_box{display:none;}
.font_size_box.active{display:block}
.font_list:after{content:"";display:block;width:15px;height:12px;background:url(../img/bg_triangle.png) 0 0 no-repeat;background-size:contain;position:absolute;top: -12px;left: 143px;z-index:200;}
.font_list{display:-webkit-box;display: -moz-box;display: -ms-flexbox;display:flex;-webkit-box-lines: single;-moz-flex-wrap: nowrap;-ms-flex-wrap:nowrap;flex-wrap: nowrap;position:absolute;top: 50px;right: 45px;width:200px;height: 52px;padding:8px 10px;border-radius:8px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);background-color:#e4ecff;box-sizing:border-box;z-index: 150;}
.font_list li{position:relative;}
.font_list .btn_fz{display:block;width:36px;height:36px;line-height:1;box-sizing:border-box;background: #fff;border: 2px solid transparent;background-color: transparent;border-radius: 4px;color: #333;}
.font_list .btn_fz .font{position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
.font_list .btn_fz .fz1{font-size:12px;line-height: 1.67;}
.font_list .btn_fz .fz2{line-height: 1.43;font-size:14px;}
.font_list .btn_fz .fz3{font-size:16px;line-height: 1.43;}
.font_list .btn_fz .fz4{line-height: 1.11;font-size:18px;}
.font_list .btn_fz .fz5{font-size:20px;}
.font_list .btn_fz:hover,.font_list .btn_fz:active{background-color: #fff;}
.font_list .btn_fz:focus,.font_list .btn_fz.on{border:2px  solid #90b2ff;background-color:#fff;color:#1d4cb8;font-weight:bold;}

.hot_issue + .chat_cont{top:100px;}
.hot_issue{position:absolute;top: 56px;left:0;right:0;height:44px;z-index:100;}
.issue_inner{height:44px;background: #ecf1ff;padding: 8px 8px 8px 15px;border-radius:0 0 15px 15px;box-sizing: border-box;}
.notice_txt{float:left;display:inline-block;width:61px;
height:28px;padding:4px 8px;border-radius:30px;background-color: #fff;box-sizing: border-box;margin-right: 8px;vertical-align:middle;}
.notice_txt:before{content:"";position:relative;top: 2px;display:inline-block;width:16px;height:16px;background:url(../img/ico_notice.png) left center no-repeat;background-size: 16px 16px;margin-right:4px;}
.notice_txt > span{line-height:1.43;vertical-align: top;font-weight:bold;}
.hot_tit{float:left;display:inline-block;width:calc(100% - 98px);cursor: pointer;}
.hot_tit > span{display:inline-block;width:100%;margin: 4px 0;font-size: 1.5rem;line-height:1.33;color:#333;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;}
.hot_issue .hot_close{position:absolute;top: 10px;right: 8px;width:24px;height:24px;padding:4px;box-sizing:border-box;z-index:50;}


/* chat_cont */
.bot_wrap:after{content:"";display:block;clear:both;}
.bot_wrap + .user_wrap, .user_wrap + .bot_wrap{margin-top:20px;}
.user_wrap + .user_wrap{margin-top:20px;}
.bot_wrap + .bot_wrap{margin-top:15px;}
.bot_chat_box{float:left;margin-right: 7px;}
.btn_share{position:absolute;top: -25px;right:0;}

.bot_wrap .bot_box.short{min-width:84px;}
.bot_wrap .bot_box.short .btn_share{right:-45px;}


.bot_wrap .bot_box{position:relative;float:left;max-width: calc(100% - 44px);}
.bot_wrap .bot_box .chat_name{float:left;font-size: 1.2rem;line-height: 1.67;}
.bot_wrap .bot_box .chat_name + .time{float:left;padding: 0 0 0 6px;line-height: 1.67;letter-spacing: normal;}
.bot_wrap .bot_box .bot_txt{clear:both;padding-top:6px;}

.bot_wrap.main .bot_box{float:none;max-width:343px;margin:0 auto;}
.ico_chat_box.main{/*max-width:314px;*/margin: 0 auto;text-align:center;}
.ico_chat_box.main .main_txt{margin-top: 10px;line-height:1.43;word-break: keep-all;}
.ico_chat_box.main .main_txt > strong{color:#1d4cb8;}

.bot_box .bot_txt + .bot_txt{clear:both;padding-top:6px;}
.bot_box .bot_txt .chat_talk{position:relative;float:left;max-width: calc(100% - 27px);padding:12px 12px 12px 15px;line-height:1.43;background-color: #f4f4f4;border-radius:15px;}
.bot_box .bot_txt .chat_talk + .chat_talk{clear:both;margin-top:6px;}

.menu_box_wrap{clear:both;padding: 10px 2px 0 2px;}
.chat_menu{font-size:0;margin: -8px 0 0 -8px;}
.chat_menu:after{content:"";display:block;clear:both;}
.chat_menu li{display:inline-block;vertical-align:top;}
.chat_menu li:nth-child(n){width:33.33%;}
.chat_menu .icon_box{display:block;margin:8px 0 0 8px;padding:12px 0;border:1px solid transparent;border-radius: 10px;background-color: #f4f4f4;box-sizing:border-box;outline:none;}
.icon_box .icon{display:block;height:40px;background-repeat:no-repeat;background-size:contain !important;margin:auto auto 10px auto;}
.icon_box .icon.menu01{width:41px;background-image:url(../img/ico_menu01.png);}
.icon_box .icon.menu02{width:41px;background-image:url(../img/ico_menu02.png);}
.icon_box .icon.menu03{width:41px;background-image:url(../img/ico_menu03.png);}
.icon_box .icon.menu04{width:41px;background-image:url(../img/ico_menu04.png);}
.icon_box .icon.menu05{width:41px;background-image:url(../img/ico_menu05.png);}
.icon_box .icon.menu06{width:41px;background-image:url(../img/ico_menu06.png);}
.icon_box .icon.menu07{width:41px;background-image:url(../img/ico_menu07.png);}
.icon_box .icon.menu08{width:41px;background-image:url(../img/ico_menu08.png);}
.icon_box .icon.menu09{width:41px;background-image:url(../img/ico_menu09.png);}

.icon_box .m_txt{display:table;width:100%;}
.icon_box .m_txt > span{display:table-cell;font-size:1.4rem;color:#333;line-height:1.43;font-weight:500;text-align: center;}
.icon_box:hover,.icon_box:active{border:1px solid #dfdfdf;}
.icon_box:focus,.icon_box.on{border:1px solid #1d4cb8;background-color: #fff;}
.icon_box:focus .m_txt > span, .icon_box.on .m_txt > span{font-weight: bold;}

.btn_default_list{margin-top:10px;min-width: 274px;}
.btn_default_list li + li{margin-top:8px;}
.btn_default{position:relative;display:block;min-height: 38px;padding: 10px 14px;border-radius: 38px;background-color: #fff;color:#333;line-height:1;border: 2px solid transparent;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);text-align:center;outline: none;box-sizing:border-box;}
.btn_default:hover,.btn_default:active{box-shadow:none;}
.btn_default:focus,.btn_default.on{border:2px solid #90b2ff;background-color:#f5f8ff;color:#1d4cb8;font-weight:bold;box-shadow:none;}
.btn_default_list.etc .btn_default{text-align:left;}
.btn_default_list.etc .btn_default > span{display:inline-block;width: calc(100% - 18px);}
.btn_default_list.etc .btn_default.call{text-align:center;}
.btn_default.more:after{content: "";position:absolute;top:50%;right: 14px;transform: translateY(-50%);display:block;width:12px;height: 12px;background: url(../img/ico_ac_arr_down.png) 0 0 no-repeat;background-size:contain;}
.btn_default.more:focus:after, .btn_default.more.on:after{background: url(../img/ico_ac_arr_up.png) 0 0 no-repeat;background-size:contain;}
.btn_default.link:after{content: "";position:absolute;top:50%;right: 14px;transform: translateY(-50%);display:block;width:12px;height:13px;background: url(../img/ico_link.png) 0 0 no-repeat;background-size:contain;}
.btn_default.download:after{content: "";position:absolute;top:50%;right: 14px;transform: translateY(-50%);display:block;width:12px;height:13px;background: url(../img/ico_download.png) 0 0 no-repeat;background-size:contain;}
.btn_default.call:after{content: "";position:absolute;top:50%;right: 14px;transform: translateY(-50%);display:block;width:12px;height:13px;background: url(../img/ico_call_on.png) 0 0 no-repeat;background-size:contain;}

.btn_default_list.another .btn_default{padding:10px 12px;background-color:#bed1fd;box-shadow:none;}
.btn_default_list.another .btn_default:hover,.btn_default_list.another .btn_default:active,.btn_default_list.another .btn_default:focus,
.btn_default_list.another .btn_default.on{background-color:#a7c1fe;font-weight:bold;border: 2px solid transparent;color: #333;}

.btn_outside_list{margin: -8px -6px 0 0;clear:both;padding-top: 2px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap:wrap;}
.btn_outside_list li{margin: 8px 6px 0 0;}
.btn_outside_list .btn_default{border:1px solid #bdd1ff;padding: 10px 11px;box-shadow:none;}
.btn_outside_list .btn_default:hover,.btn_outside_list .btn_default:active{border:1px solid #90b2ff;}
.btn_outside_list .btn_default .ico_chatting:before{content:"";display:inline-block;width:16px;height:16px;background:url(../img/ico_chatting.png) left center no-repeat;background-size:contain;margin-right: 5px;vertical-align: text-top;}
.btn_outside_list .btn_default .ico_connect:before{content:"";display:inline-block;width:16px;height:16px;background:url(../img/ico_call.png) left center no-repeat;background-size:contain;margin-right: 5px;vertical-align: text-top;}
.btn_outside_list .btn_default .ico_sch:before{content:"";display:inline-block;width:16px;height:16px;background:url(../img/ico_sch.png) left center no-repeat;background-size:contain;margin-right: 5px;vertical-align: text-top;}
.btn_outside_list .btn_default:focus,.btn_outside_list .btn_default.on{padding: 9px 11px;border:2px solid #90b2ff;color:#1d4cb8;background-color:#f5f8ff;font-weight:bold;}

.btn_outside_list .btn_default:focus .ico_chatting:before, .btn_outside_list .btn_default.on .ico_chatting:before{background:url(../img/ico_chatting_on.png) left center no-repeat;background-size:contain;}
.btn_outside_list .btn_default:focus .ico_connect:before, .btn_outside_list .btn_default.on .ico_connect:before{background:url(../img/ico_call_on.png) left center no-repeat;background-size:contain;}
.btn_outside_list .btn_default:focus .ico_sch:before,.btn_outside_list .btn_default.on .ico_sch:before{background:url(../img/ico_sch_on.png) left center no-repeat;background-size:contain;}

/*.bot_wrap + .chating_comment{margin-top:20px;}*/
.chating_comment{margin-top:20px;margin-bottom:20px;height:30px;padding:5px 15px;border-radius:30px;background-color:#e8efff;text-align:center;box-sizing:border-box;}
.chating_comment > span{line-height:1.43;}
/*.chating_comment + .bot_wrap.chatting{margin-top:20px;}*/
.bot_wrap.chatting .consult_list:after{content:"";display:block;clear:both;}
.consult_list dt,.consult_list dd{color:#1d4cb8;line-height:1.43;} 
.consult_list dt{float:left;display: inline-block;margin-right: 5px;}

.query_wrap{clear:both;position: relative;padding: 10px 0 0 0;}
.query_box .btn_default_list{margin-top:12px;}
.query_tit_box{display:block;position:relative;min-height: 38px;padding: 8px 15px;border-radius: 10px 10px 0 0;border-bottom: 1px solid #e8e8e8;background-color: #f4f4f4;box-sizing: border-box;}
.query_tit_box:after{content:"";display:block;clear:both;}
.query_tit_box .query_tit{display:block;font-size:1.5rem;padding:3px 0;text-align: left;color:#333;}
.query_tit_box .query_tit + .btn_default_list{margin-top:18px;}

.carousel_list.slick-slider{margin-bottom:40px;}
.carousel_list .slick-list{overflow:visible;}
.carousel_list .slick-slide {width: 240px !important;border-radius:10px;background-color:#fff;border: 1px solid #e8e8e8;box-sizing:border-box;overflow: hidden;}
.carousel_list .slick-slide + .slick-slide{margin-left: 10px;}
.carousel_list .btn_default_list{margin:0;}
.btn_carousel{position:relative;display:block;min-height: 38px;padding:12px 15px;color:#444;line-height:1;border-bottom: 1px solid #e8e8e8;box-sizing:border-box;}
.btn_carousel.bd_none{border-bottom:0;}
.btn_carousel:hover,.btn_carousel:active{background-color: #f5f8ff;}
.btn_carousel:focus,.btn_carousel.on{color:#1d4cb8;font-weight:bold;background-color:#f5f8ff;}

.accordion{margin-top:10px;min-width: 274px;width:100% !important;}
.accordion li + li{margin-top:8px;}
.accordion .btn_default.title{display:block;width: 100%;}
.accordion .btn_default.title .acc_tit{display:block;text-align:left;width: calc(100% - 19px);}
.acc_tit:after{content:"";position:absolute;top:50%;right: 12px;transform:translateY(-50%);display:block;width: 12px;height: 12px;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;width: 100%;margin: 8px 0 0 0;line-height: 1.43;word-break: break-all;}

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

.layer_pop .btn_default_list{margin-top:15px;}
.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.gray{background-color:#f0f0f0;}
.btn_default.gray:hover,.btn_default.gray:active{background-color:#dfdfdf;}
.btn_default.gray:focus,.btn_default.gray.on{border: 1px solid #aeaeae;background: #fff;color: #333;font-weight:bold;}

.word_link{min-height:38px;}
.word_link:before{content:"";position: relative;top: 2px;display:inline-block;width:16px;height:16px;background: url(../img/ico_hash.png)  center no-repeat;background-size:contain;margin-right:5px;}
.word_link:focus:before,.word_link.on:before{background: url(../img/ico_hash_on.png)  center no-repeat;background-size:contain;}
.word_link > span{vertical-align: text-top;}

.slick-list{overflow:visible;margin-bottom: 10px;}
.word_box_list .slick-slide{float:left;}
.word_box_list .slick-slide + .slick-slide{margin-left: 8px;}
/*202412.04 수정 연관인텐트 수정 */
.word_box_list .word_link{min-height:38px;padding: 9px 12px;border-radius:38px;border:1px solid #bdd1ff;box-sizing:border-box;white-space: nowrap;}
.word_box_list .word_link:hover,.word_box_list .word_link:active{border:1px solid #788ff1;}
.word_box_list .word_link:focus,.word_box_list .word_link.on{border:2px solid #90b2ff;color:#1d4cb8;font-weight:bold;}
/*202412.04 수정 연관인텐트 수정 */
.word_box_list .word_box{display: inline-block; margin:5px 5px 0 0;}
.slick-dotted.slick-slider{margin-bottom:31px;}
.slick-dots{left:0;right:0;width:auto;bottom:-31px;}
/* .slick-dots li{width:20px;height:20px;margin: 0 -3px;} */
.slick-dots li{width:20px;height:20px;margin: 0 -1px;}
.slick-dots li button{width:20px;height:20px;padding:0;}
/* .slick-dots li button:before{width:20px;height:20px;font-size: 20px;opacity:1;color: #d6d6d6;line-height:16px;}
.slick-dots li.slick-active button:before{color: #1d4cb8;opacity:1;} */
li.slick-active{
    width: 31px;
}

.slick-dots li button:before{
    background-image: url('../img/slick_dot.png');
    background-size: 9px 9px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    width: 20px;
    height: 20px;
    content:"";
}
.slick-dots li.slick-active button:before{
    /* background-image: url('../img/slick_dot_sel.png'); */
    background-image: url('../img/slick_dot_selected.png');
    background-size: 20px 10px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 31px;
    height: 20px;
    content:"";
}
.slick-dots li.slick-active button{
     width: 31px;;
}

.slick-prev:before,.slick-next:before{display:none;}
.slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:0.3;}

.chat_box.guide .top_btn.left{position:absolute;top:9px;left:12px;}
.chat_box.guide .h_tit{padding:10px 12px 11px 12px;}
.chat_box.guide .h_tit > span{margin:7px 0 7px 40px;}
.chat_box.guide .chat_cont{bottom:0;padding:0;}
.chat_box.guide .btn_another_group{position:absolute;left:16px;right:16px;bottom:10px;margin-top:0;text-align: center;}
.btn_another_group .btn{width:100%;}
.btn_another_group .btn.gray{background-color:#e6e6e6;}
.btn_another_group .btn.gray:hover,.btn_another_group .btn.gray:active,.btn_another_group .btn.gray:focus,.btn_another_group .btn.gray.on{background-color:#d7d7d7;font-weight:bold;}
.btn_another_group .btn{min-height:38px;padding:0 12px;border-radius:38px;}
.btn_another_group.w_half .btn{float: left;width: calc(50% - 4px);}
.btn_another_group .btn.blue{background-color:#bed1fd;}
.btn_another_group .btn.blue:hover,.btn_another_group .btn.blue:active,.btn_another_group .btn.blue:focus,.btn_another_group .btn.blue.on{background-color:#a7c1fe;font-weight:bold;}
.btn_another_group.w_half .btn + .btn{margin-left:8px;}

.guide_swipe_wrap .slick-list{margin-bottom:0;}
.pop_img_box{width: 100vw;height: calc(100vh - 153px);}
.pop_img_box > img{height: calc(100vh - 185px);margin: 0 auto;}
.guide_swipe_wrap.slick-dotted.slick-slider{margin-bottom: 0;margin-top: 25px;}
.guide_swipe_wrap .slick-dots{position: relative;bottom: 20px;}
.guide_swipe_wrap .slick-prev{top: 0;top: calc(100vh - 159px);left: calc(50% - 40px);}
.guide_swipe_wrap .slick-next{top: calc(100vh - 159px);right: calc(50% - 40px);}
.ly_cont_top{height: 42px;padding: 6px 0;border-radius: 7px;background-color:#f4f4f4;text-align: center;box-sizing: border-box;}
/*.guide_swipe_wrap #slick-slide01{width:calc(100vw - 40px);height:calc(100vh - 200px);padding:0 20px;overflow-y: auto;}*/
.guide_swipe_wrap .slick-slide:last-child{width:calc(100vw - 40px);height:calc(100vh - 200px);padding:0 20px;overflow-y: auto;}
.user_cont_tit:before{content:"";display:inline-block;width:38px;height:30px;background:url(../img/img_guide.png) left center no-repeat;background-size:contain;margin-right: 12px;vertical-align: middle;}
.user_cont_tit > span{position: relative;top: 1px;display: inline-block;font-size:1.5rem;line-height:1.33;font-weight:bold;}
.pop_swipe_scroll{margin-top:22px;}
.pop_swipe_scroll .tit_example{display:block;margin-bottom: 18px;}
.tip_txt_list li{position:relative;}
.tip_txt_list li:before{content:"";display:inline-block;width:16px;height:16px;background:url(../img/ico_guide_faq.png) left center no-repeat;background-size:contain;vertical-align: top;}
.tip_txt_list li + li{margin-top:15px;}
.tip_txt_list li > span{display:inline-block;width:calc(100% - 26px);margin-left:10px;word-break:break-all;}
.tip_box{margin-bottom:30px;}
.tip_example_box + .tip_example_box{margin-top:30px;}
.example_list li + li{margin-top:8px;}
.example_list li:before{content:"";position: relative;top: 6px;display:inline-block;width:6px;height:6px;background-color:#ddd;vertical-align: top;margin-right: 10px;}
.example_list li > span{display: inline-block;width: calc(100% - 16px);color:#555;line-height:1.29;}

/* 2024.12.03 slick arrow 위치 수정 */
/*.query_wrap.carousel .slick-prev{top:108%;left:calc(50% - 56px);}*/
/*.query_wrap.carousel .slick-next{top:108%;right:calc(50% - 56px);}*/

/*.query_wrap.word .slick-prev{top:61px;left: calc(50% - 60px);}*/
/*.query_wrap.word .slick-next{top:61px;right: calc(50% - 56px);}*/

/*.slick-prev{!*position:absolute;*!display:block;width:20px;height:20px;background: url(../img/ico_arr_left.png) center no-repeat;padding: 4px;background-size:12px 12px;z-index:90;text-indent:-9999px;box-sizing:border-box;}*/
.slick-prev{position: relative;bottom: -14px;/* left: calc(50% - 35px); */display: inline-block;width: 20px;height:20px;background: url(../img/ico_arr_left.png) center no-repeat;padding: 4px;background-size:12px 12px;/* z-index:90; */text-indent:-9999px;box-sizing:border-box;}
/*.slick-next{!*position:absolute;*!display:block;width:20px;height:20px;background: url(../img/ico_arr_right.png) center no-repeat;background-size:12px 12px;z-index:90;padding:4px;text-indent: -9999px;box-sizing: border-box;}*/
.slick-next{bottom: -14px;/* right: calc(50% - 36px); */position: relative;display: inline-block;width: 20px;height: 20px;background: url(../img/ico_arr_right.png) center no-repeat;background-size:12px 12px;/* z-index:90; */padding: 3px;text-indent: -9999px;box-sizing: border-box;/* border: 2px red solid; */}
.slick-prev:hover, .slick-prev:focus{background: url(../img/ico_arr_left.png) center no-repeat;background-size:12px 12px;opacity:1;}
.slick-next:hover, .slick-next:focus{background: url(../img/ico_arr_right.png) center no-repeat;background-size:12px 12px;opacity:1;}
/*--------------------------------------------------------*/

.tbl_top{clear:both;padding-top:10px;}
.tbl_basic{width:100%;border:1px solid #e8e8e8;border-radius: 10px;overflow: hidden;border-collapse: separate;}
.tbl_basic th{height:38px;line-height:1.43;padding: 3px 5px;background-color: #f4f4f4;border-bottom: 1px solid #e8e8e8;box-sizing:border-box;}
.tbl_basic th + th{border-left:1px solid #e8e8e8;}
.tbl_basic td{height:38px;border-top:1px solid #e6e6e6;line-height:1.43;padding: 3px 8px;text-align:center;box-sizing: border-box;}
.tbl_basic td + td{border-left:1px solid #e6e6e6;}
.tbl_basic td.bdt_none{border-top:none;}
.tbl_basic td.no_result > span{line-height:1.43;}
.tbl_basic td .state_txt{vertical-align:text-top;}
.tbl_basic td .btn_gray{display: inline-block;height:26px;padding:7px 12px;border-radius:3px;border:1px solid #e4e4e4;font-size: 1.2rem;background-color: #f3f3f3;box-sizing:border-box;}
.tbl_basic td .btn_gray:focus,.tbl_basic td .btn_gray:hover,.tbl_basic td .btn_gray:active,
.tbl_basic td .btn_gray.on{background-color:#e9e9e9;font-weight:bold;}

.sch_wrap .select_group {float:left;width:140px;box-sizing:border-box;}
.select_box_wrap{margin-top:10px;}
.select_box_wrap + .select_box_wrap{margin-top:8px;}
.select_box_wrap:after{content:"";display:block;clear:both;}
.select_wrap{width:100%;background: url("../img/ico_arr_select.png") no-repeat calc(100% - 10px) 52%;background-size:12px 12px;background-color: #fff;box-sizing: border-box;cursor:pointer;border-radius:8px;}
.select_wrap:after{content:"";display:block;clear:both;}
.select_group{float:left;width: 100%;}
.select_group.w100{width:100%;}
.select_group.w80{width:80px;}
.select_group.w127{min-width:127px;width:calc(100% - 60px);}
.select_group.w213{min-width:213px;}
.select_group.w213.etc{width:calc(100% - 61px);}
.select_group.w80 + .select_group.w236{width: calc(100% - 88px);}
.select_box_wrap .btn_default_list{clear:both;padding-top:10px;}
.sch_inp_txt{width: 100%;height:38px;padding:9px 10px;line-height:1.43;border:1px solid #ddd;border-radius: 8px;outline: none;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;}

.sch_inp_txt::-webkit-input-placeholder{color:#767676;}/* chrome, Edge */
.sch_inp_txt:-moz-placeholder{color:#767676;}/* firefox 4 t0 18 */
.sch_inp_txt::-moz-placeholder{color:#767676;}/* firefox 19+ */
.sch_inp_txt:-ms-input-placeholder{color:#767676 !important;}/* IE 10, 11 */
.sch_inp_txt::-ms-input-placeholder{color:#767676;}/* Edge */
.sch_inp_txt::placeholder{color:#767676;opacity:1}/* opacity - 파이어폭스에서 뿌옇게 나오는 현상 방지*/

.select_group + .select_group{margin-left: 8px;}
.select_box{position:relative;display:block;width:100%;height:38px;border-radius:8px;box-sizing: border-box;}
.btn_another_group{margin-top:10px;text-align:right;}
.btn_another_group:after{content:"";display:block;clear:both;}
.btn_condition{display:inline-block;min-width: 71px;height:38px;line-height: 1;padding: 10px 11px;border-radius:38px;border:1px solid #bdd1ff;box-sizing:border-box;}
.btn_condition:hover,.btn_condition:active{border:1px solid #90b2ff;}
.btn_condition:focus,.btn_condition.on{border:2px solid #90b2ff;background-color:#f5f8ff;padding: 9px 11px;}
.btn_condition .load:before{content:"";display:inline-block;width:16px;height:16px;background:url(../img/ico_load.png) left center no-repeat;background-size: contain;margin-right: 5px;vertical-align: text-top;}
.btn_condition:focus .load:before, .btn_condition.on .load:before{background:url(../img/ico_load_on.png) left center no-repeat;background-size: contain;}
.btn_condition > span{color:#333;vertical-align: middle;}
.btn_condition:focus > span,.btn_condition.on > span{color:#1d4cb8;font-weight:bold;}

.calendar_box_wrap{clear:both;padding-top:8px;}
.calendar_box_wrap:after{content:"";display:block;clear:both;}
.calendar_box{float:left;}
.calendar_box:after{content:"";display:block;clear:both;}
.inp_calendar{position:relative;}
.inp_calendar.w151{float: left;width:calc(50% - 12px);}
.inp_bar{float:left;display:inline-block;font-size:1.4rem;width:8px;margin: 9px 8px;vertical-align: middle;}
.inp_calendar .inp_txt{width:100%;height: 38px;padding:9px 10px;border-radius:8px;border:1px solid #ddd;background:#fff;outline: none;box-sizing: border-box;}
.inp_calendar .inp_txt::-webkit-input-placeholder{color:#333;}/* chrome, Edge */
.inp_calendar .inp_txt:-moz-placeholder{color:#333;}/* firefox 4 t0 18 */
.inp_calendar .inp_txt::-moz-placeholder{color:#333;}/* firefox 19+ */
.inp_calendar .inp_txt:-ms-input-placeholder{color:#333;}/* IE 10, 11 */
.inp_calendar .inp_txt::-ms-input-placeholder{color:#333;}/* Edge */
.inp_calendar .inp_txt::placeholder{color:#333;opacity:1}/* opacity */
.btn_calendar{position:absolute;top: 3px;right: 2px;display:block;width:30px;height:30px;padding: 8px 6px;box-sizing: border-box;}

.btn_answer_group{margin-top:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;
display:flex;-webkit-box-lines:single;-moz-flex-wrap: nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.btn_answer_group li{min-width:134px;width:50%;}
.btn_answer_group li + li{margin-left:8px;}
.btn_answer_group .answer_link{display:block;min-height: 95px;padding:10px 0;text-align: center;border-radius:10px;border:1px solid transparent;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);background-color: #fff;box-sizing: border-box;}
.btn_answer_group .answer_link .link_txt:before{content:"";display:block;width:24px;height:24px;background:url(../img/ico_answer.png) center no-repeat;background-size:contain;margin: 0 auto 10px auto;}
.btn_answer_group .answer_link .link_txt{display:block;color:#333;line-height:1.43;}
.btn_answer_group .answer_link .link_txt .etc_txt{display: block;font-size:1.2rem;color:#1d4cb8;}
.btn_answer_group .answer_link:hover,.btn_answer_group .answer_link:active{border:1px solid #ededed;box-shadow:none;}
.btn_answer_group .answer_link:focus .link_txt:before,.btn_answer_group .answer_link.on .link_txt:before{background:url(../img/ico_answer_on.png) center no-repeat;background-size:contain;}
.btn_answer_group .answer_link:focus,.btn_answer_group .answer_link.on{border:2px solid #90b2ff;background-color:#f5f8ff;box-shadow: none;}
.btn_answer_group .answer_link:focus .link_txt,.btn_answer_group .answer_link.on .link_txt{color: #1d4cb8;font-weight:bold;}


.time{display:block;padding: 8px 0 0 0;font-size:1.2rem;letter-spacing: -0.5px;color: #767676;}

.user_box:after{content:"";display:block;clear:both;}
.user_box .user_txt{float:right;position:relative;padding:8px 12px;line-height:1.43;background-color:#1d4cb8;border-radius: 15px 15px 0 15px;color: #fff;}
.user_box .user_txt:after{content:"";display:block;clear:both;}
.user_box .user_txt + .user_txt{clear:both;margin-top: 6px;}
.time.user{clear:both;text-align:right;}


/* chat_bottom */
.bottom_innner{position:relative;width:100%;height:100%;padding:10px 12px 10px 10px;background:#fff;box-sizing:border-box;}
.bottom_innner .btn_menu{position: absolute;top: 10px;left: 10px;display:block;width:35px;height:35px;border-radius: 5px;background-color: transparent;z-index:50;}
.bottom_innner .btn_menu:focus, .btn_menu.on{background-color:transparent;}
.bottom_innner .btn_menu.on .ico_menu{background-image:url(../img/ico_chat_close.png);}

.inp_box{margin: 0 0 0 35px;}
.inp_box .inp_txt{position:relative;}
.inp_txt .inp{display:block;width:calc(100% - 35px);height:35px;padding: 3px 3px 3px 10px;box-sizing:border-box;outline:none;text-overflow:ellipsis;overflow: hidden;}
.btn_send{position:absolute;top: 0;right:0;z-index:100;}
.btn_send .btn{display: block;width:35px;height:35px;border-radius:5px;background-color:transparent;box-sizing:border-box;}
.inp_txt .inp:focus + .btn_send .btn, .btn_send .btn:focus{background-color:#f3f7ff;}

.auto_keyword{display:none;background-color: #fff;position:absolute;bottom:55px;left:0;right:0;border-top: 1px solid #e9e9e9;z-index:150;}
.keyword_box .sch_keyword{display:block;width:100%;padding:11px 16px;color:#333;box-sizing:border-box;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.keyword_box .sch_keyword .fw{color:#1d4cb8;}
.keyword_box .sch_keyword:hover,.keyword_box .sch_keyword:active,.keyword_box .sch_keyword:focus,.keyword_box .sch_keyword.on{font-weight: bold;background-color:#f5f8ff;}

.bmenu_wrap{display: none;position: absolute;left:0;right:0;bottom: 0;height: 94px;padding: 10px 16px;background: #fff;box-sizing: border-box;border-top: 1px solid #e9e9e9;}
.bmenu_list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;
display:flex;-webkit-box-lines:single;-moz-flex-wrap: nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.bmenu_list li{width:33.33%;}
.bmenu_list li + li{margin-left:15px;}
.bmenu_list .icon_box{display:block;padding:10px 0;}
.bmenu_list .icon_box .icon{display:block;height:24px;background-repeat:no-repeat;background-size: contain !important;margin: 0 auto 10px auto;}
.bmenu_list .icon.bmenu01{width:25px;background-image:url(../img/ico_bmenu01.png);}
.bmenu_list .icon.bmenu02{width:25px;background-image:url(../img/ico_bmenu02.png);}
.bmenu_list .icon.bmenu03{width:25px;background-image:url(../img/ico_bmenu03.png);}
.bmenu_list .icon_box:hover,.bmenu_list .icon_box:active,
.bmenu_list .icon_box:focus,.bmenu_list .icon_box.on{border: none;border-radius:10px;background-color: #f3f7ff;}
.bmenu_list .icon_box:hover .bm_txt,.bmenu_list .icon_box:active .bm_txt,
.bmenu_list .icon_box:focus .bm_txt,.bmenu_list .icon_box.on .bm_txt{font-weight:600;}
.bmenu_list .icon_box .bm_txt{display: block;line-height:1.43;color:#333;text-align: center;}

/* popup */
.dimed{position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.77);z-index:200;}
.layer_pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;border-radius:10px;background-color: #fff;box-sizing:border-box;z-index:250;}
.layer_top:after{content:"";display:block;clear:both;}
.layer_cont{border-top: 1px solid #dcdcdc;padding:20px;text-align: center;}
.layer_top .top_tit{float:left;width:calc(100% - 40px);padding: 10px 0 10px 10px;font-size:1.6rem;line-height: 1.25;box-sizing: border-box;}
.layer_top .btn_pop_close{position:absolute;top:8px;right:10px;width:24px;height:24px;padding: 4px;box-sizing:border-box;z-index: 100;}

.layer_pop .btn_another_group{position:relative;left:0;right:0;margin-top:25px;}
.layer_pop.open_faq .cont_tit{font-weight:500;text-align:left;}
.layer_cont .cont_tit{display: block;line-height:1.43;}
.layer_cont .cont_tit + .sub_cont_txt{margin-top:15px;line-height:1.43;}
.layer_cont .txt_box{line-height:1.43;text-align:left;}
.faq_box_wrap{margin-top:25px;min-height:191px;max-height:calc(100vh - 358px);overflow-y:auto;}
.faq_list li{padding: 9px 0;}
.faq_list li:after{content:"";display:block;clear:both;}
.faq_list .faq_link{display:block;color:#333;line-height:1.43;text-align:left;}
.faq_list .faq_link > span{display:inline-block;width:calc(100% - 26px);}
.faq_list .faq_link:hover,.faq_list .faq_link:active{color:#1d4cb8;}
.faq_list .faq_link:focus,.faq_list .faq_link.on{color:#1d4cb8;font-weight:bold;}
.faq_list .faq_link:before{content:"";position:relative;top:2px;display:inline-block;width:16px;height:16px;margin-right: 10px;background:url(../img/ico_guide_faq.png) left center no-repeat;background-size:contain;vertical-align: top;}

.star_rating_box{width: 218px;margin: 0 auto 25px auto;}
.star_rating_box:after{content:"";display:block;clear:both;}
.star_rating_box .ico_star{float:left;width:34px;height:34px;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+ .ico_star{margin-left:12px;}
.star_rating_box .ico_star.is_selected{background-image:url(../img/ico_fullstar_on.png);-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/}
.sub_tit{display:block;line-height: 1.43;font-weight: 500;margin-bottom:10px;}
.opinion{width:100%;height: 95px;border: 1px solid #ddd;background:#fff;resize:none;line-height: 1.43;padding:10px;border-radius: 8px;box-sizing:border-box;outline: none;-ms-overflow-y:auto;}
.opinion_num{display:block;margin-top:6px;font-size:1.3rem;color:#666;text-align:right;}

.btn_default_list.popup{margin-top:20px;}
.btn_default_list.popup .btn_default{text-align:center;}

.test_area_wrap{margin-top: 10px;}
.term_area{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-moz-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.term_area .term:before{content:"";position: relative;top: 0;display:inline-block;width:16px;height:16px;background:url(../img/ico_calendar.png) left center no-repeat;background-size:contain;margin:0 3px 0 0;vertical-align: top;}
.term_area .term > span{display: inline-block;width: calc(100% - 19px);text-align: left;line-height:1.43;}

.test_bot_wrap{margin-top: 25px;overflow-y: auto;}
.test_box{position:relative;border-radius:8px;border:1px solid #dfdfdf;box-sizing:border-box;}
.test_box + .test_box{margin-top:15px;}

.test_quesiton_tit{display:block;height:36px;text-align: left;padding: 8px 15px;border-bottom:1px solid #c8c8c8;background-color: #f4f4f4;border-radius: 8px 8px 0 0;box-sizing:border-box;}
/*.test_quesiton_tit .essential:after{content:"";position:relative;top:2px;display: inline-block;width:14px;height:14px;background:url(../img/ico_essential.png) right center;background-size:contain;margin-left: 8px;vertical-align:text-top;}*/
.test_quesiton_tit > span{position:relative;display:inline-block;line-height:1.43;}


.tab_cont{display:none;}
.tab_cont.active{display:block;}

.layer_pop.survey .survey_tit{display:block;text-align:left;font-size:1.5rem;line-height:1.33;}
.layer_pop.survey .survey_txt{margin-top:4px;display:block;text-align:left;font-size:1.3rem;line-height:1.54;}
.layer_pop.survey .test_bot_wrap{min-height: 237px;max-height:calc(100vh - 805px);}

.test_cont_group{padding:12px 15px;text-align: left;}
.radio_box + .radio_box{margin-top:15px;}
.inp_name:first-of-type{margin-left:0;}
.inp_radio + .inp_name{display:block;}
.inp_radio{display:inline-block;position:relative;top: 2px;float: left;width: 16px;height: 16px;border: 1px  solid #4e6db4;border-radius:50%;box-sizing:border-box;vertical-align: text-bottom;}
.inp_radio + .inp_name .radio_img{display:inline-block;position:relative;top: 2px;float: left;width: 16px;height: 16px;border: 1px  solid #4e6db4;border-radius:50%;box-sizing:border-box;vertical-align: text-bottom;}
.inp_radio + .inp_name .radio_img:before{content:"";display:block;width: 8px;height: 8px;border-radius:50%;background-color: #4e6db4;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);visibility: hidden;}
.inp_radio:checked + .inp_name .radio_img:before{visibility: visible}
.inp_radio:disabled + .inp_name .radio_img{border:1px solid #c1c1c1;}
.inp_radio:disabled + .inp_name .radio_img:before{background-color:#c1c1c1c1;visibility:visible;}
.inp_name .txt_box{display:inline-block;width: calc(100% - 23px);vertical-align:top;margin-left:7px;}
.test_box .answer_box{width:100%;min-height: 40px;line-height:1.43;background-color: #fff;outline:none;resize: none;overflow-y: auto;-ms-overflow-y: auto;box-sizing:border-box;}

.answer_box::-webkit-input-placeholder{color:#767676;vertical-align:top;}/* chrome, Edge */
.answer_box:-moz-placeholder{color:#767676;vertical-align:top;}/* firefox 4 t0 18 */
.answer_box::-moz-placeholder{color:#767676;vertical-align:top;}/* firefox 19+ */
.answer_box:-ms-input-placeholder{color:#767676 !important;vertical-align:top;}/* IE 10, 11 */
.answer_box::-ms-input-placeholder{color:#767676;vertical-align:top;}/* Edge */
.answer_box::placeholder{color:#767676;vertical-align:top;opacity:1}/* opacity - 파이어폭스에서 뿌옇게 나오는 현상 방지*/


/* service_wrap */
.service_wrap{margin: 0 2px;text-align:left;}
.main_tit:before{content:"";display:block;width:36px;height:36px;background:url(../img/ico_error.png) 0 0 no-repeat;background-size: contain;margin-bottom:12px;}
.main_tit{display:block;font-size:1.4rem;line-height:1.43;white-space:pre-line;}
.main_tit + .sub_txt{margin-top:12px;}
.sub_txt{line-height:1.43;}
.sub_txt + .sub_txt{margin-top:5px;}
.service_wrap .btn_default_list.another{margin-top:20px;}
.service_wrap .btn_default_list.another .btn_default{width:170px;}
.service_wrap .btn_default_list.another:after{content:"";display:block;clear:both;}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bot_wrap:last-child,.user_wrap:last-child{margin-bottom:15px;}
    .img_area > a > img{max-width:calc(100vw - 104px);} 
    .select_group.w80 .select_wrap{background: url("../img/ico_arr_select.png") no-repeat 86% 52%;background-size:12px 12px;background-color:#fff;}
    .select_group.w236 .select_wrap{background: url("../img/ico_arr_select.png") no-repeat 94% 52%;background-size:12px 12px;background-color:#fff;}
    .select_wrap{background: url("../img/ico_arr_select.png") no-repeat 97% 52%;background-size:12px 12px;background-color:#fff;}
    .slick-dots li button::before{line-height:22px;}
    .word_link::before{top:1px}
    .word_link > span{position:relative;top:-1px;}
}

@media (max-width:285px){
    .btn_outside_list{display:block;}
}

@media (max-width:330px){
    .layer_pop{width:calc(320px - 50px);}
    .layer_pop .layer_cont{padding:15px;}
}

@media (max-width:350px){
    .inp_calendar.w151{width:100%;}
    .inp_bar{display:none;}
    .inp_bar + .inp_calendar.w151{margin-top:8px;}
}

@media (max-width:360px){
    .icon_box .m_txt{width:calc(100% - 12px);margin:0 6px;}
    .icon_box .m_txt > span{height:40px;vertical-align:middle;}
}

@media (max-width:374px){
   .accordion{min-width:178px;}
   .btn_answer_group li{min-width:auto;}
   .btn_default_list{min-width: 178px;}
   .btn_default_list.etc{min-width:178px;}
}