@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(../media/NotoSansKR-Thin.b6a99409087b09179f07.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(../media/NotoSansKR-Light.f0256bcdb18a87268488.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(../media/NotoSansKR-Regular.8625bb7c3e1813759ad0.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(../media/NotoSansKR-Medium.93f1ff654d88df8c6a48.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(../media/NotoSansKR-Bold.15d9907740cb6145c19d.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(../media/NotoSansKR-Black.4475f86e1182ed88041e.otf) format("opentype");
}

html,
body,
#root {
  width: 100%;
  height: 100%;
}

#root {
  position: relative;
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  font-weight: 400;
  font-size: 13px !important;
  font-family: Noto Sans KR, sans-serif, Arial;
  scrollbar-gutter: stable both-edges;
}

a {
  color: #333;
  text-decoration: none;
}

a[download] {
  color: #36435c;
  text-decoration: underline;
}

pre {
  font-family: Noto Sans KR, sans-serif, Arial;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
  height: 8px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background: rgba(121, 121, 121, 0.4);
  border-radius: 8px;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

.mt_0 {
  margin-top: 0 !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.mr_0 {
  margin-right: 0 !important;
}

.ml_0 {
  margin-left: 0 !important;
}

.ml_1 {
  margin-left: 1 !important;
}

.pt_0 {
  padding-top: 0 !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pr_0 {
  padding-right: 0 !important;
}

.pr_4 {
  padding-right: 4px !important;
}

.pr_10 {
  padding-right: 10px !important;
}

.pl_0 {
  padding-left: 0 !important;
}

.pl_6 {
  padding-left: 6px !important;
}

.pl_10 {
  padding-left: 10px !important;
}

.pl_12 {
  padding-left: 12px !important;
}

.pl_30 {
  padding-left: 30px !important;
}

.mt_2 {
  margin-top: 2px !important;
}

.mt_3 {
  margin-top: 3px !important;
}

.ml_1 {
  margin-left: 1px !important;
}

.ml_2 {
  margin-left: 2px !important;
}

.ml_3 {
  margin-left: 3px !important;
}

.ml_3 {
  margin-left: 3px !important;
}

.ml_5 {
  margin-left: 5px !important;
}

.ml_6 {
  margin-left: 6px !important;
}

.mb_3 {
  margin-bottom: 3px !important;
}

.mb_5 {
  margin-bottom: 5px !important;
}

.mb_6 {
  margin-bottom: 6px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mr_3 {
  margin-right: 3px !important;
}

.mr_4 {
  margin-right: 4px !important;
}

.mr_5 {
  margin-right: 5px !important;
}

.mr_6 {
  margin-right: 6px !important;
}

.mr_10 {
  margin-right: 10px !important;
}

.mr_15 {
  margin-right: 15px !important;
}

.ml_10 {
  margin-left: 10px !important;
}

.ml_15 {
  margin-left: 15px !important;
}

.mr_20 {
  margin-right: 20px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mt_5 {
  margin-top: 5px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mt_m1 {
  margin-top: -1px !important;
}

.mt_m15 {
  margin-top: -15px !important;
}

.mt_m20 {
  margin-top: -20px !important;
}

.mt_m22 {
  margin-top: -22px !important;
}

.mt_m200 {
  margin-top: -200px !important;
}

.mt_p175 {
  margin-top: 175px !important;
}

.pt_10 {
  padding-top: 10px !important;
}

.pt_20 {
  padding-top: 20px !important;
}

.pt_40 {
  padding-top: 40px !important;
}

.pb_15 {
  padding-bottom: 15px !important;
}

.p_20_30 {
  padding: 20px 30px !important;
}

.p_20 {
  padding: 20px !important;
}

.p_10 {
  padding: 10px !important;
}

.p_2 {
  padding: 2px !important;
}

.f_l {
  float: left !important;
}

.f_r {
  float: right !important;
}

.w_300_px {
  width: 300px !important;
}

.w_100 {
  width: 100% !important;
}

.w_96 {
  width: 96% !important;
}

.w_80 {
  width: 80% !important;
}

.w_77 {
  width: 77% !important;
}

.w_75 {
  width: 75% !important;
}

.w_70 {
  width: 70% !important;
}

.w_66 {
  width: 66.7% !important;
}

.w_50 {
  width: 50% !important;
}

.w_37_5 {
  width: 37.5% !important;
}

.w_33 {
  width: 33.3% !important;
}

.w_30 {
  width: 30% !important;
}

.w_25 {
  width: 25% !important;
}

.w_22 {
  width: 22% !important;
}

.w_20 {
  width: 20% !important;
}

.w_10 {
  width: 10% !important;
}

.h_30 {
  height: 30px !important;
}

.l_h_24 {
  line-height: 24px !important;
}

.ico_50 {
  display: inline-block;
  line-height: 50px;
  vertical-align: top;
  width: 50px;
  height: 50px;
}

.ico_40 {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  width: 40px;
  height: 40px;
}

.ico_30 {
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  width: 30px;
  height: 30px;
}

.ico_25 {
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
  width: 25px;
  height: 25px;
}

.ico_20 {
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
  width: 20px;
  height: 20px;
}

.ico_20_15 {
  line-height: 20px;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 15px;
}

.ico_18 {
  line-height: 18px;
  vertical-align: top;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.cs_p {
  cursor: pointer !important;
}

.cs_d {
  cursor: default !important;
}

.bg_w {
  background-color: #fff !important;
}

.d_n {
  display: none !important;
}

.d_h {
  visibility: hidden;
}

.d_b {
  display: block !important;
}

.d_f {
  display: flex !important;
}

.d_ib {
  display: inline-block !important;
}

.bs {
  box-shadow: rgba(145, 158, 171, 0.24) 0px 0px 4px 0px, rgba(145, 158, 171, 0.24) 0px 4px 12px -4px !important;
}

.br {
  border-radius: 6px !important;
}

.br_t {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.br_b {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.of_y {
  overflow-y: auto;
}

.fs_12 {
  font-size: 12px !important;
}

.fs_18 {
  font-size: 18px !important;
}

.ws_pw {
  white-space: pre-wrap;
}

.v_t {
  vertical-align: top;
}

.ac {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ac_v {
  display: flex;
  align-items: center;
}

.wzYbz {
  position: relative;
  width: 100%;
  background-color: #12071f;
}

.iPVOHB {
  width: 100%;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
}

.hQuCKh {
  margin: 0px;
  padding: 0px;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: rgb(255, 255, 255);
  word-break: keep-all;
}

.hQuCKh span {
  color: #0072ce;
}

.ffGSXK {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -0.05em;
  background: #fff;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.RiUWG {
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 15px;
  color: #fff;
}

.fYVfpa {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
}

.gPdxkF {
  margin-bottom: 1.5rem;
  color: rgb(18, 7, 32);
  text-align: center;
}

.ccvOzH {
  margin-bottom: 1.5rem;
  color: rgb(18, 7, 32);
  text-align: center;
  font-weight: 400;
}

.kIhrQw {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  direction: row;
  flex-wrap: wrap;
}

.jgvfWH {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  min-height: 50px;
  border: 2px solid #0072CE;
  border-radius: 28px;
  color: #0072CE;
  font-weight: 600;
  font-size: 1.5em;
  margin: 14px;
}

.jgvfWH:hover {
  background-color: #0072CE;
  transition: 1s ease;
  color: rgba(0, 0, 0, 1);
}

.jgvfWH svg {
  margin-top: 3px;
  margin-left: 7px;
}

.brJxwW {
  position: 'relative';
  width: 100%;
  max-width: 330px;
  height: 450px;
  margin-top: 40px;
  perspective: 1200px;
}

.iHcSCQ {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.sc-jXbVAB:hover .iHcSCQ,
.sc-jXbVAB:active .iHcSCQ {
  transform: rotateY(180deg);
}

.jTUKgi {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  color: white;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid hsla(0, 0%, 9%, .04);
  border-radius: 16px;
  box-shadow: 0 2px 8px -2px hsla(0, 0%, 9%, .08), 0 8px 12px -2px hsla(0, 0%, 9%, .16);
}

.jTUKgi.front {
  background-color: #fff;
  color: #0072ce;
}

.jTUKgi.back {
  background-color: #12071f;
  color: white;
  transform: rotateY(180deg);
}

.hmTQif {
  display: flex;
  flex-direction: column;
}

.buYOQL {
  width: 35px;
  height: 35px;
  background-image: url(../media/logo_bxm.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 5px;
  margin-right: 5px;
}

.kRoSiU {
  width: 40px;
  height: 40px;
  background-image: url(../media/logo_bxcm.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 5px;
  margin-right: 5px;
}

.hINTqe {
  width: 50px;
  height: 50px;
  background-image: url(../media/logo_bxcp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 5px;
  margin-right: 5px;
}

.gBxbmc {
  width: 35px;
  height: 35px;
  background-image: url(../media/logo_bxi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 5px;
  margin-right: 5px;
}

.gsUZMU {
  font-size: 2.85rem;
  font-weight: 700;
  text-align: left;
}

.jKWNMy {
  font-size: 2rem;
  font-weight: 700;
  text-align: left;
}

.DUSzp {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}

.iJCzy {
  width: 100%;
  height: calc(100% - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgb(0, 114, 206);
  margin-top: 10px;
}

.gaSugK {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  color: rgb(18, 7, 31);
}

.dCerxc {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}

.czPPKE {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.75rem;
}

.czPPKE > div h1 {
  margin-bottom: 20px;
}

.cGGvYO {
  margin-right: 6px;
  width: 52px;
  height: 52px;
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-repeat: no-repeat;
}

.cGGvYO.active {
  width: 52px;
  height: 52px;
}

.fKbZIU {
  margin-right: 6px;
  width: 52px;
  height: 52px;
  background-image: url(../media/logo_color.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.fKbZIU.active {
  width: 52px;
  height: 52px;
}

.crTyzI {
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 150px;
  height: 60px;
  margin-top: -8px;
}

.ZQMrN {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.clqASd {
  font-weight: 600;
}

.iniGXU {
  font-weight: 400;
}

.ixoTyW {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(9, 30, 66, 0.54);
}

.jwxNLJ {
  position: relative;
  width: 400px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  box-sizing: border-box;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hfYGLu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 25px;
  color: #0072CE;
  cursor: pointer;
  border-radius: 50%;
  transition: 300ms ease;
}

.hfYGLu:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.KdWWl {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #0072ce;
}

.KdWWl div:first-child {
  justify-content: center;
}

.bTSVbA {
  color: #000;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  padding: 25px 0;
}

.dYwiNC {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dYwiNC svg {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 10px;
  color: #0072ce;
  font-size: 25px;
  border-radius: 50%;
  transition: 300ms ease;
}

.dYwiNC svg:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.hWKWdA {
  width: 100%;
  position: relative;
}

.jjhAvd {
  height: 40px;
  padding: 10px 10px 8px 10px;
  border-radius: 6px;
  border: 2px solid #e3e6f3;
  width: 100%;
}

.jjhAvd:focus {
  outline: none;
  border: 2px solid #0072ce;
}

.jjhAvd[type='submit'] {
  font-size: 16px;
  border: none;
  background-color: #0072ce;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.jjhAvd[type='submit']:hover {
  opacity: 0.8;
}

.Xvocu {
  width: 100%;
  background-color: #e3e6f3;
  height: 2px;
}

.doqFbv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0072ce;
}

.doqFbv .dot {
  margin: 0 5px;
}

.doqFbv .text {
  cursor: pointer;
}

.doqFbv .text:hover {
  text-decoration: underline;
}

#menu-toggle {
  display: none;
  cursor: pointer;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 30px;
  justify-content: center;
  align-items: center;
}

#menu-toggle:active {
  background-color: rgba(255, 255, 255, 0.2);
}

#menu-toggle:active.show {
  background-color: rgba(0, 0, 0, 0.1); 
}

.DHkGN {
  display: flex;
  align-items: center;
}

.dOgoVe {
  margin: 0 1.875rem;
  cursor: pointer;
  font-weight: 500;
  line-height: 2; /* line-height 고정으로 높이 변화 방지 */
  position: relative;
  transition: all 0.3s ease; /* 모든 변화가 부드럽게 진행되도록 설정 */
  padding-bottom: 3px; /* border-bottom과 같은 높이로 패딩 추가 */  
}

.dOgoVe:hover {
  color: #0072ce;
}

.dOgoVe:hover > ul{
  visibility: visible;
  opacity: 1;
  transform: translateY(0); /* 서브메뉴가 부드럽게 나타나도록 */
}


.dOgoVe::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #0072ce;
  transition: width 0.3s ease; /* Border 애니메이션 */
}

.dOgoVe:hover:after {
  width: 100%;
}

.cqfUFE {
  position: fixed;
  width: 100%;
  top: 5rem;
  left: 0px;
  right: 0px;
  background-color: rgb(255, 255, 255);
  z-index: 100;
  display: none;
  flex-direction: column;
  padding: 1rem ;
  color: rgb(0, 114, 206);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 9px 0px;
  border-top: 1px solid rgb(0, 114, 206);
}

.cqfUFE.show {
  display: flex;
}

.grriGu {
  cursor: pointer;
  font-size: 18px;
  padding: 1rem;
  font-weight: 600;
  border-radius: 6px;
}

.grriGu:active {
  background-color: #F4F8FC;
}

.grriGu svg {
  margin-top: 3px;
  font-size: 16px;
}

.grriGu .logoutBtn {
  color: rgb(0, 114, 206);
}

.gpssJs {
  display: none;
}

.gpssJs.show {
  display: flex;
  flex-direction: column;
}

.VTFYC {
  cursor: pointer;
  font-size: 16px;
  padding: 10px 2rem;
}

.kBTaZ {
  padding: 0.25em;
  position: absolute;
  top: calc(100% + 3px);
  left: 0px;
  width: 180px;
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  box-shadow: rgba(10, 10, 10, 0.1) 0px 8px 16px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
  z-index: 10;
}

.iNBIlA {
  padding: 0.5rem;
  cursor: pointer;
  color: rgb(34, 34, 34);
  font-size: 16px;
  transition: background-color 0.3s;
  border-radius: 6px;
}

.iNBIlA:hover {
  background-color: #f1f1f1;
}

.jpzwud {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  color: #fff;
}

.jpzwud.active {
  background-color: #fff;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, .16);
  color: #0072CE;
  /* transition: background-color 1s, box-shadow .2s, max-height .2s; */
}

.jnAPcu {
  background-color: #12071f;
  color: #fff;
  width: 100%;
  height: auto;
  padding: 2.25rem 5rem;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
}

.hVEZbR {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.A-DDLJ {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.hSMnuG {
  width: 100%;
  flex-grow: 1;
}

.active .logoutBtn {
  border: 0;
  background-color: transparent;
  color: #0072CE;
  cursor: pointer;
  font-size: 20px;
}

.logoutBtn {
  border: 0;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
}

.chat-btn {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #0072CE;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.chat-btn:hover {
transition: transform 0.2s ease-in-out;
background-color: #005bb5;
transform: scale(1.1);
}

.chat {
display: none;
position: fixed;
z-index: 3;
right: 10px;
bottom: 85px;
width: 415px;
height: 600px;
/* overflow: hidden; */
background-color: #fff;
box-shadow: 0 1px 2px 1px rgba(47, 56, 61, 0.15), 0 1px 2px rgba(47, 56, 61, 0.2);
border-radius: 12px;
}

.chat.expand {
width: 830px;
height: 650px;
}

.chat.expand .chat-area {
height: 150px;
}

.chat.show {
display: flex;
flex-direction: column;
}

.chat .chat-head {
position: relative;
display: flex;
align-items: center;
padding: 0 1.5rem;
background-color: #0072CE;
height: 80px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: #fff;
margin-bottom: 40px;
}

.chat .chat-head .model {
display: flex;
align-items: center;
position: absolute;
width: 100%;
height: 50px;
background-color: #fff;
top: 80px;
left: 0;
padding: 0 1rem;
}

.chat .chat-head .model .backdrop {
display: none;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}

.chat .chat-head .model .backdrop.is-active {
display: block;
}

#model-toggle {
cursor: pointer;
color: #0072CE;
font-size: 18px;
font-weight: 600;
background: url(../media/chevron.svg) no-repeat;
background-position: right 0.5rem top 50%;
background-size: auto 0.65em;
outline: none;
border: none;
line-height: inherit;
padding: 0.5rem 1.5rem 0.5rem 0.75rem;
border-radius: 0.5rem;
transition: all 0.15s ease-in-out;
}

#model-toggle:hover {
background-color: #f1f1f1;
}

#model-popover {
display: none;
list-style: none;
border-radius: 6px;
border: none;
font-weight: 500;
width: 115px;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
position: absolute;
padding: 4.5px;
top: 45px;
background-color: #fff;
z-index: 10;
margin: 0;
}

#model-popover.show {
display: block;
}

#model-popover li {
font-size: 14px;
padding: 0.5rem;
cursor: pointer;
border-radius: 6px;
color: #222;
}

#model-popover li:hover {
background-color: #f1f1f1;
}

.chat-head .model .tooltip {
position: relative;
cursor: pointer;
line-height: 10px;
}

.chat-head .model .tooltip .tooltip-text {
visibility: hidden;
width: 280px;
background-color: #fff;
color: #222;
text-align: center;
border-radius: 6px;
padding: 10px;
font-size: 13px;
line-height: 1.5;
white-space: normal;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);

position: absolute;
z-index: 10;
bottom: 130%;
left: 50%;
transform: translateX(-50%);

/* Fade in tooltip */
opacity: 0;
transition: opacity 0.3s;
}

.chat-head .model .tooltip .tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}

.chat-head .model .tooltip:hover .tooltip-text {
cursor: pointer;
visibility: visible;
opacity: 1;
}

.chat-logo {
width: 40px;
height: 40px;
background-image: url('../media/logo.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-top: 5px;
margin-right: 5px;
}

.chat-logo-title-contents {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}

.chat-logo-title-contents .chat-logo-title {
font-size: 29px;
font-weight: 600;
}

.chat-logo-title-contents .chat-logo-title.main {
line-height: 1;
}

.chat-logo-title-contents .chat-logo-title.sub {
font-size: 12px;
font-weight: 300;
}

#expand-btn,
#close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  cursor: pointer;
  border-radius: 6px;
  transition: 300ms ease;
}

#close-btn {
  display: none;
}

#expand-btn:hover,
#close-btn:hover {
  cursor: pointer;
  background-color: #005bb5;
}

#expand-btn:active svg,
#close-btn:active svg {
  transform: scale(0.9);
}

.chat .chat-body {
  padding: 1rem;
  height: 420px;
  border-bottom: 1px solid #0072CE;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.chat .chat-body .message {
  font-size: 16px;
  max-width: 70%;
  padding: 0.8rem;
  border-radius: 6px;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 1.5;
  margin: 0;
}

.chat .chat-body .message.user {
  align-self: flex-end;
  background-color: #0072CE;
  color: #fff;
}

.chat .chat-body .message.ai {
  align-self: flex-start;
  background-color: #f4f8fc;
  text-align: left;
}

.chat .chat-body .chat-loader {
  display: flex;
  background-color: #f4f8fc;
  align-items: center;
  padding-left: 1.75rem;
  width: 65px;
  min-height: 50px;
  border-radius: 6px;
}

.chat .chat-body > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  max-width: 70%;
}

.chat .chat-body > ul li {
  cursor: pointer;
  background-color: #f4f8fc;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  transition: 300ms ease;
}

.chat .chat-body > ul li:hover {
  transform: translateY(-5px);
}

.chat .chat-area {
  display: flex;
  justify-content: center;
  height: 100px;
  padding: 10px;
  padding-right: 1rem;
  gap: 10px;
}

.chat .chat-area textarea {
  border: none;
  outline: none;
  width: 100%;
  /* height: 55px; */
  height: 100%;
  resize: none; /* 사용자가 크기를 변경하지 못하게 설정 */
  font-size: 16px;
  line-height: 1.5;
}

.chat .chat-area textarea:focus {
  outline: none;
}

.chat .chat-area .chat-btn-area {
  display: flex;
  align-items: center;
  width: 40px;
  height: 100%;
}

#send-btn {
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0072CE;
}

#stop-btn {
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0072CE;
}

#send-btn:active,
#stop-btn:active {
  background-color: #005bb5;
  transition: 0.3ms ease;
}

#send-btn.active {
display: flex;
}

#stop-btn.active {
display: flex;
}

#stop-btn.active #send-btn {
display: none;
}

#send-btn.active #stop-btn {
display: none;
}

.chat .chat-area .chat-btn-area .send-btn svg {
margin-left: 2px;
}

.loader {
width: 10px;
height: 10px;
border-radius: 50%;
animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
0% {
  box-shadow: 15px 0 #0072CE, -15px 0 #0072ce20;
  background: #0072CE;
}

33% {
  box-shadow: 15px 0 #0072CE, -15px 0 #0072ce20;
  background: #0072ce20;
}

66% {
  box-shadow: 15px 0 #0072ce20, -15px 0 #0072CE;
  background: #0072ce20;
}

100% {
  box-shadow: 15px 0 #0072ce20, -15px 0 #0072CE;
  background: #0072CE;
}
}

/* desktop */
@media only screen and (min-width: 1024px) {
  .wzYbz {
    height: 260px;
  }
  .hQuCKh {
    font-size: 2em;
    line-height: 50px;
  }
  .jpzwud {
    height: 8.125rem;
    padding: 1.875rem 5rem;
  }
  .jpzwud.active {
    max-height: 7.125rem;
  }
  .cGGvYO {
    margin-top: 10px;
    width: 52px;
    height: 52px;
  }
  .cGGvYO.active {
    width: 52px;
    height: 52px;
  }
  .fKbZIU {
    margin-top: 10px;
    width: 52px;
    height: 52px;
  }
  .fKbZIU.active {
    width: 52px;
    height: 52px;
  }
  .clqASd {
    font-size: 35px;
  }
  .iniGXU {
    font-size: 14px;
  }
  .dOgoVe {
    font-size: 20px;
  }
  .fYVfpa {
    padding: 80px;
  }
  .gPdxkF {
    font-size: 2.5rem;
  }
  .ccvOzH {
    font-size: 24px;
    padding: 0 300px;
  }
  .cqfUFE.show {
    display: none;
  }
}

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wzYbz {
    height: 230px;
  }
  .hQuCKh {
    font-size: 1.5em;
    line-height: 40px;
  }
  .jpzwud {
    height: 7.125rem;
    padding: 1.775rem 4.5rem;
  }
  .jpzwud.active {
    max-height: 6.125rem;
  }
  .cGGvYO {
    margin-top: 8px;
    width: 40px;
    height: 40px;
  }
  .cGGvYO.active {
    width: 40px;
    height: 40px;
  }
  .fKbZIU {
    margin-top: 6px;
    width: 45px;
    height: 45px;
  }
  .fKbZIU.active {
    width: 45px;
    height: 45px;
  }
  .clqASd {
    font-size: 28px;
  }
  .iniGXU {
    font-size: 11px;
  }
  .dOgoVe {
    font-size: 18px;
  }
  .fYVfpa {
    padding: 60px;
  }
  .gPdxkF {
    font-size: 2rem;
  }
  .ccvOzH {
    font-size: 18px;
    padding: 0 200px;
  }
  .cqfUFE.show {
    display: none;
  }
}

/* mobile */
@media only screen and (max-width: 767px) {
  .wzYbz {
    height: 210px;
  }
  .iPVOHB {
    padding: 0 30px;
  }
  .hQuCKh {
    font-size: 14px;
    line-height: 30px;
  }
  .jgvfWH {
    min-height: 40px;
    font-size: 14px;
    margin: 10px 0;
  }
  .gsUZMU {
    font-size: 2.5rem;
  }
  .DUSzp {
    font-size: 0.65rem;
  }
  .gaSugK {
    font-size: 1rem;
  }
  .dCerxc {
    font-size: 0.65rem;
  }
  .brJxwW {
    max-width: 250px;
    height: 350px;
    margin-top: 20px;
  }
  .czPPKE > div h1 {
    margin-bottom: 10px;
  }
  .chat {
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .chat.expand {
    width: 100%;
    height: 100%;
  }
  .chat .chat-head .chat-logo {
    margin-top: 3px;
    width: 30px;
    height: 30px;
  }
  .chat-logo-title-contents .chat-logo-title.main{
    font-size: 20px;
  }
  .chat-logo-title-contents .chat-logo-title.sub {
    font-size: 10px;
  }
  #expand-btn {
    display: none;
  }
  #close-btn {
    display: flex;
  }
  .chat .chat-body {
    height: 100%;
  }
  .chat .chat-area textarea {
    font-size: 13px;
  }
  .chat .chat-body > ul {
    max-width: 90%;
  }
  .chat .chat-body .message {
    font-size: 12px;
  }
  .chat .chat-head .model {
    top: 60px;
  }
  .chat-head .model .tooltip .tooltip-text {
    font-size: 12px;
    width: 200px;
  }
  .jnAPcu {
    padding: 1.5rem 2.5rem;
    justify-content: center;
  }
  .hVEZbR {
    font-size: 12px;
  }
  .jpzwud {
    height: 6.125rem;
    padding: 1.675rem 2rem;
  }
  .jpzwud.active {
    max-height: 5.125rem;
  }
  .cGGvYO {
    margin-top: 6px;
    width: 32px;
    height: 32px;
  }
  .cGGvYO.active {
    width: 32px;
    height: 32px;
  }
  .fKbZIU {
    margin-top: 6px;
    width: 38px;
    height: 38px;
  }
  .fKbZIU.active {
    width: 38px;
    height: 38px;
  }
  .clqASd {
    font-size: 22px;
  }
  .iniGXU {
    font-size: 9px;
  }
  #menu-toggle {
    display: flex;
  }
  .DHkGN {
    display: none;
  }
  .dOgoVe {
    font-size: 16px;
  }
  .fYVfpa {
    padding: 40px;
  }
  .gPdxkF {
    font-size: 1.5rem;
  }
  .ccvOzH {
    font-size: 14px;
    padding: 0 30px;
  }
  .kIhrQw {
    gap: 1rem;
  }
  /* .cqfUFE {
    display: flex;
  } */
}