@charset "utf-8";
/*웹 접근성 10. 조작가능 추가*/
#menuListBtn {
	width:19px;
	height:19px;
}
.tit_area .location li:last-child button {top: 35%!important}
/*v2 */
html, body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:100%; margin:0; padding:0; }

*{ box-sizing:border-box; } body{ font-family:'Noto Sans'; } img{ vertical-align:middle; } .inline{ display:inline-block; vertical-align:middle; } p{ margin:0; }
.mt10{ margin-top:12px; } .mtc20{ margin-top:10px; } .alignRight{ text-align:right; } .alignLeft{ text-align:left; } .mb20{ margin-bottom:20px; }
/* .mb10{ margin-bottom:10px; } */
.mb10{ margin-bottom:4px; }
.mbc10{ margin-bottom:4px;}
.que1depth.mbc10{ margin-bottom:4px; display:flex;} 

/* 세로 반응형 수정부분 20201030*/
/* .containerWrap{ width:100%; font-size:0; line-height: 1.3; min-width:280px;} */
/* .chatBox{ width:100%; height:100%; min-height:700px; border:1px solid #888888; margin:0 auto; background-color:#f2f2f2; } */
/* .chatBox{ width:100%; height:100%; min-width:280px; border:1px solid #888888; margin:0 auto; background-color:#f2f2f2; } */
/* .chatBox .chatHeader{ height:70px; width:100%; background-color:#FFF; } */
/* .chatBox .chatBody{ width:100%; height:100%; position:absolute;  padding-top:70px; } */
/* .chatBox .chatBody{ width:100%; height:630px; position:relative; padding:0 30px; top:0; left:0;} */
/* .chatBody .noticeBox{ position:absolute; top:10px; left:0; width:100%; padding:0 30px; z-index:99; min-width:280px;} */
/* .chatInBox { position: absolute; bottom: 10px; left: 0px; width: 100%; padding: 0 30px; }
.chatInBox{ width:100%; position:absolute; left:0; bottom:0; z-index:2; padding:10px 1px; } */

.containerWrap{ font-size:0; line-height: 1.3;} 
.chatBox{ min-width: 280px; margin: 0 auto; background-color: #f2f2f2; width: 100vw;    height: 100vh; }
.chatInBox { position: absolute; bottom: 10px; left: 0px; width: 100%; padding: 0 30px; z-index: 2; }

/* end 세로 반응형 수정부분 20201030*/

.contentsBox{ width:100%; height:100%; position:relative; }
.chatIn{ width:100%; padding:0 30px; }
/*.resetBox{ margin-bottom:10px; text-align:center; display:none; position:relative; }*/
.msgBox div:nth-child(1){ position:absolute; left:10px; top:50%; margin-top:-7px; }
.msgBox div:nth-child(2){ width:100%; position:relative; height:40px; }
.msgBox div:nth-child(3){ position:absolute; right:8px; top:50%; margin-top:-13.5px; }
/*.chatIn div:nth-child(2) input{border:none;background-color:transparent;width: 100%;height: 100%; font-size:17px; letter-spacing:-0.5px; font-weight:400; color:#2c2c2c; outline:none; padding:0 50px 0 30px;}
	.contentsBox{ width:100%; position:relative; height:525px; overflow:auto; }
*/
.chatIn div:nth-child(2) input { border: none; background-color: transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 15px; letter-spacing: -0.5px; font-weight: 400; color: #969696;   outline: none; padding: 0 0px 0 10px; }
.bHeader div:nth-child(2) span{ color:#0765D9; }

/* end수정(20201019) */

.contentsBox{ width:100%; position:relative; overflow:auto; }

.noticeHeader span{ font-size:17px; letter-spacing:-0.5px; font-weight:400; color:#2c2c2c; }

.noticeHeader div:nth-child(1){ width:8.5%; } .noticeHeader div:nth-child(2){ width:86%; } 


/*mobile css*/
.todayBox{ border-bottom:1px solid #9B9B9B; padding-top:32px; position:relative; top:0; left:0; z-index:1; }
.todayBox span{ font-size:16px;font-weight:400;color:#000000;position:absolute;left: 50%;width: 85px;display: inline-block;z-index: 2;bottom: -10px;background-color: #f2f2f2;text-align: center; margin-left:-42.5px; }
.chatBox .chatHeader{ height:70px; width: 100vw; background-color:#FFF; position: fixed; z-index: 99;}
.chatHeader div:nth-child(1), .chatHeader div:nth-child(2){ height:70px; line-height:70px; } .chatHeader div:nth-child(1) span{ font-size:20px; color:#2c2c2c; font-weight:700; letter-spacing:-0.5px; }
.chatHeader div:nth-child(2) span{ font-size:18px; font-weight:700;  }   
.chatHeader div:nth-child(1){ padding-left:30px; } .chatHeader div:nth-child(2){ padding-right:30px; cursor:pointer; } .chatHeader div:nth-child(2) img{ margin-right:10px; }
.chatHeader div span{ display:inline-block; vertical-align:middle; }
.gHeader div:nth-child(2) span{ color:#096d7f; } 
.chatBody .noticeBox{ position: absolute; top: 82px; left: 0; width: 100%; padding: 0 30px; z-index: 90; min-width: 280px; }
.chatbotContent{ width:100%; position:absolute; top:0; left:0; overflow:auto; bottom:60px;/*  padding:0 30px; */ } 
.floatL{ float:left; } .floatR{ float:right; }
.chatBox .chatBody{ width: 100%; height: 99vh; position: relative; padding: 70px 30px 0px 30px; top: 0; left: 0; }

.mobileTodayBox{ border-bottom:1px solid #9B9B9B; padding-top:32px; position:relative; top:0; left:0; z-index:1;}
.mobileTodayBox span{ font-size:16px;font-weight:400;color:#9b9b9b;position:absolute;left: 50%;width: 85px;display: inline-block;z-index: 2;bottom: -10px;background-color: #f2f2f2;text-align: center; margin-left:-42.5px; }
.chatBox .mobileChatHeader{ height:70px; width: 100vw; background-color:#FFF; position: fixed; z-index: 99; margin-top:48px;}
.mobileChatHeader div:nth-child(1), .mobileChatHeader div:nth-child(2){ height:70px; line-height:70px; } .mobileChatHeader div:nth-child(1) span{ font-size:20px; color:#2c2c2c; font-weight:700; letter-spacing:-0.5px; }
.mobileChatHeader div:nth-child(2) span{ font-size:18px; font-weight:700;  }   
.mobileChatHeader div:nth-child(1){ padding-left:30px; } .mobileChatHeader div:nth-child(2){ padding-right:30px; cursor:pointer; } .mobileChatHeader div:nth-child(2) img{ margin-right:10px; }
.mobileChatHeader div span{ display:inline-block; vertical-align:middle; }
.mobileGHeader div:nth-child(2) span{ color:#096d7f; }
.mobileChatBody .mobileNoticeBox{ position: absolute; top: 10px; left: 0; width: 100%; padding: 0 30px; z-index: 90; min-width: 280px;margin-top:48px; }
.mobileChatbotContent{ width:100%; position:absolute; top:0; left:0; overflow:auto; bottom:60px; margin-top:48px; } 
.mobileFloatL{ float:left; margin-left: 40px; }
.chatBox .mobileChatBody{ width: 100%; height: 99vh; position: relative; padding: 0px 30px 0px 30px; top: 0; left: 0; }
/*end mobile css*/


.noticeHeader{ cursor:pointer; padding:9px; } 

.botTitle span{ font-size:15px; font-weight:700; letter-spacing:-0.5px; color:#2c2c2c; }
.botMsg p, .botMsg span{ font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#2c2c2c;  background-color:#FFF; padding:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; display:inline-block; }
.queHeader{ text-align:center; height:40px; line-height:40px; border-top-left-radius:10px; border-top-right-radius:10px; } .queHeader span{ font-size:15px; color:#ffffff; font-weight:500; letter-spacing:-0.5px; }

.color1{ background-color:#3f7d88; } .color2{ background-color:#3a77c3; } .arrowBtn{ transition: transform 0.3s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.arrowBtn.open{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
/*.que1depth div span{ font-size:17px; letter-spacing:-0.5px; font-weight:400; color:#2c2c2c; display:inline-block; background-color:#eeeeee; width:95%; border-radius:5px; height:30px; line-height:30px; text-align:center; cursor:pointer; }*/
/* .que1depth div button{ font-size:15px; letter-spacing:-0.5px; font-weight:400; display:inline-block; background-color:#eeeeee; width:95%; border-radius:5px; height:auto; line-height:30px; text-align:center; cursor:pointer; border:none; word-break:break-all; min-height:30px; } */
.que1depth div button{ font-size:15px; letter-spacing:-0.5px; font-weight:400; display:inline-block; background-color:#eeeeee; width:95%; border-radius:5px; height:100%; text-align:center; cursor:pointer; border:none; word-break:break-all; min-height:30px; }

.que1depth div{ display:inline-block; font-size:0; width:50%; flex:1; } 

/* .queBody{ background-color:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; width:100%; min-width:325px; padding:15px 15px 5px 15px; } */
.queBody{ background-color:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; width:100%; min-width:325px; padding:8px 10px 8px 10px; }


.queBody.gBodyBoder{ border:1px solid #79A8B0; } .queBody.bBodyBoder{ border:1px solid #B1CAE8; } .serviceBox{ margin-bottom:50px; }
.selColor1 div button.active{ color:#FFF; background-color:#096d7f; } .selectQue{ display:inline-block; vertical-align:bottom; } .dateBox{ margin-left:10px; } .dateBox span{ font-size:10px; font-weight:300; color:#9b9b9b; background-color:transparent; max-width:100%; padding:0; }

.dateBox{ display:inline-block; vertical-align:bottom; } .chatbotImg{ vertical-align:top; width:10%; } 

.chatIn { width: 100%; background-color: #d7d7d7; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 0 0 20px; position: relative; }

/*.chatIn div:nth-child(1){ width:5%; }*/
.chatIn div:nth-child(1){ width:2%; }


/*Add 20201022*/
.alignUserBubbleBox {max-width: 50%; text-align: left;}

 .chatIn div:nth-child(2){ width:85%; position:relative; height:40px; } .chatIn div:nth-child(3){ position:absolute; right:8px; top:0; }
.chatIn div:nth-child(2) input{border:none;background-color:transparent;position: absolute;left: 0;top: 0;width: 100%;height: 100%; font-size:15px; letter-spacing:-0.5px; font-weight:400; color:#969696; outline:none;}
.chatIn div:nth-child(2) input::placeholder{ font-size:15px; letter-spacing:-0.5px; font-weight:400; color:#969696; } .chatIn div:nth-child(3) img{ cursor:pointer; }
/*.que2depth div span{ font-size:17px; letter-spacing:-0.5px; font-weight:400; color:#2c2c2c; display:inline-block; background-color:#eeeeee; width:100%; border-radius:5px; height:30px; line-height:30px; text-align:center; cursor:pointer; }*/
/* .que2depth div button{ font-size:15px; letter-spacing:-0.5px; font-weight:400; display:inline-block; width:100%; background-color:#eeeeee; border-radius:5px; line-height:30px; text-align:left; cursor:pointer; border:none; word-break:break-all; min-height:30px; } */
.que2depth div button{ font-size:15px; letter-spacing:-0.5px; font-weight:400; display:inline-block; width:100%; background-color:#eeeeee; border-radius:5px; text-align:left; cursor:pointer; border:none; word-break:break-all; min-height:30px; }

.contentsBox::-webkit-scrollbar { display: none; } .scrollQue{ overflow:auto; max-height: 167px; } .selColor2 div button.active{ color:#FFF; background-color:#0765d96e; }


.userContents{ margin-bottom:20px; width:100%; text-align:right; margin-top:25px; } .userInputData .uDateTxt{ font-size:10px; font-weight:300; color:#9b9b9b; margin-right:10px; vertical-align:bottom; }
.userInputData .uTxtConf{ font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#2c2c2c; display:inline-block; padding:5px 10px; border-top-left-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.userInputData .gTxtConf{ background-color:#d8e5e7; } .userInputData .bTxtConf1{ background-color:#D7E5E6; } .userInputData .bTxtConf2{ background-color:#D2E5FF; } .resetBox{ margin-bottom:20px; text-align:center; } .resetBox img{ cursor:pointer; } .resetBox img:nth-child(1){ margin-right:20px; }
.noticeBody div span{ font-size:14px; letter-spacing:-0.5px; color:#2c2c2c; font-weight:400; } .noticeBody div{ width:50%; text-align:center; height:40px; line-height:40px; border-top:1px solid #D0D0D0; background-color:#FFF; cursor:pointer; }
.noticeBody div:nth-child(2){ border-bottom-right-radius:10px; } .noticeBody div:nth-child(1){ border-bottom-left-radius:10px; border-right:1px solid #D0D0D0; } .serviceConf{ max-width:60%; }
.noticeBody{ display:none; } .fixTopNotice{ box-shadow:5px 5px 5px #D0D0D0; border-radius:10px; background-color:#FFF; display:none;} .foldIconBox{ text-align:right;} .foldIconBox img{ cursor:pointer; }


.queHelpBox{ font-size:0;  background-color:#FFF; border-radius:10px; overflow:hidden; text-align:center; width:80%; max-width:325px; } .queHelpBox .queHelpText{ font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#2c2c2c;  padding:10px; border-bottom:1px solid #C8C8C8; }
.queHelpBox button{ font-size:15px; letter-spacing:-0.5px; font-weight:500; display:inline-block; width:50%; height:38px; line-height:38px; text-align:center; cursor:pointer; border:none; color:#000000; background-color:#FFF; }
.queHelpBox button:nth-child(1){ border-right:1px solid #C8C8C8; } .queHelpBox button:hover{ background-color:#096D7F!important; } .queHelpBox button.active{ color:#FFF; background-color:#096D7F; }



/* 추가(20201019) */.bodyBox{ width:100%; height:100%; position:relative; }
.msgBox{ width:100%; position:relative; background-color:#d7d7d7; height:40px; border-radius:20px; }
/* 추가(20201019) */


/* 20201019 추가 자동완성 박스 */
.autoComplateBox{ width:100%; background-color:#eaeaea; display:none; } 

/*.autoComplate{ width:100%; padding:5px; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-bottom:10px;  }*/
.autoComplate { width: 100%; padding: 5px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;margin-bottom: 2px; }

.autoComplateBox ul{ height:auto; max-height:122px; overflow:auto; padding:0 20px; } .autoComplateBox li{ border-bottom:1px solid #d8d8d8; padding:5px 0; cursor:pointer; }
.autoComplateBox li:first-child{ padding:3px 0 5px 0; } .autoComplateBox li:last-child{ border-bottom:none; padding:5px 0 3px 0; }
.autoComplateBox .selectText, .autoComplateBox .autoText{ font-size:14px; font-weight:500; letter-spacing:-0.5px; color:#2c2c2c; } .autoComplateBox .selectText{ margin-right:20px; }
.autoText .strResult{ color:#ff0000; }

/*.resetBox{ margin-bottom:10px; text-align:center; display:none; position:relative; }*/
.msgBox div:nth-child(1){ position:absolute; left:10px; top:50%; margin-top:-7px; }
.msgBox div:nth-child(2){ width:100%; position:relative; height:40px; }
.msgBox div:nth-child(3){ position:absolute; right:8px; top:50%; margin-top:-13.5px; }

/* 20201019 추가 자동완성 박스 */



.chatBotIconBox{ position:fixed; right:20px; top: 90px; z-index: 99; } .chatbotContainer{ background-color:#DEDEDE; width:100%; height:100%; }
/* .chatBot span
{
	-webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; background-color:#f3f3f3; position: relative; text-align:center; color:#096d7f;
	display:inline-block; font-size:18px; letter-spacing:-0.5px; font-weight:500; height:67px; line-height:67px; padding-right: 60px; border-radius:35px; z-index:1; width:0%; min-width:67px; overflow:hidden;
	float:right; cursor:pointer;
} */
.chatBot span:focus {outline:dashed 3px #0088ff;}
.chatBot span {
     -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    background-color: #f3f3f3;
    position: relative;
    text-align: center;
    color: #096d7f;
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: 500;
    height: 43px;
    line-height: 42px;
    padding-right: 29px;
    border-radius: 35px;
    z-index: 1;
    width: 0%;
    min-width: 43px;
    overflow: hidden;
    float: right;
    cursor: pointer;
}
.chatBotIconBox span:hover{ width:178px;} .chatBot img{ position:absolute; right:0; top:0; z-index:2; height: 43px; width: 43px;}
/* .chatBotBlue span
{
	-webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; background-color:#f3f3f3; position: relative; text-align:center; color:#0765d9;
	display:inline-block; font-size:18px; letter-spacing:-0.5px; font-weight:500; height:67px; line-height:67px; padding-right: 60px; border-radius:35px; z-index:1; width:0%; min-width:67px; overflow:hidden;
	float:right; cursor:pointer;
} */
.chatBotBlue span {
     -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    background-color: #0765d96e;
    position: relative;
    text-align: center;
    color: #0765d9;
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: 500;
    height: 43px;
    line-height: 42px;
    padding-right: 29px;
    border-radius: 35px;
    z-index: 1;
    width: 0%;
    min-width: 43px;
    overflow: hidden;
    float: right;
    cursor: pointer;
}
.chatBotBlue span:hover{ width:178px; background-color: #f3f3f3;} .chatBotBlue img{ position:absolute; right:0; top:0; z-index:2; height: 43px; width: 43px;}

/* chatbot 로딩중 표시*/
.loadingImg {
    letter-spacing: -0.5px;
    color: #2c2c2c;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #ffffff;
}
.loadingImgSize{
	width: 50px;
}
/* 20201201 update*/
.queTxt a{
	color: #000000;
}
.chatBox a {
	text-decoration: none;
}
.colBlack {
	color: #2c2c2c;
}
.floatR a {
    color: #096d7f;
}
.que1depth div button:hover{
    background-color: #096D7F;
}
.que2depth div button:hover{
    background-color: #096D7F;
}
.surveyChoiceBtn a {    
	color: #096D7F;
}
.noticeClose a {
	color: #2c2c2c;
}
input#message::-webkit-input-placeholder {
	color:#2c2c2c!important;
}
input#message::-ms-input-placeholder {
	color:#2c2c2c!important;
}
input#message::-moz-placeholder {
	color:#2c2c2c!important;
}
/*E 20201201 update*/
@media screen and (max-width: 600px) { 
	.chatIn div:nth-child(2) input{ font-size:14px; } 
	.chatIn div:nth-child(2) input::placeholder{ font-size:14px; } 
	}
@media screen and (max-width: 500px) {
	/* 추가 및 수정(20201019) */
	.msgBox div:nth-child(1){ margin-top:-5px; } .msgBox div:nth-child(3){ margin-top:-10px; }
	.chatIn{ padding:0; }
	
	
	
	/* 세로 반응형 수정부분 20201030*/
	/* .containerWrap{ height:100%; } */
	/* .chatBox{ min-height:100%; } */
	
	/* end 세로 반응형 수정부분 20201030*/
	
	.queBody{ min-width:100%; } /* .chatbotImg{ width:12%; } */ .selectQue{ width:80%; } .chatIn div:nth-child(1) img{ width:10px; } .chatIn div:nth-child(3) img{ width:40px; }
	.chatIn div:nth-child(2) input::placeholder{ font-size:12px; } .chatIn div:nth-child(2) input{ font-size:12px; } .noticeHeader div:nth-child(1){ width:10%; } .noticeHeader div:nth-child(1) img{ width:25px; }
	.noticeHeader span{ font-size:12px; }  .noticeHeader div:nth-child(3) img{ width:15px; }
	.noticeHeader div:nth-child(2){ width:84%; } .botTitle span, .botMsg p, .botMsg span, .queHeader span, .que1depth div span, .que2depth div button, .userInputData .uTxtConf{ font-size:11px; }
	 .contentsBox{ height:100%; }
	html, body{ height:100%; } 
	/* .userContents{ margin-top:0; } */ .resetBox{ margin-bottom:10px; } .serviceBox{ margin-bottom:60px; } .dateBox span{ font-size:10px; }
	
	.queHelpBox .queHelpText{font-size:13px}
	/* 20201020 수정 */
	.chatIn div:nth-child(1) { width: 5%; padding-left: 10px; }
	/*.chatBox .chatBody{ padding:0 15px; height:83%; position:static; }
		.chatInBox{ position:absolute; bottom:10px; left:10px; width:94.5%; }
	*/
	
	.chatInBox{ position:absolute; bottom:10px; left:0px; }
	.botTitle span, .botMsg p, .botMsg span, .queHeader span, .que1depth div button, .que2depth div button, .userInputData .uTxtConf{ font-size:12px; }
	.autoComplateBox .selectText, .autoComplateBox .autoText{ font-size:12px; }
	.serviceConf{ width:80%; max-width: 100%;}
	/* Add 20201022 */
	.chatbotImg { width: 0%; display: none; }
	.queHelpBox button { font-size:12px; }
	.reply {width: 150px;}
	.reset {width: 69px;}
	.foldIcon { width: 35px;}
	
	.todayBox{ padding-top:70px; }
	
	.chatBox .chatHeader{ height:50px; }
	.chatBox .mobileChatHeader{ height:50px; }
	
	.chatHeader div:nth-child(1), .chatHeader div:nth-child(2){ height:50px; line-height:50px; }
	.chatHeader div:nth-child(1) span{ font-size:16px; } .mobileChatHeader div:nth-child(2) span{ font-size:14px; } .mobileChatHeader div:nth-child(2) img{ width:15px; margin-right:5px; }
	.mobileChatHeader div:nth-child(1), .mobileChatHeader div:nth-child(2){ height:50px; line-height:50px; }
	.mobileChatHeader div:nth-child(1) span{ font-size:16px; } .mobileChatHeader div:nth-child(2) span{ font-size:14px; } .mobileChatHeader div:nth-child(2) img{ width:15px; margin-right:5px; }
	
	.noticeBox{ padding:0 10px; top:60px; }
	.mobileNoticeBox{ padding:0 10px; top:60px; }
	
	.mobileChatBody .mobileNoticeBox{ padding:0 10px;}
	
	.chatBox .chatBody{ padding:0 15px; position:static; /* padding-top:50px; */} 
	.chatBox .mobileChatBody { padding:0 15px; position:static; /* padding-top:50px; */}
	.mobileFloatL { font-size: 13px; }
	.mobileTodayBox { padding-top: 27px; }
	
	.chatHeader div:nth-child(2) span { font-size:13px;}
	.chatHeader div:nth-child(2) img {    margin-right: 2px; width: 13px;}
	.chatBody .noticeBox { top: 56px; padding: 0 9px;}
}

/* 추가 */
@media screen and (max-width: 350px) {
	.selectQue{ width:75%; }
	
	.botTitle span, .botMsg p, .botMsg span, .queHeader span, .que1depth div button, .que2depth div button, .userInputData .uTxtConf{ font-size:10px; }
	.autoComplateBox .selectText, .autoComplateBox .autoText{ font-size:10px; }
	
	.serviceConf{ width:100%;}
	.queHelpBox button { font-size:10px; }
	.mobileFloatL { font-size: 12px; }
	.chatHeader div:nth-child(2) span { font-size:12px;}
	.chatHeader div:nth-child(2) img {    margin-right: 2px; width: 11px;}
}

/* 추가 */
@media screen and (max-width: 320px) {
	.restBox img{width:75px;} .resetBox img:nth-child(1){margin-right:8px;width:138px;}
	.queHelpBox .queHelpText{ font-size:11px;}
	.autoComplateBox .selectText, .autoComplateBox .autoText{ font-size:10px; }
	
	/* 20201027 Add*/
	.chatHeader div:nth-child(1) span {
	    font-size: 13px;
	}
	.mobileChatHeader div:nth-child(1) span {
	    font-size: 13px;
	}
	.reset {width: 59px;}
	
	.chatHeader div:nth-child(1){padding-left:15px;} .chatHeader div:nth-child(2){padding-right:15px;}
	.mobileChatHeader div:nth-child(1){padding-left:15px;} .mobileChatHeader div:nth-child(2){padding-right:15px;}
	.mobileFloatL { font-size: 11px; }
}
@media screen and (max-width: 260px) {
	#exitChatbotPop {
		display:none;
	}
}
/* 추가 */
@media screen and (max-height: 835px) {
	.chatBotIconBox{ position:fixed; right:100px; top:100px; z-index:99;}
}


@media screen and (min-width: 700px) {	.chatbotImg{ width:9%; } }
@media screen and (min-width: 760px) {	.chatbotImg{ width:8%; } }
@media screen and (min-width: 850px) {	.chatbotImg{ width:7%; } }
@media screen and (min-width: 950px) {	.chatbotImg{ width:6%; } }
@media screen and (min-width: 1100px) {	.chatbotImg{ width:5%; } }
@media screen and (min-width: 1350px) {	.chatbotImg{ width:4%; } }
@media screen and (min-width: 1750px) {	.chatbotImg{ width:3%; } }
button {
	outline:none;
}


/* 결과내재검색 css 임시 추가 */

.reSearch-autocomplete{ display: none;position: absolute!important;z-index: 9;width: 300px;border: 1px solid #d8d8d8;background-color: #ffffff;padding: 12px 0 0 0!important;margin-bottom: 2px; }
.reSearch-autocomplete > span { font-size: 13px;
									    font-weight: 500;
									    letter-spacing: -0.5px;
									    color: #2c2c2c;
									    padding: 0 20px;
									    margin-top: 10px;
									    border-bottom: 2px solid #b1aaaa; }
.reSearch-autocomplete > ul {
	height: auto;
    max-height: 122px;
    overflow: auto;
    padding: 0 20px;
    margin-top: 8px;
}
.reSearch-autocomplete > ul > li{
	border-bottom: none;
	cursor: pointer;
	padding: 3px 0 3px 0;
}
.reSearch-autocomplete p {
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;line-height: 24px;
}
.reSearch-autocomplete a {
	width: 20px;height: 20px;
    margin-right: 5px;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 350;
  src: url(../fonts/NotoSansKR-DemiLight.woff2) format('woff2'),
       url(../fonts/NotoSansKR-DemiLight.woff) format('woff'),
       url(../fonts/NotoSansKR-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
 }