@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
	/* Change the default font family in all browsers (opinionated). */
	font-family: 'LGSmHaT';
	line-height: 1.15;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}
/* html.pc {
    min-width: 360px;
} */
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul,
a,
div {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul {
	list-style: none;
	padding-left: 0px;
}
fieldset,
img {
	border: 0;
}
ol,
ul {
	list-style: none;
}
address,
em {
	font-style: normal;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
	display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent;
	/* 1 */
	-webkit-text-decoration-skip: objects;
	/* 2 */
	text-decoration: none;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: 'LGSmHaT';
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
	/* 2 */
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
	/**
       * Remove the inner border and padding in Firefox.
       */
	/**
       * Restore the focus styles unset by the previous rule.
       */
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
	overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
	/**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	color: inherit;
	/* 2 */
	white-space: normal;
	/* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
	display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}

:disabled {
	background-color: inherit;
	opacity: 1 !important;
}
::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #aaa;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #aaa;
}
:-ms-input-placeholder {
	/* IE 10+ */
	color: #aaa;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #aaa;
}
:disabled::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #888;
}
:disabled::-moz-placeholder {
	/* Firefox 19+ */
	color: #888;
}
:disabled:-ms-input-placeholder {
	/* IE 10+ */
	color: #888;
}
:disabled:-moz-placeholder {
	/* Firefox 18- */
	color: #888;
}

/* 웹폰트 로딩 속도 개선 22-07 (모던 파일 포맷 사용) */
@font-face {
	font-family: 'LGSmHaT';
	font-weight: lighter;
	font-style: normal;
	src: url('../fonts/LGSmHaTL.woff2') format('woff2'),
		url('../fonts/LGSmHaTL.woff') format('woff');
}
/* src: url('../fonts/LGSmHaTL.eot');
    src: url('../fonts/LGSmHaTL.eot?#iefix') format('embedded-opentype'), url('../fonts/LGSmHaTL.woff') format('woff'), url('../fonts/LGSmHaTL.ttf') format('truetype'); */

@font-face {
	font-family: 'LGSmHaT';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/LGSmHaTR.woff2') format('woff2'),
		url('../fonts/LGSmHaTR.woff') format('woff');
}
/* src: url('../fonts/LGSmHaTR.eot');
src: url('../fonts/LGSmHaTR.eot?#iefix') format('embedded-opentype'), url('../fonts/LGSmHaTR.woff') format('woff'), url('../fonts/LGSmHaTR.ttf') format('truetype'); */

@font-face {
	font-family: 'LGSmHaT';
	font-weight: bold;
	font-style: normal;
	src: url('../fonts/LGSmHaTSB.woff2') format('woff2'),
		url('../fonts/LGSmHaTSB.woff') format('woff');
}
/* src: url('../fonts/LGSmHaTSB.eot');
    src: url('../fonts/LGSmHaTSB.eot?#iefix') format('embedded-opentype'), url('../fonts/LGSmHaTSB.woff') format('woff'), url('../fonts/LGSmHaTSB.ttf') format('truetype'); */
body {
	overscroll-behavior: auto;
	overscroll-behavior-y: none;
}

html,
body {
	font-family: 'LGSmHaT';
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	color: #6b6c6c;
	background: #f0ece4;
}

#webMessenger {
	height: 100dvh;
	width: 100dvw;
	-webkit-overflow-scrolling: touch;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.sr-only {
	position: absolute;
	height: 1px;
	width: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.img-fluid {
	max-width: 100%;
}

*:focus {
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.row {
	margin-left: -1rem;
	margin-right: -1rem;
}

button {
	border: 0;
	outline: 0;
	cursor: pointer;
}

.list-unstyled {
	list-style: none;
	padding: 0;
	margin: 0;
}

.list-inline li {
	display: inline-block;
}

.clearfix:before,
.clearfix:after,
.me:before,
.me:after,
.sbot:before,
.sbot:after,
.basic-info:before,
.basic-info:after,
.chat-me:before,
.chat-me:after {
	display: table;
	content: '';
}

.clearfix:after,
.sbot:after,
.basic-info:after,
.chat-me:after {
	clear: both;
}

.me:after {
	visibility: hidden;
	height: 0;
	clear: both;
}

.btn {
	background: transparent;
	border: 0;
	outline: 0;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
}

.btn-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.btn-flex .btn {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0.5rem;
	background: #fbfbfb;
	font-size: 14px;
	font-weight: 900;
	height: 44px;
}
.btn-flex .btn:first-child {
	border-bottom-left-radius: 0.5rem;
}
.btn-flex .btn:last-child {
	border-bottom-right-radius: 0.5rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h5,
.p {
	margin: 0;
}

.h5 {
	font-size: 16px;
}

.h6 {
	font-size: 14px;
}

.p {
	font-size: 14px;
}
.p.small {
	font-size: 13px;
}

.no-bottom {
	margin-bottom: 0;
}

.color-rouge {
	color: #c93050;
}

.color-gray {
	color: #6b6c6c;
	line-height: 1.5;
}

.color-white {
	color: #fff;
}

.font-tb {
	font-weight: bold;
}

/* 인트로 Splash Sequence 추가 by msk */
@keyframes splash_slideup {
	0% {
		transform: translate(0, 0);
		opacity: 1;
	}
	100% {
		transform: translate(0, -100vh);
		opacity: 0;
	}
}
@keyframes splash_show {
	0% {
		transform: translateY(10px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

#introContainer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* background: #e26174; */ /* splash_a */
	/* padding-bottom: 100px; */ /* splash_a */
	background: #fff; /* splash_c */
	padding-bottom: 70px; /* splash_c */
}
#introContainer.active {
	animation: splash_slideup 1s cubic-bezier(0.455, 0.03, 0.515, 2.25) forwards;
}
#introContainer #introImg {
	display: block;
	background-image: url('../img/splash_c.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height: calc(100%);
	background-size: contain;
	max-width: 300px;
	max-height: 300px;
	min-width: 150px;
	min-height: 150px;
	/* margin-bottom: 30px; */ /* splash_a */
	margin-bottom: 20px; /* splash_c */
}
#introContainer #introTxt {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	opacity: 0;
	font-size: 20px;
}
#introContainer #introTxt p {
	display: block;
	/* color: #fff; */ /* splash_a */
	color: #222; /* splash_c */
	font-size: 1em;
}
#introContainer #introTxt p span {
	display: inline-block;
	/* color: #fff; */ /* splash_a */
	color: #e36276; /* splash_c */
	font-size: 1.1em;
}
#introContainer #introTxt.active {
	animation: splash_show 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}

/*
loading 화면
 */

/*
input component 내의 loading
 */
.input-loading-container {
	position: relative;
}

.lds-dot {
	position: absolute;
	right: 15px;
	top: 15px;
	display: none;
}

.lds-dot.active {
	display: flex;
}

/*
chatbot 전체의 loading
 */

.loader-container {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: rgba(255, 255, 255, 0.8);
}
.loader-container.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ring div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #a50033;
	border-radius: 50%;
	-webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #a50033 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	-webkit-animation-delay: -0.45s;
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	-webkit-animation-delay: -0.15s;
	animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes lds-ring {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* @media (orientation: portrait) {
    /* 세로 Portrait 모드일 때 적용할 CSS
    #introContainer #introImg {
        margin-bottom: 130px;
    }
}
@media (orientation: landscape) {
    /* 가로 Landscape 모드일 때 적용할 CSS
    #introContainer #introImg {
        margin-bottom: 70px;
    }
} */
/* 감정표현 아이콘 추가 by msk */
#icoChatbotEmotion.chat-bot {
	margin-top: 50px;
}
/* 미국 맺음말 발화시 QoS 팝업으로 대체 */
/* .en_US #icoChatbotEmotion.chat-bot.QOS {
    display: none;
} */

#icoChatbotEmotion .ico-chatbot-emotion {
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	right: -46px;
	left: auto;
	top: -60px;
	text-indent: -9999999px;
	background-size: 100%;
	width: 150px;
	height: 150px;
}

#icoChatbotEmotion .ico-chatbot-emotion.QOS {
	background-image: url('../img/ico-chatbot-emotion-qos.gif');
}
#icoChatbotEmotion .ico-chatbot-emotion.HI {
	background-image: url('../img/ico-chatbot-emotion-hi.gif');
}
#icoChatbotEmotion .ico-chatbot-emotion.FB {
	background-image: url('../img/ico-chatbot-emotion-fb.gif');
}
#icoChatbotEmotion .ico-chatbot-emotion.CS {
	background-image: url('../img/ico-chatbot-emotion-cs.gif');
}
#icoChatbotEmotion .ico-chatbot-emotion.RR {
	background-image: url('../img/ico-chatbot-emotion-rr.gif');
}
#icoChatbotEmotion .ico-chatbot-emotion.SI,
#icoChatbotEmotion .ico-chatbot-emotion.CC {
	background-image: url('../img/ico-chatbot-emotion-si.gif');
}

#icoChatbotEmotion .ico-chatbot-emotion + div {
	padding-right: 56px;
}
/* endChat일때 라이브챗 버튼 disabled */
#icoChatbotEmotion .ico-chatbot-emotion.CS + div > .btnMsgLink[disabled='disabled'] {
	background-color: #fafafa !important;
	color: #aaa;
	cursor: default;
	pointer-events: none;
}
#icoChatbotEmotion
	.ico-chatbot-emotion.CS
	+ div
	> .btnMsgLink[disabled='disabled']::after {
	background-image: url('../img/ico_link.png');
}
#icoChatbotEmotion
	.ico-chatbot-emotion.CS
	+ div
	> .btnMsgLink[disabled='disabled']:hover {
	background-color: #fafafa !important;
}

#chatContainer {
	position: relative;
	height: 100%;
	width: 100%;
}
#chatContainer > * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#chatContainer #chatHeader {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	z-index: 9999;
	height: 54px;
	color: #5d556b;
	padding: 0 15px;
	background: rgba(255, 255, 255, 1);
	text-align: center;
}

#chatHeader .divMenu {
	display: flex;
	width: 20vw;
	font-size: 16px;
	font-weight: 700;
	padding: 20px 0px;
}

#chatContainer #chatHeader .btnNav {
	width: 60px;
	display: flex;
}

#chatContainer #chatHeader .btnNav .divSpan {
	width: 16px;
	padding: 0;
	background: transparent;
	display: block;
}

#chatContainer #chatHeader .btnNav .divText {
	width: 16px;
	margin-left: 5px;
	background: transparent;
	display: block;
	font-size: 15px;
	font-weight: bold;
}

#chatHeader .divTitle {
	display: flex;
	width: 60vw;
	align-items: center;
	justify-content: center;
}

#chatHeader .divTitle h1 {
	font-size: 16px;
	font-weight: 700;
	margin-left: 30px;
}

#chatHeader .divTitle h1 span {
	font-size: 16px;
	font-weight: 700;
	justify-content: center;
}

#chatHeader .divClose {
	display: flex;
	width: 20vw;
}

/* 타이틀 로고 법인별 적용 */
#chatHeaderLogo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/* 영국(GP1론칭 국가) UI 추가 수정 23-06 */
.gp1 #chatHeaderLogo {
	display: flex;
	align-items: center;
}

#chatHeaderLogo h1 {
	font-size: 16px;
	line-height: 54px;
	font-weight: 700;
	margin-left: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#chatHeaderLogo img {
	width: 60px;
	height: auto;
}
#chatHeaderLogo img.ca {
	width: 230px;
	height: auto;
}

#chatContainer #chatHeader #btnClose {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/ico_cls.png') center no-repeat;
	background-size: 14px 14px;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -100000%;
}

#chatContainer #chatHeader #btnHide {
	position: absolute;
	right: 45px;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/accordion-fold-black-lg.svg') center no-repeat;
	background-size: 14px 14px;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -100000%;
}

/* #chatContainer #chatHeader .btnClose img {
    width: 15px;
    height: 15px;
} */

/* QoS시나리오 feedback입력단계에서 메뉴,홈버튼 disabled 22-06 */
#chatContainer #chatHeader .btnNav:disabled {
	cursor: default;
}
#chatContainer #chatHeader .btnNav:disabled span {
	background: #ccc;
}

#chatContainer #chatHeader .btnNav span {
	display: block;
	width: 100%;
	height: 2px;
	background: #5d556b;
	margin-bottom: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#chatContainer #chatHeader .btnNav span:nth-of-type(2) {
	width: 75%;
}
#chatContainer #chatHeader .btnNav span:last-of-type {
	margin-bottom: 0;
}
#chatContainer #chatHeader .btnNav.active span:first-of-type {
	-webkit-transform: rotate(-45deg) translateY(4px) translateX(-1.5px);
	-ms-transform: rotate(-45deg) translateY(4px) translateX(-1.5px);
	transform: rotate(-45deg) translateY(4px) translateX(-1.5px);
}
#chatContainer #chatHeader .btnNav.active span:nth-of-type(2) {
	opacity: 0;
}
#chatContainer #chatHeader .btnNav.active span:last-of-type {
	-webkit-transform: rotate(45deg) translateY(-5px) translateX(-3px);
	-ms-transform: rotate(45deg) translateY(-5px) translateX(-3px);
	transform: rotate(45deg) translateY(-5px) translateX(-3px);
}
#chatContainer #chatHeader .navDropdown {
	position: absolute;
	top: 0;
	opacity: 0;
	left: 15px;
	z-index: 999;
	background: #fff;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #ebebeb;
	border-radius: 10px;
	border-top-left-radius: 0;
	list-style: none;
	padding-left: 0;
	width: 180px;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#chatContainer #chatHeader .navDropdown.active {
	top: 60px;
	opacity: 1;
	visibility: visible;
}
#chatContainer #chatHeader .navDropdown li {
	padding: 5px;
}
#chatContainer #chatHeader .navDropdown li .btnNavItem {
	background: transparent;
	display: block;
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #5d556b;
	border-bottom: 1px solid #f2f1f4;
	padding: 8px;
	line-height: 1;
	position: relative;
}
#chatContainer #chatHeader .navDropdown li .btnNavItem .icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px;
	vertical-align: middle;
	margin-right: 10px;
}
#chatContainer #chatHeader .navDropdown li .btnNavItem .icon svg path {
	stroke: #5d556b;
}
#chatContainer #chatHeader .navDropdown li .btnNavItem .icon svg line {
	stroke: #5d556b;
}
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:active,
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:hover {
	color: #c93050;
}
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:active .icon,
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:hover .icon {
	vertical-align: middle;
	margin-right: 10px;
}
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:active .icon svg path,
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:hover .icon svg path {
	stroke: #c93050;
}
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:active .icon svg line,
.pc #chatContainer #chatHeader .navDropdown li .btnNavItem:hover .icon svg line {
	stroke: #c93050;
}
#chatContainer #chatHeader .navDropdown li:last-child .btnNavItem {
	border-bottom: 0;
}
#chatContainer #chatHeader:after {
	display: none;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.5);
	z-index: -1;
}
#chatContainer #chatSection {
	position: relative;
}
#chatContainer #chatArea {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#chatContainer #chatArea #chatAreaInner {
	position: relative;
	height: auto;
}

#chatMessage {
	position: relative;
	padding: 75px 16px 100px;
}
/* 라이브챗 상담시 파일전송 기능 추가 (홈버튼 제거) 22-07 */
#chatMessage.zendesk {
	padding: 75px 16px 130px;
}
/* MKT 챗봇일때는 바닥 더 띄움*/
#chatMessage.mktchat {
	padding: 75px 16px 165px;
}

/* [미국/인도법인] 음성인식 Web speech (Speech recognition) STT API */
#chatMessage.webSpeech {
	padding: 75px 16px 260px;
}

#chatMessage .chatDate {
	position: relative;
	color: #888888;
	margin-bottom: 20px;
	margin-top: 30px;
}
#chatMessage .chatDate:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 1px;
	background: #d2d2d2;
	z-index: -1;
}
#chatMessage .chatDate .dateValue {
	padding-left: 1rem;
	padding-right: 1rem;
	background: #ffffff;
	font-size: 14px;
}

#chatInput {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 60px;
	background: #fff;
	/* -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); */
	z-index: 1000;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#chatInput.disabled::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

#chatInput .chat-input-element {
	z-index: 10;
	position: relative;
	padding: 12px 16px 12px 56px;
	background-color: #fff;
}
/* [영국법인] 대화이력 다운로드 기능 아이콘 개발 23-01 */
/* [호주법인] 대화이력 다운로드 기능 추가 24-08 */
.en_GB #chatInput .chat-input-element,
.en_AU #chatInput .chat-input-element {
	padding: 12px 16px 12px 90px;
}
.en_GB #chatInput .chat-input-element.zendesk,
.en_AU #chatInput .chat-input-element.zendesk {
	padding: 12px 16px 12px 56px;
}
.en_GB #chatInput .chat-input-element.zendesk .btn.btnDownload,
.en_AU #chatInput .chat-input-element.zendesk .btn.btnDownload {
	left: 10px;
}

/* [멕시코법인] 글로벌챗봇에서 OBS로 전환하는 UI버튼 개발 23-02 */
.es_MX #chatInput .chat-input-element {
	padding: 12px 16px 12px 90px;
}
.es_MX #chatInput .chat-input-element.zendesk {
	padding: 12px 16px 12px 56px;
}
.es_MX #chatInput .chat-input-element.zendesk .btn.btnObs {
	left: 10px;
}

/* [미국/인도법인] 음성인식 Web speech (Speech recognition) API 23-06/11 */
.en_US.mobile #chatInput .chat-input-element,
.en_IN.mobile #chatInput .chat-input-element {
	padding: 12px 16px 12px 90px;
}
.en_US.mobile #chatInput .chat-input-element.zendesk,
.en_IN.mobile #chatInput .chat-input-element.zendesk {
	padding: 12px 16px 12px 56px;
}
.en_US.mobile #chatInput .chat-input-element.zendesk .btn.btnMic,
.en_IN.mobile #chatInput .chat-input-element.zendesk .btn.btnMic {
	left: 17px;
}

/* 라이브챗 상담시 파일전송 기능 추가 (홈버튼 제거) 22-07 */
#chatInput .chat-input-element.zendesk {
	padding: 12px 16px;
}
#chatInput .chat-input-element.zendesk .btn.btnNew {
	display: none;
}
#chatInput .chat-input-element.zendesk .chat-input-container .chatTextArea {
	padding: 9px 8px 0 50px;
}

#chatInput .btn {
	height: 60px;
	width: 60px;
}
#chatInput .btn.btnNew {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: #fff url('../img/btn_home.png') center no-repeat;
	background-size: 100%;
	text-indent: -100000%;
	z-index: 12;
}
/* QoS시나리오 feedback입력단계에서 메뉴,홈버튼 disabled 22-06 */
#chatInput .btn.btnNew:disabled {
	background-image: url('../img/btn_home_disabled.png');
	cursor: default;
}

/* [LGEAI] 미국 - Home 버튼 이미지 변경 요청 */
.en_US #chatInput #btnHome.btn.btnNew {
	background-image: url('../img/ico-us-home.svg');
	width: 30px;
	height: 30px;
}
.en_US #chatInput #btnHome.btn.btnNew:disabled {
	background-image: url('../img/ico-us-home-disabled.svg');
}

/* [영국법인] 대화이력 다운로드 기능 아이콘 개발 */
#chatInput .btn.btnDownload {
	position: absolute;
	left: 46px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 30px;
	background: #fff url('../img/ico-download.svg') center no-repeat;
	background-size: 100%;
	text-indent: -100000%;
	z-index: 12;
}
#chatInput .btn.btnDownload:disabled {
	background-image: url('../img/ico-download_disabled.svg');
	cursor: default;
}

/* [멕시코법인] 글로벌챗봇에서 OBS로 전환하는 UI버튼 개발 23-02 */
#chatInput .btn.btnObs {
	position: absolute;
	left: 46px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 30px;
	background: #fff url('../img/ico-obs.svg') center no-repeat;
	background-size: 100%;
	text-indent: -100000%;
	z-index: 12;
}
#chatInput .btn.btnObs:disabled {
	background-image: url('../img/ico-obs_disabled.svg');
	cursor: default;
}

/****************************************************************/
/* [미국/인도법인] 음성인식 Web speech (Speech recognition) STT API 23-07/11 */
/* [미국/인도법인] 음성합성 Web speech (Speech synthesis) TTS API 23-08/11 */
#chatInput .btn.btnMic {
	position: absolute;
	left: 52px;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 30px;
	background: #fff url('../img/ico-mic.svg') center no-repeat;
	background-size: 100%;
	text-indent: -100000%;
	z-index: 12;
}
#chatInput .btn.btnMic.disabled {
	background-image: url('../img/ico-mic-disabled.svg');
	cursor: default;
}
#chatInput .btn.btnMic.on {
	background-image: url('../img/ico-mic-active.svg');
	cursor: default;
}
#chatInput .btn.btnMic.tts {
	background-image: url('../img/ico-mic-tts.svg');
	animation: tts_mic 2s infinite both;
}
@keyframes tts_mic {
	0% {
		opacity: 100%;
		transform: translateY(-50%);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	50% {
		opacity: 50%;
		transform: translateY(-50%);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	}
	100% {
		opacity: 100%;
		transform: translateY(-50%);
	}
}

#speechRecognitionContainer .speechPopupWrap {
	position: fixed;
	bottom: 66px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-direction: column;
}
#speechRecognitionContainer .speechPopupWrap .layerPopup {
	overflow: hidden;
	position: relative;
	bottom: 0;
	width: 100%;
	/* height: calc(100% - 44px); */
	padding: 16px 16px 0;
	background: #fff;
	border-radius: 16px 16px 0 0;
	height: 200px;
}
#speechRecognitionContainer .top {
	position: relative;
	z-index: 1;
}
#speechRecognitionContainer .top h2 {
	font-size: 15px;
	font-weight: 500;
	color: #000;
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	width: max-content;
}
#btnSpeechRecognitionPopup {
	position: absolute;
	right: 10px;
	top: 10px;
	background: url('../img/ico_cls.png') center no-repeat;
	background-size: 14px 14px;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -100000%;
}
#speechRecognitionContainer .cont {
	position: relative;
	width: 100%;
	height: 100%;
}

#speechRecognitionContainer .guideMsg {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	font-size: 14px;
	text-align: center;
	color: #c93050;
}
#finalTextTmp {
	display: none;
}
#btnSpeechStop {
	display: block;
	background: url('../img/speech-bg.png') no-repeat 50% 50%;
	border-radius: 50%;
	width: 84px;
	height: 84px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#btnSpeechStop.active {
	position: relative;
}
#btnSpeechStop.active:before {
	content: '';
	display: block;
	width: 84px;
	height: 84px;
	background: url('../img/speech-bg.png') no-repeat 50% 50%;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	animation: bg_circle 3s infinite both;
}
@keyframes bg_circle {
	0% {
		transform: translate(-50%, -50%) scale(1, 1);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.3, 1.3);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	}
	100% {
		transform: translate(-50%, -50%) scale(1, 1);
	}
}
#btnSpeechStop img {
	position: relative;
	width: 70px;
	height: 70px;
	vertical-align: middle;
}

/****************************************************************/

#chatInput .btn.btnSend {
	position: absolute;
	right: 24px;
	bottom: 16px;
	width: 32px;
	height: 32px;
	z-index: 12;
	border: none;
	background: url(../img/btn_send_disabled.png) center no-repeat;
	background-size: 100%;
	-webkit-transition: right 0.1s ease-in-out;
	-o-transition: right 0.1s ease-in-out;
	transition: right 0.1s ease-in-out;
	overflow: hidden;
	text-indent: -100000%;
	cursor: default;
}

/* 사용자가 채팅창에 대화 입력 하는 동안 Sending 버튼 색깔 활성화(빨간색) 기능 수정 */
#chatInput .btn.btnSend.on {
	background-image: url(../img/btn_send.png);
	cursor: pointer;
}

/* #chatInput .btn.btnSend .send-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 20px;
}
#chatInput .btn.btnSend.notNull {
  background: #fff;
}
#chatInput .btn.btnSend.active {
    background: #5d556b;
} */
#chatInput .chat-input-container {
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 13px;
	color: #666;
	line-height: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
#chatInput .chat-input-container .chatTextArea {
	border: 0;
	resize: none;
	width: calc(100% - 10px);
	height: 40px;
	max-height: 40px;
	padding: 9px 8px 0 12px;
	white-space: pre-wrap;
	vertical-align: top;
	overflow-y: auto;
	background: #fff;
	line-height: inherit;
	font-size: 16px;
	transform: scale(0.8125);
	transform-origin: left;
}
#chatInput .chat-input-container .chatTextArea.activeSttArea {
	width: calc(100% - 40px);
}
/* 입력창 X 버튼 추가 */
#btnDelete {
	position: absolute;
	right: 59px;
	bottom: 22px;
	width: 19px;
	height: 19px;
	background: url('../img/btn_delete.png') center no-repeat;
	background-size: 19px;
	text-indent: -100000%;
}

/* 라이브챗 상담시 파일전송 기능 추가 22-07 - 파일첨부 */
#inputFileInner {
	position: relative;
	width: calc(100% - 20px);
	margin: 10px 0 0 10px;
	display: none;
}
#inputFile {
	display: none;
}
#btnUploadFile {
	width: 26px;
	height: 26px;
	background: #f7eff0 url('../img/ico-clip.png') center no-repeat;
	background-size: 8px;
	text-indent: -100000%;
	position: absolute;
	left: 11px;
	bottom: 7px;
	border-radius: 5px;
	z-index: 9;
}
.pc #btnUploadFile:hover {
	background-color: #f4dbde;
}
#btnUploadFile:active {
	background-color: #f4dbde;
}

/* [미국/인도법인] 음성인식 Web speech (Speech recognition) STT API 23-07/11 */
.en_US.mobile #btnUploadFile:disabled,
.en_IN.mobile #btnUploadFile:disabled {
	background-color: #eee !important;
	cursor: default;
}
.en_US.mobile #btnUploadFile:disabled:active,
.en_IN.mobile #btnUploadFile:disabled:active {
	background-color: #eee !important;
}

#uploadFileBox {
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #eee;
	width: 100%;
	padding: 7px 30px 7px 10px;
}
#uploadFileName {
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
}
#uploadFileSize {
	font-size: 12px;
}
#btnDeleteFile {
	position: absolute;
	right: 0;
	top: 50%;
	width: 26px;
	height: 26px;
	background: url('../img/x@3x-grey.png') center no-repeat;
	background-size: 9px;
	text-indent: -100000%;
	transform: translateY(-50%);
}

/* 라이브챗 상담시 파일전송 기능 추가 22-07 - 대화화면 파일 미리보기 */
#fileSendCard,
#fileMeSendCard {
	width: 200px;
	padding: 0;
}
#fileSendCard .basic-card {
	background: #f4dbde;
}
#fileSendCard .img-fluid,
#fileMeSendCard .img-fluid {
	width: 140px;
	height: 100px;
	object-fit: cover;
	object-position: center;
}
#fileSendCard .basic-card .p,
#fileMeSendCard .basic-card .p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	color: #efd7da;
}
#fileSendCard .basic-card.get .p {
	color: #302b2c;
}
#fileMeSendCard .basic-card .title,
#fileSendCard .basic-card .title {
	margin: 0;
	padding: 10px 10px 0 0;
	font-size: 13px;
	color: #fff;
}
#fileSendCard .basic-card.get .title {
	color: #000;
}
#fileSendCard .basic-card .basic-card-inner,
#fileMeSendCard .basic-card .basic-card-inner {
	background: #fff;
	border-radius: 5px;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#fileSendCard .basic-card .basic-card-inner .img-file,
#fileMeSendCard .basic-card .basic-card-inner .img-file {
	background: url('../img/ico-file.png') no-repeat center;
	width: 100%;
	height: 40px;
	background-size: 14px;
}
#fileSendCard .basic-card .title-file,
#fileMeSendCard .basic-card .title-file {
	position: relative;
}
#fileMeSendCard .basic-card .title-file::after,
#fileSendCard .basic-card .title-file::after {
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	background: url('../img/ico-zoom-in-w.png') no-repeat center;
	background-size: 14px;
	position: absolute;
	right: 0;
	bottom: 3px;
}
#fileSendCard .basic-card.get .title-file::after {
	background-image: url('../img/ico-zoom-in-b.png');
}
#fileMeSendCard .basic-card .title-file.download::after,
#fileSendCard .basic-card .title-file.download::after {
	background-image: url('../img/ico-download.png');
}
#fileSendCard .basic-card.get .title-file.download::after {
	background-image: url('../img/ico-download-b.png');
}
/* 라이브챗 상담시 파일전송 기능 추가 - 파일확장자, 크기 오류시 레이어팝업 오픈 22-07 */
#layerPopupWrap .layerPopup.fileAlertPopup .btnListBox .btnListUl li {
	width: 100%;
}
#layerPopupWrap .layerPopup.fileAlertPopup .cont {
	height: 100%;
}
#layerPopupWrap .layerPopup.fileAlertPopup .top h1 {
	padding-left: 25px;
}
#layerPopupWrap .layerPopup.fileAlertPopup .top h1::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/ico-i.png') no-repeat center;
	width: 16px;
	height: 16px;
	background-size: 100%;
}
#layerPopupWrap .layerPopup.fileAlertPopup .cont .contBox h2 em {
	color: #ec455a;
}
#layerPopupWrap .layerPopup.fileAlertPopup .cont .contBox h2 em.size {
	font-size: 13px;
}
#layerPopupWrap .layerPopup.fileAlertPopup .btnListBox {
	padding: 10px 0;
}

/* 라이브챗 상담시 파일전송 기능 추가 - 파일확장자, 크기 오류시 레이어팝업 오픈 22-07 */
#layerPopupWrap .layerPopup.alertPopup {
	/*max-height: 300px;*/
	height: fit-content;
}
#layerPopupWrap .layerPopup.alertPopup .btnListBox .btnListUl li {
	width: 100%;
	display: flex;
}
#layerPopupWrap .layerPopup.alertPopup .cont {
	height: 100%;
}
#layerPopupWrap .layerPopup.alertPopup .top h1 {
	padding-left: 25px;
}
#layerPopupWrap .layerPopup.alertPopup .top h1::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/ico-i.png') no-repeat center;
	width: 16px;
	height: 16px;
	background-size: 100%;
}
#layerPopupWrap .layerPopup.alertPopup .cont .contBox h2 {
	text-align: left;
}
#layerPopupWrap .layerPopup.alertPopup .cont .contBox h2 em {
	color: #ec455a;
}
#layerPopupWrap .layerPopup.alertPopup .cont .contBox h2 em.size {
	font-size: 13px;
}
#layerPopupWrap .layerPopup.alertPopup .btnListBox {
	padding: 5px 0;
}
/* progress bar */
#progress {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
}
#progress::before {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.5);
}
#progress::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url('../img/progress.gif') center no-repeat;
	background-size: 40px auto;
}
/* 이미지,QoS 레이어팝업 제공 */
#layerPopupWrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	padding: 10px;
}
.pc #layerPopupWrap {
	padding: 15px;
}
#layerPopupWrap .layerPopup {
	background: #fff;
	border-radius: 10px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	bottom: -100%;
	min-width: 300px;
}
#layerPopupWrap .layerPopup .top {
	position: relative;
	background-color: #f5f5f5;
	padding: 20px;
}
.ja_JP #layerPopupWrap .layerPopup .top,
.en_CA #layerPopupWrap .layerPopup .top,
.en_US #layerPopupWrap .layerPopup .top {
	background-color: #ddd;
}
#layerPopupWrap .layerPopup .top h1 {
	font-size: 15px;
	color: #333;
	margin: 0;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 30px;
}
.ja_JP #layerPopupWrap .layerPopup .top h1,
.en_CA #layerPopupWrap .layerPopup .top h1,
.en_US #layerPopupWrap .layerPopup .top h1 {
	font-size: 16px;
}
#layerPopupWrap .layerPopup .cont {
	padding: 20px;
	height: calc(100% - 60px);
	overflow-x: hidden;
	overflow-y: auto;
}

/* 챗봇종료 버튼 클릭시 QOS 레이어 팝업 */
#layerPopupWrap .layerPopup.qosPopup .cont {
	padding: 30px;
}
#layerPopupWrap .layerPopup .cont img {
	width: 100%;
}
#layerPopupWrap .layerPopup .cont .contBox {
	padding-top: 30px;
	text-align: center;
}
.ja_JP #layerPopupWrap .layerPopup .cont .contBox,
.en_CA #layerPopupWrap .layerPopup .cont .contBox,
.en_US #layerPopupWrap .layerPopup .cont .contBox {
	padding-top: 10px;
}

/* 미국 Survey UI 변경건 요청 23-02 */
.en_US #layerPopupWrap.chatQosPopup .layerPopup .cont .contBox {
	padding-top: 30px;
}
.en_US #layerPopupWrap.chatQosPopup .layerPopup .cont .contBox:first-child {
	padding-top: 0;
}
.en_US #layerPopupWrap.chatQosPopup .layerPopup .cont .contBox.surveyBox {
	padding-top: 30px;
}
#layerPopupWrap .layerPopup .cont .contBox:first-child {
	padding-top: 0;
}
#layerPopupWrap .layerPopup .cont .contBox h2 {
	font-size: 14px;
	color: #333;
	text-align: center;
	font-weight: normal;
	padding-bottom: 10px;
}
.ja_JP #layerPopupWrap .layerPopup .cont .contBox h2,
.en_CA #layerPopupWrap .layerPopup .cont .contBox h2,
.en_US #layerPopupWrap .layerPopup .cont .contBox h2 {
	font-size: 15px;
	word-wrap: break-word;
}
.en_US #layerPopupWrap.chatQosPopup .layerPopup .cont .contBox h2.tit {
	font-size: 19px;
}
#layerPopupWrap .layerPopup .cont .contBox.qosBox h2 {
	padding-bottom: 15px;
}
#layerPopupWrap .layerPopup .cont .resolveBox .resolveRadioUl {
	height: 20px;
	background-color: #fff;
	text-align: center;
}
.ja_JP #layerPopupWrap .layerPopup .cont .resolveBox.contBox.btnListBox .btnListUl li,
.en_CA #layerPopupWrap .layerPopup .cont .resolveBox.contBox.btnListBox .btnListUl li,
.en_US #layerPopupWrap .layerPopup .cont .resolveBox.contBox.btnListBox .btnListUl li {
	width: calc(50% - 36px);
}
.ja_JP
	#layerPopupWrap
	.layerPopup
	.cont
	.resolveBox.contBox.btnListBox
	.btnListUl
	li:first-child,
.en_CA
	#layerPopupWrap
	.layerPopup
	.cont
	.resolveBox.contBox.btnListBox
	.btnListUl
	li:first-child,
.en_US
	#layerPopupWrap
	.layerPopup
	.cont
	.resolveBox.contBox.btnListBox
	.btnListUl
	li:first-child {
	margin-left: 33px;
}
/* QOS팝업 별점 default값 수정 */
#layerPopupWrap .layerPopup .cont .resolveBox .resolveRadioUl li {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #c93050;
}
#layerPopupWrap .layerPopup .cont .resolveBox .resolveRadioUl li:first-child {
	padding-right: 20px;
}
#layerPopupWrap .layerPopup .cont .resolveBox .resolveRadioUl li label {
	text-align: left;
	display: block;
	position: relative;
	width: 100%;
	padding-left: 22px;
	background: url('../img/ico_radio_default.png') left center no-repeat;
	background-size: 18px;
	overflow: hidden;
	box-sizing: border-box;
}
#layerPopupWrap .layerPopup .cont .resolveBox .resolveRadioUl li.checked label {
	background-image: url('../img/ico_radio_selected.png');
}
#layerPopupWrap .layerPopup .cont .resolveBox .resolveRadioUl li label input {
	position: absolute;
	left: -99px;
	top: 0;
}
/* NPS 방식의 만족도 평가를 위한 챗봇 UI 개선 */
#layerPopupWrap #btnQosWrap {
	display: flex;
	align-items: center;
	flex-direction: column;
}
#layerPopupWrap #btnQosWrap .ratingField {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: row;
	border: none;
	gap: 4px;
}
#layerPopupWrap #btnQosWrap .ratingField .btnQos {
	width: 24px;
	height: 40px;
	font-size: 14px;
	color: #000;
	background: #ddd;
	text-indent: unset;
	border-radius: 5px;
}
#layerPopupWrap #btnQosWrap .ratingField .btnQos.active {
	color: #fff;
	background: #cb3a50;
}
#layerPopupWrap #btnQosWrap .ratingDesc {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	font-size: 13px;
	color: #666;
}
#layerPopupWrap #btnQosWrap .ratingString {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
/* 미국 Survey UI 변경건 요청 23-02 */
/*.en_US #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li,*/
.en_CA #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li {
	float: none;
	width: 100%;
	margin-left: 0;
	padding: 0 10px;
}
/*.en_US #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li:first-child,*/
.en_CA #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li:first-child {
	padding-bottom: 10px;
}

/*.en_US #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li button,*/
.en_CA #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li #qosClose {
	background: #fff;
	color: #888;
	font-size: 16px;
	border: none;
}
.en_US #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li button.btn-submit.on {
	background-color: #c93050;
	color: #fff;
	cursor: pointer;
	border: none;
	/*height: 42px;*/
	/*line-height: 42px;*/
	font-size: 19px;
}
.en_US.pc
	#layerPopupWrap.chatQosPopup
	.btnQosEnd.btnListBox
	.btnListUl
	li
	button.btn-submit.on:hover {
	background-color: #b51b3d;
	text-decoration: none;
}
.en_US #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li button.btn-submit {
	background-color: #f5f5f5;
	color: #777;
	cursor: default;
	border: none;
	/*height: 42px;*/
	/*line-height: 42px;*/
	font-size: 19px;
}
.en_US #layerPopupWrap.chatQosPopup .btnQosEnd.btnListBox .btnListUl li button:disabled {
	background-color: #fff !important;
	color: #aaa;
	cursor: default;
}
.en_US
	#layerPopupWrap.chatQosPopup
	.btnQosEnd.btnListBox
	.btnListUl
	li
	button.btn-submit.on:disabled {
	background-color: #fafafa !important;
	color: #aaa;
	cursor: default;
	border: 1px solid #ddd;
}
.en_US.pc
	#layerPopupWrap.chatQosPopup
	.btnQosEnd.btnListBox
	.btnListUl
	li
	button:disabled:hover {
	background-color: #fff !important;
	color: #aaa;
	cursor: default;
	text-decoration: none;
}
.en_US.pc
	#layerPopupWrap.chatQosPopup
	.btnQosEnd.btnListBox
	.btnListUl
	li
	button.btn-submit.on:disabled:hover {
	background-color: #fafafa !important;
	color: #aaa;
	cursor: default;
	border: 1px solid #ddd;
}

/* 캐나다 Survey UI 변경건 요청 23-03 hs.lee0130 */
.en_CA #layerPopupWrap.chatQosPopup .surveyBox.contBox #surveyTxtWrap #surveyTxt.on {
	border-color: #bb4653;
}

.en_CA
	#layerPopupWrap.chatQosPopup
	.surveyBox.contBox
	.left-remaining
	.minSurveyTextLength.on {
	color: #bb4653;
}

#layerPopupWrap .resolveBox.contBox.btnListBox .btnListUl li button
{
	font-size: 16px;
}
#layerPopupWrap .btnQosEnd.btnListBox .btnListUl li button {
	background: #ddd;
	color: #000;
	font-size: 16px;
}
#layerPopupWrap .resolveBox.contBox.btnListBox .btnListUl li button.on{
	background: #bb4653;
	color: #fff;
	border-color: #bb4653;
}

#layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos {
	width: 32px;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
	background: url('../img/ico_star_default1.png') center no-repeat;
	background-size: 100%;
}

#layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos.active {
	background: url('../img/ico_star_selected1.png') center no-repeat;
	background-size: 100%;
}
/* 미국 Survey UI 변경건 요청 23-02 */
.en_US #layerPopupWrap.chatQosPopup .layerPopup .cont .qosBox .btnQosWrap .btnQos {
	width: 44px;
	height: 40px;
}

#layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos{
	background: url('../img/ico_star_gray_default1.png') center no-repeat;
	background-size: 100%;
}

#layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos.on {
	background-image: url('../img/ico_star_selected1.png');
}

/* 멕시코 - 만족도조사 별점 UI변경 22-11 */
/* .es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos {
    width: 34px;
    height: 34px;
    text-indent: -9999em;
    overflow: hidden;
    background: url('../img/survey-default5.png') center no-repeat;
    background-size: 100%;
    margin: 0 1px;
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(1) {
    background-image: url('../img/survey-default1.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(2) {
    background-image: url('../img/survey-default2.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(3) {
    background-image: url('../img/survey-default3.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(4) {
    background-image: url('../img/survey-default4.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos.active {
    background-image: url('../img/survey5.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(1).active {
    background-image: url('../img/survey1.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(2).active {
    background-image: url('../img/survey2.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(3).active {
    background-image: url('../img/survey3.png');
}
.es_MX #layerPopupWrap .layerPopup .cont .qosBox .btnQosWrap .btnQos:nth-child(4).active {
    background-image: url('../img/survey4.png');
} */

#layerPopupWrap #btnQosTxt {
	margin-top: 10px;
	font-size: 13px;
	font-weight: normal;
	color: #cb3a50;
	line-height: 20px;
}

#layerPopupWrap .btnQosRateDesc {
	justify-content: space-between;
	display: flex;
	align-self: center;
	margin-top: 4px;
	width: 304px;
}
/* .es_MX #layerPopupWrap #btnQosTxt {
    font-size: 15px;
    font-weight: bold;
}
.es_MX #layerPopupWrap #btnQosTxt[value='5'] {
    color: #01c43a;
}
.es_MX #layerPopupWrap #btnQosTxt[value='4'] {
    color: #8cbd00;
}
.es_MX #layerPopupWrap #btnQosTxt[value='3'] {
    color: #ecae0a;
}
.es_MX #layerPopupWrap #btnQosTxt[value='2'] {
    color: #f6821b;
}
.es_MX #layerPopupWrap #btnQosTxt[value='1'] {
    color: #ff2f47;
} */

#layerPopupWrap #btnQosTxt1{
	text-align: justify;
	display: inline-block;
	color: #888;
	font-size: 15px;
}
#layerPopupWrap #btnQosTxt5{
	text-align: justify;
	display: inline-block;
	margin: 10px 4px 0 84px;
	color: #888;
	font-size: 15px;
}

#layerPopupWrap #opinionTxtWrap .remaining {
	margin-top: 5px;
	text-align: right;
	font-size: 11px;
	color: #666;
}
#layerPopupWrap #opinionTxtWrap .remaining .count {
	color: #c93050;
}

#layerPopupWrap #opinionTxtWrap #opinionTxt {
	display: block;
	width: 100%;
	height: 70px;
	padding: 10px;
	resize: none;
	border: 1px solid #ebebeb;
	font-size: 13px;
	background-color: #fafafa;
	color: #666;
	overflow: auto;
}
#layerPopupWrap #opinionTxtWrap #opinionTxt:focus {
	border-color: #ddd;
	outline: none;
}
#layerPopupWrap .surveyTxtNone {
	display: none;
}

#layerPopupWrap .extraDesc {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
	color: #c93050;
	float: left;
	white-space: normal;
}

#layerPopupWrap #surveyTxtWrap .left-remaining {
	margin-top: 5px;
	text-align: right;
	font-size: 11px;
	color: #666;
	float: left;
}
#layerPopupWrap #surveyTxtWrap .remaining {
	margin-top: 5px;
	text-align: right;
	font-size: 11px;
	color: #666;
}
#layerPopupWrap #surveyTxtWrap .remaining .count {
	color: #c93050;
}

#layerPopupWrap #surveyTxtWrap #surveyTxt {
	display: block;
	width: 100%;
	height: 70px;
	padding: 10px;
	resize: none;
	border: 1px solid #ebebeb;
	font-size: 13px;
	background-color: #fafafa;
	color: #666;
	overflow: auto;
}
#layerPopupWrap #surveyTxtWrap #surveyTxt:focus {
	border-color: #ddd;
	outline: none;
}

#layerPopupWrap #btnClsLayerPopup {
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/ico_cls.png') center no-repeat;
	background-size: 14px 14px;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -100000%;
}

/* cancel(창닫기 동일), submit 버튼 */
#layerPopupWrap .btnListBox {
	padding: 30px 0 10px;
}
#layerPopupWrap .btnListBox .btnListUl {
	text-align: center;
	overflow: hidden;
}
#layerPopupWrap .btnListBox .btnListUl li {
	float: left;
	width: calc(50% - 3px);
	margin-left: 6px;
}
#layerPopupWrap .btnListBox .btnListUl li:first-child {
	margin-left: 0;
}
#layerPopupWrap .btnListBox .btnListUl li button {
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	color: #222;
	border: 1px solid #ddd;
	background-color: #fff;
	width: 99%;
	border-radius: 20px;
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 1px;
}

/* btnListBox 세로정렬 */
#layerPopupWrap .btnListBox .btnListUl.btnVerticalListUl {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#layerPopupWrap .btnListBox .btnListUl.btnVerticalListUl li {
    float: none;
    width: 90%;
	margin-left: 10px;
	margin-right: 10px;
}
#layerPopupWrap .btnListBox .btnListUl.btnVerticalListUl li button.on {
    background: #bb4653;
	color: #fff;
	border-color: #bb4653;
}
#layerPopupWrap .btnListBox .btnListUl.btnVerticalListUl li button.on:hover {
	background: #bb4653;
	border-color: #bb4653;
}


/* 캐나다법인 Changes to Chatbot Repair Request GSFS form 23-03 */
.en_CA #gsfsContainer #inpZipcodeRepairGsfs::placeholder {
	color: #333;
}

#gsfsContainer #layerPopupWrap .cont .frm #inpModelNoRepairGsfs.frm-input {
	padding: 0 40px 0 10px;
}
#layerPopupWrap .searchModelNo {
	position: relative;
}
#layerPopupWrap .searchModelNo #btnSearchModelNo {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-indent: -9999999px;
	background: url('../img/ico-search.svg') no-repeat center;
	width: 36px;
	height: 36px;
	background-size: 100%;
}
#layerPopupWrap #linkFindModelNo,
#layerPopupWrap #linkFindSerialNo {
	text-align: left;
	padding: 10px 0 10px 10px;
}
#layerPopupWrap #linkFindModelNo > a,
#layerPopupWrap #linkFindSerialNo > a {
	color: #ec455a;
	text-decoration: underline;
	position: relative;
}
#layerPopupWrap #linkFindModelNo > a::after,
#layerPopupWrap #linkFindSerialNo > a::after {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/ico-popup.svg') no-repeat center;
	width: 14px;
	height: 14px;
	background-size: 100%;
}

/* 젠데스크, 출장서비스예약 UI 수정 22-06, QOS팝업 버튼 disabled -> abled 활성화 표시 22-07 */
#layerPopupWrap .btnListBox .btnListUl li button.btn-accept,
#layerPopupWrap .btnListBox .btnListUl li button.btn-submit {
	background-color: #f5f5f5;
	color: #777;
	cursor: default;
}
#layerPopupWrap .btnListBox .btnListUl li button.btn-accept.on,
#layerPopupWrap .btnListBox .btnListUl li button.btn-submit.on {
	background-color: #fff;
	color: #c93050;
	cursor: pointer;
	border-color: #c93050;
}

#layerPopupWrap .btnListBox .btnListUl li button.btn-cancel:disabled {
	background-color: #f5f5f5;
	color: #777;
	cursor: default;
}

.pc #layerPopupWrap .btnListBox .btnListUl li button:hover {
	background-color: #f5f5f5;
}
.pc #layerPopupWrap .btnListBox .btnListUl li button:disabled {
	background-color: #fafafa !important;
	color: #aaa;
	cursor: default;
}
.pc #layerPopupWrap .btnListBox .btnListUl li button:disabled:hover {
	background-color: #fafafa !important;
}

/* QOS팝업 별점 default값 수정 */
.errMsgBox {
	display: none;
	color: #c93050;
	font-size: 12px;
	max-width: fit-content;
	padding-top: 5px;
	line-height: 1.2;
}

#dvNoEngineerMsg .errMsgBox {
	font-size: 15px;
}

/* .errMsgBox.on {
    -webkit-animation: blink-ment 0.9s both;
    -moz-animation: blink-ment 0.9s both;
    -ms-animation: blink-ment 0.9s both;
    animation: blink-ment 0.9s both;
} */

/* 출장서비스예약/수리접수조회/센터찾기/라이브챗연결전 개인정보입력 레이어팝업 제공 22-06 */
/* 캐나다법인 Changes to Chatbot Repair Request GSFS form 23-03 */
#gscsContainer .errMsgBox,
#gsfsContainer .errMsgBox {
	position: relative;
	padding-left: 25px;
}
#gscsContainer .errMsgBox::before,
#gsfsContainer .errMsgBox::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../img/ico-error.svg') center no-repeat;
	vertical-align: top;
	padding-right: 5px;
}

#gscsContainer .errMsgBox,
#gsfsContainer .errMsgBox,
#zendeskContainer .errMsgBox {
	padding-top: 10px;
}
#gsfsContainer .errMsgBox.descriptionGsfsMsg {
	padding-top: 0;
}
#gsfsContainer .errMsgBox.descriptionGsfsMsg::before {
	margin-top: 0;
}

#gscsContainer #layerPopupWrap .layerPopup,
#gsfsContainer #layerPopupWrap .layerPopup,
#gsfsContainer #layerPopupWrap .calendarPopup,
#gsfsContainer #layerPopupWrap .filePopup,
#gsfsContainer #layerPopupWrap .stepPopup,
#zendeskContainer #layerPopupWrap .layerPopup {
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
	bottom: 0;
}
#gscsContainer #layerPopupWrap .layerPopup.active,
#gsfsContainer #layerPopupWrap .layerPopup.active,
#gsfsContainer #layerPopupWrap .calendarPopup.active,
#gsfsContainer #layerPopupWrap .filePopup.active,
#gsfsContainer #layerPopupWrap .stepPopup.active,
#zendeskContainer #layerPopupWrap .layerPopup.active {
	display: block;
}
#gscsContainer #layerPopupWrap .top,
#gsfsContainer #layerPopupWrap .top,
#zendeskContainer #layerPopupWrap .top {
	position: relative;
	background-color: #fff;
	padding: 20px;
}
#gscsContainer #layerPopupWrap .top h1,
#gsfsContainer #layerPopupWrap .top h1,
#zendeskContainer #layerPopupWrap .top h1 {
	font-size: 15px;
	color: #333;
	margin: 0;
	font-weight: bold;
}
#gscsContainer #layerPopupWrap .cont,
#gsfsContainer #layerPopupWrap .cont,
#zendeskContainer #layerPopupWrap .cont {
	padding: 20px 20px 180px;
	height: calc(100% - 20px);
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f5f5f5;
}
#gscsContainer #layerPopupWrap #manualGscs .cont,
#gsfsContainer #layerPopupWrap #trackGsfs .cont,
#gsfsContainer #layerPopupWrap #centerGsfs .cont,
#zendeskContainer #layerPopupWrap #zendesk .cont {
	padding: 20px 20px 150px;
}

#gscsContainer #layerPopupWrap .bottom,
#gsfsContainer #layerPopupWrap .bottom,
#zendeskContainer #layerPopupWrap .bottom {
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: center;
	justify-content: flex-end;
	background: #fff;
}
#gscsContainer #layerPopupWrap .btnListBox,
#gsfsContainer #layerPopupWrap .btnListBox,
#zendeskContainer #layerPopupWrap .btnListBox {
	padding: 0 0 10px;
}

/* 출장서비스예약 자동 완성 수정 22-06 */
/*.ui-autocomplete {*/
/*	position: absolute;*/
/*	cursor: default;*/
/*	z-index: 10000000 !important;*/
/*}*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #7a61a4;
	background: #9077c2;
	font-weight: normal;
	color: #fff;
}
.ui-widget.ui-widget-content {
	border: 1px solid #ddd;
}
/* 서비스센터찾기 지역명 자동완성 - 페루  */
.pac-container {
	z-index: 10000000 !important;
	border-radius: 0 !important;
	border: 1px solid #ddd !important;
	box-shadow: none !important;
	box-sizing: content-box !important;
}
.pac-container::after {
	display: none !important;
}
.pac-container .pac-item {
	line-height: 32px;
	border-top: 1px solid #eee;
}
.pc .pac-container .pac-item:hover {
	cursor: pointer;
}

/* 출장서비스예약 datepicker 달력 수정 22-06 */
#gsfsContainer .ui-widget.ui-widget-content,
#gsfsContainer .ui-datepicker {
	border: 0;
	width: 100%;
}
#gsfsContainer .ui-datepicker .ui-datepicker-title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	height: 40px;
}
#gsfsContainer .ui-widget-header {
	font-weight: normal;
	background: #fff;
	border: 0;
	color: #000;
	font-size: 15px;
}
#gsfsContainer .ui-datepicker .ui-state-highlight {
	color: #000;
}
#gsfsContainer .ui-state-hover {
	border: none;
}
#gsfsContainer .ui-datepicker .ui-datepicker-prev,
#gsfsContainer .ui-datepicker .ui-datepicker-next {
	top: 50%;
	transform: translateY(-50%);
}
#gsfsContainer .ui-datepicker .ui-datepicker-prev-hover,
#gsfsContainer .ui-datepicker .ui-datepicker-next-hover {
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: none;
}
#gsfsContainer .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
#gsfsContainer .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
#gsfsContainer .ui-datepicker td {
	padding: 4px;
}
#gsfsContainer .ui-datepicker .ui-datepicker-calendar {
	border-top: 1px solid #eee;
}
#gsfsContainer .ui-datepicker .ui-datepicker-calendar thead {
	border-bottom: 1px solid #eee;
}
#gsfsContainer .ui-datepicker .ui-datepicker-calendar thead tr th {
	color: #666;
	font-weight: normal;
	font-size: 12px;
}
#gsfsContainer .ui-datepicker .ui-state-default {
	border: 0;
	background: #fff;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	color: #333;
}
#gsfsContainer .ui-datepicker .ui-state-active {
	background: #ec455a !important;
	color: #fff;
}
#gsfsContainer .ui-datepicker .ui-prev-date {
	background: #ccc;
	color: #000;
}
#gsfsContainer .ui-datepicker select.ui-datepicker-month,
#gsfsContainer .ui-datepicker select.ui-datepicker-year {
	width: 35%;
}
#gsfsContainer .ui-datepicker .ui-datepicker-title select {
	font-size: 14px;
	margin: 0;
	padding: 3px;
	border: 1px solid #ddd;
	margin-left: 5px;
	/* text-transform: uppercase; */
}
#gsfsContainer .ui-datepicker .ui-datepicker-title select:first-child {
	margin-left: 0;
}

/* 출장서비스예약 UI 수정 22-06 */
#repairStepsBox {
	position: relative;
	height: 34px;
	width: calc(100% - 20px);
	margin: 0 auto;
	padding-top: 15px;
}
#repairStepsBox::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ddd;
}
#repairStepsBox .state {
	color: #aaa;
	font-size: 12px;
	float: right;
}
.en_US #repairStepsBox .state {
	font-size: 14px;
}
#repairStepsBox .state > em {
	color: #eb9da7;
}
#repairStepsBox .steps {
	float: left;
	color: #ec455a;
	font-size: 12px;
	font-weight: bold;
}
.en_US #repairStepsBox .steps {
	font-size: 14px;
}
#repairStepsBox .steps::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 24px;
	left: 0;
	height: 2px;
	background: #ec455a;
}
#repairStepsBox .steps.steps1::before {
	width: 17.5%;
}
.en_IN #repairStepsBox .steps.steps1::before,
.en_GB #repairStepsBox .steps.steps1::before {
	width: 20%;
}
.en_US #repairStepsBox .steps.steps1::before {
	width: 25%;
}
#repairStepsBox .steps.steps2::before {
	width: 34%;
}
.en_IN #repairStepsBox .steps.steps2::before,
.en_GB #repairStepsBox .steps.steps2::before {
	width: 40%;
}
.en_US #repairStepsBox .steps.steps2::before {
	width: 50%;
}
#repairStepsBox .steps.steps3::before {
	width: 50.5%;
}
.en_IN #repairStepsBox .steps.steps3::before,
.en_GB #repairStepsBox .steps.steps3::before {
	width: 60%;
}
.en_US #repairStepsBox .steps.steps3::before {
	width: 75%;
}
#repairStepsBox .steps.steps4::before {
	width: 67%;
}
.en_IN #repairStepsBox .steps.steps4::before,
.en_GB #repairStepsBox .steps.steps4::before {
	width: 80%;
}
.en_US #repairStepsBox .steps.steps4::before {
	width: 100%;
}
#repairStepsBox .steps.steps5::before {
	width: 83.5%;
}
.en_IN #repairStepsBox .steps.steps5::before,
.en_GB #repairStepsBox .steps.steps5::before {
	width: 100%;
}
#repairStepsBox .steps.steps6::before {
	width: 100%;
}
#repairStepsBox .steps li {
	display: none;
}
#repairStepsBox .steps li.active {
	display: block;
}

#gscsContainer #layerPopupWrap .frm,
#gsfsContainer #layerPopupWrap .frm,
#zendeskContainer #layerPopupWrap .frm {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
}
/* 모델명 입력에 대한 가이드 문구 추가 22-08 */
#gscsContainer #layerPopupWrap .frm .descriptionProduct,
#gsfsContainer #layerPopupWrap .frm .descriptionProduct,
#gsfsContainer #layerPopupWrap .frm .descriptionSymptom,
#zendeskContainer #layerPopupWrap .frm .descriptionSerialNo,
#zendeskContainer #layerPopupWrap .frm .descriptionProductLabel {
	font-size: 13px;
	color: #333;
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
}

#gscsContainer #layerPopupWrap .frm .descriptionProduct::before,
#gsfsContainer #layerPopupWrap .frm .descriptionProduct::before,
#gsfsContainer #layerPopupWrap .frm .descriptionSymptom::before,
#zendeskContainer #layerPopupWrap .frm .descriptionSerialNo::before,
#zendeskContainer #layerPopupWrap .frm .descriptionProductLabel::before {
	content: '';
	display: inline-block;
	background: url('../img/ico-i.png') no-repeat center;
	width: 15px;
	height: 15px;
	background-size: 100%;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 2px;
}
#gscsContainer #layerPopupWrap .frm .descriptionProduct a,
#gsfsContainer #layerPopupWrap .frm .descriptionProduct a,
#gsfsContainer #layerPopupWrap .frm .descriptionSymptom a,
#zendeskContainer #layerPopupWrap .frm .descriptionSerialNo a,
#zendeskContainer #layerPopupWrap .frm .descriptionProductLabel a {
	color: #c93050;
	text-decoration: underline;
}
#gsfsContainer #layerPopupWrap .frm .descriptionProduct.description {
	color: #c93050;
}
#gsfsContainer #layerPopupWrap .cont .gsfs-sub-title {
	font-size: 15px;
	color: #333;
	margin: 5;
	font-weight: normal;
}
.en_IN #gsfsContainer #layerPopupWrap #step3RepairGsfs .frm .repairCost {
	font-size: 14px;
	color: #c93050;
	position: relative;
	text-align: right;
	padding-right: 28px;
}
.en_IN #gsfsContainer #layerPopupWrap #step3RepairGsfs .frm .repairCost::before {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	background: url(../img/ico_link_red.png) no-repeat center;
	background-size: 12px 12px;
	position: absolute;
	right: 8px;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#gscsContainer #layerPopupWrap .cont .frm:first-child,
#gsfsContainer #layerPopupWrap .cont .frm:first-child,
#zendeskContainer #layerPopupWrap .cont .frm:first-child {
	padding-top: 0;
}
#gscsContainer #layerPopupWrap .cont .frm label.frm-label,
#gsfsContainer #layerPopupWrap .cont .frm label.frm-label,
#zendeskContainer #layerPopupWrap .cont .frm label.frm-label {
	width: 100%;
	color: #777;
	padding-bottom: 5px;
}
#zendeskContainer #layerPopupWrap .cont .frm label.frm-label{
	font-weight: bold;
}
/* Model Number 옆에 “드롭다운 리스트에서 선택하라”는 문구 추가 23-06 */
#gscsContainer #layerPopupWrap .cont .frm label.frm-label em.addExplanation,
#gsfsContainer #layerPopupWrap .cont .frm label.frm-label em.addExplanation,
#zendeskContainer #layerPopupWrap .cont .frm label.frm-label em.addExplanation {
	font-weight: bold;
	font-size: 13px;
	color: #333;
	padding-left: 5px;
}
#gscsContainer #layerPopupWrap .cont .frm label.frm-label .require,
#gsfsContainer #layerPopupWrap .cont .frm label.frm-label .require,
#gsfsContainer #layerPopupWrap .cont .frm .description .require,
#gsfsContainer #layerPopupWrap .cont .gsfs-sub-title .require,
#gsfsContainer #layerPopupWrap .cont .gsfs-cont-title .require,
#gsfsContainer #layerPopupWrap .top h1 .require,
#zendeskContainer #layerPopupWrap .cont .frm label.frm-label .require,
#zendeskContainer #layerPopupWrap .cont .description .require{
	color: #c93050;
}

#gsfsContainer #layerPopupWrap .frm .frm-label-wrap,
#zendeskContainer #layerPopupWrap .frm .frm-label-wrap {
	display: flex;
}

#gsfsContainer #layerPopupWrap .frm .frm-label-wrap label.frm-label,
#zendeskContainer #layerPopupWrap .frm .frm-label-wrap label.frm-label {
	flex: 1;
	min-width: 130px;
}

#gsfsContainer #layerPopupWrap .frm .frm-label-wrap .descriptionProduct,
#zendeskContainer #layerPopupWrap .frm .frm-label-wrap .descriptionProduct {
	margin-top: 0;
	width: fit-content;
}

#gscsContainer #layerPopupWrap .cont .frm .red,
#gsfsContainer #layerPopupWrap .cont .frm .red {
	color: #c93050;
}
#gscsContainer #layerPopupWrap .cont .frm .frm-input,
#gsfsContainer #layerPopupWrap .cont .frm .frm-input,
#gsfsContainer #layerPopupWrap .cont .timePref .frm-input,
#zendeskContainer #layerPopupWrap .cont .frm .frm-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 36px;
	padding: 0 30px 0 10px;
	margin: 0 auto;
	border: 1px solid #ddd;
	background: #fff url('../img/dropdown-arr.png') right 10px top 10px no-repeat;
	background-size: 12px;
	font-size: 13px;
	color: #333;
	outline: 0;
}
#gscsContainer #layerPopupWrap .cont .frm .frm-input[disabled],
#gsfsContainer #layerPopupWrap .cont .frm .frm-input[disabled],
#zendeskContainer #layerPopupWrap .cont .frm .frm-input[disabled]{
	background: #eaeaea;
}
#zendeskContainer #layerPopupWrap .cont .frm #messageTxtWrapZendesk .frm-textarea,
#gsfsContainer #layerPopupWrap .cont .frm .frm-textarea {
	width: 100% !important;
	height: 100px;
	padding: 10px;
	margin: 0 auto;
	border: 1px solid #ddd;
	font-size: 13px;
	color: #333;
	outline: 0;
	resize: none;
}
#zendeskContainer #layerPopupWrap .cont .frm #messageTxtWrapZendesk .remaining,
#gsfsContainer #layerPopupWrap .cont .frm .remaining {
	margin-top: 5px;
	text-align: right;
	font-size: 11px;
	color: #666;
}
#zendeskContainer #layerPopupWrap .cont .frm #messageTxtWrapZendesk .remaining .count,
#gsfsContainer #layerPopupWrap .cont .frm .remaining .count {
	color: #c93050;
}
#gscsContainer #layerPopupWrap .ui-state-error,
#gsfsContainer #layerPopupWrap .ui-state-error,
#zendeskContainer #layerPopupWrap .ui-state-error {
	outline: 1px solid #eb9da7 !important;
	border: none;
	color: #6b6c6c;
	background: #fff6f7;
}

#gscsContainer #layerPopupWrap .cont .frm .frm-input.frm-arr-none,
#gsfsContainer #layerPopupWrap .cont .frm .frm-input.frm-arr-none,
#zendeskContainer #layerPopupWrap .cont .frm .frm-input.frm-arr-none {
	background: #fff;
}

#zendeskContainer #layerPopupWrap .cont .description {
	margin-top: 20px;
	color: #333;
	font-size: 13px;
}

/* 출장서비스예약, 젠데스크 체크박스 */
#gscsContainer #layerPopupWrap .cont .chk,
#gsfsContainer #layerPopupWrap .cont .chk,
#zendeskContainer #layerPopupWrap .cont .chk,
#layerPopupContainer #layerPopupWrap .cont .chk {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-top: 1px solid #ddd;
	padding: 10px 0;
	color: #333;
}
#gscsContainer #layerPopupWrap .cont .chk.frm-chk,
#gsfsContainer #layerPopupWrap .cont .chk.frm-chk,
#zendeskContainer #layerPopupWrap .cont .chk.frm-chk {
	border-top: none;
	margin-top: 10px;
}

#layerPopupContainer #layerPopupWrap .cont .chk.frm-chk {
	border-top: none;
}

/* Hide the browser's default checkbox */
#gscsContainer #layerPopupWrap .cont .chk input,
#gsfsContainer #layerPopupWrap .cont .chk input,
#zendeskContainer #layerPopupWrap .cont .chk input,
#layerPopupContainer #layerPopupWrap .cont .chk input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	margin-right: 5px;
}
/* Create a custom checkbox */
#gscsContainer #layerPopupWrap .cont .chk .checkmark,
#gsfsContainer #layerPopupWrap .cont .chk .checkmark,
#zendeskContainer #layerPopupWrap .cont .chk .checkmark,
#layerPopupContainer #layerPopupWrap .cont .chk .checkmark {
	position: absolute;
	top: 7px;
	left: 0;
	height: 24px;
	width: 24px;
	background: url('../img/btn-checkbox-off-48-r2.svg') no-repeat center;
	background-size: 100%;
}
/* On mouse-over, add a grey background color */
#gscsContainer #layerPopupWrap .cont .chk:hover input ~ .checkmark,
#gsfsContainer #layerPopupWrap .cont .chk:hover input ~ .checkmark,
#zendeskContainer #layerPopupWrap .cont .chk:hover input ~ .checkmark {
	background-color: #ddd;
	/* border-radius: 100%; */
}

/* When the checkbox is checked, add a blue background */
#gscsContainer #layerPopupWrap .chk input:checked ~ .checkmark,
#gsfsContainer #layerPopupWrap .chk input:checked ~ .checkmark,
#zendeskContainer #layerPopupWrap .chk input:checked ~ .checkmark,
#layerPopupContainer #layerPopupWrap .cont .chk input:checked ~ .checkmark {
	background-image: url('../img/btn-checkbox-on-48-r.svg');
}

/* ZENDESK, GSFS Repair Term Step3 [Schedule]  */
#gscsContainer #layerPopupWrap .cont .chk label a,
#gsfsContainer #layerPopupWrap .cont .chk label a,
#zendeskContainer #layerPopupWrap .cont .chk label a {
	color: #ec455a;
	text-decoration: underline;
	position: relative;
	word-break: break-all;
}
#gscsContainer #layerPopupWrap .cont a.openLink::after,
#gsfsContainer #layerPopupWrap .cont a.openLink::after {
	content: '';
	background: url('../img/ico-popup.svg') no-repeat center;
	width: 14px;
	height: 14px;
	background-size: 100%;
	display: inline-block;
	margin-left: 5px;
	vertical-align: text-bottom;
}

/* #gscsContainer #layerPopupWrap .cont .chk label a span,
#gsfsContainer #layerPopupWrap .cont .chk label a span,
#zendeskContainer #layerPopupWrap .cont .chk label a span {
    display: inline-block;
    color: #c93050;
    padding-left: 2px;
}
#gscsContainer #layerPopupWrap .cont .chk label a::after,
#gsfsContainer #layerPopupWrap .cont .chk label a::after,
#zendeskContainer #layerPopupWrap .cont .chk label a::after {
    content: '';
    display: inline-block;
    vertical-align: top;
    background: url('../img/ico-link-right-carmine.svg') no-repeat 1px 4px;
    background-size: 100%;
    width: 12px;
    height: 15px;
} */

#gscsContainer #layerPopupWrap .cont .required,
#gsfsContainer #layerPopupWrap .cont .required,
#zendeskContainer #layerPopupWrap .cont .required {
	display: inline-block;
	padding-left: 2px;
}
#gscsContainer #layerPopupWrap .cont .required::after,
#gsfsContainer #layerPopupWrap .cont .required::after,
#zendeskContainer #layerPopupWrap .cont .required::after {
	content: '*';
	color: #c93050;
	display: inline-block;
	vertical-align: top;
	background-size: 100%;
	width: 12px;
	height: 15px;
}
#gscsContainer #layerPopupWrap .cont .chk p,
#gsfsContainer #layerPopupWrap .cont .chk p,
#zendeskContainer #layerPopupWrap .cont .chk p,
#layerPopupContainer #layerPopupWrap .cont .chk p {
	padding-left: 30px;
	font-size: 13px;
	word-break: break-word;
}

#gsfsContainer #layerPopupWrap .timePref {
	margin-top: 20px;
}
#gsfsContainer #layerPopupWrap .timePref .gsfs-cont-title {
	font-size: 14px;
	color: #777;
	font-weight: normal;
	padding-bottom: 5px;
}
#gsfsContainer #layerPopupWrap .timePref .d-flex {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
#gsfsContainer #layerPopupWrap .timePref .d-flex button {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #ddd;
	background: #fff;
	outline: 0;
	font-size: 13px;
}
#gsfsContainer #layerPopupWrap .timePref .d-flex button:first-child {
	border-right: none;
}
#gsfsContainer #layerPopupWrap .d-flex button.active {
	background: #ec455a;
	color: #fff;
	border-color: #ec455a;
}

/* GSFS Repair Term Step4 [File] 출장서비스예약 UI 수정 22-06  */
#gsfsContainer #layerPopupWrap .fileBox,
#zendeskContainer #layerPopupWrap .fileBox {
	display: flex;
	justify-content: space-between;
}
#gsfsContainer #layerPopupWrap .fileGuide,
#zendeskContainer #layerPopupWrap .fileGuide {
	font-size: 13px;
	padding-left: 1px;
	padding-top: 20px;
}
#gsfsContainer #layerPopupWrap .fileBox .frm-input,
#zendeskContainer #layerPopupWrap .fileBox .frm-input {
	width: 100%;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #fff;
	height: 36px;
	font-size: 13px;
}
.filePopup .fileBox #inpFileRepairGsfsReceipt,
.filePopup .fileBox #inpFileRepairGsfsSymptom,
.filePopup .fileBox #inpFileRepairGsfs {
	display: none;
}
#gsfsContainer #layerPopupWrap .fileBox button,
#zendeskContainer #layerPopupWrap .fileBox button {
	color: #fff;
	background: #ec455a;
	padding: 0 10px;
	width: 100px;
	margin-left: 10px;
	font-size: 13px;
}

#gsfsContainer #layerPopupWrap .fileBox .btn-upload,
#zendeskContainer #layerPopupWrap .fileBox .btn-upload {
	color: #777777;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	height: 36px;
	line-height: 36px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 40px;
	font-size: 14px;
	margin-left: 0px;
	position: relative;
}

#gsfsContainer #layerPopupWrap .fileBox .btn-upload::before,
#zendeskContainer #layerPopupWrap .fileBox .btn-upload::before {
	content: '';
	background: url('../img/camera.svg') no-repeat center;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 5px;
	top: 5px;
}

#gsfsContainer #layerPopupWrap .cont .relative-container {
	position: relative;
}

#gsfsContainer #layerPopupWrap .cont .relative-container .find-my-locate-btn {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
}

/* 세션만료시 대화재설정 제공 */
#restartContainer {
	text-align: center;
	padding-bottom: 50px;
}
#restartContainer h2 {
	background-color: #dbdbdb;
	color: #333;
	font-size: 13px;
	padding: 7px 16px;
	font-weight: normal;
}
#restartContainer .imgTxtBox {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 0 16px;
}
#restartContainer .imgTxtBox img {
	width: 100%;
	max-width: 180px;
}
#restartContainer .imgTxtBox h3 {
	font-size: 15px;
	font-weight: normal;
	color: #333;
}
#restartContainer .imgTxtBox p {
	padding-top: 10px;
	font-size: 13px;
	display: block;
}
#restartContainer .btnRestartBox {
	padding: 30px 16px 0;
}
#restartContainer .btnRestartBox #btnRestart {
	padding: 10px 30px;
	color: #c93050;
	background: #fff;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid #c93050;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#layerPopupContainer #layerPopupWrap.alert{
	z-index: 10001;
}
.pc #restartContainer .btnRestartBox #btnRestart:hover {
	color: #fff;
	background: #c93050;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* [LGEUK] 영국(GP1론칭 국가) UI 추가 수정 23-06 */
.gp1 #restartContainer .btnRestartBox #btnRestart {
	color: #646464;
	border: 1px solid #646464;
}
.gp1.pc #restartContainer .btnRestartBox #btnRestart:hover {
	color: #fff;
	background: #646464;
}

#chatInput .input-suggestion {
	display: none;
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	padding: 0 15px 48px 15px;
	height: auto;
}
#chatInput .input-suggestion li {
	display: block;
}
#chatInput .input-suggestion li .btn-suggestion {
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	background: #ffffff;
	color: #6b6c6c;
	padding: 10px;
	font-weight: normal;
	border-bottom: 1px solid #c5d4d8;
	cursor: pointer;
}
#chatInput .input-suggestion li .btn-suggestion strong {
	color: #c93050;
}
#chatInput .input-suggestion li .btn-suggestion:after {
	content: '';
	background: url('../img/select@2x.png') no-repeat center;
	background-size: 12px auto;
	height: 5px;
	width: 12px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#chatInput.active .input-suggestion {
	display: block;
	height: auto;
}
#chatInput.active .input-suggestion .chat-input-element {
	position: absolute;
	right: 13px;
	bottom: 6px;
	left: 13px;
}
#chatInput.active .input-suggestion .input-suggestion {
	z-index: 1;
}

.readyGif {
	width: 25px;
}

.chat-bot {
	margin-top: 0;
}

.errorMsg {
	position: relative;
	margin-top: 80px;
}
.errorMsg p {
	margin-bottom: 20px;
}
.errorMsg p:last-of-type {
	margin-bottom: 50px;
}
.errorMsg p:first-of-type {
	margin-top: 30px;
}
.errorMsg .btnChatStart {
	background: #c93050;
	color: #fff;
	border-radius: 100px;
	display: block;
	width: 220px;
	line-height: 45px;
	margin: 0 auto;
}

.countryContainer {
	position: relative;
	margin-top: 80px;
}
.countryContainer p {
	margin-bottom: 5px;
}

.v-dropdown {
	position: relative;
	vertical-align: top;
	display: block;
	background: #fff;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
}
.v-dropdown.fullWidth {
	width: 100%;
}
.v-dropdown .selectedValue {
	position: relative;
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	padding-left: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
.v-dropdown .selectedValue .resTxt {
	font-size: 14px;
	color: #b9b6be;
	line-height: 45px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.v-dropdown .selectedValue .arrow {
	position: absolute;
	right: 13px;
	top: 16px;
	display: block;
	width: 12px;
	height: 10px;
	background: url('../img/dropdown-arr.png') no-repeat center;
	background-size: 12px auto;
}
.v-dropdown .dropdownList {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	right: 0;
	border-top: 0;
	z-index: 1;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.v-dropdown .dropdownList.active {
	display: block;
}
.v-dropdown .dropdownList li {
	border-bottom: 1px solid #f2f1f4;
}
.v-dropdown .dropdownList li .btnItem {
	border: 0;
	outline: 0;
	line-height: 45px;
	color: gray;
	font-size: 14px;
	width: 100%;
	padding: 0 16px;
	text-align: left;
	background: #fff;
}
.pc .v-dropdown .dropdownList li .btnItem.active,
.pc .v-dropdown .dropdownList li .btnItem:active,
.v-dropdown .dropdownList li .btnItem:focus,
.pc .v-dropdown .dropdownList li .btnItem:hover {
	color: #fff;
	background: #48434a;
}

.chat-me {
	position: relative;
	text-align: right;
	margin-top: 20px;
}
.chat-me .message-me {
	position: relative;
	margin-left: auto;
	max-width: 85%;
	display: block;
}
.chat-me .message-me .message-inner {
	position: relative;
	max-width: 100%;
}
.chat-me .message-me .message-inner .message-box {
	background: linear-gradient(135deg, rgb(236 52 47) 0%, rgb(104 53 234) 100%);

	color: #fff;
	border-radius: 10px;
	border-bottom-right-radius: 0;
	padding: 14px;
	text-align: left;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 14px;
	/* margin-bottom: 5px; */
	width: auto;
	display: inline-block;
	box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 20%);
}
.chat-me .message-me .message-inner .message-box:after {
	display: table;
	content: '';
	clear: both;
}
.chat-me .message-me .message-inner .message-box:last-child {
	border-bottom-right-radius: 0;
}

.chat-bot {
	position: relative;
	margin-bottom: 20px;
}
.chat-bot .icon-bot {
	position: absolute;
	top: 0;
	left: 0;
	height: 56px;
	width: 33px;
}
.chat-bot .icon-bot img {
	width: 33px;
}
/* .chat-bot .message-bot {
    overflow: hidden;
} */

.chat-bot .message-bot {
	margin-bottom: 20px;
}

.chat-bot .message-bot .message-inner {
	position: relative;
}
/* 챗봇 아이콘 추가 */
#icoChatbot img {
	position: absolute;
	left: 0px;
	top: 0;
	width: 40px;
	background: linear-gradient(
		135deg,
		rgba(225, 66, 90, 1) 0%,
		rgba(251, 90, 114, 1) 100%
	);
	border-radius: 100%;
	padding: 2px;
}

/* Red Icon을 GP1 검은색 LG로고로 변경(lgGp1BlackNodding) 23-06 */
#icoChatbot img.lgGp1BlackNodding {
	background: none;
	padding: 0;
}

#icoChatbot span {
	position: absolute;
	left: 48px;
	top: 6px;
	font-size: 12px;
	font-weight: bold;
}

.chat-bot .message-bot .message-inner .message-box {
	max-width: 90%;
	position: relative;
	padding: 30px 0 0 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
}

/*
 * 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거
 * 젠데스크 상담시 아이콘 제거
 */
.chat-bot.chat-agent .message-bot .message-inner .message-box {
	padding: 0 !important;
}
.chat-bot.readyAnim.zendesk .message-bot .message-inner .message-box {
	padding: 0 !important;
}
.chat-bot.readyAnim.zendesk #icoChatbot {
	display: none;
}

.en_US .chat-bot .message-bot .message-inner .message-box,
.lang_es .chat-bot .message-bot .message-inner .message-box {
	padding: 30px 0 0 0;
}
.en_US .chat-bot.welcome .message-bot .message-inner .message-box,
.en_US .chat-bot.readyAnim .message-bot .message-inner .message-box,
.lang_es .chat-bot.welcome .message-bot .message-inner .message-box,
.lang_es .chat-bot.readyAnim .message-bot .message-inner .message-box {
	padding: 0;
}

.chat-bot .message-bot .message-inner .message-box .message-box-inner {
	display: inline-block;
	background-color: #fff;
	padding: 16px;
	/* margin-bottom: 10px; */
	margin-top: 10px;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	color: #6b6c6c;
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	word-break: break-word;
	word-wrap: break-word;
	overflow: hidden;
}
.chat-bot .message-bot .message-inner .message-box .message-box-inner .video-container {
	float: none;
	clear: both;
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	padding-top: 25px;
	height: 0;
	border-radius: 0;
	min-width: 240px;
}
.chat-bot
	.message-bot
	.message-inner
	.message-box
	.message-box-inner
	.video-container
	.video-start-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.chat-bot
	.message-bot
	.message-inner
	.message-box
	.message-box-inner
	.video-container
	iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.browse-carousel-container .video-container {
	float: none;
	clear: both;
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	padding-top: 25px;
	height: 0;
	border-radius: 0;
}
.browse-carousel-container .video-container .video-start-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.browse-carousel-container .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chat-bot.chat-agent .message-bot .message-inner .message-box .message-box-inner {
	/* background-color: #fff06f; */
	background-color: #f4dbde;
	color: #333;
}
.chat-bot .message-bot .message-inner .message-box .message-box-inner:first-child {
	margin-top: 0;
}
.chat-bot .message-bot .message-inner .message-box .btnMsgLink {
	margin-top: 16px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	color: #c93050;
	/* color: #6b6c6c; */
	width: 100%;
	font-size: 13px;
	padding: 10px 16px;
	display: block;
	text-decoration: none;
	outline: 0;
	position: relative;
}
.chat-bot .message-bot .message-inner .message-box .btnMsgLink span {
	padding-right: 20px;
}
.lang_en .chat-bot .message-bot .message-inner .message-box .btnMsgLink {
	font-weight: 600;
}
.pc .chat-bot .message-bot .message-inner .message-box .btnMsgLink:hover {
	background: #f5f5f5;
}
.chat-bot .message-bot .message-inner .message-box .btnMsgLink[disabled='disabled'] {
	background-color: #fafafa;
	color: #aaa;
	cursor: default;
	pointer-events: none;
}
.pc
	.chat-bot
	.message-bot
	.message-inner
	.message-box
	.btnMsgLink[disabled='disabled']:hover {
	background-color: #fafafa !important;
	pointer-events: none;
}

.chat-bot .message-bot .message-inner .message-box .btnMsgLink:after {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	background: url('../img/ico_link_red.png') no-repeat center;
	background-size: 12px 12px;
	position: absolute;
	right: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.chat-bot
	.message-bot
	.message-inner
	.message-box
	.btnMsgLink[disabled='disabled']::after {
	background-image: url('../img/ico_link.png');
}

.chat-alert {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 30px;
}
.alert {
	font-size: 12px;
}
.hr-sect::before,
.hr-sect::after {
	content: '';
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	/* margin: 0px 16px; */
}
.hr-sect::before {
	margin-right: 10px;
}
.hr-sect::after {
	margin-left: 10px;
}

.time {
	font-size: 8px;
	padding-top: 5px;
}

.welcome-list {
	margin-bottom: 5px;
	width: 255px;
}
.welcome-list li {
	width: 33.3%;
	float: left;
}
.welcome-list li .btn {
	color: #c93050;
	/* font-weight: bold; */
	border-radius: 50%;
	height: 73px;
	width: 73px;
	background: #ffffff;
	border: 1px solid #c5d4d8;
	padding: 0;
}
.welcome-list li .btn:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	padding-top: 100%;
	height: 0;
}
.pc .welcome-list li .btn:active,
.welcome-list li .btn:focus,
.pc .welcome-list li .btn:hover {
	background: #c93050;
	border-color: #c93050;
	color: #fff;
}
.welcome-list li:nth-child(1) {
	text-align: left;
}
.welcome-list li:nth-child(2) {
	text-align: center;
}
.welcome-list li:nth-child(3) {
	text-align: right;
}
.welcome-list:before {
	display: table;
	content: '';
}
.welcome-list:after {
	display: table;
	content: '';
	clear: both;
}

.sub-simple-res .title{
	position: relative;
	background-color: #fff;
	margin-bottom: 10px;
}
.chat-bot .message-bot .message-inner .message-box .message-box-inner .sub-simple-res.btn{
	color: #c93050;
}
.sub-simple-res .title .btn-close{
	position: absolute;
	right: 2px;
	top: 45%;
	transform: translateY(-50%);
	background: url(../img/ico_cls.png) center no-repeat;
	width: 10px;
	height: 10px;
	background-size: 14px 14px;
}
.sub-simple-res .content

.list-select-container {
	width: 85%;
	margin-bottom: 10px;
	border-radius: 15px;
	border-bottom-left-radius: 0;
	background: #fff;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	padding: 30px 0 0 40px;
}

/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .list-select-container,
.lang_es .list-select-container {
	padding: 0;
}

.list-select-container .header {
	color: #6b6c6c;
	border-bottom: 1px solid #f2f1f4;
	padding: 14px;
}
.list-select-container .list-select {
	padding: 0;
	margin: 0;
}
.list-select-container .list-select li {
	border-bottom: 1px solid #f2f1f4;
}
.list-select-container .list-select li:last-child {
	border-bottom: 0;
}
.list-select-container .list-select li .btn {
	color: #c93050;
	text-align: left;
	padding: 14px 30px 13px 14px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 1.3;
	font-size: 14px;
	font-weight: lighter;
}
.list-select-container .list-select li .btn:after {
	content: '';
	height: 12px;
	width: 12px;
	background: url('../img/go@2x.png') no-repeat center;
	background-size: 12px 12px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.basic-card-container {
	min-width: 300px;
	width: 90%;
	max-width: 400px;
	padding: 10px 0 0 40px;
}
/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .basic-card-container,
.lang_es .basic-card-container {
	padding: 10px 0 0 0;
}
/* .basic-card-container .time {
    margin-top: 10px;
} */

.basic-card-container .basic-card {
	border-radius: 15px;
	border-bottom-left-radius: 0;
	background: #fff;
	overflow: hidden;
	padding: 16px;
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
}
.chat-me .basic-card-container {
	margin-left: auto;
}
.chat-me .basic-card-container .basic-card {
	background: linear-gradient(
		135deg,
		rgba(141, 113, 236, 0.9) 0%,
		rgba(247, 85, 132, 1) 100%
	);
	display: block;
	text-align: left;
	border-radius: 15px;
	border-bottom-right-radius: 0;
}
.chat-agent .basic-card-container .basic-card {
	display: block;
}
/* .basic-card-container .basic-card .img-container {
        margin-top: -5px;
        margin-left: -12.5px;
        margin-right: -12.5px;
    } */
.basic-card-container .basic-card .title {
	font-weight: normal;
	line-height: 1.3;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	/* background: linear-gradient(135deg, rgba(141, 113, 236, 0.9) 0%, rgba(247, 85, 132, 1) 100%);
    color: #fff !important; */
}
.basic-card-container .basic-card .img-title-hide {
	display: none;
}

.basic-card-container #basicCardImg.basic-card .img-container .btnBasicCardImg {
	display: inline-block;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 10px;
}
.basic-card-container #basicCardImg.basic-card .img-title-show {
	background: #fff;
	border-radius: 20px;
	/* color: #c93050 !important; */
	color: #6b6c6c !important;
	width: 100%;
	font-size: 13px;
	padding: 10px 0 0;
	display: block;
	text-decoration: none;
	outline: 0;
	position: relative;
	margin-bottom: 0;
}
.lang_en .basic-card-container #basicCardImg.basic-card .img-title-show {
	font-weight: 600;
}
.basic-card-container #basicCardImg.basic-card .img-title-show:after {
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	background: url('../img/ico-zoom-in.png') no-repeat center;
	background-size: 14px;
	position: absolute;
	right: 0;
	bottom: 3px;
}

.basic-card-container .basic-card .p {
	color: #48434a;
}
.chat-me .basic-card-container .basic-card .p {
	color: #fff;
}
.basic-card-container .basic-card .p strong {
	margin: 8px 0;
	display: block;
}
.basic-card-container .basic-card .p.small {
	font-weight: normal;
	font-size: 14px;
}
.basic-card-container .basic-card .p.color-gray {
	color: #908d93;
}
.basic-card-container .basic-card .btn-detail {
	margin-top: 16px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	color: #c93050;
	/* color: #6b6c6c; */
	width: 100%;
	font-size: 13px;
	padding: 10px 16px;
	display: block;
	text-decoration: none;
	outline: 0;
	position: relative;
}
.lang_en .basic-card-container .basic-card .btn-detail {
	font-weight: 600;
}
.basic-card-container .basic-card .btn-detail:after {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	background: url('../img/ico_link_red.png') no-repeat center;
	background-size: 12px 12px;
	position: absolute;
	right: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.basic-card-container .basic-card .btn-detail:disabled::after {
	background-image: url('../img/ico_link.png');
}

.pc .basic-card-container .basic-card .btn-detail:hover {
	background-color: #f5f5f5;
}
.basic-card-container .basic-card .btn-detail:disabled {
	background-color: #fafafa;
	color: #aaa;
	cursor: default;
}
.pc .basic-card-container .basic-card .btn-detail:disabled:hover {
	background-color: #fafafa !important;
}

.basic-card-container .basic-card .video-container {
	float: none;
	clear: both;
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	padding-top: 25px;
	height: 0;
	border-radius: 0;
}
.basic-card-container .basic-card .video-container .video-start-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.basic-card-container .basic-card .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.full-list-select-container {
	margin-bottom: 15px;
	width: 85%;
	margin-top: -20px;
	padding: 10px 0 0 40px;
}

/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .full-list-select-container,
.lang_es .full-list-select-container {
	padding: 10px 0 0 0;
}
.full-list-select-container .list-select {
	position: relative;
}
.full-list-select-container .list-select li {
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	border-radius: 10px;
	border-bottom-left-radius: 0;
	overflow: hidden;
	padding: 16px;
	background-color: #fff;
	display: inline-block;
}
.full-list-select-container .list-select .video-container {
	float: none;
	clear: both;
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	padding-top: 25px;
	height: 0;
	border-radius: 0;
	min-width: 240px;
}
.full-list-select-container .list-select .video-container .video-start-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.full-list-select-container .list-select .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.full-list-select-container .list-select li .list-btn {
	background: #fff;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	word-break: break-word;
	word-wrap: break-word;
	color: #c93050;
	/* color: #6b6c6c; */
	border: 1px solid #ddd;
	border-radius: 20px;
	font-size: 13px;
	padding: 10px 16px;
	margin-top: 8px;
	line-height: 1.5;
}
.lang_en .full-list-select-container .list-select li .list-btn {
	font-weight: 600;
}
.full-list-select-container .list-select li .list-btn:first-child {
	margin-top: 0;
}
.pc .full-list-select-container .list-select li .list-btn:hover {
	background-color: #f5f5f5;
}
.full-list-select-container .list-select li .list-btn:disabled {
	background-color: #fafafa;
	color: #aaa;
	cursor: default;
}
.pc .full-list-select-container .list-select li .list-btn:disabled:hover {
	background-color: #fafafa !important;
}

.full-list-select-container .list-select li .list-btn:after {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	background: url('../img/ico_link_red.png') no-repeat center;
	background-size: 12px 12px;
	position: absolute;
	right: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.full-list-select-container .list-select li .list-btn:disabled::after {
	background-image: url('../img/ico_link.png');
}

/* .full-list-select-container .list-select li .list-btn + .list-btn {
    border-top: 1px solid #f2f1f4;
} */
.full-list-select-container .list-select li .list-btn .p.b-name {
	font-size: 13px;
	display: inline-block;
	padding-right: 30px;
}
.full-list-select-container .list-select li .list-btn .p.small {
	font-weight: normal;
}
.full-list-select-container .list-select li .list-btn .icon {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 56px;
	width: 56px;
}
/* .full-list-select-container .list-select li:last-child .list-btn {
    border-bottom: 0;
} */

/*
    Service 센터용 browse carousel CSS 긴급 복구
    * 흰색 바탕

    trpark
*/
.service-list-select-container {
	margin-bottom: 15px;
	width: 85%;
	margin-top: -20px;
	padding: 10px 0 0 40px;
}

/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .service-list-select-container,
.lang_es .service-list-select-container {
	padding: 10px 0 0 0;
}
.service-list-select-container .list-select {
	position: relative;
}
.service-list-select-container .list-select li {
	margin-bottom: 5px;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	border-bottom-left-radius: 0;
	overflow: hidden;
}
.service-list-select-container .list-select li .list-btn {
	background: #fff;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	padding: 16px 40px 16px 16px;
	/* color: #6b6c6c; */
	color: #c93050;
	word-break: break-word;
	word-wrap: break-word;
	position: relative;
}
.lang_en .service-list-select-container .list-select li .list-btn {
	font-weight: 600;
}
.pc .service-list-select-container .list-select li .list-btn:hover {
	background-color: #f5f5f5;
}
.service-list-select-container .list-select li .list-btn:disabled {
	background-color: #fafafa;
	color: #aaa;
	cursor: default;
}
.pc .service-list-select-container .list-select li .list-btn:disabled:hover {
	background-color: #fafafa !important;
}
.service-list-select-container .list-select li .list-btn::before {
	content: '';
	background: url('../img/ico_link_red.png') no-repeat center;
	background-size: 12px;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 16px;
	bottom: 50%;
	display: inline-block;
}
.service-list-select-container .list-select li .list-btn:disabled::before {
	background-image: url('../img/ico_link.png');
}

.service-list-select-container .list-select li .list-btn + .list-btn {
	border-top: 1px solid #f2f1f4;
}
.service-list-select-container .list-select li .list-btn .p.b-name {
	/* font-weight: bold; */
	margin-bottom: 10px;
}
.service-list-select-container .list-select li .list-btn .p.small {
	font-weight: normal;
}
.service-list-select-container .list-select li .list-btn .icon {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 56px;
	width: 56px;
}
.service-list-select-container .list-select li:last-child .list-btn {
	border-bottom: 0;
}

.manual-select-container {
	margin-bottom: 15px;
	width: 85%;
	margin-top: -20px;
	padding: 10px 0 0 40px;
}
/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .manual-select-container,
.en_US .service-list-select-container,
.lang_es .manual-select-container,
.lang_es .service-list-select-container {
	padding: 10px 0 0 0;
}
.manual-select-container .list-select {
	position: relative;
}
.manual-select-container .list-select li {
	margin-bottom: 5px;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	border-bottom-left-radius: 0;
	overflow: hidden;
}
.manual-select-container .list-select li .list-btn {
	background: #fff;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	padding: 16px 40px 16px 16px;
	/* color: #6b6c6c; */
	color: #c93050;
	word-break: break-word;
	word-wrap: break-word;
	position: relative;
}
.lang_en .manual-select-container .list-select li .list-btn {
	font-weight: 600;
}
.pc .manual-select-container .list-select li .list-btn:hover {
	background-color: #f5f5f5;
}
.manual-select-container .list-select li .list-btn:disabled {
	background-color: #fafafa;
	color: #aaa;
	cursor: default;
}
.pc .manual-select-container .list-select li .list-btn:disabled:hover {
	background-color: #fafafa !important;
}
.manual-select-container .list-select li .list-btn::before {
	content: '';
	background: url('../img/ico-download-b.png') no-repeat center;
	background-size: 12px;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 16px;
	bottom: 50%;
	display: inline-block;
}
.manual-select-container .list-select li .list-btn:disabled::before {
	background-image: url('../img/ico-download-b.png');
}

.manual-select-container .list-select li .list-btn + .list-btn {
	border-top: 1px solid #f2f1f4;
}
.manual-select-container .list-select li .list-btn .p.b-name {
	/* font-weight: bold; */
	margin-bottom: 10px;
}
.manual-select-container .list-select li .list-btn .p.small {
	font-weight: normal;
}
.manual-select-container .list-select li .list-btn .icon {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 56px;
	width: 56px;
}
.manual-select-container .list-select li:last-child .list-btn {
	border-bottom: 0;
}

.category-select-container {
	margin-bottom: 15px;
	width: 85%;
	margin-top: -20px;
	padding: 10px 0 0 40px;
}
.category-select-container .list-select {
	position: relative;
}
.category-select-container .list-select li {
	margin-bottom: 5px;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	border-bottom-left-radius: 0;
	overflow: hidden;
}
.category-select-container .list-select li .list-btn {
	background: #fff;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	padding: 10px 30px 10px 14px;
	color: #c93050;
	word-break: break-word;
	word-wrap: break-word;
	position: relative;
}
.lang_en .category-select-container .list-select li .list-btn {
	font-weight: 600;
}
.pc .category-select-container .list-select li .list-btn:hover {
	background-color: #f5f5f5;
}
.category-select-container .list-select li .list-btn:disabled {
	background-color: #fafafa;
	color: #aaa;
	cursor: default;
}
.pc .category-select-container .list-select li .list-btn:disabled:hover {
	background-color: #fafafa !important;
}

.category-select-container .list-select li .list-btn + .list-btn {
	border-top: 1px solid #f2f1f4;
}
/* .category-select-container .list-select li .list-btn .p.b-name {
    font-weight: bold;
    margin-bottom: 10px;
}*/
.category-select-container .list-select li .list-btn .p.small {
	font-weight: normal;
}
.category-select-container .list-select li .list-btn .icon {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 56px;
	width: 56px;
}
.category-select-container .list-select li:last-child .list-btn {
	border-bottom: 0;
}

.browse-carousel-container {
	position: relative;
	margin-right: -13px;
	margin-left: -13px;
	margin-top: -20px;
	padding: 10px 0 0 40px;
}

/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .browse-carousel-container,
.lang_es .browse-carousel-container {
	padding: 10px 0 0 0;
}

.browse-carousel-container .time {
	/* margin-top: 10px; */
	margin-left: 15px;
}
.browse-carousel-container ul {
	overflow-x: auto;
	-ms-flex-wrap: no-wrap;
	flex-wrap: no-wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.browse-carousel-container ul li {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 255px;
	padding-left: 2.5px;
	padding-right: 2.5px;
	border: 1px solid #c5d4d8;
	border-radius: 15px;
	border-bottom-left-radius: 0;
	background: #fff;
	overflow: hidden;
	padding: 5px 12.5px 60px 12.5px;
	margin-right: 10px;
}
.browse-carousel-container.ext ul li {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border: 1px solid #c5d4d8;
	border-radius: 15px;
	border-bottom-left-radius: 0;
	background: #fff;
	overflow: hidden;
	padding: 12.5px;
	margin-right: 10px;
	width: 85%;
	height: 290px;
	max-width: 360px;
	min-width: 260px;
}
.browse-carousel-container.ext ul li p {
	font-weight: bold;
	color: #c93050;
	margin-bottom: 5px;
	font-size: 15px;
	word-break: break-word;
	word-wrap: break-word;
	height: 40px;
}

.browse-carousel-container ul li .pdf-container {
	float: none;
	clear: both;
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	padding-top: 25px;
	height: 0;
	border-radius: 0;
	min-width: 240px;
}
.browse-carousel-container ul li .pdf-container img {
	width: 100%;
	height: 100%;
	z-index: 2;
	object-fit: cover;
	object-position: top;
}

.browse-carousel-container.ext ul li .pdf-container button {
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*z-index: 2;*/
}

.browse-carousel-container ul li .img-container {
	height: 166px;
	margin: -5px -12.5px 10px -12.5px;
}
.browse-carousel-container ul li .img-container img {
	max-width: 100%;
}
.browse-carousel-container ul li .title {
	/* font-weight: bold; */
	line-height: 1.3;
	padding: 10px 0;
	margin-bottom: 0px;
}
.browse-carousel-container ul li .p {
	white-space: normal;
}
.browse-carousel-container ul li .p strong {
	margin: 8px 0;
	display: block;
}
.browse-carousel-container ul li .p.small {
	font-weight: normal;
	font-size: 14px;
}
.browse-carousel-container ul li .detail-btn-container {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.browse-carousel-container ul li .btn-detail {
	border: 1px solid #c93050;
	border-radius: 15px;
	color: #c93050;
	font-size: 14px;
	line-height: 28px;
	width: 100%;
	padding: 2px 13px 0 13px;
	text-align: left;
}
.browse-carousel-container ul li .btn-detail:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 13px;
	height: 12px;
	width: 14px;
	background: url('../img/lnk-ico.svg') no-repeat center;
	background-size: 14px 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.browse-carousel-container ul li:first-child {
	margin-left: 10px;
}

.btn-linkOutSuggestion {
	border: 1px solid #c93050;
	border-radius: 15px;
	color: #c93050;
	/* font-weight: bold; */
	padding: 13px 13px;
	text-align: left;
	position: relative;
	background: #fff;
	width: 255px;
	margin-top: 5px;
	font-size: 14px;
}
.btn-linkOutSuggestion:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 13px;
	height: 17px;
	width: 17px;
	background: url('../img/link@2x.png') no-repeat center;
	background-size: 17px 17px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.autocomplete-suggestions {
	top: auto !important;
	left: 0 !important;
	right: 0 !important;
	width: auto !important;
	background: #fff;
	z-index: 900 !important;
	bottom: 0;
	padding: 15px 25px 70px 25px;
	-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.autocomplete-suggestions .autocomplete-suggestion {
	display: inline-block;
	background: #f2f1f4 !important;
	color: #5d556b;
	padding: 7px 12px;
	font-size: 14px;
	border-radius: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.autocomplete-suggestions .autocomplete-suggestion strong {
	color: #fff;
	background: #5d556b;
}

@-webkit-keyframes bounce1 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	40% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}

@keyframes bounce1 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	40% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
@-webkit-keyframes bounce2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
@keyframes bounce2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
@-webkit-keyframes bounce3 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
@keyframes bounce3 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
@-webkit-keyframes bounce4 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	70% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
@keyframes bounce4 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	70% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.5;
	}
}
.dot {
	display: inline-block;
	width: 8px;
	height: 8px;

	margin-right: 3px;
	background: #8a8296;
	border-radius: 100%;
}
.userAnim .dot {
	background: #fff;
}
.dot:first-of-type {
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation: bounce1 1s ease-in-out;
	animation: bounce1 1s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.dot:nth-of-type(2) {
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation: bounce2 1s ease-in-out;
	animation: bounce2 1s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.dot:nth-of-type(3) {
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation: bounce3 1s ease-in-out;
	animation: bounce3 1s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.dot:last-of-type {
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation: bounce4 1s ease-in-out;
	animation: bounce4 1s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/** 사용안함 **/
.carousel-browse-container {
	position: relative;
	border-top: 1px solid #c5d4d8;
	padding: 13px 0 0 0;
	margin-bottom: 10px;
}
.carousel-browse-container .list-container .list-item {
	display: block;
	width: calc(50% - 2.5px);
	margin-bottom: 5px;
	border: 1px solid #c5d4d8;
	border-radius: 15px;
	background: #ffffff;
	-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
	text-align: left;
	padding: 0 9px 9px 9px;
	overflow: hidden;
}
.carousel-browse-container .list-container .list-item .img-container {
	margin-left: -9px;
	margin-right: -9px;
	margin-bottom: 10px;
	min-height: 100px;
	background-image: url('../img/map.png');
	background-size: cover;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.carousel-browse-container .list-container .list-item h1.p {
	color: #c93050;
	margin-bottom: 5px;
}
.carousel-browse-container .list-container .list-item .p {
	color: #6b6c6c;
}

.grid-sizer {
	width: 50%;
}

@media (max-width: 320px) {
	.chat-bot .message-bot .message-inner .message-box {
		width: 208px;
	}

	.welcome-list {
		width: 208px;
	}
	.welcome-list li .btn {
		height: 57px;
		width: 57px;
		font-size: 10px;
	}

	.list-select-container,
	.btn-linkOutSuggestion {
		width: 208px;
	}

	.carousel-select-container ul li:last-child {
		margin-right: 32px;
	}

	.basic-card-container {
		max-width: 230px;
	}
}
@media (min-width: 321px) and (max-width: 360px) {
	.chat-bot .message-bot .message-inner .message-box {
		width: 230px;
	}

	.welcome-list {
		width: 230px;
	}
	.welcome-list li .btn {
		height: 68px;
		width: 68px;
	}

	.list-select-container,
	.btn-linkOutSuggestion {
		width: 230px;
	}

	.carousel-select-container ul li:last-child {
		margin-right: 70px;
	}

	.basic-card-container {
		width: 230px;
	}
}
@media (min-width: 412px) and (max-width: 414px) {
	.chat-bot .message-bot .message-inner .message-box {
		width: 267px;
	}

	.welcome-list {
		width: 267px;
	}
	.list-select-container,
	.btn-linkOutSuggestion {
		width: 267px;
	}

	.carousel-select-container ul li:last-child {
		margin-right: 125px;
	}

	.basic-card-container {
		width: 267px;
	}
}
@media (min-width: 415px) {
	.chat-bot .message-bot .message-inner .message-box {
		width: 80%;
	}

	.list-select-container {
		width: 80%;
	}

	.btn-linkOutSuggestion {
		width: 100%;
	}
}
.overlay-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(32, 36, 51, 0.8);
	padding: 15px;
	z-index: 1000;
	overflow-x: hidden;
	overflow-y: auto;
}
.overlay-container h2 {
	background: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #333;
	border-bottom: 1px solid #c5d4d8;
	padding: 10px 15px;
	text-align: left;
	margin: 0;
}
.overlay-container textarea {
	width: 100%;
	height: 130px;
	background: transparent;
	border: 1px solid #fff;
	resize: none;
	overflow-y: auto;
	margin-bottom: 10px;
	padding: 10px 15px;
	color: #fff;
	line-height: 1.3;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #6b6c6c;
}
.overlay-container .view-all {
	display: block;
	margin-bottom: 20px;
}
.overlay-container .btn-group button {
	display: inline-block;
	/* font-weight: bold; */
	width: 120px;
	padding: 10px;
	border-radius: 20px;
}
.overlay-container .btn-group button.agree {
	float: left;
	position: relative;
	color: #ffffff;
	background: #c93050;
}
.overlay-container .btn-group button.agree span {
	display: none;
	position: absolute;
	top: 7px;
	left: 15px;
}
.overlay-container .btn-group button.disagree {
	float: right;
	color: #ffffff;
	background: #81838c;
}

.suggestion-group {
	position: relative;
	display: inline-flex;
	width: fit-content;
	margin-bottom: 10px;
	margin-top: 10px;
	align-items: center;
	justify-content: center;
	border-radius: 1.5rem;
	background: #dbdbdb;
}

.suggestion-group .btn {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px 16px;
	margin: 5px 10px;
	text-align: center;
	border: 2px solid #ffffff;
	border-radius: 1.375rem !important;
}

.suggestion-group .gpt_suggest {
	border: 2px solid #ffffff;
	border-radius: 1.375rem !important;
}

.suggestion-group .gpt_suggest.active {
	border: none;
}

.suggestion-group .btn.active {
	background: #ffffff !important;
	border-radius: 1.375rem !important;
	box-shadow: 0 0.125rem 0.375rem 0 rgb(0 0 0 / 10%) !important;
}

.suggestion-group-list {
	display: none;
	animation: suggestion-slide-in 0.3s ease-in-out;
}

.suggestion-group-list.active {
	display: block;
}

@keyframes suggestion-slide-in {
	from {
		transform: translateX(80%);
	}
	to {
		transform: translateX(0);
	}
}

.suggestion {
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
}
.suggestion .suggestion-list li {
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 5px;
}
.suggestion .suggestion-list li:last-child {
	margin-right: 0;
}
.suggestion .suggestion-list li .btn {
	background: #fff;
	border-radius: 9999px;
	font-size: 14px;
	color: #c93050;
	padding: 10px 16px;
	text-align: center;
	border: 1px solid #c93050;
}
.pc .suggestion .suggestion-list li .btn:hover {
	background-color: #f5f5f5;
}
.suggestion .suggestion-list li .btn:disabled {
	background-color: #fafafa !important;
	color: #aaa !important;
	cursor: default !important;
	border-color: #ddd !important;
}
.pc .suggestion .suggestion-list li .btn:disabled:hover {
	background-color: #fafafa !important;
}

/* [LGEUK] 영국(GP1론칭 국가) UI 추가 수정 23-06 */
.gp1 .suggestion .suggestion-list li .btn {
	color: #646464;
	border: 1px solid #646464;
}

/* [미국/캐나다법인] Suggestion chips arrangement/alignment수정 개발건 23-05/12 */
.en_US .suggestion.sgAlignment .suggestion-list,
.en_CA .suggestion.sgAlignment .suggestion-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: stretch;
	max-width: 87%;
	width: 300px;
}
.en_US .suggestion.sgAlignment .suggestion-list li,
.en_CA .suggestion.sgAlignment .suggestion-list li {
	flex-basis: 35%;
	flex-grow: 1;
	flex-shrink: 1;
}
.en_US .suggestion.sgAlignment .suggestion-list li .btn,
.en_CA .suggestion.sgAlignment .suggestion-list li .btn {
	font-size: 13px;
	width: 100%;
	padding: 10px 16px;
}
@media (max-width: 374px) {
	.en_US .suggestion.sgAlignment .suggestion-list li,
	.en_CA .suggestion.sgAlignment .suggestion-list li {
		flex-basis: 70% !important;
	}
}

/* QOS 만족도 조사 by msk */
.suggestion.suggestion-qos {
	padding-left: 40px;
}

/* 미국,중남미(멕시코,페루,칠레,콜롬비아,파나마) - 대화화면 챗봇 아이콘 제거 */
.en_US .suggestion.suggestion-qos,
.lang_es .suggestion.suggestion-qos {
	padding-left: 0;
}

.suggestion.suggestion-qos .suggestion-list {
	display: inline-block;
	background-color: #fff;
	padding: 16px;
	margin-bottom: 3px;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	color: #6b6c6c;
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	min-width: 280px;
}
.suggestion.suggestion-qos .suggestion-list li {
	display: flex;
	align-items: center;
}
.suggestion.suggestion-qos .suggestion-list li .btnText {
	display: block;
	padding-left: 10px;
	color: #cb3a50;
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos {
	background: url(../img/ico_star_default5.png) 16px center no-repeat;
	background-size: auto 20px;
	width: calc(100% - 95px);
	text-indent: -9999999px;
	border: 1px solid #ddd;
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos4'] {
	background-image: url('../img/ico_star_default4.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos3'] {
	background-image: url('../img/ico_star_default3.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos2'] {
	background-image: url('../img/ico_star_default2.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos1'] {
	background-image: url('../img/ico_star_default1.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos.on {
	background-image: url('../img/ico_star_selected5.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos4'].on {
	background-image: url('../img/ico_star_selected4.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos3'].on {
	background-image: url('../img/ico_star_selected3.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos2'].on {
	background-image: url('../img/ico_star_selected2.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='btnQos1'].on {
	background-image: url('../img/ico_star_selected1.png');
}
/* .suggestion.suggestion-qos .suggestion-list li .btn-qos.on {
    background-image: url('../img/survey5.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='msBtnQos4'].on {
    background-image: url('../img/survey4.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='msBtnQos3'].on {
    background-image: url('../img/survey3.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='msBtnQos2'].on {
    background-image: url('../img/survey2.png');
}
.suggestion.suggestion-qos .suggestion-list li .btn-qos[value='msBtnQos1'].on {
    background-image: url('../img/survey1.png');
} */
/* .suggestion.suggestion-qos .suggestion-list .qos-txt {
    padding-top: 16px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}
.suggestion.suggestion-qos .suggestion-list .qos-submit {
    margin-top: 16px;
}
.suggestion.suggestion-qos .suggestion-list .qos-submit button {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 40px;
    color: #6b6c6c;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
    display: block;
    text-decoration: none;
    outline: 0;
}
.suggestion.suggestion-qos .suggestion-list .qos-submit button:disabled {
    background-color: #fafafa;
    color: #aaa;
    cursor: default;
}
.pc .suggestion.suggestion-qos .suggestion-list .qos-submit button:hover {
    background-color: #f5f5f5;
} */

.suggestion2 {
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
}
.suggestion2 .suggestion-list li {
	display: inline-block;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
}
.suggestion2 .suggestion-list li:first-child {
	margin-left: 0;
}
.suggestion2 .suggestion-list li:last-child {
	margin-left: 0;
}
.suggestion2 .suggestion-list li .btn {
	background: #c93050;
	border-radius: 9999px;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	padding: 0 24px;
	text-align: center;
	border: 1px solid #fff;
}

/* 팝업 */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	display: none;
}
.popup.active {
	display: block;
}
.popup .popup-container {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	min-height: 100px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.popup .popup-container .popup-header {
	background: #c93050;
	color: #fff;
	padding: 10px 15px;
}
.popup .popup-container .popup-header h2 {
	font-weight: 300;
	font-size: 16px;
	margin: 0;
}
.popup .popup-container .popup-form {
	position: relative;
	padding: 15px;
}
.popup .popup-container .popup-form .popup-txt {
	width: 100%;
	height: 100px;
	overflow-y: auto;
	resize: none;
	background: #f2f1f4;
	border: 1px solid #bdb8c7;
}
.popup .popup-container .popup-form .frm label {
	display: block;
}
.popup .popup-container .popup-form .frm .frm-input {
	width: 100%;
	height: 30px;
	border: 1px solid #bdb8c7;
	margin-bottom: 5px;
}
.popup .popup-container .popup-form .popup-privacy {
	position: relative;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.popup .popup-container .popup-form .popup-privacy input[type='checkbox'] {
	margin-left: 5px;
}
.popup .popup-container .popup-form .btn-group {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.popup .popup-container .popup-form .btn-group button {
	width: 100%;
	border-radius: 5px;
	padding: 10px;
	font-size: 16px;
}
.popup .popup-container .popup-form .btn-group button + button {
	margin-left: 10px;
}
.popup .popup-container .popup-form .btn-group button.btn-accept {
	background: #c93050;
	color: #fff;
}
.popup .popup-container .popup-form .btn-group button.btn-cancel {
	background: #b9b6be;
}
.map-store-distance {
	margin-top: 11px;
	font-size: 0;
}
.map-store-distance .slider-distance-wrap #sliderCenterGsfs.ui-slider {
	display: inline-block;
	position: relative;
	width: calc(100% - 60px);
	height: 1px;
	vertical-align: middle;
	background: #bbb;
}
.map-store-distance .slider-distance-wrap #sliderCenterGsfs.ui-slider:before {
	left: 0;
	background: #a50034;
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.map-store-distance .slider-distance-wrap #sliderCenterGsfs.ui-slider:after {
	right: 0;
	background: #bbb;
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.map-store-distance .slider-distance-wrap #sliderCenterGsfs .ui-slider-range {
	height: 100%;
	background: #a50034;
	width: 50%;
}
.map-store-distance .slider-distance-wrap #sliderCenterGsfs .ui-slider-handle {
	position: absolute;
	top: -13px;
	width: 20px;
	height: 28px;
	margin-left: -16px;
	cursor: pointer;
	background: url('../img/find-service-center-picker.svg') no-repeat 0 / cover;
	border: none;
}
.map-store-distance .slider-distance-wrap #sliderCenterGsfs .ui-slider-handle:before {
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f5f5f5;
}
.map-store-distance .value-distance {
	display: inline-block;
	width: 60px;
	text-align: right;
	vertical-align: middle;
}
.map-store-distance .value-distance .value {
	font-size: 14px;
	color: #333;
	border: none;
	background: 0 0;
}
.map-store-distance .value-distance .unit {
	margin-left: 4px;
	font-size: 14px;
	color: #333;
	border: none;
	background: 0 0;
}

.manual-gscs-term {
	margin-bottom: 15px;
	width: 85%;
	margin-top: -20px;
	padding: 10px 0 0 40px;
	position: relative;
}

.en_US .manual-gscs-term,
.lang_es .manual-gscs-term {
	padding: 10px 0 0 0;
}
.manual-gscs-term .termMessage {
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	border-radius: 10px;
	border-bottom-left-radius: 0;
	overflow: hidden;
	background-color: #fff;
}

.manual-gscs-term .termMessage .top {
	position: relative;
	padding: 16px 10px 16px 16px;
	border-bottom: 1px solid #aaa;
}
.manual-gscs-term .termMessage .top h1 {
	font-size: 15px;
	color: #333;
	margin: 0;
	font-weight: normal;
}
.manual-gscs-term .termMessage .cont {
	padding: 16px;
}
.manual-gscs-term .termMessage .frm {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
}
/* 모델명 입력에 대한 가이드 문구 추가 22-08 */
.manual-gscs-term .termMessage .frm .descriptionProduct {
	font-size: 13px;
	color: #333;
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
}
.manual-gscs-term .termMessage .frm .descriptionProduct::before {
	content: '';
	display: inline-block;
	background: url('../img/ico-i.png') no-repeat center;
	width: 15px;
	height: 15px;
	background-size: 100%;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 2px;
}
.manual-gscs-term .termMessage .cont .frm:first-child {
	padding-top: 0;
}
.manual-gscs-term .termMessage .cont .frm label.frm-label {
	width: 100%;
	color: #777;
	padding-bottom: 5px;
}
.manual-gscs-term .termMessage .cont .frm .frm-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 36px;
	padding: 0 30px 0 10px;
	margin: 0 auto;
	border: 1px solid #aaa;
	background: #fff url('../img/dropdown-arr.png') right 10px top 10px no-repeat;
	background-size: 12px;
	font-size: 13px;
	color: #333;
	outline: 0;
}
.manual-gscs-term .termMessage .cont .frm .frm-arr-none {
	background: #fff;
}

.manual-gscs-term .termMessage .bottom {
	padding: 20px;
	bottom: 16px;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: center;
	justify-content: flex-end;
	background: #fff;
}
.manual-gscs-term .termMessage .bottom .btnListBox .btnListUl {
	text-align: center;
	overflow: hidden;
}
.manual-gscs-term .termMessage .bottom .btnListBox .btnListUl li {
	width: 100%;
}
.manual-gscs-term .termMessage .bottom .btnListBox .btnListUl li button {
	height: 34px;
	line-height: 34px;
	color: #222;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 20px;
	background: #fff;
	font-size: 13px;
}
.manual-gscs-term .termMessage .bottom .btnListBox .btnListUl li button.btn-accept {
	color: #777;
	cursor: default;
}
.manual-gscs-term .termMessage .bottom .btnListBox .btnListUl li button.on {
	background: #bb4653;
	color: #fff;
	border-color: #bb4653;
}
.manual-gscs-term .termMessage .bottom .btnListBox .btnListUl li button.btn-accept.on {
	background-color: #fff;
	color: #c93050;
	cursor: pointer;
	border-color: #c93050;
}
.pc .manual-gscs-term .termMessage .bottom .btnListBox .btnListUl li button:hover {
	background-color: #f5f5f5;
}
.ui-autocomplete {
	/*position: fixed;*/
	max-height: 162px;
	overflow-y: scroll;
	overflow-x: hidden;

	position: absolute;
	cursor: default;
	z-index: 10000000 !important;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-y;
}
ul.ui-autocomplete.ui-menu {
	border-radius: 8px;
	width: calc(100% - 75px);
	padding: 8px 0px 8px 0px;
}
.en_GB ul.ui-autocomplete.ui-menu {
	border-radius: 8px;
	width: calc(100% - 110px);
	padding: 8px 0px 8px 0px;
}
ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
	padding: 4px 1em 4px 8px;
}

/* 미국, 인도법인 제품 suggestion 이미지로 변경 */
.suggestion .suggestion-list.suggestion-card-list li {
	display: inline-block;
	width: 95px;
	height: 100px;
	margin-bottom: 8px;
	margin-right: 5px;
}
.suggestion .suggestion-list.suggestion-card-list li .sgCard {
	background-color: #fff;
	/* box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%); */
	border: 1px solid #bbb;
	height: 100%;
	padding: 70px 2px 0;
	border-radius: 10px;
	width: 100%;
	margin-right: 5px;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	position: relative;
	display: flex;
}
.pc .suggestion .suggestion-list.suggestion-card-list li .sgCard:hover,
.pc .suggestion .suggestion-list.suggestion-card-list li .sgCard:active {
	background-color: #f5f5f5;
	border-color: #c93050;
}

.suggestion .suggestion-list.suggestion-card-list li .sgCard .imgCard {
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
}
.suggestion .suggestion-list.suggestion-card-list li .sgCard .imgCard img {
	width: 60px;
	height: auto;
}

.suggestion .suggestion-list.suggestion-card-list li .sgCard:disabled {
	background-color: #fafafa !important;
	cursor: default;
	color: #aaa;
	border: 1px solid #ddd;
}
.pc .suggestion .suggestion-list.suggestion-card-list li .sgCard:disabled:hover,
.pc .suggestion .suggestion-list.suggestion-card-list li .sgCard:disabled:active {
	background-color: #fafafa !important;
	border-color: #ddd;
}

.suggestion .suggestion-list.suggestion-card-list li .sgCard > span {
	display: block;
	height: 100%;
	line-height: 1;
	margin: 0px auto;
	word-wrap: break-word;
	width: 100%
}

.hiddenTime2m,
.hiddenUtilContentClick {
	display: none !important;
}

/* [start] sprinklr UI 스타일 강제 적용 */
.spr-chat__trigger-box.spr-live-chat-frame {
	display: none !important;
}

.spr-chat__box.spr-live-chat-frame.css-1xaugj9 {
	bottom: 0px !important;
	right: 0px !important;
	height: 100% !important;
	width: 100% !important;
}

.css-1kltp6x {
	display: none !important;
}

.css-zrdhic {
	display: none !important;
}

.css-gi3hkk {
	max-height: 100% !important;
	max-width: 100% !important;
}
/* [end] sprinklr UI 스타일 강제 적용 */

.frm.disabled {
	display: none !important;
}

#scrollToBelowDiv {
	pointer-events: none; /* 전체 div는 클릭되지 않게 */
}

/* scroll button 추가 */
#scrollToBelowDiv #scrollToBelowBtn {
	border-radius: 20px;
	background-color: rgba(220, 220, 220, 0.8);
	z-index: 3;
	pointer-events: auto;
}

#scrollToBelowDiv #scrollToBelowBtn:hover {
	border-radius: 20px;
	background-color: rgba(201, 48, 80, 0.3);
}

#scrollToBelowDiv #scrollToBelowBtn img {
	width: 50px;
	height: 50px;
	filter: invert(26%) sepia(21%) saturate(6925%) hue-rotate(326deg) brightness(92%)
		contrast(88%);
}
.gptQosBtns {
	float: right;
	margin: 10px;
}
.gptQosBtns img {
	width: 22px;
	height: 22px;
	filter: opacity(0.3) drop-shadow(0 0 0 #808080);
}

/**********************************************************************************/
/* [LGEIL] 인도법인 LG.com연동 (Chatbot Personalization for Login Customer) 24-02 */
/**********************************************************************************/

/* 챗봇 대화화면 */
.full-list-select-container .list-select li.loginBox .list-btn::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	background: url('../img/icon-login.svg') no-repeat center;
	width: 32px;
	height: 30px;
	background-size: 100%;
}
.full-list-select-container .list-select li.loginBox .list-btn.loggedIn::before {
	background: url('../img/icon-product.svg') no-repeat center;
}
.full-list-select-container .list-select li.loginBox .list-btn .p {
	padding-left: 38px;
	padding-right: 0;
}
.full-list-select-container .list-select li.loginBox .list-btn .p.b-name {
	font-size: 16px;
	font-weight: 600;
}
.full-list-select-container .list-select li.loginBox .list-btn.loggedIn .p.b-name {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.full-list-select-container .list-select li.loginBox .list-btn .p.color-gray {
	font-weight: normal;
}
.full-list-select-container .list-select li.loginBox .list-btn:after {
	display: none;
}

/* 사용자 제품 리스트 팝업 */
#layerPopupWrap.loginProductPopup {
	justify-content: flex-end;
}
.pc #layerPopupWrap.loginProductPopup {
	padding: 0;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup {
	height: calc(100% - 300px);
	border-radius: 10px 10px 0 0;
	width: 100%;
	background: #f9f7f3;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .top {
	padding: 20px 20px 0;
	background-color: #f9f7f3;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .top h1 {
	padding-right: 0;
	padding-top: 10px;
	color: #000;
	font-size: 15px;
	overflow: auto;
	white-space: initial;
	text-overflow: initial;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .top hr {
	margin: 20px 0 0;
	border: 0;
	height: 1px;
	background: #bbb;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .top #btnClsLayerPopup {
	background: url(../img/Icon-arrow-close.svg) center no-repeat;
	right: auto;
	transform: translateX(-50%);
	left: 50%;
	top: 5px;
	background-size: 20px;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .cont {
	height: calc(100% - 100px);
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .cont .contBox li {
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
	border-radius: 10px;
	background: #fff;
	border: 1px solid #eee;
	margin-top: 10px;
}
#layerPopupWrap.loginProductPopup .layerPopup.productPopup .cont .contBox li:first-child {
	margin-top: 0;
}
#layerPopupWrap.loginProductPopup
	.layerPopup.productPopup
	.cont
	.contBox
	li
	.productCard {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	padding: 10px;
}
#layerPopupWrap.loginProductPopup
	.layerPopup.productPopup
	.cont
	.contBox
	li
	.productCard
	.imgCard {
	margin-right: 10px;
}
#layerPopupWrap.loginProductPopup
	.layerPopup.productPopup
	.cont
	.contBox
	li
	.productCard
	.imgCard
	img {
	width: 50px;
}
#layerPopupWrap.loginProductPopup
	.layerPopup.productPopup
	.cont
	.contBox
	li
	.productCard
	.prodModelCode {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
#layerPopupWrap.loginProductPopup
	.layerPopup.productPopup
	.cont
	.contBox
	li
	.productCard
	.prodModelCode
	span {
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#layerPopupWrap.loginProductPopup
	.layerPopup.productPopup
	.cont
	.contBox
	li
	.productCard
	.prodModelCode
	span.model {
	color: #000;
	font-weight: 600;
}

/**********************************************************************************/
/* [LGEAI] 미국법인 EW / ESM 관련 배너 생성 24-02                                 */
/**********************************************************************************/
#bannerContainer {
	height: 80px;
	width: 100%;
	max-width: 400px;
	position: fixed;
	left: 0;
	bottom: 76px;
	right: 0;
	padding: 0 15px;
	transition: all 0.2s ease-in-out;
}
#bannerContainer .bannerBgEwEsm {
	background: url(../img/lg-premium-banner.png) no-repeat left top / 370px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	justify-content: space-evenly;
	position: relative;
	border: 1px solid #888b91;
}
#bannerContainer .bannerBgEwEsm #clsBanner {
	position: absolute;
	right: -1px;
	top: -24px;
	width: 24px;
	height: 24px;
	background: #fff url(../img/icon-close.png) no-repeat center center / 10px;
	text-indent: -9999999px;
	border: 1px solid #888b91;
}
#bannerContainer .bannerBgEwEsm .rowImg {
	margin-left: 5px;
}
#bannerContainer .bannerBgEwEsm .rowImg img {
	width: 54px;
}
#bannerContainer .bannerBgEwEsm .rowRight {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
#bannerContainer .bannerBgEwEsm .rowText {
	text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
}
#bannerContainer .bannerBgEwEsm .rowBtn {
	margin-top: 5px;
}
#bannerContainer .bannerBgEwEsm .rowBtn a {
	font-size: 12px;
	background-color: #ea1917;
	color: #fff;
	padding: 5px 60px;
	border-radius: 26px;
	font-weight: bold;
	border: 1px solid transparent;
	display: block;
	text-align: center;
}
#bannerContainer .bannerBgEwEsm .rowBtn a:active {
	background-color: #fff;
	color: #ea1917;
	border: 1px solid #ea1917;
}
.pc #bannerContainer .bannerBgEwEsm .rowBtn a:hover {
	background-color: #fff;
	color: #ea1917;
	border: 1px solid #ea1917;
}
/**********************************************************************************/

/* Request Repair Loading UI 하단 문구 추가 (전법인 적용) */
#progress .loading-msg {
	position: fixed;
	margin: auto;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	width: fit-content;
	height: fit-content;
	color: #c93050;
	font-size: 20px;
	font-weight: bolder;
}

/* 캐나다 법인 Rqeust Repair(IW) Warranty 만료 안내문구 */
#gscsContainer .oowMsgBox,
#gsfsContainer .oowMsgBox {
	padding-top: 20px;
	display: none;
	color: #c93050;
	max-width: fit-content;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area,
#layerPopupWrap #zendesk .frm-guide-area {
	background-color: #ffffff;
	width: 100%;
	padding: 10px;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-title,
#layerPopupWrap #zendesk .frm-guide-area .guide-title {
	color: #c93050;
	font-size: 15px;
	font-weight: 600;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-content,
#layerPopupWrap #zendesk .frm-guide-area .guide-content {
	color: #333;
	font-size: 13px;
	font-weight: 400;
	padding: 10px;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-content ul,
#layerPopupWrap #zendesk .frm-guide-area .guide-content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 10px;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-content ul li::marker,
#layerPopupWrap #zendesk .frm-guide-area .guide-content ul li::marker {
	font-size: 15px;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-content .guide-img-container,
#layerPopupWrap #zendesk .frm-guide-area .guide-content .guide-img-container {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-content .guide-img-container .vertical-img,
#layerPopupWrap #zendesk .frm-guide-area .guide-content .guide-img-container .vertical-img {
	width: 30%;
	max-width: 200px;
	min-width: 150px;
	margin: 5px;
	height: fit-content;
}

#layerPopupWrap #step1RepairGsfs .frm-guide-area .guide-content .guide-img-container .horizontal-img,
#layerPopupWrap #zendesk .frm-guide-area .guide-content .guide-img-container .horizontal-img {
	width: 60%;
	max-width: 350px;
	min-width: 250px;
	margin: 5px;
	height: fit-content;
}

.chat-bot .message-bot .message-inner .message-box .message-box-inner .hidden-text {
	display: none;
}

.chat-bot .message-bot .message-inner .message-box .message-box-inner .read-more {
	display: block;
	height: 30px;
	width: 100%;
	font-size: 15px;
	color: #c93050;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid transparent;
	border-image-source: linear-gradient(to right, rgba(0, 0, 255, 0) 0%, #9a9a9a4f 50%, rgba(0, 0, 255, 0) 100%);
	border-image-slice: 1;
}


/* 미국챗봇: 알림배너 추가 */
#alertBanner {
	width: 100%;
	height: 50px;
	z-index: 1000;
	background: #d5d5d5;
	letter-spacing: -0.5px;
	position: fixed;
	top: 54px;
	left: 0;
}
#chatBanner .alertBanner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 50px;
	padding: 0rem 10px;
}
#chatBanner .alertBanner .swiperBanner {
	width: 100%;
	position: relative;
	max-width: 100%;
	display: flex;
	align-items: center;
}
#chatBanner .alertBanner .swiperBanner .swiper-container {
	overflow: hidden;
	width: calc(100% - 30px);
}
#chatBanner .alertBanner .swiperBanner .swiper-container .swiper-wrapper {
	align-items: center;
}
#chatBanner .alertBanner .swiperBanner .swiper-container .swiper-wrapper .swiper-slide {
	overflow: hidden;
}
#chatBanner
.alertBanner
.swiperBanner
.swiper-container
.swiper-wrapper
.swiper-slide
.btnSlide {
	border: none;
	cursor: pointer;
	display: flex;
	min-width: 100%;
	align-self: start;
	background: transparent;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
#chatBanner
.alertBanner
.swiperBanner
.swiper-container
.swiper-wrapper
.swiper-slide
.btnSlide
.slide {
	color: #000;
	width: 100%;
	height: 100%;
	display: flex;
	padding: 0 10px 0 6px;
	min-height: 2.5rem;
	text-align: start;
	align-items: center;
	font-weight: normal;
	line-height: 1.25;
	font-stretch: normal;
	flex-direction: row;
	letter-spacing: normal;
	justify-content: flex-start;
}



#chatBanner
.alertBanner
.swiperBanner
.swiper-container
.swiper-wrapper
.swiper-slide
.btnSlide
.slide
.icoAlert {
	width: 20px;
	height: 16px;
	margin-right: 5px;
	background-size: 20px 16px;
	background-image: url(../img/ico-alert.svg);
	background-repeat: no-repeat;
}
#chatBanner
.alertBanner
.swiperBanner
.swiper-container
.swiper-wrapper
.swiper-slide
.btnSlide
.slide
.slideContent {
	width: fit-content;
	word-break: break-all !important; ;
	white-space: nowrap !important; ;
}
#chatBanner
.alertBanner
.swiperBanner
.swiper-container
.swiper-wrapper
.swiper-slide
.btnSlide
.slide
.icoArrow {
	width: 12px;
	height: 12px;
	margin: 0 20px 0 4px;
	padding: 7px;
	background-size: contain;

}
#chatBanner .alertBanner .swiperBanner .swiper-button-next,
#chatBanner .alertBanner .swiperBanner .swiper-button-prev {
	right: 0;
	width: 26px;
	height: 26px;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
	display: block;
	padding-inline: 0;
	padding-block: 0;
	border-radius: 100%;
}
#chatBanner .alertBanner .swiperBanner .swiper-button-next:after,
#chatBanner .alertBanner .swiperBanner .swiper-button-prev:after {
	background: no-repeat url(../img/ico-next.svg);
	color: transparent;
	font-size: unset;
	font-family: none;
	background-size: contain;
	width: 26px;
	height: 26px;
	display: block;
	border-radius: 100%;
}

#inpTermRepairGsfs + .checkmark {
	background-color: #ec455a !important; /* 강제 적용도 가능 */
}

/*  GSCS 메뉴얼 다운로드 GPT 인식 기능 추가 */
[id^="manual_gscs_"] .fileBox .btn-upload {
	background-color: #ffffff !important;
	border: 1px solid #dddddd !important;
	color: #777 !important;
	height: 36px !important;
	line-height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding-left: 40px !important;
	width: 100% !important;
	font-size: 14px !important;
	position: relative !important;
	box-sizing: border-box !important;
}


[id^="manual_gscs_"] .fileBox .btn-upload::before {
	content: "" !important;
	background: url('/assets/img/camera.svg') no-repeat center !important;
	background-size: 30px 30px !important;
	width: 30px !important;
	height: 30px !important;
	position: absolute !important;
	left: 5px !important;
	top: 3px !important;
}

/* blink-text 인도법인 배너 추가  */
.blink-text {
	animation: blink-text-animation 1.2s steps(2, start) infinite;
}

@keyframes blink-text-animation {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}