@charset "utf-8";

/* layout */
#skipmenu{position:absolute; width:100%;}
#skipmenu a{position:absolute; top:-100px;}
#skipmenu a:hover, #skipmenu a:active, #skipmenu a:focus{position:absolute; top:0px; background:#7bc1f3; color:#fff; width:100%; padding:12px 0; font-size:18px; text-align:center;z-index:200;}
.chat_top{height:50px;background:#0082dd;padding:0 15px;line-height:38px;position: fixed;z-index: 500; width: 100%; }
.talk_wrap{position: absolute;top: 50px;bottom: 50px;left: 0;right: 0; overflow-x:hidden; overflow-y: auto;  padding:15px; /* -webkit-overflow-scrolling:touch; */ }
.talk_wrap.up{bottom:315px;}
.chat_bottom{position: absolute;bottom: 0;z-index: 800;width: 100%;background:#fff;border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}

/* chat_top */
.chat_top h1{float:left;font-size:1.8rem;line-height: 50px;color: #fff;}
.chat_top .img_wrap{display:block;width:100px;height:40px;float: left;margin-right: 8px;}
.chat_top .menu{float:right;padding-top:4px;}
.chat_top .menu li{float:left;margin-left:12px;-webkit-touch-callout: none;-webkit-user-select:none;-webkit-tab-highlight-color:transparent;}
.chat_top .menu li:first-child{margin-left:0;}
.chat_top .menu li > a{display:block;width:22px;}
.chat_top .menu li img{width:22px;}

/* talk_wrap */
.basic .img_wrap{display:block;width: 85px;margin:0 auto;}
.basic .greet > p{text-align:center; margin-bottom:15px;}
.basic .greet > p.txt1{margin-top: 5px;}
.basic .greet .img_wrap{margin: 10px auto;}
.chat_date{position:relative;height:30px;}
.chat_date .start{width:100%;text-align: center;font-size:14px;color:#888;background: url(../img/chat_line_bg.png) 0 11px repeat-x;}
.chat_date .start > span{display:block;margin:0 auto;width:130px;background:#fff;font-size:1.3rem;}
.user_wrap{clear: both;float:right;text-align:right;max-width:80%; margin-bottom:20px;}
.user_wrap .user_box .txt{padding: 5px 10px;background: #e4b359;border-radius: 20px 0 20px 20px;color:#fff;text-align:left;}
.user_wrap .user_box .time{font-size:1.2rem;color:#999;float:left;margin-top: -18px;margin-left: -60px; }
.bot_wrap{clear:both;float:left;margin: 5px 0 16px 0;width:100%}
.bot_wrap .bot_img{width:30px;height: 30px;background: url(../img/chat_icon.png) 0 0 no-repeat;background-size: 30px;}
.bot_wrap .bot_box .txt{max-width:80%;min-width: 270px;padding:9px 15px 10px 10px;background: #f0f0f0;border-radius: 0 20px 20px 20px;margin-bottom: 6px;}
.bot_wrap .indent_list{max-width:100%;}
.bot_wrap .indent_list li{float:left;padding: 5px 12px;background: #2a99e6;border-radius:18px;color:#fff;font-size:1.3rem;margin: 0 5px 6px 0;}
.bot_wrap .indent_list li.on,.bot_wrap .indent_list li:hover{background:#0b4cb9;cursor:pointer;color:#fff;}
.bot_wrap .btn_link > a{display:block;max-width:80%;border: 1px solid #0082dd;border-radius: 18px;font-size: 1.3rem;color: #0082dd;padding: 6px 10px 6px 15px;background: #fff;margin-bottom: 6px;}
.bot_wrap .btn_link .arrow{display:block;width:16px;height:16px;background:url(../img/btn_link.png) 0 0 no-repeat;background-size: 16px;float:right;margin-top:2px;}
.talk_wrap .bot_wrap .btn_link .arrow {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);float: none;margin-top: 0;}
.bot_wrap .reply{width:80%;border-radius:20px;margin-top:6px; padding: 9px 15px 10px 10px;background: #f0f0f0;}
/* .bot_wrap .reply .ico_box{margin-top:7px;} */
.bot_wrap .reply .ico_box li > a{background: #fff;border-radius: 18px;border: 1px solid #d0d0d0;float: left;padding: 4px 0;margin-left: 4px;font-size: 1.3rem;width: 32%;text-align: center;}
/* .bot_wrap .reply .ico_box li > a:hover{background: #ddd;font-weight:bold;} */
.bot_wrap .reply .ico_box li:first-child > a{margin-left:0;}
.bot_wrap .reply .ico_box li.c1{color:#0171da;}
.bot_wrap .reply .ico_box li.c2{color:#666;}
.bot_wrap .reply .ico_box li.c3{color:#f0384d;}
.bot_wrap .reply .ico_box li .ico{display: inline-block;width:13px;height:13px;position: relative;top: 1px;left: 2px;margin-right: 2px;}
.bot_wrap .reply .ico_box li .ico.img01{background:url(../img/icon_img1.png) 0 0 no-repeat;background-size:13px;}
.bot_wrap .reply .ico_box li .ico.img02{background:url(../img/icon_img2.png) 0 0 no-repeat;background-size:13px;}
.bot_wrap .reply .ico_box li .ico.img03{background:url(../img/icon_img3.png) 0 0 no-repeat;background-size:13px;}
.select_list{max-width:80%;margin:6px 0;}
.select_list dt.on > a{display: block;border: 1px solid #0082dd;border-radius: 18px;font-size: 1.3rem;color: #0082dd;padding: 6px 10px 6px 15px;background: #fff;}
.select_list dt.on .up_arrow{display: block;width: 16px;
height: 16px;background: url(../img/btn_list_active.png) 0 0 no-repeat;background-size: 16px;float: right;margin-top: 2px;}
.select_list dt > a{display: block;margin: 6px 0;border: 1px solid #aaa;border-radius: 18px;font-size: 1.3rem;color: #0082dd;padding: 6px 10px 6px 15px;color:#666;background: #fff;position: relative;z-index: 100;}
.select_list dt .down_arrow{display:block;width: 16px;
height: 16px;background: url(../img/btn_list_open.png) 0 0 no-repeat;background-size: 16px;float: right;margin-top: 2px;}
.bot_wrap .txt .btn_detail{display:block;border:1px solid #999;border-radius:18px;margin-top:10px;background:#fff;text-align:center;color:#666;font-size:1.3rem;padding: 5px 0;}
.select_list dd{position:relative;margin-top:-23px;}
.select_list .sub{background:#dceefb;border-radius:8px;padding-bottom: 12px;}
.select_list .sub li{margin-left: 12px;line-height: 24px;color:#333;}
.select_list .sub li:first-child{padding-top:20px;}
.select_list .sub li a{display:block;}
.select_list .sub li.on a,.select_list .sub li a:hover{font-weight:bold;}
.bot_wrap .time{font-size:1.2rem;color:#999;float:right; margin-top: 10px;margin-right:-75px; }
.card_list{width:1890px;/* height: 121px; */overflow:hidden;}
.card_list:after{content: '';position: absolute;top: 0;right: -20px;
bottom: 0;z-index: 10;width: 25px;background: #fff;}
.card_list li{float: left;width:270px;
max-width:80%;padding: 9px 15px 10px 10px;background: #f0f0f0;border-radius: 0 20px 20px 20px;margin-left: 13px;}
.card_list li:first-child{margin-left:0;}
.btn_step{display: block;height:26px;line-height: 26px;
margin-top:10px;background: #7bc1f3;
border-radius: 13px;text-align: center;
font-size: 1.3rem;}
.bot_wrap.end{margin:0;}
.bot_wrap.end .txt{border-radius:20px;}
.btn_start{padding: 6px 12px;background: #2a99e6;border-radius: 18px;
color: #fff;font-size: 1.3rem;
margin: 0 5px 6px 0;}
.card_tit{color:#0b4cb9;font-weight:bold;}
.card_txt{color:#000;font-weight:500;margin-top:10px;}
.card_sub{color:#555;margin-bottom:10px;}
.info li{color:#000;}
.info li span{color:#f0384d;}

/* chat_bottom */
.chat_box{height:50px;}
.chat_box.end{background:#f0f0f0;line-height: 50px;text-align: center;}
.chat_box .btn_mic{float:left;width:50px;height:50px;line-height: 45px;border-right:1px solid #d1d1d1;text-align: center;}
.chat_box .btn_mic > img{width:18px;}
.chat_write_box .write{float:left;height:50px;width: calc(100% - 117px);padding-left: 10px;color:#000;border:none;position: relative;font-size:medium;}
.chat_write_box .font{float:left;position:absolute;top:13px;right: 57px;}
.chat_write_box .font > img{display:block;width: 27px;}
.chat_write_box .send_btn{float:right;width: 50px;height: 51px;background: #0082dd;}
.chat_write_box .send_btn > img{width:25px;}
.layer_wrap{position:relative;padding: 15px 16px 12px 16px;height:265px;border-top: 1px solid #d1d1d1;}
.layer_wrap .layer_close{display:block;position:absolute;top:15px;right:16px;width:15px;}
.layer_wrap.voice .v_box{padding-top:40px;text-align:center;}
.layer_wrap.voice .v_box .icon_mike{width:110px;}
.layer_wrap.voice .v_box p{margin-top:20px;color:#333;font-weight:500;}
.layer_wrap.voice .btn_write_send{position:absolute;bottom:12px;right:16px;display:block;width:27px;}
.layer_wrap.font .timeline{position:relative;top: 55px;border-top:2px solid #7bc1f3;margin: 0 15px;}
.layer_wrap.font .test_txt{margin-top:48px;text-align:center;line-height: 35px;}
.layer_wrap.font .timeline > li{float:left;cursor:pointer;}
.layer_wrap.font .timeline li.w12{position: relative;top: -7px;left: -2px;background: url(../img/bg_ball1.png) 0 0 no-repeat;background-size: 12px;width: 12px;height: 12px;}
/* .layer_wrap.font .timeline li.w12:after{position: fixed;bottom: 75px;content: "";left: 30px;display: block;width: 13px;height: 4px;background: url(../img/icon_minus.png) 0 0 no-repeat;background-size: 13px;} */
.layer_wrap.font .timeline li.w12.on{background:url(../img/bg_font_hover.png) 0 0 no-repeat;background-size: 30px;z-index: 30;width: 30px;height: 30px;position: absolute;top: -16px;left: -10px;}

.layer_wrap.font .timeline li.w14{position: absolute;top: -8px;background: url(../img/bg_ball2.png) 0 0 no-repeat;background-size: 14px;width: 14px;height: 14px;left: 29%;}
.layer_wrap.font .timeline li.w14.on
{background:url(../img/bg_font_hover.png) 0 0 no-repeat;background-size: 30px;z-index: 30;width: 30px;height: 30px;position: absolute;top: -16px;left: 28.8%;}
.layer_wrap.font .timeline li.w16{position: absolute;top: -9px;background: url(../img/bg_ball3.png) 0 0 no-repeat;background-size: 16px;width: 16px;height: 16px;left: 62%;cursor:pointer;}
.layer_wrap.font .timeline li.w16.on{background:url(../img/bg_font_hover.png) 0 0 no-repeat;background-size: 30px;z-index: 30;width: 30px;height: 30px;position: absolute;top: -16px;left: 61.6%;}
.layer_wrap.font .timeline li.w18{position: absolute;top: -10px;background: url(../img/bg_ball4.png) 0 0 no-repeat;background-size: 18px;width: 18px;height: 18px;right: -2px;}
.layer_wrap.font .timeline li.w18.on{background:url(../img/bg_font_hover.png) 0 0 no-repeat;background-size: 30px;z-index: 30;width: 30px;height: 30px;position: absolute;top: -16px;right: -10px;}
.layer_wrap.font .timeline li.w18:after{position: fixed;bottom: 70px;content: "";display: block;width: 13px;height: 13px;background: url(../img/icon_plus.png) 0 0 no-repeat;background-size: 13px;right: 30px;}



/* qna anwser */
.anwser{width: 100%;height:auto;/*position: absolute;
bottom: 50px;z-index: 100;*/background: #fff;border-radius: 10px 10px 0 0;}
.qna.anwser .tit{height:30px;line-height: 28px;background:#0565f0;text-align:center;color:#fff;border-radius: 8px 8px 0 0;cursor:pointer;}
.qna.anwser .btn_open{display: inline-block;margin-left: 8px;width: 10px;}
.anwser.on{border:1px solid #0565f0;width:100%;background: #fff;border-radius: 10px 10px 0 0;}
.qna.anwser .tit.on{height:30px;line-height: 28px;background:#0565f0;text-align:center;color:#fff;border-radius: 8px 8px 0 0;}
/*.qna.anwser .btn_close{display: inline-block;margin-left: 8px;width: 10px;}*/

.keyword_list{padding:0 15px;background:#fff;width:98%}
.keyword_list a{padding: 5px 0;border-bottom:1px solid #ccd7e7;text-align:center; display: block;}
.qna.anwser .keyword_list li{/*height: 32px;*/}
.keyword_list li:first-child{border-top:0;}
/*.keyword_list li > a{display:block;}*/
.qna.anwser .pager{height: 45px;background:#deeefa;text-align:center;position: relative;bottom: -1px;}
.qna.anwser .pager ul > li{display: inline-block;margin-left: 8px;}
.qna.anwser .pager ul > li:first-child{margin-left:0;}
.qna.anwser .pager ul > li > a{display:inline-block;width:8px;height:8px;border-radius:8px;background:#9acff4;}
.qna.anwser .pager ul > li.on > a,
.qna.anwser .pager ul > li > a:hover{background:#0082dd;}
.qna.anwser .pager > p{clear:both;font-size: 1.2rem;color: #1a75b5;}

/* auto _anwer */
.auto.anwser{height:227px;}/*height:230px;*/
.auto.anwser .keyword_list{height: 175px;border-radius: 8px 8px 0 0;overflow-y: auto;/* overflow: hidden; overflow: scroll; */}
.auto.anwser .keyword_list li{text-align:left;/*height:35px;padding:6px 0;*/}
.auto.anwser .keyword_list li a span{color:#0082dd;}

.boxs{  position:absolute; bottom:60px ; height: 230px;  width: 100% ;will-change:transform;-webkit-transition: bottom 1s; z-index:700}
#ch_box{ position:fixed; /*left:-9999px*/}
#ch_box:checked~ .boxs{bottom:25px;  will-change:transform; -webkit-transition:bottom 1s;}
.boxs2{position:absolute;bottom: -96px;height: 200px;width: 100%;will-change:transform; -webkit-transition: bottom 1s;z-index: 500;}/* bottom: -177px; */
.boxs2 .btn_close{display: inline-block;margin-left: 8px;width: 20px; height: 15px;  background-size: 80%; margin-top: 5px; }
.boxs2 label span{background:#7bc1f3}
#ch_box2{ position:fixed; left:-9999px}
#ch_box2:checked~ .boxs2{bottom:80px; will-change:transform;-webkit-transition:bottom 1s ; height:215px;}/*height 크기조정 2020-04-17 추가  */
/* #ch_box2:checked~ .boxs2 .btn_close{ background: url("../img/btn_down.png") no-repeat 50% 5px;} */


/* guide */


.mark_overlay{position:absolute;top:50px;bottom:50px;left:0;right:0;z-index: 500;background:rgba(0,0,0,0.8);z-index: 500; background-color:rgba(0,0,0,0.8);  will-change:transform;-webkit-transition:opacity 2s; opacity: 1.0} 
.guide{position: absolute;top: 50%;left:50%;width: 315px;height: 463px;margin: -215px 0 0 -158px;border-radius: 16px;background: #fff;z-index: 600;box-shadow:1px 0 15px rgba(4,0,0,0.6); will-change:transform;transition:top 0.5s ;}
.tit_area{position:relative;background:#0082dd;border-radius:8px 8px 0 0;padding:17px 20px 7px 17px;}
.tit_area .tit{font-size:1.8rem;color:#fff;}
.tit_area > label{position:absolute;top:17px;right:20px;width:14px;}
.tit_area .txt{font-size:1.4rem;color:#fff;margin-top:10px;}
.tab_area {margin-top:-1px;}
.tab_area .tab_tit{background:#ffffff;padding: 9px 2px 9px 17px;border-bottom: 1px solid #0082dd;}
.tab_area .tab_tit:after{content:"";clear:both;display:block;}
.tab_area .tab_tit li{float:left;margin-left: 4px;width: 68px;text-align: center;font-size:1.2rem;margin-bottom:-1px;}
.tab_area .tab_tit li:first-child{margin-left:-1px;}
.tab_area .tab_tit li > a{display:block;color:#6c6c6c;line-height:28px;border-radius: 16px; background: #ededed;}
.tab_area .tab_tit li.on > a/*20200513삭제 ,.tab_area .tab_tit li > a:hover */{background:#0061a5;border-radius:16px;color: #ffffff;text-align: center;}
.tab_cont{padding: 18px 20px;}
.tab_cont ul li{color:#333;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab_cont ul li:first-child{margin-top:0;}
.qa_faxguide{font-size:1.4rem;color:#fff;margin-top:5px;}/*2020-04-16 폰트조절  */


#q_guide{}
#q_guide:checked~ .guide{ top:50%}
#q_guide:checked~ .mark_overlay{ background-color:rgba(0,0,0,0.8); opacity: 1.0} 

#fax_service{}
#fax_service:checked~ .guide{ top:50%}
#fax_service:checked~ .mark_overlay{ background-color:rgba(0,0,0,0.8); opacity: 1.0} 



/* no_chat */
.no_chat{position:absolute;top:50px;left:0;bottom:0;right:0;z-index: 801;background: #fff;}
.no_img_wrap{position:absolute;top:50%;left:50%;margin: -90px 0 0 -75px;z-index:110;}
.no_img_wrap > img{width:75px;padding: 0 38px;vertical-align: middle;}
.no_img_wrap p{font-size: 1.6rem;color:#555;font-weight:500;margin-top: 1.3rem;text-align: center;} /* 221121 수정*/

/* Chat_list */
.w_overlay{position:absolute;top: 50px;bottom: 0;left: 0;right: 0;z-index: 800;background:#fff;padding:15px 13px 0 15px;}

.chat_list{position:absolute;top:0px;bottom: 0;z-index: 800;width:100%;padding: 15px 13px 15px 15px;box-sizing:border-box; background: #fff;}
/*20200516 추가 나의상담이력 스크롤 위치 변경  */
.list_div{ overflow-y:auto; /* -webkit-overflow-scrolling:touch; */  height: 100%; border-top: 1px solid #cccccc;}

.history_box{ position:fixed; left:110% ; height: calc(100% - 50px); width: 100%;will-change:transform;-webkit-transition:left 1s; z-index:10000; display: none; } /* 수정중 */

#ch_history{ position: fixed; left:-1000 }
#ch_history:checked~ .history_box{left:0px; will-change:transform;-webkit-transition:left 1s ;}


.chat_list .tit_box{font-size:1.6rem;color:#333;font-weight:bold;margin-bottom:15px;}
.chat_list .tit_box .recent_date{font-size:1.3rem;color:#666;}
.list_cont:after{content:"";display:block;clear:both;}
.list_cont .day{float:left;width: 15%;font-size:1.4rem;text-align: center;}
.list_cont .day strong + span{display:block;font-size:1.2rem;color:#666;}
.list_cont .cont{position:relative;float:right;width:70%;}
.list_cont .cont:before{content:"";display:block;background: url(../img/bg_box.png) 0 0 repeat-y;width:5px;position: absolute;height:100%;left:-15%;}
.list_cont .cont ul{border-bottom:1px solid #ccc;padding: 20px 0 22px 0; margin-right: 12px;}
.list_cont .cont ul.pt0{padding-top:0;}
.list_cont .cont ul.pt0 + .btn_trash{top:0;}
.list_cont .cont li{margin-top: 15px;}
.list_cont .cont li:first-child{margin-top:0;}
.list_cont .cont li .timeline_img{width:13px;height:13px;background: #fff;
border-radius: 50%;position: absolute;left: -15%;margin-top: 17px;margin-left: -4px;box-shadow: 0 0 0 4px #f0384d;}
.list_cont .cont li .timeline_img.gray{width:13px;height:13px;background: #fff;
border-radius: 50%;position: absolute;left: -15%;margin-top: 17px;margin-left: -4px;box-shadow: 0 0 0 4px #999;}
.list_cont .cont li > p{color:#666;font-size:1.3rem;}
.list_cont .cont li > a{display:block;font-size:1.4rem;color:#0082dd; overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap; */ width: 85%;}
.list_cont .cont .btn_trash{position:absolute;/* top: 20px 고정 삭제 */;right:0;width:19px;}

/* marks_overlay */
.coach_mark .overlay{position: absolute;top: 0;left: 0;
bottom: 0;right: 0;background:#000;z-index: 60600;}
.coach_mark .m_close{position:absolute;width:14px;top:12px;right:17px;z-index:60610;}
.coach_mark .mark_banner{position: absolute;top: 50%;left: 50%;margin: -280px 0 0 -140px;z-index:60650;}
.coach_mark .bullet{position:absolute;bottom:76px;z-index:60130;width:100%;text-align:center;}
.coach_mark .bullet > a{display: inline-block;margin:0 4px;width:10px;height:10px;
background:#9d9d9d;border-radius: 9px;}
.coach_mark .bullet > a.on{background:#c9edfb;}
.coach_mark .start_btn{position: absolute;bottom:0;z-index:60100;display: block;
width:100%;height:54px;line-height:54px;color: #fff;font-size: 18px;background: #0d5f91;text-align: center;}
.coach_mark .btn_hidden{position:absolute;top:10px;right:55px;z-index: 60130;}
.coach_mark .btn_hidden > a{display:block;width:113px;height:30px;line-height:30px;background: #f3a702;font-size: 14px;color: #fff;font-weight: 500;border-radius: 6px;margin: 0 auto;text-align:center;}

.pop_chk{position:absolute;bottom:0;width:100%;height:50px;background:#323232;z-index:60650;} 
.pop_chk .opt{float:left;width:50%;height:50px;line-height:50px;text-align:center;}

.pop_chk input[type="checkbox"]{display:none;}
.pop_chk input[type="checkbox"] + label{cursor:pointer;color:#fff;}
.pop_chk input[type="checkbox"] + label span{position: relative;top: 2px;display:inline-block;width:15px;height:15px;margin:-2px 10px 0 0;background:url(../img/chk_color_box.png) 0 0 no-repeat;}
.pop_chk input[type="checkbox"]:checked + label span{background-position: 0 -15px;}

#userHistory * {
	z-index:0;
}
#talk_wrap * {
	z-index:0;
}
/* 스크롤 커스텀 제거 
::-webkit-scrollbar{width: 7px; height:0px; border:3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block; height:5px;}
::-webkit-scrollbar-track{background-color: transparent; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{background-color: gray;height:50px; width:50px; background:rgba(0,0,0,.2); -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)} 
*/

/* 2022-10-26 디자인수정 */
.welcome_msg_link {font-size: 14px; line-height: 22px; color: #0565f0; font-family: HGGGothicssi; font-weight: 700; letter-spacing: -.1px;}

/* 20221121 수정 시작 */
/* .question_ico {background: url(../img/icon-line-status-help@2x.png) no-repeat 0 0;display: inline-block;width: 16px;height: 16px;line-height: 22px;vertical-align: middle;margin-bottom: 2.5px;} */
.question_ico {background: url(../img/icon-line-status-help.svg) no-repeat 0 0;display: inline-block;width: 16px;height: 16px;vertical-align: middle;position:relative;top:-1px;margin-right: 5px;}
.question_ico {background-size:100% auto;}
/* .fs1 .question_ico {width: 1rem; height: 1rem;}
.fs2 .question_ico {width: 1.5rem; height: 1.5rem;}
.fs3 .question_ico {width: 2rem; height: 2rem;}
.fs4 .question_ico {width: 2.5rem; height: 2.5rem;} */
/* 20221121 수정 끝 */

.greet .txt1.except {line-height: 22px; font-size: 14px;}
.basic .greet > p.txt1{margin-top: 5px; line-height:1.5; font-size: 14px; font-family: HGGGothicssi; letter-spacing: -.1px;}
.basic .greet > p.txt1 strong {font-weight: 700;}
.basic {margin-top: 17px;}
.qna.anwser .tit {background: #0565f0; height: 44px; border-radius: 16px 16px 0 0; font-size: 14px; line-height: 22px; letter-spacing: -.1px; display: flex; align-items: center; justify-content: center;}
.boxs2 label span {display: inline-block; background: transparent url(../img/icon-solid-chervron-drop-down@2x.png) no-repeat center / 100%; width: 16px; height: 16px; margin-left: 4px;}
.boxs2 label span.up {transform: rotate(180deg);}
.chat_box {height: 60px; background-color: #ededed; padding: 12px 18px 12px 15px; box-sizing: border-box;}
.chat_write_box {display: flex;}
.chat_write_box .write {border-radius: 20px; float: none; height: 22px; width: 100%; font-size: 14px; padding: 0 68px 0 16px;}
.chat_write_box .send_btn {float: none; width: 40px; height: 40px; background: #0565f0; border-radius: 50%; margin-left: 4px}
.chat_write_input_wrap {border-radius: 20px; background-color: #fff; overflow: hidden; display: flex; align-items: center; flex: 1; position: relative;}
.chat_write_box .font {top: auto; float: none; right: 16px;}
.chat_write_box .font > img {width: 24px;}
.chat_write_box .send_btn > img {width: 28px;}
.keyword_list {padding: 0; width: 100%; background: #f5f7fa;}
.keyword_list a {font-size: 14px;line-height: 22px;letter-spacing: -.1px;color: #222;border-bottom: 1px solid #e1e3e6;padding: 10px 15px;}
#ark_content_list .keyword_list a {color:#000;}
.swiper-pagination {height: 42px; background: #f5f7fa; display: flex; align-items: center; justify-content: center;}
.swiper-pagination-bullet { width: 8px;	height: 8px; margin: 0 0 0 8px;	background-color: #b7bfc8;}
.swiper-pagination-bullet-active {width: 18px; background: #0063f4; border-radius: 5px;}
#ch_box2:checked~ .boxs2 {height: 281px !important;background: #f5f7fa;border-radius: 16px 16px 0 0;}
.talk_wrap {bottom: 60px; background: #fff;/*background: #f0f5fa;*/}/*20221121*/
.chat_bottom {border: 0;}
.user_wrap .user_box {display: flex; flex-direction: row-reverse; align-items: center;}
.user_wrap .user_box .txt {padding: 13px 15px; background: #fff; border-radius: 24px 0 24px 24px; color: #000; box-shadow: 3px 2px 8px 0 rgb(0 0 0 / 8%); text-align: left; font-size: 14px; line-height: 1.5; letter-spacing: -.1px;}
.talk_wrap .user_wrap .user_box .txt {font-size: 14px;}
.user_wrap .user_box .time {font-size: 10px; color: #8c959f; float: left; margin: 0 5px 0 0;}
.chat_top {background: #fff;/*background: #0565f0;*/box-shadow: 0 2px 22px -1px rgba(0, 0, 0, 10%);}/*20221121*/
.bot_wrap .bot_box .txt {font-size: 14px; line-height: 1.5; letter-spacing: -.1px; padding: 12px 15px; box-shadow: 3px 2px 8px 0 rgba(0, 0, 0, 0.08);	background-color: #ffe43d; border-radius: 0 16px 16px 16px;}
.bot_wrap .time {font-size: 10px; color: #8c959f; margin-right: -60px;}
.bot_wrap .indent_list li {padding: 9px 20px; border-radius: 24px; background-color: #fff; box-shadow: 0 1px 16px 0 rgba(33, 37, 41, 0.04), 0 6px 10px 0 rgba(33, 37, 41, 0.02); font-size: 14px; line-height:1.6; letter-spacing: -.1px; color: #0565f0;}
.bot_wrap .indent_list {margin-top: 12px !important;}
.bot_wrap .txt .btn_detail {display: block; border: 0; border-radius: none; margin-top: 10px; background: transparent; text-align: left; color: #0565f0; font-size: 14px; padding: 0; line-height: 22px; letter-spacing: -.1px;}
.bot_wrap .btn_link .arrow {background: url(../img/btn-link@2x.png) no-repeat center / 12px;}
.bot_wrap .btn_link > a {border-color: #0565f0; border-radius: 16px; padding: 12px 15px; background-color: #f8f8f8; font-size: 16px; color: #000}
.talk_wrap .bot_wrap .btn_link > a {position: relative;}
.tit_area {background: #0565f0; padding: 12px 16px 16px; border-radius: 16px 16px 0 0; margin-top: -1px;}
.tit_area .tit {font-size: 18px; color: #fff; line-height: 26px; text-align: center; font-family: HGGGothicssi; font-weight: 400; letter-spacing: -.2px;}
.qa_faxguide {text-align: center; font-size: 1.3rem; line-height: 18px; margin-top: 4px;}
.tit_area > label {top: 12px; right: 12px;}
.tab_cont {padding: 0;}
.tab_cont ul li { font-size: 14px; line-height: 22px; letter-spacing: -.1px; padding: 7px 15px; margin-top: 0;}
.tab_cont ul li + li {border-top: 1px solid #e1e3e6;}
.tab_area .tab_tit li > a {display: block; color: #0565f0; line-height: 18px; border-radius: 15px; background: #ededed; font-size: 12px; padding: 6px 4px;}
.tab_area .tab_tit li.on > a {background: #0565f0; border-radius: 15px; line-height: 18px; padding: 6px 4px;}
.tab_area .tab_tit {background: #ffffff; padding: 12px 15px; border-bottom: 1px solid #e1e3e6;}
.guide {border-radius: 16px;}
.chat_box.end{line-height: none; display: flex;	justify-content: center; align-items: center;}