@charset "UTF-8";
/* WeDytor Main Style

Table of Contents

00.Variables and Imports
01.Base
02.Buttons
03.Widths
04.Borders
05.Badges
06.Breadcrumb
07.Tabs
08.Timer
09.Slick Slider
10.Navbar
11.Menu
12.Apps
14.Survey
15.Todo
16.Main
17.Cards
21.Alerts
22.Forms
23.Form Wizard
24.Slider(Range)
25.Navs
29.Sortable
30.Spinner
31.Croppper
32.Modal
33.Authorization
35.Icons
36.Loading
38.Context Menu
39.Videojs
41.Tables
43.Profile Page
44.Glide
47.Rounded
48.datepicker
49.Mobile invitation
50.ceremonyeditor
*/
/* 00.Variables and Imports */
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 700;
  src: local("Spoqa Han Sans Neo Bold"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 500;
  src: local("Spoqa Han Sans Neo Medium"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 400;
  src: local("Spoqa Han Sans Neo Regular"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 300;
  src: local("Spoqa Han Sans Neo Light"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff") format("woff"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 100;
  src: local("Spoqa Han Sans Neo Thin"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2") format("woff2"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff") format("woff"), url("../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-Italic.eot");
  src: local("Titillium Web Italic"), local("../font/TitilliumWeb/TitilliumWeb-Italic"), url("../font/TitilliumWeb/TitilliumWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-Italic.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-Italic.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic.eot");
  src: local("Titillium Web ExtraLight Italic"), local("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-Black.eot");
  src: local("Titillium Web Black"), local("../font/TitilliumWeb/TitilliumWeb-Black"), url("../font/TitilliumWeb/TitilliumWeb-Black.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-Black.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-Black.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-Bold.eot");
  src: local("Titillium Web Bold"), local("../font/TitilliumWeb/TitilliumWeb-Bold"), url("../font/TitilliumWeb/TitilliumWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-Bold.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-Bold.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-ExtraLight.eot");
  src: local("Titillium Web ExtraLight"), local("../font/TitilliumWeb/TitilliumWeb-ExtraLight"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLight.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLight.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic.eot");
  src: local("Titillium Web SemiBold Italic"), local("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic"), url("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-LightItalic.eot");
  src: local("Titillium Web Light Italic"), local("../font/TitilliumWeb/TitilliumWeb-LightItalic"), url("../font/TitilliumWeb/TitilliumWeb-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-LightItalic.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-LightItalic.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-Light.eot");
  src: local("Titillium Web Light"), local("../font/TitilliumWeb/TitilliumWeb-Light"), url("../font/TitilliumWeb/TitilliumWeb-Light.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-Light.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-Light.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-Regular.eot");
  src: local("Titillium Web Regular"), local("../font/TitilliumWeb/TitilliumWeb-Regular"), url("../font/TitilliumWeb/TitilliumWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-Regular.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-Regular.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-SemiBold.eot");
  src: local("Titillium Web SemiBold"), local("../font/TitilliumWeb/TitilliumWeb-SemiBold"), url("../font/TitilliumWeb/TitilliumWeb-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-SemiBold.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-SemiBold.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb/TitilliumWeb-BoldItalic.eot");
  src: local("Titillium Web Bold Italic"), local("../font/TitilliumWeb/TitilliumWeb-BoldItalic"), url("../font/TitilliumWeb/TitilliumWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb/TitilliumWeb-BoldItalic.woff2") format("woff2"), url("../font/TitilliumWeb/TitilliumWeb-BoldItalic.woff") format("woff"), url("../font/TitilliumWeb/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
/* nunito-300  */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("../font/nunito/nunito-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/nunito/nunito-300.eot?#iefix") format("embedded-opentype"), url("../font/nunito/nunito-300.woff2") format("woff2"), url("../font/nunito/nunito-300.woff") format("woff"), url("../font/nunito/nunito-300.ttf") format("truetype"), url("../font/nunito/nunito-300.svg#Nunito") format("svg"); /* Legacy iOS */
}
/* nunito-regular  */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../font/nunito/nunito-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/nunito/nunito-regular.eot?#iefix") format("embedded-opentype"), url("../font/nunito/nunito-regular.woff2") format("woff2"), url("../font/nunito/nunito-regular.woff") format("woff"), url("../font/nunito/nunito-regular.ttf") format("truetype"), url("../font/nunito/nunito-regular.svg#Nunito") format("svg"); /* Legacy iOS */
}
/* nunito-600  */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("../font/nunito/nunito-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/nunito/nunito-600.eot?#iefix") format("embedded-opentype"), url("../font/nunito/nunito-600.woff2") format("woff2"), url("../font/nunito/nunito-600.woff") format("woff"), url("../font/nunito/nunito-600.ttf") format("truetype"), url("../font/nunito/nunito-600.svg#Nunito") format("svg"); /* Legacy iOS */
}
/* nunito-italic  */
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  src: url("../font/nunito/nunito-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/nunito/nunito-italic.eot?#iefix") format("embedded-opentype"), url("../font/nunito/nunito-italic.woff2") format("woff2"), url("../font/nunito/nunito-italic.woff") format("woff"), url("../font/nunito/nunito-italic.ttf") format("truetype"), url("../font/nunito/nunito-italic.svg#Nunito") format("svg"); /* Legacy iOS */
}
/* nunito-700  */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../font/nunito/nunito-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/nunito/nunito-700.eot?#iefix") format("embedded-opentype"), url("../font/nunito/nunito-700.woff2") format("woff2"), url("../font/nunito/nunito-700.woff") format("woff"), url("../font/nunito/nunito-700.ttf") format("truetype"), url("../font/nunito/nunito-700.svg#Nunito") format("svg"); /* Legacy iOS */
}

@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 100; src: url("../../fonts/montserrat/Montserrat-Thin.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 200; src: url("../../fonts/montserrat/Montserrat-ExtraLight.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 300; src: url("../../fonts/montserrat/Montserrat-Light.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url("../../fonts/montserrat/Montserrat-Regular.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 500; src: url("../../fonts/montserrat/Montserrat-Medium.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("../../fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 700; src: url("../../fonts/montserrat/Montserrat-Bold.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 800; src: url("../../fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2");}
@font-face {font-family: "Montserrat"; font-style: normal; font-weight: 900; src: url("../../fonts/montserrat/Montserrat-Black.woff2") format("woff2");}


/* 01.Base */
html {
  width: 100%;
  height: 100%;
  background: #f8f8f8;
}

:root {
  --theme-color-1: #ffc708;
  --theme-color-2: #ffac8e;
  --theme-color-3: #e6cd61;
  --theme-color-4: #ae8c27;
  --theme-color-5: #c9b69a;
  --theme-color-6: #e2c33c;
  --theme-color-1-10: rgba(255, 199, 8, 0.1);
  --theme-color-2-10: rgba(255, 172, 142, 0.1);
  --theme-color-3-10: rgba(230, 205, 97, 0.1);
  --theme-color-4-10: rgba(174, 140, 39, 0.1);
  --theme-color-5-10: rgba(201, 182, 154, 0.1);
  --theme-color-6-10: rgba(226, 195, 60, 0.1);
  --primary-color: #3a3a3a;
  --foreground-color: white;
  --separator-color: #d7d7d7;
  --ai-grad1:#FFEDA3FF;
  --ai-grad2:#FFD857FF;
  --ai-grad3:#D68800FF;
  --ai-text:#10342A;    /* 진한 텍스트 */
}

body {
  font-family: "Pretendard", "Titillium Web", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #3a3a3a;
  background: #f8f8f8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: calc(100% - 185px);
  position: relative;
}
@media (max-width: 1439px) {
  body {
    min-height: calc(100% - 130px);
  }
}
@media (max-width: 1199px) {
  body {
    min-height: calc(100% - 110px);
  }
}
@media (max-width: 767px) {
  body {
    min-height: calc(100% - 85px);
  }
}
@media (max-width: 575px) {
  body {
    padding-bottom: 60px;
  }
}
body.no-footer {
  padding-bottom: initial;
}
body.background {
  height: 100%;
}
body.background main {
  margin: 0 !important;
  height: 100%;
}
body.background main .container {
  height: 100%;
}

.rtl * {
  text-align: right;
}

.fixed-background {
  background: url("../img/login/balloon-lg.jpg") no-repeat center center fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.background .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.disable-text-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.scroll {
  margin-right: -15px;
  padding-right: 15px;
  position: relative;
  height: 100%;
}

::-moz-selection {
  background: #f4e9b9;
}

::selection {
  background: #f4e9b9;
}

::-moz-selection {
  background: #f4e9b9;
}

.ps__thumb-y {
  background-color: #d7d7d7;
}

.logo-single {
  width: 110px;
  height: 35px;
  background: url("../logos/black.svg") no-repeat;
  background-position: center center;
  display: inline-block;
  margin-bottom: 60px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.3;
}

h1 {
  font-size: 1.3rem;
  padding-bottom: 10px;
  display: inline-block;
}
@media (max-width: 767px) {
  h1 {
    font-size: 1rem;
    padding-top: 0.75rem;
    margin-bottom: 0;
  }
}

h2 {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  h2 {
    font-size: 1.1rem;
  }
}

h3 {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1rem;
  }
}

h3 {
  font-size: 1.15rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1rem;
  }
}

h4 {
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  h4 {
    font-size: 0.9rem;
  }
}

h5 {
  font-size: 1rem;
}
@media (max-width: 767px) {
  h5 {
    font-size: 0.9rem;
  }
}

h6 {
  font-size: 0.9375rem;
}
@media (max-width: 767px) {
  h6 {
    font-size: 0.85rem;
  }
}

.depth-1 {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}

.depth-2 {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}

.r-0 {
  right: 0;
}

.l-0 {
  left: 0;
}

.list-item-heading {
  font-size: 1rem;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.min-width-zero {
  min-width: 0;
}

.no-transition {
  transition: none !important;
}

button {
  color: #3a3a3a;
  outline: initial !important;
}

@media (max-width: 767px) {
  .display-1 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .display-2 {
    font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  .display-3 {
    font-size: 2.4rem;
  }
}

@media (max-width: 767px) {
  .display-4 {
    font-size: 2.2rem;
  }
}

.lead {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .lead {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}

@media (max-width: 991px) {
  .separator.mb-5,
  .separator-tabs.mb-5 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 575px) {
  .float-none-xs {
    float: initial !important;
  }
}

.main-heading {
  border-bottom: 1px solid #d7d7d7;
}

.separator {
  border-bottom: 1px solid #d7d7d7;
}

.alert-dismissible .close {
  padding: 0.5rem 1.25rem;
}

ul li {
  margin-bottom: 5px;
}
ul li:last-of-type {
  margin-bottom: 0;
}

.rounded {
  border-radius: 50px !important;
}

.video-play-icon {
  width: 100%;
  height: 100%;
  position: absolute;
}
.video-play-icon span {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  height: 2.5rem;
  border-radius: 2rem;
  line-height: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8em;
  width: 3em;
  text-align: center;
  padding-left: 5px;
}
.video-play-icon span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  font-size: 0;
  border-color: transparent transparent transparent #ffc708;
}
.video-play-icon:hover span, .video-play-icon:active span {
  background: rgba(255, 255, 255, 0.85);
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

a {
  color: #3a3a3a;
  transition: color 200ms;
  outline: initial !important;
}
a:hover, a:active {
  text-decoration: initial;
  color: #ffc708;
}

.white {
  color: #fff !important;
}

p {
  font-size: 0.85rem;
  line-height: 1.3rem;
  font-family: "Spoqa Han Sans Neo", "Titillium Web", sans-serif;
}

.text-large {
  font-size: 1.9rem !important;
}

.text-one {
  font-size: 1rem !important;
}

.text-xlarge {
  font-size: 2.7rem !important;
}

.text-small {
  font-size: 0.76rem !important;
  line-height: 0.9rem !important;
}

.text-white {
  color: #fff !important;
}

.text-zero {
  font-size: 0 !important;
}

.text-extra-small {
  font-size: 0.7rem !important;
}

.text-default {
  color: #3a3a3a !important;
}

.text-muted {
  color: #909090 !important;
}

.text-semi-muted {
  color: #8f8f8f !important;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-semibold {
  font-weight: 600;
}

.color-theme-1 {
  color: #ffc708;
}

.color-theme-2 {
  color: #ffac8e;
}

.ltr .btn-group.dropleft .dropdown-toggle-split {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

#displayOptions a {
  cursor: pointer;
}
#displayOptions a.active i {
  color: #ffc708;
}
#displayOptions button {
  border-color: #8f8f8f;
}
#displayOptions button:hover {
  background-color: #ffc708;
  border-color: #ffc708;
  color: #fff;
}
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled):active,
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled).active,
#displayOptions .show > .btn-outline-dark.dropdown-toggle {
  background-color: #ffc708;
  border-color: #ffc708;
  color: #fff;
}
#displayOptions > span {
  padding-top: 0.1rem;
}
#displayOptions .view-icon svg {
  width: 19px;
}
#displayOptions .view-icon .view-icon-svg {
  fill: #8f8f8f;
}
#displayOptions .view-icon:hover .view-icon-svg, #displayOptions .view-icon.active .view-icon-svg {
  fill: #ffc708;
}

@media (min-width: 767px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.accordion-content {
  padding-top: 0 !important;
}

.feedback-container a {
  font-size: 1.3em;
  color: #8f8f8f;
  margin: 0.5rem;
}
.feedback-container a:hover, .feedback-container a:active {
  color: #ffc708;
}

.gallery img {
  max-height: 280px;
}

#baguetteBox-overlay .full-image img {
  box-shadow: initial;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button,
.baguetteBox-button#close-button {
  height: 40px;
  width: 40px;
  border-radius: 40px;
}

.baguetteBox-button {
  font-family: "simple-line-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.baguetteBox-button#next-button svg, .baguetteBox-button#close-button svg, .baguetteBox-button#previous-button svg {
  display: none;
}
.baguetteBox-button#close-button:before {
  content: "\e082";
}
.baguetteBox-button#next-button:before {
  content: "\e079";
}
.baguetteBox-button#previous-button:before {
  content: "\e07a";
}

.border-radius {
  border-radius: 0.2rem;
}


/* 유효성 표시 - 혜인 0730 */
.error {font-size: 12px; font-weight: 400; color: #d60000;}
/* 블라인드 추가 - 혜인 0809 */
.blind{position: absolute; clip: rect(0 0 0 0); width: 1px;	height: 1px; margin: -1px; overflow: hidden;}

/* 스크롤 - 혜인 0904 */
.scrollBox{overflow-x: hidden; overflow-y: auto;}
.scrollBox::-webkit-scrollbar{width: 2px;}
.scrollBox::-webkit-scrollbar-track{background-color: transparent;}
.scrollBox::-webkit-scrollbar-thumb{background-color: #ddd;}
.scrollBox::-webkit-scrollbar-button{display: none;}


/* 02.Buttons */
button {
  color: #3a3a3a;
  outline: initial !important;
}

.btn-arrow {
  display: inline-block;
  text-align: center;
  border-radius: 30px !important;
  width: 42px;
  height: 42px;
  line-height: 24px;
}

.btn-arrow i {
  font-size: 15px;
  display: inline-block;
  text-align: center;
}

.btn-sm.btn-arrow {
  width: 34px;
  height: 34px;
  line-height: 17px;
}

.btn-sm.btn-arrow i {
  font-size: 13px;
  line-height: 10px;
}

.btn {
  border-radius: 50px;
  outline: initial !important;
  box-shadow: none !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.5rem 1.25rem 0.5rem 1.25rem;
  transition: background-color box-shadow 0.1s linear;
  cursor: pointer;
}
label {
  cursor: pointer;
}
label input {
  display: none;
}

.btn.btn-square {
  padding: 0.3rem;
  border-radius: 0.25rem !important;
}
.btn.btn-square + .btn {
  margin-left: 4px;
}
.btn.attach-bgm, .btn.attach-video, .btn.attach-doc {
  border: none;
  padding: 0;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn.attach-bgm:hover, .btn.attach-video:hover, .btn.attach-doc:hover {
  color: white;
  background-color: transparent;
  border-color: transparent;
}
.btn.attach-bgm {
  background-image: url("../img/icons/attach-music.svg");
}
.btn.attach-video {
  background-image: url("../img/icons/attach-video.svg");
}
.btn.attach-doc {
  background-image: url("../img/icons/attach-doc.svg");
}

.btn-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
  transition: background-color box-shadow 0.1s linear;
}
.btn-shadow:hover, .btn-shadow:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 2px rgba(0, 0, 0, 0.15) !important;
}

.btn-empty {
  background: transparent !important;
}

.btn-lg,
.btn-group-lg > .btn,
.btn-group-sm > .btn {
  border-radius: 50px;
}

.btn.default {
  border-radius: 0.2rem;
}

.btn-primary {
  background-color: #ffc708;
  border-color: #ffc708;
  color: #191919;
}
.btn-primary:hover {
  color: #191919;
  background-color: #deac00;
  border-color: #deac00;
}

.check-button {
  cursor: default !important;
  padding-left: 2.2rem !important;
  min-height: unset !important;
  line-height: unset !important;
  padding-top: 0.5rem !important;
}
.check-button label.custom-control {
  padding-left: initial;
  min-height: initial;
  vertical-align: top;
  margin-top: 0;
}
.check-button span {
  line-height: unset;
}
.check-button.btn-xs {
  padding-top: 0.22rem !important;
  padding-bottom: 0.22rem !important;
}
.check-button.btn-xs .custom-control-label::before {
  top: 0.12rem;
}

.check-button.btn-primary {
  background-color: #ffc708 !important;
  border-color: #ffc708 !important;
  opacity: 1;
}

.check-button .custom-control {
  min-height: 1.1rem;
  margin-top: -7px;
}

.dropdown-menu {
  font-size: 0.8rem;
  border-radius: 0.2rem;
  background: white;
  border-color: rgba(58, 58, 58, 0.15);
}

.dropdown-item {
  padding: 0.35rem 1rem;
  color: #3a3a3a;
  max-height: 120px;
  overflow-y: auto;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f8f8f8;
  color: #3a3a3a;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #ffc708;
}

.dropdown-divider {
  border-color: #d7d7d7;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ca9c00;
  border-color: #ca9c00;
  color: #fff;
}

.btn-secondary {
  background-color: #ffac8e;
  border-color: #ffac8e;
  color: #fff;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #ff8e65;
  border-color: #ff8e65;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #ff7f51;
  border-color: #ff7f51;
  color: #fff;
}

.btn-primary.btn-primary-gradient {
  background: linear-gradient(to right, #ffc708, #bb9000);
}
.btn-primary.btn-primary-gradient:hover {
  background: linear-gradient(to right, #ffc708, #deac00);
}

.btn-primary-gradient:not(:disabled):not(.disabled):active,
.btn-primary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-primary-gradient.dropdown-toggle {
  background: linear-gradient(to right, #ffc708, #bb9000);
}

.btn-secondary-gradient {
  background: linear-gradient(to right, #ffac8e, #ff7442);
}
.btn-secondary-gradient:hover {
  background: linear-gradient(to right, #ffac8e, #ff8e65);
}

.btn-secondary-gradient:not(:disabled):not(.disabled):active,
.btn-secondary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-secondary-gradient.dropdown-toggle {
  background: linear-gradient(to right, #ffac8e, #ff7442);
}

.btn-warning {
  background-color: #b69329;
  border-color: #b69329;
}

.btn-success,
.btn-info,
.btn-danger,
.btn-warning {
  color: #fff;
}
.btn-success:hover,
.btn-info:hover,
.btn-danger:hover,
.btn-warning:hover {
  color: #fff;
}

.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover {
  color: white;
}

.btn-light {
  color: #131113;
  background-color: #ececec;
  border-color: #ececec;
}
.btn-light:hover {
  color: #131113;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}

.btn-dark {
  color: #ececec;
  background-color: #131113;
  border-color: #131113;
}
.btn-dark:hover {
  color: #ececec;
  background-color: #060506;
  border-color: #060506;
}

.btn-outline-dark {
  color: #131113;
  border-color: #131113;
}
.btn-outline-dark:hover {
  color: white;
  background-color: #131113;
  border-color: #131113;
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: initial;
}
.btn-outline-white:hover {
  color: #ffc708;
  background-color: #fff;
}

.btn-outline-light {
  color: #ececec;
  border-color: #ececec;
}
.btn-outline-light:hover {
  color: white;
  background-color: #ececec;
  border-color: #ececec;
}

.btn-outline-primary {
  color: #ffc708;
  border-color: #ffc708;
}
.btn-outline-primary:hover {
  color: white;
  background-color: #ffc708;
  border-color: #ffc708;
}

.btn-outline-theme-3 {
  background: unset;
  color: #e6cd61;
  border-color: #e6cd61;
}
.btn-outline-theme-3:hover {
  background-color: #e6cd61;
  border-color: #e6cd61;
  color: white;
}
.btn-outline-theme-3.rotate {
  /*transform: rotate(180deg);*/
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #ffc708;
  border-color: #ffc708;
  color: white;
}

.btn-outline-secondary {
  color: #ffac8e;
  border-color: #ffac8e;
}
.btn-outline-secondary:hover {
  background-color: #ffac8e;
  border-color: #ffac8e;
  color: white;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: #ffac8e;
  border-color: #ffac8e;
  color: white;
}
/* 신랑측 버튼색상 수정 */
.btn-outline-secondary.groom_blue:not(:disabled):not(.disabled):active,
.btn-outline-secondary.groom_blue:not(:disabled):not(.disabled).active{
  background-color: #aac2ec;
  border-color: #aac2ec;
}


.btn-header-light {
  color: #d7d7d7;
  border-color: transparent;
  background: transparent;
}
.btn-header-light:hover {
  background-color: transparent;
  border-color: #d7d7d7;
}

.btn-header-primary {
  color: #ffc708;
  border-color: transparent;
  background: transparent;
}
.btn-header-primary:hover {
  background-color: transparent;
  border-color: #ffc708;
}

.btn-header-secondary {
  color: #ffac8e;
  border-color: transparent;
  background: transparent;
}
.btn-header-secondary:hover {
  background-color: transparent;
  border-color: #ffac8e;
}

.btn-header-primary-light {
  color: #e6cd61;
  border-color: transparent;
  background: transparent;
}
.btn-header-primary-light:hover {
  background-color: transparent;
  border-color: #e6cd61;
}

.btn-xl,
.btn-group-xl > .btn {
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05rem;
  padding: 1rem 3.5rem 0.9rem;
}

.btn-lg,
.btn-group-lg > .btn {
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05rem;
  padding: 0.75rem 2.6rem 0.6rem 2.6rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  line-height: 1.5;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media screen and (min-width: 767px) {
  .btn-xs,
  .btn-group-xs > .btn {
    font-size: 0.8125rem;
  }
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #ffc708;
  border-color: #ffc708;
  color: white;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #ffac8e;
  border-color: #ffac8e;
  color: white;
}

.btn-group-toggle > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group.split > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group.split > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}

.btn-group-toggle > .btn:not(:first-child),
.btn-group.split > .btn:not(:first-child),
.btn-group.split > .btn-group:not(:first-child) > .btn {
  margin-left: 5px;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}

.btn-link {
  color: #ffc708;
  text-decoration: initial !important;
}

.white-underline-link {
  color: #fff;
  text-decoration: underline;
}
.white-underline-link:hover, .white-underline-link:active {
  color: #fff;
  text-decoration: initial;
}

.btn-link:hover {
  color: rgba(255, 199, 8, 0.7);
}

.btn-multiple-state {
  position: relative;
  transition: opacity 500ms;
}
.btn-multiple-state .spinner,
.btn-multiple-state .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 500ms;
  color: #fff;
  pointer-events: none;
}
.btn-multiple-state .icon i {
  vertical-align: text-bottom;
  font-size: 18px;
}
.btn-multiple-state .label {
  transition: opacity 500ms;
}
.btn-multiple-state.show-spinner .label {
  opacity: 0;
}
.btn-multiple-state.show-spinner .spinner {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-success .label {
  opacity: 0;
}
.btn-multiple-state.show-success .icon.success {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-fail .label {
  opacity: 0;
}
.btn-multiple-state.show-fail .icon.fail {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.btn-primary:disabled {
  opacity: 1;
  background: #d4a400;
  border-color: #d4a400;
}
.btn-multiple-state.btn-secondary:disabled {
  opacity: 1;
  border-color: #ff875b;
}

.icon-button {
  padding: 0;
  font-size: 16px;
  width: 34px;
  height: 34px;
  line-height: 34px;
}
@media (max-width: 991px) {
  .icon-button {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}
.icon-button.large {
  width: 44px;
  height: 44px;
  font-size: 18px;
  line-height: 2.5;
}
.icon-button.small-icon {
  font-size: 12px;
  line-height: 32px;
}

.btn-icon-del {
  position: relative;
  font-size: 0;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border-width: 0;
  padding: 0;
}
.btn-icon-del::after {
  content: "\e082";
  font-family: "simple-line-icons";
  font-size: 1.2rem;
  color: #ffc708;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-icon-del:hover::after {
  background-color: #ffffff;
  color: rgba(19, 17, 19, 0.8);
}

.top-right-button-single {
  width: unset;
}
@media (max-width: 991px) {
  .top-right-button-single {
    width: 100%;
  }
}

.top-right-button-container {
  float: right;
  position: relative;
}
.top-right-button-container:after {
  content: "";
  display: block;
  clear: both;
}
.top-right-button-container .btn {
  font-size: 0.875rem;
  font-weight: 500;
}
/* 모바일 버튼 간격 */
.mobile-action-bar .btn + .btn{ margin-left:8px; }
/* 상단 오른쪽 정렬 유지(데스크톱) */
@media (min-width: 575px){
  .top-right-button-container{ margin-left:8px; }
  .col-12.mb-2 > .d-lg-flex{ justify-content:flex-end; }
}

@media (max-width: 575px) {
  .top-right-button-container{
    padding: 0 5px;
  }
  .top-right-button-container .top-right-button {
    padding: 0.5rem 0.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.25rem !important;
    font-size: 0.8rem;
  }
  .top-right-button-container .top-right-button:last-child {
    margin-right: 0 !important;
  }
}

/* ===== 첨부파일 삭제 버튼 - 혜인 0827 ===== */
.btnFileDel {padding: 1px 4px; font-size: 11px; color: #3a3a3a; box-sizing: border-box; border-radius: 4px; border: 1px solid #3a3a3a; background-color: transparent;}
@media (hover:hover) {
  .btnFileDel:hover{background-color: #3a3a3a; color: #fff;}
}
/* ===== 견적요청서 삭제 버튼 - 혜인 0902  ===== */
.btnListDel{padding: 0.2rem 0.5rem; box-sizing: border-box; border: 1px solid #555; color: #555; border-radius: 4px;}
@media (hover:hover) {
  .btnListDel:hover{border: 1px solid #eb6969; color: #eb6969; font-weight: 500;}
}

/* ===== 체크박스 토글형 버튼 - 혜인 0904  ===== */
.tgl{display: none;}
.tgl-btn{display: inline-block; position: relative; width: 48px; height: 24px; border-radius: 12px; background: #d9d9d9; box-sizing: border-box; border: none; transition: all 0.4s ease; cursor: pointer; outline: 0;}
.tgl-btn:after{position: absolute; left: 3px; top: 3px; display: block; content: ""; width: 18px; height: 18px; border-radius: 9px; background-color: #fff; box-sizing: border-box; border: none; transition: all 0.2s ease;}
.tgl:checked + .tgl-btn:after {left: 27px;}
.tgl:checked + .tgl-btn {background: #ffdf72;}


/* ===== 아코디언 접기버튼 회전형 - 혜인 0905  ===== */
.foldArrow{transition: all 0.2s ease-in;}
.foldArrow.rotate{transform: rotate(180deg);}



/* ===== 위치이동 버튼 - 혜인 0909  ===== */
.scrollBtnBox{position: fixed;}
.scrollBtnBox .scBtn{width: 50px; height: 50px; box-sizing: border-box; border: 1px solid #ffdf72; border-radius: 50%; text-align: center; margin-bottom: 10px; cursor: pointer;}
.scrollBtnBox .scBtn span{font-size: 40px; margin-top: 5px; user-select: none;}
.scrollBtnBox .toTop, .scrollBtnBox .toBottom{background-color: rgba(255, 222, 114, 0.6); color: #fff;}
.scrollBtnBox .toPrev, .scrollBtnBox .toNext{background-color: rgb(255, 255, 255, 0.6); color: #ffdf72;}
/* 반응형 */
@media screen and (max-width: 1199px) {
  .scrollBtnBox .scBtn{width: 40px; height: 40px;}
  .scrollBtnBox .scBtn span{font-size: 30px; margin-top: 0;}
  .scrollBtnBox .toTop span{margin-top: 3px;}
  .scrollBtnBox .toPrev span{margin-top: 4px;}
  .scrollBtnBox .toNext span{margin-top: 5px;}
  .scrollBtnBox .toBottom span{margin-top: 5px;}
}
/* @media screen and (max-width: 767px) {
  .scrollBtnBox .scBtn{width: 30px; height: 30px;}
  .scrollBtnBox .scBtn span{font-size: 20px;}
} */

/* ===== new 아이콘 - 혜인 0924 ===== */
.icon_new{box-sizing: border-box; background-color: #ffc708; border-radius: 2px; color: #fff; font-size: 10px; font-weight: 500; padding: 2px 4px;}



/* 03.Widths */
.w-10 {
  width: 10% !important;
}

.w-90 {
  width: 90% !important;
}

.w-12 {
  width: 12% !important;
}

.w-88 {
  width: 88% !important;
}

.w-15 {
  width: 15% !important;
}

.w-85 {
  width: 85% !important;
}

.w-20 {
  width: 20% !important;
}

.w-80 {
  width: 80% !important;
}

.w-30 {
  width: 30% !important;
}

.w-70 {
  width: 70% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

@media (max-width: 767px) {
  .w-xs-100 {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-100 {
    width: 100% !important;
  }
}

/* 04.Borders */
.border {
  border: 1px solid #eeeeee !important;
}

.border-right {
  border-right: 1px solid #f3f3f3 !important;
}

.border-left {
  border-left: 1px solid #f3f3f3 !important;
}

.border-top {
  border-top: 1px solid #f3f3f3 !important;
}

.border-bottom {
  border-bottom: 1px solid #f3f3f3 !important;
}

.border-primary,
.border-theme-1 {
  border-color: #ffc708 !important;
}

.border-theme-2 {
  border-color: #ffac8e !important;
}

.border-theme-3 {
  border-color: #e6cd61 !important;
}

.border-secondary {
  border-color: #3a3a3a !important;
}

/* Colors */
.text-theme-2 {
  color: #ffac8e !important;
}

.text-theme-3 {
  color: #e6cd61 !important;
}

.text-primary,
.text-theme-1 {
  color: #ffc708 !important;
}

.text-secondary {
  color: #3a3a3a !important;
}

/* 05.Badges */
.bg-theme-2,
.badge-theme-2 {
  background-color: #ffac8e !important;
  color: #fff;
}

.bg-theme-3,
.badge-theme-3 {
  /* background-color: #e6cd61 !important; */
  /* 배경색변경 - 혜인 0726 */
  background-color: #ffc708 !important;
  color: #fff;
}

.bg-primary,
.bg-theme-1,
.badge-primary,
.badge-theme-1 {
  /* background-color: #ffc708 !important; */
  /* 배경색변경 - 혜인 0726 */
  background-color: #e6cd61 !important;
  color: #fff;
}

.bg-secondary,
.badge-secondary {
  background-color: #ffac8e !important;
  color: #fff;
}

.badge-warning {
  background-color: #b69329;
}

.badge-success {
  background-color: #3e884f;
}

.badge-info {
  background-color: #3195a5;
}

.badge-danger {
  background-color: #c43d4b;
}

.badge-success,
.badge-danger,
.badge-warning,
.badge-info {
  color: #fff;
}

.badge {
  padding: 0.6em 0.75em;
  font-size: 74%;
}
.badge.badge-pill {
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.badge.badge-top-left {
  top: 10px;
  left: -7px;
}
.badge.badge-top-left-2 {
  top: 40px;
  left: -7px;
}
.badge.badge-top-right {
  top: 8px;
  right: -7px;
}
.badge.badge-top-right-2 {
  top: 40px;
  right: -7px;
}

.badge-light {
  background-color: #ececec;
  color: #131113;
}

.badge-dark {
  background-color: #131113;
  color: #ececec;
}

.badge-outline-primary,
.badge-outline-theme-1 {
  background: unset;
  border: 1px solid #ffc708;
  color: #ffc708;
}

.badge-outline-secondary,
.badge-outline-theme-2 {
  background: unset;
  border: 1px solid #ffac8e;
  color: #ffac8e;
}

.badge-outline-theme-3 {
  background: unset;
  border: 1px solid #e6cd61;
  color: #e6cd61;
}

.badge-outline-success {
  background: unset;
  border: 1px solid #3e884f;
  color: #3e884f;
}

.badge-outline-danger {
  background: unset;
  border: 1px solid #c43d4b;
  color: #c43d4b;
}

.badge-outline-warning {
  background: unset;
  border: 1px solid #b69329;
  color: #b69329;
}

.badge-outline-info {
  background: unset;
  border: 1px solid #3195a5;
  color: #3195a5;
}

.badge-outline-light {
  background: unset;
  border: 1px solid #ececec;
  color: #ececec;
}

.badge-outline-dark {
  background: unset;
  border: 1px solid #131113;
  color: #131113;
}

/* 06.Breadcrumb */
@media (max-width: 991px) {
  .breadcrumb-container .breadcrumb {
    padding: 0;
  }
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
}

/* 07.Tabs */
.nav-tabs.separator-tabs {
  border-bottom: 1px solid #d7d7d7;
}

.nav-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background: initial;
}

.nav-tabs .nav-link.active::before,
.nav-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #ffc708;
  color: white;
  border-radius: 10px;
  position: absolute;
  width: calc(100% - 1rem);
  height: 5px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.nav-tabs.separator-tabs .nav-link.active::before,
.nav-tabs.separator-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #ffc708;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  top: unset;
}

.nav-tabs.separator-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
  background: initial;
  padding-left: 0.75rem;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  margin-right: 1.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #8f8f8f;
}
@media screen and (max-width: 1280px) {
  .nav-tabs.separator-tabs .nav-link {
    padding-left: 0;
    padding-right: 0;
  }
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border: initial;
  position: relative;
  color: #ffc708;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border: initial;
  color: #ffc708;
}

/* 08.Timer */
.timer-column {
  width: 80px;
  display: inline-block;
}
.timer-column p {
  margin-bottom: 0;
}
.timer-column .lead {
  color: #ffc708;
  font-size: 2.4rem;
  margin-bottom: 0.5rem;
}

.newsletter-input-container {
  margin-top: 0.5rem;
}
.newsletter-input-container .input-group {
  border-radius: 50px;
}
.newsletter-input-container input {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 0.5rem 1.25rem;
  height: 42px;
}
.newsletter-input-container button {
  line-height: 0.5;
}
@media (max-width: 767px) {
  .newsletter-input-container button {
    padding: 1rem 1.5rem 0.9rem;
  }
}

/* 09.Slick Slider */
.slick .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
  outline: initial !important;
  height: unset;
}
.slick .slick-slide.card {
  display: flex;
  flex-grow: 1;
}
.slick .slick-slide.card .w-50 {
  display: flex;
}
.slick .slick-slide.card .card-body {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.slick-list {
  display: flex;
}

.slick-track {
  padding-bottom: 20px;
  display: flex;
}

@media (max-width: 991px) {
  .carousel-center-col {
    padding-left: 0;
    padding-right: 0;
  }
}

.slick-dots {
  list-style: none;
  padding: 0;
}
.slick-dots li {
  display: inline-block;
}

.slider-nav .slider-dot-container {
  display: inline-block;
}

.slick-dot {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #d7d7d7;
  outline: initial !important;
  border: initial;
  margin: 0 5px;
  padding: 0;
}

.slick-dots li.slick-active button {
  background: #ffc708;
}

/* 10.Navbar*/
.navbar {
  background: white;
  height: 100px;
  padding: 1.5rem 0 1.5rem 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}

.navbar-logo{position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -104px;}
.navbar .navbar-contents {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.navbar #notificationDropdown {
  width: 260px;
  padding: 1.5rem;
  height: 280px;
  right: 15px;
}
.navbar #iconMenuDropdown {
  width: 240px;
  padding: 1.5rem;
  height: 290px;
}
.navbar .icon-menu-item {
  width: 90px;
  display: inline-block;
  text-align: center;
  margin-bottom: 1.7rem;
  color: #6d6d6d;
}
.navbar .icon-menu-item i {
  font-size: 32px;
  line-height: 42px;
}
.navbar .icon-menu-item span {
  text-align: center;
  padding: 0 10px;
  line-height: 14px;
}
.navbar .icon-menu-item:hover, .navbar .icon-menu-item:focus {
  color: #ffc708;
}
.navbar .menu-button-mobile {
  color: #8f8f8f;
  text-align: center;
  margin-left: 15px;
}
.navbar .menu-button-mobile svg {
  height: 12px;
  fill: #3a3a3a;
}
@media (max-width: 767px) {
  .navbar .menu-button-mobile {
    width: 20px;
  }
}
.navbar .menu-button {
  color: #8f8f8f;
  /*   width: 120px;
    text-align: center; *//* 혜인 */

  /* 혜인 0729 */
  width: 24px; margin: 0 10px 0 58px;
}
.navbar .menu-button svg {
  height: 12px;
}
.navbar .menu-button .main {
  fill: #3a3a3a;
  transition: fill 300ms;
}
.navbar .menu-button .sub {
  fill: #3a3a3a;
  transition: fill 300ms;
}
.navbar .menu-button:hover {
  color: #ffc708;
}
@media (max-width: 1439px) {
/*   .navbar .menu-button {
    width: 110px;
  } *//* 혜인 */
}
@media (max-width: 1199px) {
/*   .navbar .menu-button {
    width: 100px;
  } *//* 혜인 */
}
@media (max-width: 767px) {
/*   .navbar .menu-button {
    width: 60px;
  } *//* 혜인 */
}

/* ===== 홈으로 가는 아이콘 추가 - 혜인 0729 ===== */
.navbar .menu-home{padding: 2px; vertical-align: top; margin: 4px 10px 0 10px;}
.navbar .menu-home span{font-size: 1.1rem; color: #8f8f8f;}
@media (hover:hover){
  .navbar .menu-home:hover span{color: #ffc708;}
}
@media (max-width: 767px) {
  .navbar .menu-home{margin: 4px 0 0 30px;}
}



.navbar .navbar-left {
  flex-basis: 35%;
}
.navbar .navbar-right {
  flex-basis: 35%;
  text-align: right;
}
.navbar .navbar-right .user {
  margin-right: 60px;
}
@media (max-width: 1439px) {
  .navbar .navbar-right .user {
    margin-right: 50px;
  }
}
@media (max-width: 1199px) {
  .navbar .navbar-right .user {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .navbar .navbar-right .user {
    margin-right: 15px;
  }
}
.navbar .search {
  position: relative;
  width: 230px;
  border-radius: 20px;
  background: #f8f8f8;
}
.navbar .search input {
  border: initial;
  background: transparent;
  outline: initial !important;
  font-size: 0.8rem;
  width: 93%;
  color: #3a3a3a;
  padding: 0.4rem 1rem;
  line-height: 2;
}
.navbar .search .search-icon {
  font-size: 17px;
  border-radius: 10px;
  color: #d7d7d7;
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -10px;
  right: 3px;
  text-align: center;
  cursor: pointer;
}
.navbar .search .search-icon:hover {
  color: #ffc708;
}
@media (max-width: 991px) {
  .navbar .search {
    width: 115px;
  }
  .navbar .search input {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .navbar .search {
    width: 30px;
    height: 30px;
    background: initial;
    margin-left: 0.6rem;
    color: #878787;
  }
  .navbar .search input {
    display: none;
  }
  .navbar .search .search-icon {
    font-size: 17px;
    width: 30px;
    height: 30px;
    bottom: -3px;
    right: 0;
    color: inherit;
  }
  .navbar .search.mobile-view {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 2;
    background: white;
    left: 0;
    top: 0;
    height: 70px;
    margin-left: 15px;
  }
  .navbar .search.mobile-view input {
    display: block;
    width: 100%;
    height: 70px;
    padding-left: 0;
  }
  .navbar .search.mobile-view span {
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
  }
}
.navbar .header-icons {
  margin-right: 0.5rem;
}
@media (max-width: 575px) {
  .navbar .header-icons {
    margin-right: 0;
  }
}
.navbar .header-icon {
  font-size: 16px;
  color: #8f8f8f;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  vertical-align: initial;
}
@media (max-width: 575px) {
  .navbar .header-icon {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.navbar .header-icon:hover {
  color: #ffc708;
}
.navbar .header-icon#fullScreenButton i:last-of-type {
  display: none;
}
.navbar .header-icon#notificationButton .count {
  font-size: 9px;
  color: #ffc708;
  border: 1px solid #ffc708;
  border-radius: 10px;
  position: absolute;
  width: 18px;
  height: 15px;
  text-align: center;
  font-weight: 700;
  top: -4px;
  right: 2px;
  line-height: 14px;
}
@media (max-width: 575px) {
  .navbar .header-icon#notificationButton .count {
    right: -1px;
  }
}
.navbar .user {
  color: #878787;
  position: relative;
}
.navbar .user img {
  margin-left: 10px;
  border-radius: 30px;
  /* width: 40px; */
  /* 크기변경 - 혜인 0919 */
  max-width: 54px;
  max-height: 54px;
}
.navbar .user .name {
  color: #878787;
}
@media (max-width: 991px) {
  .navbar .user .name {
    display: none;
  }
}
@media (max-width: 767px) {
  .navbar .user {
    margin-left: initial;
  }
  .navbar .user img {
    width: 30px;
  }
  .navbar .user:after {
    font-size: 11px;
    width: 14px;
    height: 14px;
    bottom: -3px;
    right: -3px;
  }
}
@media (max-width: 1439px) {
  .navbar {
    height: 90px;
  }
}
@media (max-width: 1199px) {
  .navbar {
    height: 80px;
    padding: 12px 0;
  }
}
@media (max-width: 767px) {
  .navbar {
    height: 70px;
  }
}

.logo {
  width: 208px;
  height: 40px;
  background: url("/assets/images/logo/svg/wedding-maker.svg") no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .logo {
    width: 128px;
  }
  .navbar-logo{margin-left: -64px;}
}

.logo-mobile {
  width: 128px;
  height: 40px;
  background: url("/assets/images/logo/svg/wedding-maker.svg") no-repeat;
  background-position: center center;
  background-size: contain;
}

#app-container.sub-hidden .menu-button .sub, #app-container.menu-sub-hidden .menu-button .sub {
  fill: #8f8f8f;
}
#app-container.main-hidden .menu-button .main,
#app-container.main-hidden .menu-button .sub, #app-container.menu-hidden .menu-button .main,
#app-container.menu-hidden .menu-button .sub {
  fill: #8f8f8f;
}

/* 11.Menu*/
.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  padding-top: 100px;
  z-index: 5;
  height: calc(100% - 100px);
  transition: border-radius 300ms;
}
.menu .main-menu {
  width: 120px;
  height: calc(100% - 100px);
  background: white;
  z-index: 3;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  left: 0;
}
.menu .main-menu .scroll {
  padding-right: unset;
  margin-right: unset;
  height: 100%;
}
.menu .main-menu .scroll .ps__thumb-y {
  right: 0;
}
.menu .main-menu.default-transition {
  transition: transform 300ms, border-radius 300ms;
}
.menu .main-menu ul {
  margin-bottom: initial;
}
.menu .main-menu ul li {
  position: relative;
  margin-bottom: 0;
  flex: 0.5 0 auto;
}
.menu .main-menu ul li span {
  text-align: center;
  padding: 0 10px;
  line-height: 14px;
}
.menu .main-menu ul li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #f3f3f3;
  color: #3a3a3a;
  transition: color 300ms;
  transition: background 300ms;
}
.menu .main-menu ul li a:hover, .menu .main-menu ul li a:focus {
  color: #ffc708;
}
.menu .main-menu ul li i {
  font-size: 32px;
  line-height: 42px;
}
.menu .main-menu ul li .menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.menu .main-menu ul li .menu-icon:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 메뉴아이콘 추가 - 혜인 0902 */
.menu .main-menu ul li .menu-icon.menu01:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url(/assets/tool/img/icons/menu01.svg);
}
.menu .main-menu ul li .menu-icon.menu02:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url(/assets/tool/img/icons/menu02-checklist.svg);
}
.menu .main-menu ul li .menu-icon.menu03:before {
  background-image: url(/assets/tool/img/icons/menu02.svg);
}
.menu .main-menu ul li .menu-icon.menu04:before {
  background-image: url(/assets/tool/img/icons/menu03.svg);
}
.menu .main-menu ul li .menu-icon.menu05:before {
  background-image: url(/assets/tool/img/icons/menu04.svg);
}
.menu .main-menu ul li .menu-icon.menu06:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url(/assets/tool/img/icons/menu05.svg);
}
.menu .main-menu ul li .menu-icon.menu07:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url(/assets/tool/img/icons/weddingplan_icon.svg);
}
.menu .main-menu ul li .menu-icon.menu08 {
  width: 50px;
  height: 50px;
}
.menu .main-menu ul li .menu-icon.menu08:before {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-image: url(/assets/tool/img/icons/menu06.svg);
  position: relative;
  top: -3px;
}
.menu-icon.budge-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}

.menu-icon.budge-icon::before {
  content: "";
  display: inline-block;
  width: 16.91px;
  height: 17px;
  background-image: url(/assets/tool/img/icons/coin_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
li.active .menu-icon.budge-icon::before {
  background-image: url(/assets/tool/img/icons/coin_icon_yellow.svg);
}


.menu .main-menu ul li.active a {
  color: #ffc708;
}
.menu .main-menu ul li.active:after {
  content: " ";
  background: #ffc708;
  color: white;
  border-radius: 10px;
  position: absolute;
  width: 6px;
  height: 120px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.menu .main-menu ul li:last-of-type a {
  border-bottom: initial;
}
@media (max-width: 1439px) {
  .menu .main-menu {
    width: 110px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .menu .main-menu {
    width: 100px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  .menu .main-menu {
    width: 90px;
    height: calc(100% - 70px);
  }
  .menu .main-menu ul li i {
    font-size: 26px;
    line-height: 30px;
  }
  .menu .main-menu ul li.active:after {
    width: 3px;
    height: 60px;
  }
}
.menu .sub-menu {
  width: 230px;
  background: white;
  z-index: 2;
  position: fixed;
  left: 120px;
  border-left: 1px solid #f3f3f3;
  height: calc(100% - 100px);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.menu .sub-menu.default-transition {
  transition: transform 300ms;
}
.menu .sub-menu .scroll {
  margin-right: unset;
  padding-right: unset;
  height: 100%;
  padding-top: 35px;
  padding-bottom: 15px;
}
.menu .sub-menu .scroll .ps__thumb-y {
  right: 0;
}
.menu .sub-menu ul {
  display: none;
}
.menu .sub-menu ul li {
  margin-left: 30px;
  margin-bottom: 0;
  position: relative;
}
.menu .sub-menu ul li a {
  font-size: 13px;
  display: block;
  padding: 8px 0;
  margin-bottom: 10px;
}
.menu .sub-menu ul li a span {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
.menu .sub-menu ul li i {
  font-size: 1.3em;
  margin-right: 10px;
  color: #8f8f8f;
  vertical-align: middle;
  display: inline-block;
}
.menu .sub-menu ul li.active i, .menu .sub-menu ul li.active a {
  color: #ffc708;
}
.menu .sub-menu ul li.active:after {
  content: " ";
  background: #ffc708;
  border-radius: 10px;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  left: -16px;
}
.menu .sub-menu ul.inner-level-menu {
  display: block !important;
}
.menu .sub-menu ul.inner-level-menu li a,
.menu .sub-menu ul.inner-level-menu li i {
  color: #3a3a3a;
}
.menu .sub-menu ul.inner-level-menu li a:hover, .menu .sub-menu ul.inner-level-menu li.active i, .menu .sub-menu ul.inner-level-menu li.active a {
  color: #ffc708;
}
.menu .sub-menu ul.inner-level-menu li.active:after {
  left: -22px;
}
.menu .sub-menu .rotate-arrow-icon i {
  transition: transform 200ms;
  transform: rotate(0);
}
.menu .sub-menu .rotate-arrow-icon.collapsed i {
  transform: rotate(-90deg);
}
@media (max-width: 1439px) {
  .menu .sub-menu {
    left: 110px;
    width: 230px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .menu .sub-menu {
    left: 100px;
    width: 230px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  .menu .sub-menu {
    left: 90px;
    width: 230px;
    height: calc(100% - 70px);
  }
}
@media (max-width: 1439px) {
  .menu {
    padding-top: 90px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .menu {
    padding-top: 80px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  .menu {
    padding-top: 70px;
    height: calc(100% - 70px);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  }
}

#app-container.sub-hidden .sub-menu, #app-container.menu-sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
  transform: translateX(-230px);
}
@media (max-width: 1439px) {
  #app-container.sub-hidden .sub-menu, #app-container.menu-sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 1199px) {
  #app-container.sub-hidden .sub-menu, #app-container.menu-sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 767px) {
  #app-container.sub-hidden .sub-menu, #app-container.menu-sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
    transform: translateX(-230px);
  }
}
#app-container.main-hidden .main-menu, #app-container.menu-hidden .main-menu {
  transform: translateX(-120px);
}
@media (max-width: 1439px) {
  #app-container.main-hidden .main-menu, #app-container.menu-hidden .main-menu {
    transform: translateX(-110px);
  }
}
@media (max-width: 1199px) {
  #app-container.main-hidden .main-menu, #app-container.menu-hidden .main-menu {
    transform: translateX(-100px);
  }
}
@media (max-width: 767px) {
  #app-container.main-hidden .main-menu, #app-container.menu-hidden .main-menu {
    transform: translateX(-90px);
  }
}
#app-container.main-hidden.sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
  transform: translateX(-350px);
}
@media (max-width: 1439px) {
  #app-container.main-hidden.sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
    transform: translateX(-340px);
  }
}
@media (max-width: 1199px) {
  #app-container.main-hidden.sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
    transform: translateX(-330px);
  }
}
@media (max-width: 767px) {
  #app-container.main-hidden.sub-hidden .sub-menu, #app-container.menu-hidden .sub-menu {
    transform: translateX(-320px);
  }
}
#app-container.menu-main-hidden .main-menu {
  width: 0;
  display: none;
}
#app-container.menu-main-hidden .sub-menu {
  left: 0;
}
#app-container.menu-mobile .main-menu {
  transform: translateX(-90px);
}
#app-container.menu-mobile .sub-menu {
  transform: translateX(-370px);
}
#app-container.main-show-temporary .main-menu {
  transform: translateX(0);
}
#app-container.main-show-temporary .sub-menu {
  transform: translateX(-230px);
}
@media (max-width: 1439px) {
  #app-container.main-show-temporary .main-menu {
    transform: translateX(0);
  }
  #app-container.main-show-temporary .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 1199px) {
  #app-container.main-show-temporary .main-menu {
    transform: translateX(0);
  }
  #app-container.main-show-temporary .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 767px) {
  #app-container.main-show-temporary .sub-menu {
    transform: translateX(-230px);
  }
}
#app-container.sub-show-temporary .sub-menu, #app-container.menu-mobile.sub-show-temporary .sub-menu, #app-container.menu-main-hidden.menu-mobile.main-show-temporary .sub-menu {
  transform: translateX(0);
}

/* 12.Apps*/
.app-menu {
  z-index: 1;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  width: 260px;
  height: 100%;
  float: right;
  background: white;
  transition: transform 300ms;
  position: fixed;
  right: 0;
  top: 100px;
  height: calc(100% - 100px);
}
@media (max-width: 1439px) {
  .app-menu {
    top: 90px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .app-menu {
    top: 80px;
    transform: translateX(260px);
    height: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  .app-menu {
    top: 70px;
    height: calc(100% - 70px);
  }
}
.app-menu .scroll {
  height: 100%;
}
.app-menu .scroll .ps__thumb-y {
  right: 0;
}
.app-menu.shown {
  transform: translateX(0);
}
.app-menu .app-menu-button {
  position: absolute;
  left: -28px;
  background: white;
  top: 45px;
  padding: 12px 8px 12px 5px;
  border-radius: 0.2rem;
  color: #8f8f8f;
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.04);
  font-size: 15px;
  line-height: 0;
}
@media (max-width: 1439px) {
  .app-menu .app-menu-button {
    top: 36px;
  }
}
@media (max-width: 1199px) {
  .app-menu .app-menu-button {
    top: 27px;
  }
}
@media (max-width: 767px) {
  .app-menu .app-menu-button {
    top: 13px;
  }
}
.app-menu ul li {
  margin-bottom: 5px;
}
.app-menu ul li a {
  font-size: 13px;
  display: block;
  padding: 3px 0;
}
.app-menu ul li a:hover i {
  color: #ffc708;
}
.app-menu ul li i {
  font-size: 1.2em;
  margin-right: 10px;
  color: #8f8f8f;
  vertical-align: unset;
}
@media (max-width: 767px) {
  .app-menu ul li i {
    font-size: 20px;
  }
}
.app-menu ul li.active i, .app-menu ul li.active a {
  color: #ffc708;
}

.app-row {
  padding-right: 260px;
}
@media (max-width: 1199px) {
  .app-row {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .chat-heading .card-body {
    padding: 0.5rem !important;
  }
}

.chat-input-container {
  width: 100%;
  height: 90px;
  background: white;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  transition: padding 300ms;
  padding-left: 410px;
  padding-right: 320px;
}
@media (max-width: 1439px) {
  .chat-input-container {
    padding-left: 160px;
    padding-right: 310px;
  }
}
@media (max-width: 1199px) {
  .chat-input-container {
    padding-left: 140px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.chat-input-container input {
  border: initial;
  width: unset;
  height: 90px;
  padding-left: 0;
  display: inline-block;
}
@media (max-width: 991px) {
  .chat-input-container .send-button {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}
@media (max-width: 991px) {
  .chat-input-container {
    height: 80px;
  }
  .chat-input-container input {
    height: 80px;
  }
  .chat-input-container .icon-button.large {
    width: 36px;
    height: 36px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .chat-input-container {
    height: 60px;
  }
  .chat-input-container input {
    height: 60px;
  }
  .chat-input-container .icon-button.large {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
}

.menu-sub-hidden .chat-input-container,
.sub-hidden .chat-input-container {
  padding-left: 180px;
}
@media (max-width: 1439px) {
  .menu-sub-hidden .chat-input-container,
  .sub-hidden .chat-input-container {
    padding-left: 160px;
  }
}
@media (max-width: 1199px) {
  .menu-sub-hidden .chat-input-container,
  .sub-hidden .chat-input-container {
    padding-left: 140px;
  }
}
@media (max-width: 767px) {
  .menu-sub-hidden .chat-input-container,
  .sub-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.menu-main-hidden .chat-input-container,
.menu-hidden .chat-input-container,
.main-hidden .chat-input-container {
  padding-left: 60px;
}
@media (max-width: 1439px) {
  .menu-main-hidden .chat-input-container,
  .menu-hidden .chat-input-container,
  .main-hidden .chat-input-container {
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  .menu-main-hidden .chat-input-container,
  .menu-hidden .chat-input-container,
  .main-hidden .chat-input-container {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .menu-main-hidden .chat-input-container,
  .menu-hidden .chat-input-container,
  .main-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* 14.Survey App*/
.survey-app .answers .badge {
  color: #8f8f8f;
}
.survey-app .answers input {
  padding-right: 70px;
}
.survey-app .question.edit-quesiton .edit-mode {
  display: block;
}
.survey-app .question.edit-quesiton .view-mode {
  display: none;
}
.survey-app .question.edit-quesiton .view-button {
  display: inline-block;
}
.survey-app .question.edit-quesiton .edit-button {
  display: none;
}
.survey-app .question.view-quesiton .edit-mode {
  display: none;
}
.survey-app .question.view-quesiton .view-mode {
  display: block;
}
.survey-app .question.view-quesiton .view-button {
  display: none;
}
.survey-app .question.view-quesiton .edit-button {
  display: inline-block;
}
.survey-app .survey-question-types .btn-group-icon {
  font-size: 21px;
  line-height: 28px;
}
.survey-app .survey-question-types .btn {
  padding-bottom: 0.3rem;
}

.input-icons {
  position: absolute;
  right: 0;
  top: 9px;
}

/* 15.Todo App*/
.heading-icon {
  color: #ffc708;
  font-size: 20px;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: middle;
}

.heading-number {
  border: 1px solid #ffc708;
  padding: 4px;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 20px;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #ffc708;
}
@media (max-width: 767px) {
  .heading-number {
    width: 28px;
    height: 28px;
    line-height: 18px;
  }
}
.heading-number.handle {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}

/* 16.Main*/
main {
  margin-left: 410px;
  margin-top: 145px;
  margin-right: 60px;
  margin-bottom: 40px;
}

main.default-transition {
  transition: margin-left 300ms;
}
main .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1439px) {
  main {
    margin-left: 390px;
    margin-right: 50px;
    margin-top: 140px -10px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  main {
    margin-left: 370px;
    margin-right: 40px;
    margin-top: 120px -10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  main {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 80px !important;
    margin-bottom: 0;
  }
  #app-container[data-sub="dashboard"] main{margin-top: 70px !important; margin-left: 0 !important; margin-right: 0 !important;}
}
@media (max-width: 575px) {
  main {
    margin-bottom: 0;
  }
}

/* ===== 초대장에디터 편집하기 본문 / 혜인 0718 ===== */
main.inviteMain{margin-top: 120px; margin-bottom: 0;}


#app-container.sub-hidden main, #app-container.menu-sub-hidden main, #app-container.menu-hidden main {
  margin-left: 180px;
}
#app-container.sub-hidden[data-sub="dashboard"] main, #app-container.menu-sub-hidden[data-sub="dashboard"] main{margin-top: 100px; margin-left: 120px; margin-right: 0;}

#app-container.main-hidden main, #app-container.menu-hidden main {
  margin-left: 60px;
}
#app-container.main-hidden[data-sub="dashboard"] main{margin-left: 0 !important;}

#app-container.menu-main-hidden main {
  margin-left: 290px;
}
#app-container.menu-main-hidden.menu-hidden main {
  margin-left: 60px;
}
@media (max-width: 1439px) {
  #app-container.sub-hidden main, #app-container.menu-sub-hidden main, #app-container.menu-hidden main {
    margin-left: 160px;
  }
  #app-container.main-hidden main, #app-container.menu-hidden main {
    margin-left: 50px;
  }
  #app-container.menu-main-hidden main {
    margin-left: 280px;
  }
  #app-container.menu-main-hidden.menu-hidden main {
    margin-left: 50px;
  }
  #app-container.sub-hidden[data-sub="dashboard"] main, #app-container.menu-sub-hidden[data-sub="dashboard"] main{margin-top: 90px; margin-left: 110px; margin-right: 0;}
}
@media (max-width: 1199px) {
  #app-container.sub-hidden main, #app-container.menu-sub-hidden main, #app-container.menu-hidden main {
    margin-left: 140px;
  }
  #app-container.main-hidden main, #app-container.menu-hidden main {
    margin-left: 40px;
  }
  #app-container.menu-main-hidden main {
    margin-left: 270px;
  }
  #app-container.menu-main-hidden.menu-hidden main {
    margin-left: 40px;
  }
  #app-container.sub-hidden[data-sub="dashboard"] main, #app-container.menu-sub-hidden[data-sub="dashboard"] main{margin-top: 80px; margin-left: 100px; margin-right: 0;}
}

/* 17.Cards*/
.card {
  border: initial;
  background: white;
  border-radius: 0.2rem;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.card .card-header .card-icon {
  right: 5px;
  top: 5px;
}
.card .card-header .card-icon i {
  font-size: 12px;
  color: #d7d7d7;
}
.card .card-header .handle {
  cursor: default;
}


/* 참석하객 지정석관리>아코디언 메뉴 크기조절 - 혜인0801 */
.accordionItem .top-right-button-container{padding: 0.8rem 1rem;}
.accordionItem .top-right-button-container button{line-height: 1; padding: 8px 12px; margin: 0 2px;}
/* 참석하객 지정석관리>아코디언 제목 수정 UI - 혜인 0808 */
.accordionItem .title{display: inline-block;}
.accordionItem .title.view .simple-icon-pencil{display: inline-block; color: #ffc708; font-size: 14px; line-height: 24px;}
.accordionItem .title.inputbox input{width: auto; height: 24px; border-radius: 4px; box-sizing: border-box; border: 1px solid #3a3a3a; outline-color: #ffc708; vertical-align: middle; padding: 2px; font-size: 12px;}
.accordionItem .title.inputbox span{font-size: 20px; vertical-align: middle;}
.accordionItem .title.inputbox .simple-icon-check{color: #ffc708;}
.accordionItem .title.inputbox .simple-icon-close{color: #555;}
@media (max-width: 575px) {
  .seatMap .btnBox{display: none;}
  .accordionItem .top-right-button-container{padding: 0.5rem 0.5rem 0.2rem 0;}
  .accordionItem .title.inputbox input{width: 120px;}
}





.card .card-body.sm {
  padding: 10px 1.75rem;
}
.card .card-title {
  margin-bottom: 2rem;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 200px;
  width: unset;
}

.card-img-fluid {
  border-radius: calc(0.25rem - 1px);
  -o-object-fit: cover;
  object-fit: cover;
}

.card-img-bottom {
  width: 100%;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.card-img-top {
  width: 100%;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.card-img-left {
  width: 100%;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-img-right {
  width: 100%;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 1.75rem;
}
@media (max-width: 575px) {
  .card-img-overlay {
    padding: 1rem;
  }
}

.card-top-buttons {
  padding: 1.3rem;
  right: 0;
  top: 0;
}
@media (max-width: 575px) {
  .card-top-buttons {
    padding: 0.35rem;
  }
}

.card-header {
  border: initial;
  background: initial;
  padding-top: 0;
}

.img-thumbnail {
  border-radius: 0.2rem;
  padding: 0;
  border: initial;
}

.list-thumbnail {
  border-radius: 0.2rem;
  padding: 0;
  border: initial;
  height: auto;
  max-width: unset;
  height: 85px;
  -o-object-fit: cover;
  object-fit: cover;
  width: unset;
}
@media (max-width: 991px) {
  .list-thumbnail {
    height: 80px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail {
    height: 70px;
  }
}
@media (max-width: 991px) {
  .list-thumbnail.responsive {
    width: unset;
    height: 135px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail.responsive {
    width: 110px !important;
    height: 100%;
  }
}
@media (max-width: 419px) {
  .list-thumbnail.responsive {
    width: 90px !important;
    height: 100%;
  }
}
.list-thumbnail.small {
  height: 60px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .list-thumbnail.small {
    height: 55px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail.small {
    height: 50px;
  }
}
.list-thumbnail.xsmall {
  height: 40px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .list-thumbnail.xsmall {
    height: 40px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail.xsmall {
    height: 40px;
  }
}

.list-thumbnail-letters {
  width: 85px;
  height: 85px;
  background: #ffc708;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.25rem;
  color: #fff;
}
@media (max-width: 991px) {
  .list-thumbnail-letters {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail-letters {
    width: 70px;
    height: 70px;
  }
}
.list-thumbnail-letters.small {
  width: 60px;
  height: 60px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .list-thumbnail-letters.small {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail-letters.small {
    width: 50px;
    height: 50px;
  }
}

/* 18.Dashboard*/
.dashboard-line-chart {
  height: 283px;
}

.dashboard-quick-post {
  min-height: 283px;
}

.dashboard-list-with-thumbs {
  height: 500px;
}

.dashboard-logs {
  height: 270px;
}

.dashboard-list-with-user {
  height: 270px;
}

.dashboard-donut-chart {
  height: 270px;
}

.dashboard-small-chart {
  height: 150px;
}
.dashboard-small-chart .chart {
  height: 60px;
}
.dashboard-small-chart .lead {
  font-size: 1.4rem;
}

.dashboard-small-chart-analytics {
  height: 180px;
}
.dashboard-small-chart-analytics .chart {
  height: 80px;
}
.dashboard-small-chart-analytics .lead {
  font-size: 1.4rem;
}

.dashboard-filled-line-chart {
  height: 340px;
}
.dashboard-filled-line-chart .chart {
  height: 200px;
}

.dashboard-numbers .owl-nav,
.dashboard-numbers .owl-dots {
  display: none;
}

.dashboard-sq-banner {
  background-image: linear-gradient(to right top, #c7a951, #d3b455, #e0bf5c);
  background-size: cover;
  height: 385px;
  transition: 0.5s;
  background-size: 350% auto;
  cursor: pointer;
}
.dashboard-sq-banner .card-body {
  width: 270px;
}
.dashboard-sq-banner .lead {
  line-height: 2.3rem;
}
.dashboard-sq-banner:hover {
  background-position: right top;
}

.dashboard-link-list {
  height: 385px;
}

.dashboard-progress {
  height: 385px;
}

.dashboard-top-rated {
  height: 300px;
}

.dashboard-top-rated {
  height: 300px;
}
@media (max-width: 991px) {
  .dashboard-top-rated {
    height: unset;
  }
}
.dashboard-top-rated .glide img {
  height: 120px;
  display: flex;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.dashboard-top-rated .glide .react-rater {
  display: inline-block !important;
}
.dashboard-top-rated .glide__slides .glide__slide {
  padding: initial;
  display: initial;
}

.dashboard-search {
  height: 650px;
  background: url("../img/login/plane.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
}
.dashboard-search .card-body {
  padding: 120px 50px 30px 50px;
}
@media (max-width: 1439px) {
  .dashboard-search .card-body {
    padding: 80px 30px 30px 30px;
  }
}
.dashboard-search .form-container {
  height: 400px;
  border-radius: 0.2rem;
  box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 2rem;
  background-color: white;
}

.icon-cards-row {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -10px;
}
.icon-cards-row .glide__track {
  margin-left: -3px;
  margin-right: -3px;
}
.icon-cards-row .glide__slides {
  padding-top: 10px;
  padding-left: 3px;
  padding-right: 3px;
}
.icon-cards-row .glide__slides .glide__slide {
  padding-left: 5px;
  padding-right: 5px;
}
.icon-cards-row .card-body {
  padding: 2rem 0.5rem;
}
.icon-cards-row .card-text {
  color: #8f8f8f;
  height: 30px;
  line-height: 26px;
}
.icon-cards-row .lead {
  color: #ffc708;
  margin-bottom: 0;
}
.icon-cards-row i {
  font-size: 38px;
  line-height: 66px;
  color: #ffc708;
}
.icon-cards-row .card {
  transition: box-shadow 1000ms;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .icon-cards-row .card-text {
    height: 48px;
    line-height: 18px;
  }
  .icon-cards-row .lead {
    font-size: 1.6rem;
  }
  .icon-cards-row i {
    font-size: 32px;
    line-height: 47px;
  }
}

.log-indicator {
  width: 13px;
  height: 13px;
  border: 2px solid #ffc708;
  border-radius: 14px;
  display: inline-block;
}

/* 19.Calendar */
.calendar .alert-info {
  color: #ffc708;
  background-color: initial;
}
.calendar h2 {
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 6em;
}
@media (max-width: 575px) {
  .fc-basic-view .fc-body .fc-row {
    min-height: 3em;
  }
}

.fc-toolbar.fc-header-toolbar .btn-group .fc-next-button,
.fc-toolbar.fc-header-toolbar .btn-group .fc-prev-button {
  outline: initial !important;
  box-shadow: initial !important;
  border-radius: 40px !important;
  text-align: center;
  min-width: 30px;
  height: 30px;
  padding: 0.55rem 0;
  background: #ffc708;
  color: #fff;
  border: 1px solid #ffc708;
  line-height: 0.9 !important;
  font-size: 0.76rem;
  font-weight: normal !important;
}
.fc-toolbar.fc-header-toolbar .btn-group .fc-next-button span,
.fc-toolbar.fc-header-toolbar .btn-group .fc-prev-button span {
  line-height: 0.9 !important;
  font-size: 0.76rem;
  font-weight: normal !important;
}
.fc-toolbar.fc-header-toolbar .btn-group .fc-next-button:hover,
.fc-toolbar.fc-header-toolbar .btn-group .fc-prev-button:hover {
  background-color: transparent;
  border-color: rgba(255, 199, 8, 0.9);
  color: #ffc708;
}

.fc-toolbar.fc-header-toolbar .fc-prev-button {
  margin-right: 5px;
}

.fc-today-button {
  padding: 0.4em 1.3em !important;
  height: unset !important;
}

.fc-bootstrap4 .fc-day-top .fc-day-number {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

.fc-bootstrap4 td.fc-today {
  background: initial;
}
.fc-bootstrap4 td.fc-today .fc-day-number {
  background: #ffc708;
  color: #fff;
}

.fc-day-grid-event .fc-content {
  color: #fff;
}

.fc-day-grid-container {
  height: 100%;
  overflow: visible;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  padding: 5px;
}

.fc-view,
.fc-view > table {
  border-top: initial;
}

.fc table {
  border: initial;
}

.fc .table-bordered thead th,
.fc .table-bordered thead td {
  border-top: initial;
  border-bottom: initial;
  border-left: initial;
}

.fc td:first-of-type,
.fc th:first-of-type {
  border-left: initial;
  border-bottom: initial;
}

.fc td:last-of-type,
.fc th:last-of-type {
  border-right: initial;
  border-bottom: initial;
}

.fc-body .fc-row:last-of-type td {
  border-bottom: initial;
}

.fc tbody > tr > td.fc-widget-content:first-of-type {
  border-left: initial;
  border-right: initial;
  border-bottom: initial;
}

.fc table,
.fc .table-bordered th,
.fc .table-bordered td {
  border-color: #f3f3f3 !important;
}

.fc-day-header {
  color: #ffc708;
}
.fc-day-header span {
  padding: 10px;
  display: inline-block;
}

.fc-event {
  border: initial;
}

.fc-event,
.fc-event-dot {
  background-color: #ffac8e;
  color: white !important;
  padding: 1px 6px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
}

/* 20.Datatable */
.dataTables_wrapper {
  overflow: hidden;
}

table.dataTable td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f3f3;
  outline: initial !important;
}

table.dataTable tr:last-of-type td {
  border-bottom: initial;
}

table.dataTable {
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

table p,
table h6 {
  margin-bottom: initial;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 1.5em;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 2em;
}

.dataTables_wrapper .paginate_button.previous {
  margin-right: 15px;
}

.dataTables_wrapper .paginate_button.next {
  margin-left: 15px;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 25px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  justify-content: center;
}

.dataTables_wrapper .paginate_button.page-item {
  padding-left: 10px;
  padding-right: 10px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: unset;
  box-shadow: initial;
  background-color: #ffc708;
  font-size: 12px;
}

.data-table-rows .dataTables_wrapper {
  overflow: initial;
}
.data-table-rows table {
  border-spacing: 0px 1rem;
}
.data-table-rows table tbody tr {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.data-table-rows table tbody tr.selected {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.data-table-rows table tbody tr.child td {
  padding: 0.75rem 2rem;
}
.data-table-rows table tbody tr.child td li {
  padding: 0 !important;
}
.data-table-rows table td,
.data-table-rows table th {
  padding: 1.5rem;
  border: initial;
}
.data-table-rows table td {
  background: white;
}
.data-table-rows table th.empty:before, .data-table-rows table th.empty:after {
  content: "";
}
.data-table-rows table .data-table-rows-check {
  text-align: right;
  pointer-events: none;
}
.data-table-rows table.dataTable thead .sorting:before,
.data-table-rows table.dataTable thead .sorting_asc:before,
.data-table-rows table.dataTable thead .sorting_asc_disabled:before,
.data-table-rows table.dataTable thead .sorting_desc:before,
.data-table-rows table.dataTable thead .sorting_desc_disabled:before {
  right: initial;
  left: 0.5em;
}
.data-table-rows table.dataTable thead .sorting:after,
.data-table-rows table.dataTable thead .sorting_asc:after,
.data-table-rows table.dataTable thead .sorting_asc_disabled:after,
.data-table-rows table.dataTable thead .sorting_desc:after,
.data-table-rows table.dataTable thead .sorting_desc_disabled:after {
  right: initial;
  left: 0;
}

.data-tables-hide-filter .view-filter {
  display: none;
}

/* 21.Alerts */
.alert {
  border-radius: 0;
}

.alert-primary {
  color: #ffc708;
  background-color: #f9eec8;
  border-color: rgba(255, 199, 8, 0.1);
}

.alert-secondary {
  color: #ffac8e;
  background-color: #f9e9e3;
  border-color: rgba(255, 172, 142, 0.1);
}

.alert-success {
  color: #3e884f;
  background-color: #d3e2d6;
  border-color: rgba(62, 136, 79, 0.1);
}

.alert-info {
  color: #3195a5;
  background-color: #d0e4e7;
  border-color: rgba(49, 149, 165, 0.1);
}

.alert-warning {
  color: #b69329;
  background-color: #ebe4cf;
  border-color: rgba(182, 147, 41, 0.1);
}

.alert-danger {
  color: #c43d4b;
  background-color: #eed3d5;
  border-color: rgba(196, 61, 75, 0.1);
}

.alert-light {
  color: #ececec;
  background-color: #f6f6f6;
  border-color: rgba(236, 236, 236, 0.1);
}

.alert-dark {
  color: #131113;
  background-color: #cacaca;
  border-color: rgba(19, 17, 19, 0.1);
}

.alert-dismissible .close,
button.close {
  text-shadow: initial;
}

.alert *[data-notify=title] {
  display: block;
  font-size: 0.9rem;
}

div[data-notify=container] {
  padding: 18px;
}

/* 22.Forms */
.form-check-label,
.custom-control-label {
  line-height: 1.5rem;
  padding-top: 1px;
}

.form-control,
.bootstrap-tagsinput {
  border-radius: 0.2rem;
  outline: initial !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  line-height: 1;
  border: 1px solid #d7d7d7;
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
  height: calc(2em + 0.8rem);
}
.form-control::-moz-placeholder, .bootstrap-tagsinput::-moz-placeholder {
  color: #999da0;
}
.form-control::placeholder,
.bootstrap-tagsinput::placeholder {
  color: #999da0;
}

.form-control-sm {
  padding: 0.3rem;
  font-size: 0.75rem;
  height: auto !important;
}

.form-control-lg {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  height: auto !important;
}

select {
  outline: initial !important;
  box-shadow: initial !important;
  pointer-events: auto;
}

textarea.form-control {
  line-height: 1.5;
}

@-webkit-keyframes autofill {
  to {
    color: #3a3a3a;
    background: transparent;
  }
}

@keyframes autofill {
  to {
    color: #3a3a3a;
    background: transparent;
  }
}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  animation-name: autofill;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #3a3a3a !important;
}

.bootstrap-tagsinput input {
  color: #3a3a3a;
}

.has-float-label label::after,
.has-float-label > span::after,
.has-float-label > span::after {
  background: white;
}

.has-float-label > div.error::after {
  background: initial;
}

.form-control:focus {
  background: white;
  color: #3a3a3a;
}

.bootstrap-tagsinput {
  width: 100%;
}

.bootstrap-tagsinput input {
  padding: 0;
}

.bootstrap-tagsinput .tag [data-role=remove] {
  margin-top: -1px;
  display: inline-block;
  vertical-align: top;
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: initial;
}

.bootstrap-tagsinput .tag {
  background: #ffc708;
  border-radius: 15px;
  padding: 3px 8px;
  margin-bottom: 0px;
  display: inline-block;
  font-size: 12px;
}

.form-control:focus,
.bootstrap-tagsinput.focus {
  border-color: rgba(255, 199, 8, 0.6);
}

.bootstrap-tagsinput {
  min-height: calc(2em + 0.6rem);
  height: auto;
}

.bootstrap-tagsinput .tag {
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
}

.bootstrap-tagsinput input {
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: rgba(58, 58, 58, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: transparent;
}

.custom-checkbox .custom-control-label.indeterminate::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23FFFFFF' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.custom-control-label,
.custom-control-input {
  outline: initial !important;
  box-shadow: initial !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  background-image: initial;
}

.custom-control-input {
  left: 1px;
  top: 3px;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

.custom-control-label::before {
  border: 1px solid #909090;
  background: initial;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #ffc708;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffc708;
  box-shadow: initial;
  border: 1px solid #ffc708;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffc708;
  box-shadow: initial;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffc708;
  box-shadow: initial;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(255, 199, 8, 0.45);
  border: 1px solid rgba(255, 199, 8, 0.25);
}

.custom-control-label::after,
.custom-control-label::before {
  box-shadow: initial;
}

.custom-control-label::before {
  top: 0.15rem;
}

.custom-control-label::after {
  top: 0.15rem;
}

.btn.rotate-icon-click i {
  transition: transform 0.5s;
}

.btn.rotate i {
  transform: rotate(180deg);
}

.btn .custom-control-label::before {
  border: 1px solid #fff !important;
  background: transparent !important;
}

.btn .custom-control-input:checked ~ .custom-control-label::before {
  border: 1px solid #fff !important;
  background: transparent !important;
}

.btn-group-icon {
  line-height: 22px;
}

.invalid-tooltip,
.valid-tooltip,
div.error {
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  font-size: 0.76rem;
  color: #3a3a3a;
  background: white;
  border: 1px solid #ffc708;
  text-align: center;
  width: unset !important;
  position: absolute;
  z-index: 4;
  margin-top: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.5;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.invalid-tooltip::before,
.valid-tooltip::before,
div.error::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2.5px;
  margin-left: 50%;
  width: 10px;
  height: 5px;
  border-bottom: solid 5px #ffc708;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
.invalid-tooltip::after,
.valid-tooltip::after,
div.error::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -2.5px;
  margin-left: 50%;
  width: 10px;
  height: 5px;
  border-bottom: solid 5px white;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.tooltip-right-bottom .invalid-tooltip,
.tooltip-right-bottom .valid-tooltip,
.tooltip-right-bottom div.error {
  left: initial;
  right: 0;
  transform: translateX(0);
  top: 80%;
}
.tooltip-right-bottom .invalid-tooltip::before, .tooltip-right-bottom .invalid-tooltip::after,
.tooltip-right-bottom .valid-tooltip::before,
.tooltip-right-bottom .valid-tooltip::after,
.tooltip-right-bottom div.error::before,
.tooltip-right-bottom div.error::after {
  left: initial;
  right: 25px;
  margin-left: 0;
}

.tooltip-center-bottom .invalid-tooltip,
.tooltip-center-bottom .valid-tooltip,
.tooltip-center-bottom div.error {
  left: 50%;
  right: initial;
  transform: translateX(-50%) translateY(50%);
  top: 80%;
}

.tooltip-left-bottom .invalid-tooltip,
.tooltip-left-bottom .valid-tooltip,
.tooltip-left-bottom div.error {
  left: 0;
  right: initial;
  transform: translateX(0);
  top: 80%;
}
.tooltip-left-bottom .invalid-tooltip::before, .tooltip-left-bottom .invalid-tooltip::after,
.tooltip-left-bottom .valid-tooltip::before,
.tooltip-left-bottom .valid-tooltip::after,
.tooltip-left-bottom div.error::before,
.tooltip-left-bottom div.error::after {
  left: 25px;
  right: initial;
  margin-left: 0;
}

.tooltip-center-top .invalid-tooltip,
.tooltip-center-top .valid-tooltip,
.tooltip-center-top div.error {
  bottom: 80%;
  transform: translateX(-50%) translateY(50%);
  top: initial;
}
.tooltip-center-top .invalid-tooltip::before,
.tooltip-center-top .valid-tooltip::before,
.tooltip-center-top div.error::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #ffc708;
  border-bottom: initial;
}
.tooltip-center-top .invalid-tooltip::after,
.tooltip-center-top .valid-tooltip::after,
.tooltip-center-top div.error::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
}

.tooltip-right-top .invalid-tooltip,
.tooltip-right-top .valid-tooltip,
.tooltip-right-top div.error {
  bottom: 80%;
  transform: translateX(0) translateY(50%);
  top: initial;
  left: initial;
  right: 0;
}
.tooltip-right-top .invalid-tooltip::before,
.tooltip-right-top .valid-tooltip::before,
.tooltip-right-top div.error::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #ffc708;
  border-bottom: initial;
  left: initial;
  right: 25px;
  margin-left: 0;
}
.tooltip-right-top .invalid-tooltip::after,
.tooltip-right-top .valid-tooltip::after,
.tooltip-right-top div.error::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
  left: initial;
  right: 25px;
  margin-left: 0;
}

.tooltip-left-top .invalid-tooltip,
.tooltip-left-top .valid-tooltip,
.tooltip-left-top div.error {
  bottom: 80%;
  transform: translateX(0) translateY(50%);
  top: initial;
  left: 0;
  right: initial;
}
.tooltip-left-top .invalid-tooltip::before,
.tooltip-left-top .valid-tooltip::before,
.tooltip-left-top div.error::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #ffc708;
  border-bottom: initial;
  left: 25px;
  right: initial;
  margin-left: 0;
}
.tooltip-left-top .invalid-tooltip::after,
.tooltip-left-top .valid-tooltip::after,
.tooltip-left-top div.error::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
  left: 25px;
  right: initial;
  margin-left: 0;
}

.tooltip-label-right .invalid-tooltip,
.tooltip-label-right .valid-tooltip,
.tooltip-label-right div.error {
  transform: translateX(0) translateY(-50%);
  top: 16px;
  left: 50px;
}
.tooltip-label-right .invalid-tooltip::before,
.tooltip-label-right .valid-tooltip::before,
.tooltip-label-right div.error::before {
  content: "";
  position: absolute;
  left: -5px;
  right: initial;
  margin-left: 0;
  border: initial;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px #ffc708;
  bottom: initial;
  top: 12px;
  width: 5px;
}
.tooltip-label-right .invalid-tooltip::after,
.tooltip-label-right .valid-tooltip::after,
.tooltip-label-right div.error::after {
  content: "";
  position: absolute;
  top: initial;
  left: -4px;
  right: initial;
  margin-left: 0;
  width: 5px;
  border: initial;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px white;
  bottom: initial;
  top: 12px;
  width: 5px;
}

.tooltip-label-right .error-l-0 .invalid-tooltip,
.tooltip-label-right .error-l-0 .valid-tooltip,
.tooltip-label-right .error-l-0 div.error {
  left: 0px;
}
.tooltip-label-right .error-l-25 .invalid-tooltip,
.tooltip-label-right .error-l-25 .valid-tooltip,
.tooltip-label-right .error-l-25 div.error {
  left: 25px;
}
.tooltip-label-right .error-l-50 .invalid-tooltip,
.tooltip-label-right .error-l-50 .valid-tooltip,
.tooltip-label-right .error-l-50 div.error {
  left: 50px;
}
.tooltip-label-right .error-l-75 .invalid-tooltip,
.tooltip-label-right .error-l-75 .valid-tooltip,
.tooltip-label-right .error-l-75 div.error {
  left: 75px;
}
.tooltip-label-right .error-l-100 .invalid-tooltip,
.tooltip-label-right .error-l-100 .valid-tooltip,
.tooltip-label-right .error-l-100 div.error {
  left: 100px;
}
.tooltip-label-right .error-l-125 .invalid-tooltip,
.tooltip-label-right .error-l-125 .valid-tooltip,
.tooltip-label-right .error-l-125 div.error {
  left: 125px;
}
.tooltip-label-right .error-l-150 .invalid-tooltip,
.tooltip-label-right .error-l-150 .valid-tooltip,
.tooltip-label-right .error-l-150 div.error {
  left: 150px;
}
.tooltip-label-right .error-l-175 .invalid-tooltip,
.tooltip-label-right .error-l-175 .valid-tooltip,
.tooltip-label-right .error-l-175 div.error {
  left: 175px;
}
.tooltip-label-right .error-l-200 .invalid-tooltip,
.tooltip-label-right .error-l-200 .valid-tooltip,
.tooltip-label-right .error-l-200 div.error {
  left: 200px;
}
.tooltip-label-right .error-l-225 .invalid-tooltip,
.tooltip-label-right .error-l-225 .valid-tooltip,
.tooltip-label-right .error-l-225 div.error {
  left: 225px;
}
.tooltip-label-right .error-l-250 .invalid-tooltip,
.tooltip-label-right .error-l-250 .valid-tooltip,
.tooltip-label-right .error-l-250 div.error {
  left: 250px;
}
.tooltip-label-right .error-l-275 .invalid-tooltip,
.tooltip-label-right .error-l-275 .valid-tooltip,
.tooltip-label-right .error-l-275 div.error {
  left: 275px;
}
.tooltip-label-right .error-t-negative .invalid-tooltip,
.tooltip-label-right .error-t-negative .valid-tooltip,
.tooltip-label-right .error-t-negative div.error {
  top: -10px;
}

.form-group.is-invalid .invalid-tooltip {
  display: block;
}

.valid-icon {
  position: absolute;
  bottom: 8px;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0;
  font-size: 0.76rem;
  line-height: 1;
  color: white;
  border-radius: 0.2rem;
  right: 4px;
  color: #3e884f;
}

.invalid-icon {
  position: absolute;
  bottom: 2px;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1;
  color: white;
  border-radius: 0.2rem;
  right: 4px;
  color: #c43d4b;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #d7d7d7 !important;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #d7d7d7 !important;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: rgba(255, 199, 8, 0.6);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: rgba(255, 199, 8, 0.6);
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  background: initial !important;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #3a3a3a;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #ffc708 !important;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #3a3a3a;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background: initial !important;
}

.select2-container--bootstrap .select2-selection--single {
  border-radius: 0.2rem !important;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  line-height: 1;
  height: calc(2em + 0.8rem);
}

.select2-dropdown,
.select2-container--bootstrap .select2-selection.form-control {
  background: white;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background: white;
  color: #3a3a3a;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #3a3a3a;
  padding-top: 5px;
}

.input-group-text {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #d7d7d7;
  color: #3a3a3a;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  line-height: 1 !important;
}

.select2-container--bootstrap .select2-selection {
  border: 1px solid #d7d7d7;
}

.select2-container--bootstrap .select2-selection--multiple {
  height: calc(2em + 0.8rem) !important;
  font-size: 0.8rem;
  padding: 0.5rem 75rem;
  min-height: initial !important;
  padding: 0.5rem 0.25rem;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  min-height: initial !important;
  height: initial;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: rgba(255, 199, 8, 0.7);
}

.select2-container--bootstrap .select2-dropdown {
  border-color: rgba(255, 199, 8, 0.7);
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #ffc708;
  color: #fff;
}

.select2-dropdown,
.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 0.2rem !important;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 0.2rem !important;
  border: 1px solid #8f8f8f;
  outline: initial;
  background: white;
  color: #3a3a3a;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  outline: initial;
  background: white;
  color: #3a3a3a;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  border-radius: 0.2rem;
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
  margin: 0 0 0 8px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  outline: initial;
  text-shadow: initial;
  color: #ffc708;
}

.typeahead.dropdown-menu {
  width: 100%;
  border-radius: 0.2rem !important;
}
.typeahead.dropdown-menu .dropdown-item {
  padding: 0.5rem 0.75rem !important;
}
.typeahead.dropdown-menu .active a {
  background-color: #ffc708;
  color: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 10px;
  height: 2em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding-top: 3px;
  padding-left: 8px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  margin: 2px 0 2px 5px;
}

.select2-container--bootstrap .select2-selection--multiple {
  height: unset !important;
  padding: 0.4rem 0.25rem;
}

.datepicker-dropdown {
  transform: translateY(-150px);
}
@media (max-width: 1439px) {
  .datepicker-dropdown {
    transform: translateY(-130px);
  }
}
@media (max-width: 1199px) {
  .datepicker-dropdown {
    transform: translateY(-110px);
  }
}
@media (max-width: 767px) {
  .datepicker-dropdown {
    transform: translateY(-85px);
  }
}

.datepicker-dropdown:before {
  border-bottom-color: rgba(58, 58, 58, 0.2);
}

.datepicker table tr td.range {
  color: #fff;
  background-color: #ffc708;
  border-color: #ffc708;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #ffc708;
  border-color: #ffc708;
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid rgba(58, 58, 58, 0.2);
}

.datepicker table tr td,
.datepicker table tr th {
  color: #3a3a3a;
}

.datepicker-dropdown.datepicker-orient-top:after {
  border-top-color: white;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  border-bottom-color: white;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #d7d7d7;
}

.datepicker table tr td,
.datepicker table tr th {
  width: 35px;
  height: 35px;
  border-radius: 0.2rem;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  color: white;
  background-color: #ffc708;
  border-color: #ffc708;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
  color: white;
  background-color: #d4a400;
  border-color: #d4a400;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: #d4a400;
  border-color: #d4a400;
}

.datepicker.datepicker-inline,
.datepicker.datepicker-inline table {
  width: 100%;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #d7d7d7;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #d7d7d7;
}

.dropzone {
  min-height: 115px !important;
  border: 1px solid #d7d7d7 !important;
  background: white !important;
  padding: 10px 10px !important;
  border-radius: 0.2rem !important;
  color: #3a3a3a !important;
  height: auto;
}
.dropzone .img-thumbnail {
  height: 58px !important;
  width: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  position: relative;
  transform: translateY(-50%);
  top: 50% !important;
  margin: 0;
}

.dropzone.dz-clickable .dz-message span {
  top: 50px !important;
}

.dropzone .dz-preview.dz-image-preview,
.dropzone .dz-preview.dz-file-preview {
  width: 260px;
  height: 60px;
  min-height: unset;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0.2rem !important;
  background: white !important;
  color: #3a3a3a !important;
}
.dropzone .dz-preview.dz-image-preview .preview-container,
.dropzone .dz-preview.dz-file-preview .preview-container {
  transition: initial !important;
  -webkit-animation: initial !important;
  animation: initial !important;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.dropzone .dz-preview.dz-image-preview .preview-container i,
.dropzone .dz-preview.dz-file-preview .preview-container i {
  color: #ffc708;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 29px;
  transform: translateX(-50%) translateY(-50%) !important;
  height: 22px;
}
.dropzone .dz-preview.dz-image-preview strong,
.dropzone .dz-preview.dz-file-preview strong {
  font-weight: normal;
}
.dropzone .dz-preview.dz-image-preview .remove,
.dropzone .dz-preview.dz-file-preview .remove {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #ffc708 !important;
}
.dropzone .dz-preview.dz-image-preview .dz-details,
.dropzone .dz-preview.dz-file-preview .dz-details {
  position: static;
  display: block;
  opacity: 1;
  text-align: left;
  min-width: unset;
  z-index: initial;
  color: #3a3a3a !important;
}
.dropzone .dz-preview.dz-image-preview .dz-error-mark,
.dropzone .dz-preview.dz-file-preview .dz-error-mark {
  color: #fff !important;
  top: 15px;
  left: 25px;
  margin-left: 0;
  margin-top: 0;
}
.dropzone .dz-preview.dz-image-preview .dz-error-mark span,
.dropzone .dz-preview.dz-file-preview .dz-error-mark span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath style='fill:%23FFC708;' d='M4.1,23.9A13.51,13.51,0,0,1,0,14,13.52,13.52,0,0,1,4.1,4.1,13.52,13.52,0,0,1,14,0a13.52,13.52,0,0,1,9.9,4.1A13.52,13.52,0,0,1,28,14a13.51,13.51,0,0,1-4.1,9.9A13.52,13.52,0,0,1,14,28,13.52,13.52,0,0,1,4.1,23.9Z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M13.13,19.35V6.17a.88.88,0,1,1,1.75,0V19.35Z'/%3E%3Crect style='fill:%23FFFFFF;' x='13.13' y='21.07' width='1.75' height='1.64'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
.dropzone .dz-preview.dz-image-preview .dz-success-mark,
.dropzone .dz-preview.dz-file-preview .dz-success-mark {
  color: #fff;
  top: 15px;
  left: 25px;
  margin-left: 0;
  margin-top: 0;
}
.dropzone .dz-preview.dz-image-preview .dz-success-mark span,
.dropzone .dz-preview.dz-file-preview .dz-success-mark span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath style='fill:%23FFC708;' d='M4.1,23.9A13.51,13.51,0,0,1,0,14,13.52,13.52,0,0,1,4.1,4.1,13.52,13.52,0,0,1,14,0a13.52,13.52,0,0,1,9.9,4.1A13.52,13.52,0,0,1,28,14a13.51,13.51,0,0,1-4.1,9.9A13.52,13.52,0,0,1,14,28,13.52,13.52,0,0,1,4.1,23.9Z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M20.14,8.81A.77.77,0,0,1,21.2,9a.81.81,0,0,1,.25.61.83.83,0,0,1-.25.62L12.48,19l-.11.1a.82.82,0,0,1-1.23,0L6.79,14.74l-.11-.16a.49.49,0,0,1-.08-.18,1.06,1.06,0,0,1,0-.19.61.61,0,0,1,0-.19,1.16,1.16,0,0,1,0-.18,1.26,1.26,0,0,1,.08-.18,1,1,0,0,1,.11-.15.87.87,0,0,1,1.26,0l3.69,3.7L19.94,9A.72.72,0,0,1,20.14,8.81Z'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
.dropzone .dz-preview.dz-image-preview .dz-progress,
.dropzone .dz-preview.dz-file-preview .dz-progress {
  width: 84%;
  margin-left: 0;
  margin-top: 0;
  right: 0;
  height: 5px !important;
  left: 15px;
}
.dropzone .dz-preview.dz-image-preview .dz-progress .dz-upload,
.dropzone .dz-preview.dz-file-preview .dz-progress .dz-upload {
  width: 100%;
  background: #ffc708 !important;
}
.dropzone .dz-preview.dz-image-preview .dz-error-message,
.dropzone .dz-preview.dz-file-preview .dz-error-message {
  border-radius: 15px;
  background: #c43d4b !important;
  top: 60px;
}
.dropzone .dz-preview.dz-image-preview .dz-error-message:after,
.dropzone .dz-preview.dz-file-preview .dz-error-message:after {
  border-bottom: 6px solid #c43d4b !important;
}
.dropzone .dz-preview.dz-image-preview [data-dz-name],
.dropzone .dz-preview.dz-file-preview [data-dz-name] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  display: inline-block;
  overflow: hidden;
}

.dropzone .dz-preview.dz-file-preview .img-thumbnail {
  display: none;
}

.dropzone .dz-error.dz-preview.dz-file-preview .preview-icon {
  display: none;
}
.dropzone .dz-error.dz-preview.dz-file-preview .dz-error-mark,
.dropzone .dz-error.dz-preview.dz-file-preview .dz-success-mark {
  color: #ffc708 !important;
}

.dropzone .dz-preview.dz-image-preview .preview-icon {
  display: none;
}

@-webkit-keyframes pulse-inner {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.8, 1);
  }
  20% {
    transform: scale(1, 1);
  }
}
@keyframes pulse-inner {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.8, 1);
  }
  20% {
    transform: scale(1, 1);
  }
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse-inner 3s ease infinite;
  animation: pulse-inner 3s ease infinite;
}

.custom-switch {
  padding-left: initial;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  background: #d7d7d7;
}

.custom-switch.custom-switch-primary .custom-switch-input:checked + .custom-switch-btn {
  background: #ffc708;
  border: 1px solid #ffc708;
}

.custom-switch.custom-switch-secondary .custom-switch-input:checked + .custom-switch-btn {
  background: #ffac8e;
  border: 1px solid #ffac8e;
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input + .custom-switch-btn {
  border: 1px solid #d7d7d7;
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn {
  background: white;
  border: 1px solid #ffc708;
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn:after {
  background: #ffc708;
}

.custom-switch.custom-switch-secondary-inverse .custom-switch-input + .custom-switch-btn {
  border: 1px solid #d7d7d7;
}

.custom-switch.custom-switch-secondary-inverse .custom-switch-input:checked + .custom-switch-btn {
  background: white;
  border: 1px solid #ffac8e;
}

.custom-switch.custom-switch-secondary-inverse .custom-switch-input:checked + .custom-switch-btn:after {
  background: #ffac8e;
}

.input-group-text {
  border-radius: 0.2rem;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after {
  background: white;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  border-color: #d7d7d7;
}

.noUi-target {
  background: white;
  border-color: #d7d7d7;
  box-shadow: initial;
}

.noUi-tooltip {
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
}

.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-append > .btn {
  border-radius: 0.2rem;
}

.input-group.split > .form-control:not(:last-child),
.input-group.split > .custom-select:not(:last-child),
.input-group.split > .textarea-wrap:not(:last-child) {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.input-group.split > .textarea-wrap:not(:last-child) {
  flex: 1;
  width: 100%;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text {
  margin-left: 7px;
}

.input-group > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  border-radius: 0.2rem;
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  border-radius: 0.2rem;
}

.custom-select {
  border-radius: 0.2rem;
  padding: 0.75rem;
  font-size: 0.8rem;
  line-height: 1;
  height: calc(2em + 0.8rem);
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  outline: initial !important;
  box-shadow: initial !important;
}

.custom-select:focus {
  border-color: #ffc708;
}

.custom-file-input {
  box-shadow: initial !important;
}

.custom-file-label {
  box-shadow: initial !important;
  border-radius: 0.2rem;
  height: calc(2em + 0.8rem);
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  background: white;
  border-color: #d7d7d7;
}

.custom-file {
  height: calc(2em + 0.8rem);
}

.custom-file-label:focus,
.custom-file-input:focus {
  border-color: rgba(255, 199, 8, 0.6);
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(255, 199, 8, 0.6);
  box-shadow: initial;
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: rgba(255, 199, 8, 0.6);
}

.custom-file-label:after,
.input-group > .custom-select:not(:first-child),
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:first-child),
.input-group > .form-control:not(:last-child) {
  outline: initial !important;
  box-shadow: initial !important;
}

.custom-file-label::after {
  height: calc(2em + 0.8rem);
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  color: #3a3a3a;
  border-color: #d7d7d7;
  background: transparent;
}

.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
}

.jumbotron {
  background: initial;
}

.has-top-label label,
.has-top-label > span,
.has-float-label label,
.has-float-label > span {
  color: rgba(58, 58, 58, 0.7);
}

/* 23.Form Wizard */
.sw-main {
  box-shadow: initial;
}
.sw-main > ul.step-anchor {
  padding: 0 0.75rem;
  background: initial;
}
.sw-main .step-content {
  background: initial;
}
.sw-main.sw-theme-default > ul.step-anchor > li > a {
  font-weight: 700;
}
.sw-main.sw-theme-default > ul.step-anchor > li > a::after {
  content: initial !important;
}
.sw-main.sw-theme-default > ul.step-anchor > li.active > a::before {
  content: " ";
  position: absolute;
  background: #ffc708;
  width: calc(100% - 1rem);
  border-radius: 10px;
  height: 5px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sw-main > .btn-toolbar.sw-toolbar.sw-toolbar-bottom {
  background: initial;
  padding: 1.75rem;
}
@media (max-width: 575px) {
  .sw-main > .btn-toolbar.sw-toolbar.sw-toolbar-bottom {
    padding: 1.5rem;
  }
}
.sw-main > ul.step-anchor > li.active > a {
  color: #ffc708 !important;
}
.sw-main > ul.step-anchor > li > a, .sw-main > ul.step-anchor > li > a:hover, .sw-main > ul.step-anchor > li > a:focus {
  color: #d7d7d7;
}
.sw-main .step-content {
  padding: initial;
}
.sw-main > ul.step-anchor > li.done > a {
  color: #3a3a3a !important;
}
.sw-main.sw-theme-dots > ul.step-anchor > li > a:before, .sw-main.sw-theme-check > ul.step-anchor > li > a:before {
  left: 50%;
  transform: translateX(-50%);
  background: #f3f3f3;
  bottom: 5px;
  width: 24px;
  height: 24px;
}
.sw-main.sw-theme-dots > ul.step-anchor > li > a:after, .sw-main.sw-theme-check > ul.step-anchor > li > a:after {
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  bottom: 3px;
  background: white;
}
.sw-main.sw-theme-dots > ul.step-anchor > li.done > a:after, .sw-main.sw-theme-check > ul.step-anchor > li.done > a:after {
  background: #ffc708;
}
.sw-main.sw-theme-dots > ul.step-anchor > li.active > a:after {
  background: initial;
  border: 2px solid #ffc708;
}
.sw-main.sw-theme-dots > ul.step-anchor:before, .sw-main.sw-theme-check > ul.step-anchor:before {
  background: #f3f3f3;
  height: 1px;
  width: calc(100% - 3rem);
  left: 50%;
  transform: translateX(-50%);
  top: 67px;
}
.sw-main.sw-theme-check > ul.step-anchor > li.active > a:after {
  background: #ffc708;
}
.sw-main.sw-main.sw-theme-check > ul.step-anchor > li.done > a:after {
  background: initial;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFC708' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.sw-main > ul.step-anchor > li.clickable > a:hover {
  color: #ffac8e !important;
}
.sw-main > .btn-toolbar.sw-toolbar.sw-toolbar-bottom .btn-group {
  margin-right: 0 !important;
}
.sw-main .custom-toolbar {
  height: auto !important;
  min-height: auto !important;
}

.sw-theme-check > ul.step-anchor > li > a,
.sw-theme-check > ul.step-anchor:before,
.sw-theme-dots > ul.step-anchor > li > a,
.sw-theme-dots > ul.step-anchor:before {
  z-index: 1;
}

#smartWizardValidation .card-body > div {
  height: 180px;
}

/* 24.Slider(Range) */
.noUi-connect {
  background: #ffc708;
}

.noUi-connects {
  border-radius: 0.2rem;
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: none;
}

.noUi-handle {
  outline: initial;
  box-shadow: initial !important;
}

.noUi-horizontal {
  height: 8px;
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -7px;
  border-color: #d7d7d7;
  background: white;
}

.noUi-horizontal .noUi-tooltip {
  top: 120%;
  bottom: unset;
  padding-left: 10px;
  padding-right: 10px;
}

/* 25.Navs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: white;
  background-color: #ffc708;
}

.nav-pills .nav-link {
  border-radius: 50px;
}

@media (max-width: 767px) {
  .nav-link {
    padding: 0.5rem 0.5rem;
  }
}
.nav-link.active {
  color: #ffc708;
}

.page-item {
  padding: 10px;
}
@media (max-width: 767px) {
  .page-item {
    padding: 3px;
  }
}
.page-item .page-link {
  outline: initial !important;
  box-shadow: initial !important;
  line-height: 1.7;
  border-radius: 40px !important;
  min-width: 38px;
  text-align: center;
  height: 38px;
  padding: 0.5rem 0;
}
@media (max-width: 575px) {
  .page-item .page-link {
    min-width: 30px;
    height: 30px;
    line-height: 0.9;
    font-size: 0.76rem;
  }
}
.page-item .page-link.next {
  background: #ffc708;
  color: #fff;
  border: 1px solid #ffc708;
}
.page-item .page-link.prev, .page-item .page-link.prev {
  background: #ffc708;
  border: 1px solid #ffc708;
  color: #fff;
}
.page-item .page-link.first, .page-item .page-link.last {
  background: transparent;
  color: #ffc708;
  border: 1px solid #ffc708;
  border-radius: 30px;
}
.page-item .page-link.first:hover, .page-item .page-link.last:hover {
  background: #ffc708;
  color: white;
  border: 1px solid #ffc708;
}
.page-item .page-link:hover {
  background-color: transparent;
  border-color: #ffd33b;
  color: #ffc708;
}
.page-item.active .page-link {
  background: transparent;
  border: 1px solid #ffc708;
  color: #ffc708;
}
.page-item.disabled .page-link {
  border-color: #d7d7d7;
  color: #d7d7d7;
  background: transparent;
}

.page-link {
  background-color: transparent;
  border-color: transparent;
  color: #3a3a3a;
}

.btn-sm.page-link {
  padding: 0.5rem 0.5rem;
}

.pagination-lg .page-item {
  padding: 15px;
}
@media (max-width: 767px) {
  .pagination-lg .page-item {
    padding: 3px;
  }
}
.pagination-lg .page-item .page-link {
  min-width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .pagination-lg .page-item .page-link {
    min-width: 38px;
    height: 38px;
    padding: 0.55rem 0;
    line-height: 1.5;
    font-size: 0.8rem;
  }
}
@media (max-width: 575px) {
  .pagination-lg .page-item .page-link {
    min-width: 30px;
    height: 30px;
    line-height: 0.9;
    font-size: 0.76rem;
  }
}

.pagination-sm .page-item {
  padding: 6px;
}
@media (max-width: 767px) {
  .pagination-sm .page-item {
    padding: 3px;
  }
}
.pagination-sm .page-item .page-link {
  min-width: 30px;
  height: 30px;
  line-height: 1;
  font-size: 0.76rem;
}

/* 26.Tooltip and popover */
.popover {
  border-radius: 0.2rem;
  background-color: white;
  border-color: #d7d7d7;
}
.popover .popover-body {
  color: #3a3a3a;
}

.popover,
.tooltip {
  top: -145px !important;
}
@media (max-width: 1439px) {
  .popover,
  .tooltip {
    top: -130px !important;
  }
}
@media (max-width: 1199px) {
  .popover,
  .tooltip {
    top: -110px !important;
  }
}
@media (max-width: 767px) {
  .popover,
  .tooltip {
    top: -80px !important;
  }
}

.popover-header {
  background-color: transparent;
  border-bottom: initial;
}

.tooltip-inner {
  padding: 0.5rem 0.75rem;
  color: #3a3a3a;
  background-color: white;
  border-radius: 0.1rem;
  border: 1px solid #d7d7d7;
}

.tooltip.show {
  opacity: 1;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^=right] .arrow::before {
  border-right-color: #d7d7d7;
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
  border-right-color: white;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^=left] .arrow::before {
  border-left-color: #d7d7d7;
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
  border-left-color: white;
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #d7d7d7;
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
  border-bottom-color: white;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^=top] .arrow::before {
  border-top-color: #d7d7d7;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
  border-top-color: white;
}

.tooltip .arrow::before,
.tooltip .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: #d7d7d7;
}

.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::after {
  left: 1px;
  border-right-color: white;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::after {
  border-width: 0.4rem 0.4rem 0.4rem 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  bottom: 0;
  border-top-color: #d7d7d7;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}

.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::after {
  bottom: 1px;
  border-top-color: white;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::after {
  border-width: 0.4rem 0.4rem 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  top: 0;
  border-bottom-color: #d7d7d7;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::after {
  top: 1px;
  border-bottom-color: white;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-left-color: #d7d7d7;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::after {
  right: 0;
  border-left-color: white;
}

.search-sm {
  position: relative;
  margin-bottom: 0.25rem;
}
.search-sm input {
  outline: initial !important;
  border-radius: 15px;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  border-radius: 0.2rem;
  font-size: 0.875rem;
  line-height: 1;
  border: 1px solid #8f8f8f;
  color: #3a3a3a;
  height: initial;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .search-sm input {
    font-size: 0.875rem;
  }
}
.search-sm input + .btn {
  margin-left: 0.25rem;
  flex: 0 0 auto;
  font-size: inherit;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
@media screen and (min-width: 767px) {
  .search-sm {
    margin-bottom: 0;
  }
}
.search-sm:after {
  font-family: "simple-line-icons";
  content: "\e090";
  font-size: 14px;
  color: #8f8f8f;
  position: absolute;
  right: 10px;
  text-align: center;
  cursor: pointer;
  top: 2px;
}
.search-sm.search-icon-none:after {
  display: none;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0;
}

.calendar-sm::after {
  content: "\e075";
}

/* 27.Progress */
.progress {
  height: 3px;
  background-color: #f3f3f3;
}

.progress-bar {
  background-color: #ffc708;
}

.progressbar-text {
  position: absolute;
  left: 0;
  width: 50px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  color: #3a3a3a !important;
}

.progress-bar-circle {
  width: 54px;
  height: 54px;
}
.progress-bar-circle svg path:first-of-type {
  stroke: #d7d7d7;
}
.progress-bar-circle svg path:last-of-type {
  stroke: #ffc708;
}
.progress-bar-circle.progress-bar-banner svg path:first-of-type {
  stroke: #ffd852;
}
.progress-bar-circle.progress-bar-banner svg path:last-of-type {
  stroke: #fff;
}

.progress-banner {
  height: 200px;
  background-image: linear-gradient(to right top, #c7a951, #d3b455, #e0bf5c);
  transition: 0.5s;
  background-size: 200% auto;
  cursor: pointer;
}
.progress-banner .lead {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 1199px) {
  .progress-banner .lead {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
  }
}
.progress-banner i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 1199px) {
  .progress-banner i {
    font-size: 2rem;
    margin-bottom: 0.2rem;
  }
}
.progress-banner .progress-bar-circle.progress-bar-banner {
  width: 120px;
  height: 120px;
}
@media (max-width: 1199px) {
  .progress-banner .progress-bar-circle.progress-bar-banner {
    width: 80px;
    height: 80px;
  }
}
.progress-banner .progress-bar-banner .progressbar-text {
  color: #fff !important;
  font-size: 1.7rem;
  width: 110px;
  font-weight: 300;
}
@media (max-width: 1199px) {
  .progress-banner .progress-bar-banner .progressbar-text {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
  }
}
.progress-banner:hover {
  background-position: right top;
}

/* 28.Rating */
.br-theme-bootstrap-stars .br-widget a:after {
  color: #d7d7d7;
}

.br-theme-bootstrap-stars .br-widget a.br-active:after {
  color: #ffc708;
  font-weight: 900;
}

.br-theme-bootstrap-stars .br-widget a.br-selected:after {
  color: #ffc708;
  font-weight: 900;
}

/* 29.Sortable */
.sortable {
  cursor: default;
}

.sortable span {
  vertical-align: middle;
}

.sortable-ghost {
  opacity: 0.5;
}

/* 30.Spinner */
.btn-multiple-state .spinner {
  width: 36px;
  text-align: center;
}
.btn-multiple-state .spinner > div {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both;
  animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}
.btn-multiple-state .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.btn-multiple-state .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 31.Croppper */
.cropper-line {
  background-color: #ffc708;
}

.cropper-point {
  background-color: #ffc708;
}

.cropper-view-box {
  outline-color: #ffc708;
  outline: #ffc708;
}

.cropper-preview {
  overflow: hidden;
}

#cropperContainer {
  height: 300px;
  display: none;
}

/* 32.Modal */
.modal .modal-body,
.modal .modal-footer {
  padding: 1.25rem;
}
.modal .modal-header {
  padding: 0 0.75rem;
  border-bottom: 1px solid #E3E5E8;
}

.modal .modal-title {
  padding: 0 0.5rem;
  font-size: 1rem;
}

.modal .close{
  opacity: 1; width: 40px; height: 40px; padding: 0px; display: flex; align-items: center; justify-content: center; margin: 0;}

.modal .modal-body {
  /*max-height: calc(100vh - 150px);*/
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
}
.modal .modal-footer {
  border-top: 1px solid #d7d7d7;
}
.modal .close {
  color: #3a3a3a;
  text-shadow: initial;
}
.modal .modal-content {
  border: initial;
  border-radius: 0.1rem;
  background: white;
}

.modal-open .modal {
  overflow: hidden;
}

.modal-right {
  padding-right: 0 !important;
}
.modal-right .modal-dialog {
  margin: 0 auto;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  max-width: 380px;
}
.modal-right .modal-content {
  min-height: 100%;
  max-height: 100%;
}
.modal-right .modal-header {
  flex: 0 0 56px;
  align-items: center;
}
@media (max-width: 1439px) {
  .modal-right .modal-header {
    flex: 0 0 56px;
  }
}
@media (max-width: 1199px) {
  .modal-right .modal-header {
    flex: 0 0 56px;
  }
}
@media (max-width: 767px) {
  .modal-right .modal-header {
    flex: 0 0 56px;
  }
}
.modal-right .modal-footer {
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.modal-right.modal.fade .modal-dialog {
  transform: translate(25%, 0);
}
.modal-right.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-left {
  padding-left: 0 !important;
}
.modal-left .modal-dialog {
  margin: 0 auto;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  max-width: 380px;
}
.modal-left .modal-content {
  min-height: 100%;
}
.modal-left .modal-header {
  flex: 0 0 100px;
}
@media (max-width: 1439px) {
  .modal-left .modal-header {
    flex: 0 0 90px;
  }
}
@media (max-width: 1199px) {
  .modal-left .modal-header {
    flex: 0 0 80px;
  }
}
@media (max-width: 767px) {
  .modal-left .modal-header {
    flex: 0 0 70px;
  }
}
.modal-left .modal-footer {
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.modal-left.modal.fade .modal-dialog {
  transform: translate(-25%, 0);
}
.modal-left.modal.show .modal-dialog {
  transform: translate(0, 0);
}


/* ===== 공통 모달(부트스트랩 사용) - 혜인 0924 ===== */
.commonModal p, .commonModal span, .commonModal i, .commonModal b, .commonModal em, .commonModal h1, .commonModal h2, .commonModal h3, .commonModal h4, .commonModal h5, .commonModal h6{
  padding: 0; margin: 0;
}
.modal.commonModal{position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
.modal.commonModal .modal-dialog{margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important;}
.modal.commonModal .modal-content{border-radius: 10px; width: 304px; height: auto; box-sizing: border-box; padding: 30px 20px;}
.modal.commonModal .modal-content .modalTop{text-align: center;}
.modal.commonModal .modal-content .modalTop img{display: inline-block;}
.modal.commonModal .modal-content .modalTop h5{font-size: 18px; font-weight: 600; margin-top: 10px;}
.modal.commonModal .modal-content .modalMain{margin: 30px 0 40px;}
.modal.commonModal .modal-content .modalMain p{font-size: 13px; font-weight: 400; text-align: center;}
.modal.commonModal .modal-content .modalFoot{display: flex; justify-content: space-between;}
.modal.commonModal .modal-content .modalFoot a,
.modal.commonModal .modal-content .modalFoot button{
  display: block; flex: 1; box-sizing: border-box; border: 1px solid #ffc708; border-radius: 50px; text-align: center; padding: 12px 0; font-size: 14px; font-weight: 500; margin: 0 5px; cursor: pointer;
}
.modal.commonModal .modal-content .modalFoot .btn_strong{background-color: #ffc708; color: #fff;}
.modal.commonModal .modal-content .modalFoot .btn_normal{background-color: #fff; color: #ffc708;}




/* 33.Authorization */
.auth-card {
  display: flex;
  flex-direction: row;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.auth-card .image-side {
  width: 40%;
  background: url("../img/login/balloon.jpg") no-repeat center top;
  background-size: cover;
  padding: 80px 40px;
}
.auth-card .image-side .h3 {
  line-height: 0.8rem;
}
.auth-card .form-side {
  width: 60%;
  padding: 80px;
}
@media (max-width: 991px) {
  .auth-card {
    flex-direction: column;
  }
  .auth-card .image-side {
    width: 100%;
    padding: 60px;
  }
  .auth-card .form-side {
    width: 100%;
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .auth-card p.h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 575px) {
  .auth-card {
    flex-direction: column;
  }
  .auth-card .image-side {
    padding: 35px 30px;
  }
  .auth-card .form-side {
    padding: 35px 30px;
  }
  .auth-card .logo-single {
    margin-bottom: 20px;
  }
  .auth-card p.h2 {
    font-size: 1.4rem;
  }
}

.timer-card {
  position: relative;
}
.timer-card .card-icon-top {
  display: inline-block;
  width: 100%;
  max-width: 100px;
  border: 3px solid white;
}
.timer-card .heading {
  position: relative;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-end;
  /* 혜인 0919 */
  flex-wrap: wrap;
}
.timer-card .heading:after {
  content: "";
  flex: 1 1 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #d7d7d7;
  margin-bottom: 2px;
  margin-left: 0.75rem;
}
.timer-card .pname {
  font-size: 1.2rem;
  font-weight: 500;
}
.timer-card .timer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 199, 8, 0.1);
  padding: 3px;
  border-radius: 3px;
}
.timer-card .timer-column {
  width: auto;
  text-align: center;
}
.timer-card .timer-column + .timer-column {
  width: 62px;
}
.timer-card .timer-column:first-child {
  width: 66px;
}
.timer-card .timer-column:nth-child(2) {
  width: 48px;
}
.timer-card .timer-column .lead {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "titillium web", sans-serif;
}

.index-card .card-body {
  padding: 80px;
}
@media (max-width: 991px) {
  .index-card .card-body {
    padding: 60px;
  }
}
@media (max-width: 575px) {
  .index-card .card-body {
    padding: 35px 30px;
  }
}

/* 34.Html Editors */
.html-editor {
  height: 350px;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #ffc708;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #ffc708;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar button:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter {
  stroke: #ffc708;
}

.ql-toolbar.ql-snow {
  border-color: #d7d7d7;
}

.ql-container.ql-snow {
  border-color: #d7d7d7;
}

.html-editor-bubble {
  height: 200px;
}

.html-editor-bubble .ql-editor {
  border: 1px solid #d7d7d7;
}

.ql-tooltip {
  z-index: 10;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  height: 350px;
  background: white;
}

.ck.ck-button,
a.ck.ck-button {
  color: #d7d7d7;
}

.ck.ck-button:not(.ck-disabled):focus,
.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):focus,
a.ck.ck-button:not(.ck-disabled):hover,
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on,
.ck.ck-button.ck-on:not(.ck-disabled):focus,
.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):focus,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
  background: initial;
  color: #ffc708;
  box-shadow: initial;
  outline: initial;
}

.ck.ck-toolbar {
  border-color: #d7d7d7 !important;
}

.ck.ck-toolbar__separator {
  background: #d7d7d7 !important;
}

.ck.ck-toolbar {
  border-color: #d7d7d7;
}

.ck.ck-editor__main > .ck-editor__editable {
  border-color: #d7d7d7 !important;
}

.ck.ck-editor__main > .ck-editor__editable {
  background: white;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners {
  box-shadow: initial !important;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-focused {
  border-color: #d7d7d7;
}

.ck.ck-toolbar {
  background: white !important;
}

/* 35.Icons */
.simple-line-icons .glyph,
.mind-icons .glyph {
  width: 14.28%;
  text-align: center !important;
  float: left;
  height: 100px;
}
.simple-line-icons .glyph .glyph-icon,
.simple-line-icons .glyph .fa,
.mind-icons .glyph .glyph-icon,
.mind-icons .glyph .fa {
  font-size: 32px;
  text-align: center !important;
}
.simple-line-icons .glyph .author-name,
.mind-icons .glyph .author-name {
  display: none;
}
.simple-line-icons .glyph .class-name,
.mind-icons .glyph .class-name {
  font-size: 0.76rem;
  color: #909090 !important;
  text-align: center !important;
}
@media (max-width: 1199px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 16.66%;
  }
}
@media (max-width: 991px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 25%;
  }
}
@media (max-width: 575px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 50%;
  }
}

.chart-container {
  height: 300px;
}

.theme-colors {
  width: 280px !important;
  position: fixed;
  z-index: 1030;
  top: 50%;
  right: 0;
  background: white;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  transform: translate(280px, -50%);
  padding-top: 10px;
  padding-bottom: 10px;
}
.theme-colors .theme-color {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 20px;
  transition: background 0.25s;
}
.theme-colors .theme-color.active, .theme-colors .theme-color:hover {
  background: white;
}
.theme-colors .theme-color-purplemonster {
  border: 3px solid #922c88;
  background: #922c88;
}
.theme-colors .theme-color-blueyale {
  border: 3px solid #145388;
  background: #145388;
}
.theme-colors .theme-color-blueolympic {
  border: 3px solid #008ecc;
  background: #008ecc;
}
.theme-colors .theme-color-bluenavy {
  border: 3px solid #00365a;
  background: #00365a;
}
.theme-colors .theme-color-orangecarrot {
  border: 3px solid #ed7117;
  background: #ed7117;
}
.theme-colors .theme-color-greenmoss {
  border: 3px solid #576a3d;
  background: #576a3d;
}
.theme-colors .theme-color-greenlime {
  border: 3px solid #6fb327;
  background: #6fb327;
}
.theme-colors .theme-color-redruby {
  border: 3px solid #900604;
  background: #900604;
}
.theme-colors .theme-color-greysteel {
  border: 3px solid #48494b;
  background: #48494b;
}
.theme-colors .theme-color-yellowgranola {
  border: 3px solid #c0a145;
  background: #c0a145;
}
.theme-colors.shown {
  transform: translate(0, calc(-50% + 0.5px));
  transition: transform 0.4s ease-out;
}
.theme-colors.hidden {
  transform: translate(280px, -50%);
  transition: transform 0.4s ease-out;
}

/* 36.Loading */
.loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(255, 199, 8, 0.2);
  border-radius: 50%;
  border-top-color: #ffc708;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* 37.Media Library */
.library-app .sfl-selected-item,
.select-from-library-container .sfl-selected-item {
  display: none;
}
.library-app .list,
.select-from-library-container .list {
  margin-bottom: -1.5rem;
}
@media (max-width: 1199px) {
  .library-app .drop-area-container,
  .select-from-library-container .drop-area-container {
    margin-bottom: 1.5rem;
  }
}
.library-app .dropzone.dz-clickable .dz-message span,
.select-from-library-container .dropzone.dz-clickable .dz-message span {
  top: 0 !important;
}
.library-app .drop-area,
.select-from-library-container .drop-area {
  min-height: 640px;
  height: 100%;
}
.library-app .drop-area .card-body,
.select-from-library-container .drop-area .card-body {
  height: 100%;
}
.library-app .drop-area form,
.select-from-library-container .drop-area form {
  height: 100%;
}
.library-app .drop-area .dropzone,
.select-from-library-container .drop-area .dropzone {
  height: 100%;
}
@media (max-width: 1199px) {
  .library-app .drop-area,
  .select-from-library-container .drop-area {
    min-height: 220px;
    height: 100%;
  }
}
.library-app .drop-area .dropzone .dz-preview.dz-image-preview,
.select-from-library-container .drop-area .dropzone .dz-preview.dz-image-preview {
  width: calc(100% - 32px);
}
@media (max-width: 1199px) {
  .library-app .drop-area .dropzone .dz-preview.dz-image-preview,
  .select-from-library-container .drop-area .dropzone .dz-preview.dz-image-preview {
    width: calc(50% - 32px);
  }
}
@media (max-width: 991px) {
  .library-app .drop-area .dropzone .dz-preview.dz-image-preview,
  .select-from-library-container .drop-area .dropzone .dz-preview.dz-image-preview {
    width: calc(100% - 32px);
  }
}
.library-app .preview-area,
.select-from-library-container .preview-area {
  min-height: 750px;
  height: 100%;
}
.library-app .preview-area .card-body,
.select-from-library-container .preview-area .card-body {
  height: 100%;
}
@media (max-width: 1199px) {
  .library-app .preview-area,
  .select-from-library-container .preview-area {
    min-height: 220px;
    height: auto;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 575px) {
  .library-app .preview-area,
  .select-from-library-container .preview-area {
    height: auto;
  }
}
@media (max-width: 1199px) {
  .library-app .preview-area.preview-area-audio,
  .select-from-library-container .preview-area.preview-area-audio {
    height: auto;
  }
}
@media (max-width: 1199px) {
  .library-app .preview-area .card-img-top,
  .select-from-library-container .preview-area .card-img-top {
    height: 220px;
    width: 220px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 575px) {
  .library-app .preview-area .card-img-top,
  .select-from-library-container .preview-area .card-img-top {
    height: 180px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.library-app .preview-area .video-view,
.select-from-library-container .preview-area .video-view {
  height: 301px;
}
@media (max-width: 575px) {
  .library-app .preview-area .video-view,
  .select-from-library-container .preview-area .video-view {
    height: 180px;
    width: 100%;
  }
}
.library-app .preview-area .video-view .video-js,
.select-from-library-container .preview-area .video-view .video-js {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
}
.library-app .preview-area .video-view .video-js .vjs-poster,
.select-from-library-container .preview-area .video-view .video-js .vjs-poster {
  background-size: cover;
}
.library-app .preview-area .audio-view,
.select-from-library-container .preview-area .audio-view {
  height: 60px;
}
.library-app .preview-area .audio-view .video-js.audio,
.select-from-library-container .preview-area .audio-view .video-js.audio {
  width: 100%;
  height: 100%;
}
.library-app .media-thumb-container,
.select-from-library-container .media-thumb-container {
  height: 105px;
  padding: 20px 30px;
}
.library-app .media-thumb-container.active-default,
.select-from-library-container .media-thumb-container.active-default {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.library-app .media-thumb-container .card-body,
.select-from-library-container .media-thumb-container .card-body {
  padding-left: 1rem;
}
@media (max-width: 575px) {
  .library-app .media-thumb-container,
  .select-from-library-container .media-thumb-container {
    padding: 1.5rem;
  }
}
.library-app .list-media-thumbnail,
.select-from-library-container .list-media-thumbnail {
  border-radius: 0.2rem;
  padding: 0;
  border: initial;
  height: auto;
  max-width: unset;
  width: 55px;
  height: 45px;
  -o-object-fit: cover;
  object-fit: cover;
}
.library-app .media-thumbnail-icon,
.select-from-library-container .media-thumbnail-icon {
  width: 60px;
  height: 45px;
}
.library-app .media-thumbnail-icon i,
.select-from-library-container .media-thumbnail-icon i {
  font-size: 35px;
  margin: 0 auto;
  line-height: 48px;
  color: #ffc708;
}
.library-app .dropzone.disabled,
.select-from-library-container .dropzone.disabled {
  opacity: 0.4;
}
.library-app .dropzone.disabled .dropzone-message,
.select-from-library-container .dropzone.disabled .dropzone-message {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  display: block;
  text-align: center;
}

.sfl-item-container {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.select-from-library-container {
  margin-bottom: -2rem;
}

.select-from-library-button,
.selected-library-item {
  border: 1px solid #d7d7d7;
  height: 110px;
}
.select-from-library-button .card,
.selected-library-item .card {
  box-shadow: initial;
}

.select-from-library-button {
  cursor: pointer;
  border-style: dashed;
}

.delete-library-item {
  font-size: 18px;
}

.select-from-library .modal-content {
  background: #f8f8f8 !important;
  height: 100%;
}
.select-from-library .modal-content .ps__thumb-y {
  right: 14px;
}
.select-from-library .list {
  margin: 0;
}
.select-from-library .list .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.select-from-library .media-thumb-container.card {
  height: 175px;
}
.select-from-library img.list-media-thumbnail {
  width: 100%;
  height: 105px;
  -o-object-fit: cover;
  object-fit: cover;
}
.select-from-library .modal-body.scroll {
  margin-right: initial;
}
.select-from-library .dropzone-container {
  flex: 0 0 auto;
}
.select-from-library .folder-button-collapse {
  display: inline-block;
  border-radius: initial;
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
}
.select-from-library .folder-button-collapse .icon-container {
  margin-right: 0.5rem;
  display: inline-block;
}
.select-from-library .folder-button-collapse .icon-container i {
  display: inline-block;
  font-size: 14px;
  margin: 0 auto;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.select-from-library .folder-button-collapse .folder-name {
  line-height: 22px;
  display: inline-block;
  font-size: 1rem;
}
.select-from-library .folder-button-collapse.collapsed .icon-container i {
  transform: rotate(-90deg);
}
.select-from-library .dropzone {
  min-height: 160px;
  height: 100%;
  border: initial;
}
.select-from-library .dz-default.dz-message {
  top: 75px;
}
.select-from-library .dropzone .dz-preview.dz-image-preview {
  width: calc(100% - 32px);
}

/* 38.Context Menu */
.context-menu-list {
  box-shadow: initial;
  border-radius: 0.2rem;
  background: white;
  border-color: rgba(58, 58, 58, 0.15);
  padding: 0.5rem 0;
}

.context-menu-item {
  padding: 0.75rem 1.5rem;
  background: white;
  color: #3a3a3a;
}
.context-menu-item.context-menu-hover {
  color: #3a3a3a;
  text-decoration: none;
  background-color: #f8f8f8;
}

.context-menu-item span {
  font-family: "Nunito", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  margin-left: 0.5rem;
  display: inline-block;
}

.list .card.context-menu-active,
.list .card.active {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}

/* 39.Videojs */
.video-js .vjs-big-play-button {
  background: white;
  /* height: 1.2em; */
  border-radius: 0.75em;
  line-height: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.5em;
  /* width: 2.5em; */
  border: 0.06666em solid white;

  /* 혜인 0912 */
  width: 70px; height: 46px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder {
  color: #ffc708;
  /* 혜인 0912 */
  font-size: 40px;
}

.vjs-poster,
.vjs-tech {
  border-radius: 0.2rem;
}

.vjs-tech {
  background: initial;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.vjs-control {
  text-shadow: initial !important;
  outline: initial !important;
}

.video-js .vjs-control-bar {
  background: initial;
  margin: 1.75rem;
  width: calc(100% - 3.5rem);
}
.video-js .vjs-control-bar .vjs-control.vjs-button,
.video-js .vjs-control-bar .vjs-remaining-time,
.video-js .vjs-control-bar .vjs-volume-panel {
  margin-right: 0.5em;
  background: white;
  color: #ffc708;
  border-radius: 15px;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.video-js .vjs-control-bar .vjs-progress-control.vjs-control {
  background: white;
  border-radius: 15px;
  margin-right: 0.5em;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.video-js .vjs-control-bar .vjs-mute-control.vjs-control {
  box-shadow: initial;
}
.video-js .vjs-control-bar .vjs-progress-holder {
  height: 3px;
  font-size: 1.6em !important;
}
.video-js .vjs-control-bar .vjs-load-progress,
.video-js .vjs-control-bar .vjs-load-progress div {
  background-color: rgba(255, 199, 8, 0.2);
}
.video-js .vjs-control-bar .vjs-play-progress:before {
  font-size: 0.55em;
  /* top: -0.2em; */
  /* 혜인 0912 */
  top: -6px;
}
.video-js .vjs-control-bar .vjs-progress-holder {
  margin: 0 17px;
}
.video-js .vjs-control-bar .vjs-slider {
  text-shadow: initial !important;
  outline: initial !important;
  background-color: #dadada;
  /* 혜인 0912 */
  margin: 13px 10px;
}
.video-js .vjs-control-bar .vjs-play-progress {
  background: #ffc708;
}
.video-js .vjs-control-bar .vjs-play-progress:before {
  color: #ffc708;
}
.video-js .vjs-control-bar .vjs-volume-horizontal {
  margin-left: -1.5em;
  width: 4em;
}
.video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-level {
  background: #ffc708;
}
/* 혜인 0912 */
.vjs-slider-horizontal .vjs-volume-level:before{
  top: -6px;
}

.video-js.audio {
  background: initial;
}
.video-js.audio .vjs-big-play-button {
  display: none;
}
.video-js.audio .vjs-control-bar {
  display: flex;
}
.video-js.audio .vjs-fullscreen-control {
  display: none;
}
.video-js.audio .vjs-control-bar {
  margin-bottom: 0;
}
.video-js.audio .vjs-control.vjs-button,
.video-js.audio .vjs-remaining-time,
.video-js.audio .vjs-volume-panel {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15), 0 0px 1px rgba(0, 0, 0, 0.2);
}
.video-js.audio .vjs-progress-control.vjs-control {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15), 0 0px 1px rgba(0, 0, 0, 0.2);
}
.video-js.audio .vjs-mute-control {
  box-shadow: initial !important;
}
.video-js.audio .vjs-loading-spinner {
  display: none !important;
}

.video-js.side-bar-video {
  width: 100%;
  height: 280px;
  background-color: #f8f8f8;
  overflow: hidden;
}
.video-js.side-bar-video video {
  -o-object-fit: cover;
  object-fit: cover;
}
.video-js.side-bar-video .vjs-poster {
  background-size: cover;
}

.video-js.video-content {
  width: 100%;
  height: 400px;
  background-color: #f8f8f8;
  overflow: hidden;
  max-height: unset;
}
.video-js.video-content video {
  -o-object-fit: cover;
  object-fit: cover;
}
.video-js.video-content .vjs-poster {
  background-size: cover;
}

/* 40.Prices */
.equal-height-container .col-item .card {
  height: 100%;
}
@media (max-width: 991px) {
  .equal-height-container .col-item .card-body {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .equal-height-container .col-item .card-body {
    text-align: center;
  }
}
.equal-height-container .col-item .price-top-part {
  text-align: center;
}
.equal-height-container .col-item .price-top-part * {
  text-align: center !important;
}
@media (max-width: 991px) {
  .equal-height-container .col-item .price-top-part {
    padding-left: 0;
    padding-right: 0;
    width: 40%;
  }
}
@media (max-width: 575px) {
  .equal-height-container .col-item .price-top-part {
    width: initial;
  }
}
.equal-height-container .col-item .price-feature-list {
  justify-content: space-between;
}
.equal-height-container .col-item .price-feature-list ul {
  margin: 0 auto;
  align-self: flex-start;
  margin-bottom: 1rem;
}
.equal-height-container .col-item .price-feature-list ul li p {
  text-align: center !important;
}

.table-heading {
  box-shadow: initial;
  background: initial;
}

i.large-icon {
  font-size: 38px;
  line-height: 90px;
  color: #ffc708;
}
@media (max-width: 767px) {
  i.large-icon {
    line-height: 70px;
  }
}

.large-icon.initial-height {
  line-height: initial;
}
@media (max-width: 767px) {
  .large-icon.initial-height {
    line-height: initial;
  }
}

/* 41.Tables */
.table {
  color: #3a3a3a;
}

.table th .btn,
.table td .btn {
  padding: 0.3rem;
  border-radius: 0.25rem;
}
.table th .btn + .btn,
.table td .btn + .btn {
  margin-left: 3px;
}

.table .thead-light th {
  background-color: #f3f3f3 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3 !important;
}

.table-v-center th,
.table-v-center td {
  vertical-align: middle;
}

.table-heading-title {
  position: relative;
  padding-left: 22px;
}
.table-heading-title::before, .table-heading-title::after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}
.table-heading-title::after {
  left: 3px;
  width: 7px;
  height: 7px;
  background: #6c757d;
}
.table-heading-title::before {
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #6c757d;
}

.feature-row {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .feature-row {
    margin-top: 40px;
  }
}

/* 42.Invoice Print */
@media print {
  body {
    background: white;
    height: 100%;
  }
  main {
    margin: 0 !important;
  }
  .navbar,
  .menu,
  .theme-colors {
    display: none;
  }
  footer {
    display: none;
  }
  .invoice {
    width: 100%;
    max-width: 100%;
  }
  .invoice.row {
    margin: 0;
  }
  .invoice [class*=col] {
    padding: 0;
  }
  .invoice .invoice-contents {
    width: 100%;
    max-width: 100% !important;
    height: 1370px !important;
  }
}
/* 43.Profile Page */
.social-header {
  width: 100%;
  height: 380px;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 380px;
}

.social-profile-img {
  height: 120px;
  border: 3px solid white;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  top: -75px;
}

.social-icons ul {
  margin-bottom: 0;
}
.social-icons li {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.social-icons li a {
  color: #8f8f8f;
  font-size: 1.2rem;
}
.social-icons li a:hover, .social-icons li a:active {
  color: rgba(143, 143, 143, 0.7);
}

.post-icon i {
  font-size: 1.1rem;
  vertical-align: middle;
}
.post-icon span {
  display: inline-block;
  padding-top: 3px;
  vertical-align: middle;
}

.comment-likes {
  text-align: right;
  flex-basis: 90px;
  flex-shrink: 0;
}

.comment-contaiener input {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-left: 20px;
}

.social-image-row [class*=col-] {
  margin-bottom: 1rem;
}
.social-image-row [class*=col-]:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.social-image-row [class*=col-]:nth-child(odd) {
  padding-right: 0.5rem;
}
.social-image-row [class*=col-]:nth-child(even) {
  padding-left: 0.5rem;
}

.gallery-page.row {
  margin-left: -5px;
  margin-right: -5px;
}
.gallery-page.row [class*=col-] {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.col-left {
  padding-right: 20px;
}
@media (max-width: 991px) {
  .col-left {
    padding-right: 15px;
  }
}

.col-right {
  padding-left: 20px;
}
@media (max-width: 991px) {
  .col-right {
    padding-left: 15px;
  }
}

/* 44.Glide */
.glide__slides {
  white-space: initial;
}
.glide__slides .glide__slide {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.glide__slide {
  display: flex;
  height: unset;
}
.glide__slide .card {
  display: flex;
  flex-grow: 1;
}
.glide__slide .card .w-50 {
  display: flex;
}
.glide__slide .card .card-body {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.slider-nav {
  text-align: center;
}
.slider-nav .left-arrow,
.slider-nav .right-arrow {
  padding-top: 7px;
  font-size: 20px;
  color: #ffc708;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  border: initial;
  position: initial;
  transform: initial;
  top: initial;
  left: initial;
  right: initial;
  padding-left: 5px;
  padding-right: 5px;
}
.slider-nav .glide__arrow {
  padding-top: 10px;
}
.slider-nav .slider-dot-container {
  display: inline-block;
  position: initial;
  text-align: center;
  transform: initial;
  left: initial;
}
.slider-nav .btn:hover, .slider-nav .btn:focus, .slider-nav .btn:active {
  text-decoration: initial;
}

.slider-dot {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #d7d7d7;
  outline: initial !important;
  border: initial;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
  box-shadow: initial;
}
.slider-dot.glide__bullet:hover, .slider-dot.glide__bullet:focus {
  background: #d7d7d7;
  border: initial;
}
.slider-dot.glide__bullet--active {
  background: #ffc708 !important;
}

.glide .card-img {
  width: 100%;
  height: auto;
}

.glide.details img {
  margin-bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.glide.details .glide__slides {
  margin-bottom: 0;
}
.glide.details .glide__slide {
  padding: initial;
}

.glide.thumbs {
  cursor: pointer;
  width: 340px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .glide.thumbs {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .glide.thumbs {
    width: calc(100% - 80px);
  }
}
.glide.thumbs .glide__slide {
  padding: initial;
}
.glide.thumbs li {
  text-align: center;
  opacity: 0.4;
  transition: opacity 200ms;
  height: 45px;
  -o-object-fit: cover;
  object-fit: cover;
}
.glide.thumbs li.active, .glide.thumbs li:hover {
  opacity: 1;
}
.glide.thumbs li img {
  width: 60px;
  margin-bottom: 0;
}
.glide.thumbs .glide__slides {
  margin-bottom: 0;
}
.glide.thumbs .glide__arrows {
  width: 100%;
}
.glide.thumbs .glide__arrows .glide__arrow--left {
  border: initial;
  background: initial;
  box-shadow: initial;
  top: 20px;
  left: -50px;
  font-size: 20px;
  color: #ffc708;
}
.glide.thumbs .glide__arrows .glide__arrow--right {
  border: initial;
  background: initial;
  box-shadow: initial;
  top: 20px;
  right: -50px;
  font-size: 20px;
  color: #ffc708;
}

.glide.details img {
  width: 100%;
}
@media (max-width: 991px) {
  .glide.details img {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  .glide.details img {
    max-height: 400px;
  }
}
@media (max-width: 575px) {
  .glide.details img {
    max-height: 300px;
  }
}
@media (max-width: 419px) {
  .glide.details img {
    max-height: 200px;
  }
}

/* 46.Main Todo */
.listing-card-todo-container .listing-heading {
  height: 40px;
  overflow: hidden;
}
.listing-card-todo-container .badge.badge-top-left {
  line-height: 16px;
  padding: 2px 9px;
}
.listing-card-todo-container .dard-body {
  padding: 1rem 0.8rem;
}

/* 46.Blog */
.listing-card-container .listing-heading {
  height: 45px;
  overflow: hidden;
}
.listing-card-container .listing-desc {
  height: 60px;
  overflow: hidden;
  line-height: 1.4;
}
@media (max-width: 1199px) {
  .listing-card-container .listing-desc {
    height: 60px;
  }
}

/* 47.Rounded */
.rounded .alert-primary.animated {
  border-radius: 0.75rem;
}
.rounded .popover,
.rounded .tooltip-inner {
  border-radius: 0.75rem;
}
.rounded .border-radius {
  border-radius: 0.75rem;
}
.rounded .vjs-poster,
.rounded .vjs-tech {
  border-radius: 0.75rem;
}
.rounded .dashboard-top-rated .glide img {
  border-radius: 0.75rem;
}
.rounded .app-menu {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded .sub-menu {
  border-radius: 0 0.75rem 0.75rem 0;
}
.rounded .auth-card .image-side {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
@media (max-width: 991px) {
  .rounded .auth-card .image-side {
    border-bottom-right-radius: initial;
    border-bottom-left-radius: initial;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
}
.rounded .card-img,
.rounded .card-img-fluid,
.rounded .card-img-overlay {
  border-radius: 0.75rem;
}
.rounded.sub-hidden .main-menu, .rounded.menu-sub-hidden .main-menu {
  border-radius: 0 0.75rem 0.75rem 0;
}
.rounded.sub-show-temporary .main-menu {
  border-radius: initial;
}
.rounded .dropdown-menu {
  border-radius: 0.75rem;
}
.rounded .btn.default {
  border-radius: 0.2rem;
}
.rounded .list-thumbnail {
  border-radius: 0.75rem;
}
.rounded .card-img-bottom,
.rounded .card-img-bottom .vjs-poster,
.rounded .card-img-bottom .vjs-tech {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-top-left-radius: initial;
  border-top-right-radius: initial;
}
.rounded .card-img-top,
.rounded .card-img-top .vjs-poster,
.rounded .card-img-top .vjs-tech {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
}
.rounded .card-img-left {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-top-right-radius: initial !important;
  border-bottom-right-radius: initial !important;
}
.rounded .card-img-right {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-top-left-radius: initial !important;
  border-bottom-left-radius: initial !important;
}
.rounded .card {
  border-radius: 0.75rem;
}
.rounded .card.auth-card {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
@media (max-width: 991px) {
  .rounded .card.auth-card {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
}
.rounded .invalid-tooltip,
.rounded .valid-tooltip,
.rounded div.error {
  border-radius: 10px;
}
.rounded .data-table-rows table tbody tr {
  border-radius: 0.75rem;
}
.rounded .data-table-rows table td {
  background: white;
}
.rounded .data-table-rows table td:first-child {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded .data-table-rows table td:last-child {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

/* 48.datepicker */
.datepicker table tr td.highlighted {
  background: rgba(255, 172, 142, 0.25);
  color: #3a3a3a;
}

.datepicker table tr td.today {
  background: rgba(255, 172, 142, 0.5);
  color: #3a3a3a;
  font-weight: 600;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  text-shadow: none;
}

/* 49.Mobile invitation */
.edit-invitation,
.invitation-preview {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .edit-invitation,
  .invitation-preview {
    height: calc(100vh - 146px);
  }
}

.edit-invitation-footer {
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 10px 0 10px;
  background-color: #f8f8f8;
}
@media (max-width: 1199px) {
  .edit-invitation-footer {
    padding: 10px 0;
    position: fixed;
    display: flex;
    justify-content: center;
  }
}
.edit-invitation-footer .btn-preview {
  display: none;
}
@media (max-width: 1199px) {
  .edit-invitation-footer .btn-preview {
    display: inline-block;
    margin: 0 0.25rem;
  }
}

.invitation-preview {
  padding: 0;
  transition: right 0.5s ease-out;
}
@media (max-width: 1199px) {
  .invitation-preview {
    position: fixed;
    top: 80px;
    bottom: 0;
    right: -2000px;
    background: #efefef;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 2;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  .invitation-preview {
    top: 70px;
    box-shadow: none;
  }
}
.invitation-preview .btn-preview-close {
  display: none;
}
@media (max-width: 1199px) {
  .invitation-preview .btn-preview-close {
    /* display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    line-height: 1;
    font-size: 1rem; */

    /* ====== 혜인 0718 ====== */
    display: inline-block;
    margin-top: -8px;

  }
}
.invitation-preview .modal {
  z-index: 1060 !important;
}

#invitation-preview .card-invitation-preview {
  /* max-height: 700px; */

  /* ====== 혜인 0717 ====== */
  max-height: 650px;


}

.card-invitation-preview {
  margin: 0 auto;
  width: 380px;
  height: 100%;
  border-radius: 30px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 50px -20px, rgba(0, 0, 0, 0.3) 0px 10px 20px -40px;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-invitation-preview::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

/*Mobile Invitation Editor*/
.editor-container {
  overflow: hidden;
}

.edit-invitation {
  /*Invitation accordion content*/
}
.edit-invitation > .scroll-container {
  margin-right: -15px;
  padding-right: 15px;
  position: relative;
  height: 100%;
  padding-top: 0;
  max-height: calc(100% - 60px);
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.edit-invitation > .scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
@media (max-width: 1199px) {
  .edit-invitation > .scroll-container {
    max-height: none;
    height: auto;
    margin-bottom: 80px;
  }
}
.edit-invitation > .scroll-container .ps__thumb-y {
  right: 10px;
}
.edit-invitation > .scroll-container > div > div.card:last-of-type {
  margin-bottom: 5px !important;
}
@media (max-width: 767px) {
  .edit-invitation > .scroll-container > div > div.card {
    margin-right: initial !important;
  }
}
@media (max-width: 991px) {
  .edit-invitation > .scroll-container > div > div.card {
    float: initial !important;
    clear: both !important;
  }
}
.edit-invitation .card.edit-item {
  margin-bottom: 10px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  border: 1px solid #ededed;
  overflow: hidden;
  position: relative;
  transition: 2s ease-in-out;
  /*editor dropzone*/
}
@media (max-width: 767px) {
  .edit-invitation .card.edit-item .card-body {
    padding: 0.75rem;
  }
}
.edit-invitation .card.edit-item .card-body .form-group .col-form-label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.8;
}
.edit-invitation .card.edit-item .dropzone .dz-preview {
  margin: 0.5rem;
}
.edit-invitation .card.edit-item .caution-list li {
  margin-bottom: 0;
  font-size: 0.875rem;
}
.edit-invitation .card.edit-item .text-value {
  display: inline-block;
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.8;
  background: white;
  color: #3a3a3a;
  height: calc(2em + 0.8rem);
  font-weight: 500;
}
.edit-invitation button.list-item-heading {
  padding: 1.2rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 767px) {
  .edit-invitation button.list-item-heading {
    font-size: 0.875rem;
  }
}
.edit-invitation button.list-item-heading > span,
.edit-invitation button.list-item-heading > img {
  display: inline-block;
  margin: 0 12px 0 0;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  display: inline-block;
  transform: translateY(-1px);
}
.edit-invitation .accordion-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 20px !important;
  border-top: 1px solid #ededed;
}
@media (max-width: 767px) {
  .edit-invitation .accordion-content {
    padding: 0.75rem;
  }
}
.edit-invitation .accordion-content .text-muted {
  font-size: 13px;
}
.edit-invitation .accordion-content .separator {
  border-color: #ededed;
}
.edit-invitation .accordion-content .card-subtitle {
  margin-top: 0;
}
.edit-invitation .accordion-content .card-field-title {
  font-size: 0.8125rem;
  font-weight: 600;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #ededed;
}
.edit-invitation .accordion-content .textarea-wrap textarea.form-control {
  outline: 0;
  width: 100%;
  height: 80px;
  resize: none;
  padding: 10px;
}
.edit-invitation .accordion-content .textarea-wrap textarea.form-control*::-webkit-scrollbar-track {
  background-color: #fafafa;
  border-radius: 100px;
}
.edit-invitation .accordion-content .textarea-wrap textarea.form-control*::-webkit-scrollbar-thumb {
  background-color: #babfc3;
  border-radius: 100px;
}
.edit-invitation .accordion-content .textarea-wrap textarea.form-control*::-webkit-scrollbar-thumb {
  box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
  border-radius: 100px;
}
.edit-invitation .accordion-content .groom_info .xi-heart {
  color: #c3d1e9;
  margin-right: 5px;
}
.edit-invitation .accordion-content .bride_info .xi-heart {
  color: #ffd6ec;
  margin-right: 5px;
}
.edit-invitation .accordion-content .address-box #map {
  border: 1px solid #ddd;
  margin: 20px 0;
  height: 400px !important;
  width: 100% !important;
}
.edit-invitation .accordion-content .address-box #map .hide {
  display: none;
}
.edit-invitation .accordion-content .attach-file-lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.edit-invitation .accordion-content .attach-file-lists .list-thumbnail {
  margin-top: 5px;
  margin-left: 5px;
}
.edit-invitation .accordion-content .theme-type {
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
}
.edit-invitation .accordion-content .theme-type .list-thumbnail {
  width: 100%;
  height: auto;
}
.edit-invitation .accordion-content .theme-type .theme-img {
  outline: 1px solid #ddd;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  opacity: 0.7;
  border-radius: 0.5rem;
}
.edit-invitation .accordion-content .theme-type .theme_skin_box {
  text-align: center;
}
.edit-invitation .accordion-content .theme-type.active .theme-img {
  outline: 2px solid #ffc708;
  opacity: 1;
}
.edit-invitation .accordion-content .theme-setting-box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.edit-invitation .accordion-content .theme-setting-box .theme-action {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(50% - 10px);
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #ddd;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.edit-invitation .accordion-content .theme-font-box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.edit-invitation .accordion-content .theme-font-box .font-action {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(50% - 10px);
  padding: 5px 10px;
  font-size: 0.8125rem;
  letter-spacing: -0.04rem;
  border-radius: 4px !important;
  border: 1px solid #ddd;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.edit-invitation .accordion-content .theme-font-box .font-action .xeicon {
  display: none;
}
.edit-invitation .accordion-content .theme-font-box .font-action.active {
  color: #ffc708;
  border-color: #ffc708;
}
.edit-invitation .accordion-content .theme-font-box .font-action.active .xeicon {
  display: inline-block;
  color: #ffc708;
}
.edit-invitation .accordion-content .theme-effect-box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.edit-invitation .accordion-content .theme-effect-box .effect-item {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(50% - 10px);
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #ddd;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.edit-invitation .accordion-content .theme-effect-box .effect-item > span {
  flex: 0 0 auto;
  display: inline-block;
}
.edit-invitation .accordion-content .theme-effect-box .effect-item .title {
  margin-right: 0.5rem;
}
.edit-invitation .accordion-content .theme-effect-box .effect-item .img {
  width: 7%;
  margin-right: 7px;
  vertical-align: middle;
}
.edit-invitation .accordion-content .theme-effect-box .effect-item .badge {
  margin-left: auto;
  padding: 0.25em 0.75em;
}
.edit-invitation .chat-text-left {
  padding-left: 64px;
}
.edit-invitation .chat-text-right {
  padding-right: 64px;
}
.edit-invitation .accordion-box {
  padding: 0 0 30px;
}

/*list management*/
.invitation-member-lists {
  margin-top: -10px;
  padding-top: 10px;
  /* 통계표 추가로 높이 삭제 - 혜인 */
  /* height: calc(100vh - 330px); */
  /* overflow-y: auto; */
}
.invitation-member-lists::-webkit-scrollbar {
  width: 5px;
}
.invitation-member-lists::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
@media screen and (max-width: 1700px) {
  .invitation-member-lists {
    margin-top: 0;
    padding-top: 0;
    height: auto;
  }
}

.invitation-member-list .card .btn-del {
  font-size: 0;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("../img/icons/close-x.svg") no-repeat center;
}
.invitation-member-list .card .list-item-heading {
  text-overflow: initial;
  white-space: inherit;
  word-break: keep-all;
  overflow: auto;
  width: calc(100% - 30px);
  height: 100px;
  font-size: 0.8125rem;
  line-height: 1.3;
}
@media screen and (max-width: 992px) {
  .invitation-member-list .card .list-item-heading {
    height: auto;
    min-height: 60px;
  }
}

.invitation-member-form .form-group {
  margin-bottom: 0.75rem;
}
.invitation-member-form .form-control {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  height: calc(1.5em + 0.8rem);
}
.invitation-member-form .input-group .btn,
.invitation-member-form .btn-group .btn {
  padding: 0.3rem 0.3rem;
  border-radius: 0.25rem !important;
}
.invitation-member-form .input-group > .form-control,
.invitation-member-form .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.invitation-member-form .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.table .btn-icon-del {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.invitation-group-lists [class*=col] {
  display: flex;
  align-items: center;
}
.invitation-group-lists > .row {
  align-items: center;
}
.invitation-group-lists > .row:not(:only-child):not(:last-child) {
  margin-bottom: 0.25rem;
}
.invitation-group-lists .log-indicator {
  flex: 0 0 auto;
  margin-right: 8px;
}
.invitation-group-lists .form-control {
  padding: 0.3rem;
  height: calc(1.5em + 0.6rem);
}
.invitation-group-lists .form-control:-moz-read-only {
  background-color: #ffffff;
  border-color: transparent;
}
.invitation-group-lists .form-control:read-only {
  background-color: #ffffff;
  border-color: transparent;
}
.invitation-group-lists .form-control + span {
  margin-left: 8px;
}
.invitation-group-lists span {
  display: inline-block;
  white-space: nowrap;
}

.invitation-with-member-wrap {
  padding: 0.8rem;
  margin-top: 0.8rem;
  border: 1px solid #ededed;
  border-radius: 0.25rem;
  height: 100px;
  overflow-y: auto;
}
.invitation-with-member-wrap::-webkit-scrollbar {
  width: 5px;
}
.invitation-with-member-wrap::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
.invitation-with-member-wrap .group {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ededed;
}
.invitation-with-member-wrap .group:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.invitation-with-member-wrap .group .member-name {
  flex: 1 1 0;
  width: 100%;
}
.invitation-with-member-wrap .group .btn-group {
  padding-right: 10px;
}
.invitation-with-member-wrap .group .btn-group .btn {
  padding: 0 0.35rem;
  line-height: 24px;
}
.invitation-with-member-wrap .group .btn-icon-del {
  flex: 0 0 auto;
}

/*manage-list*/
.manage-groom-group .xi-heart,
.manage-bride-group .xi-heart {
  display: inline-block;
  margin-right: 0.2rem;
  font-size: 1.2rem;
  vertical-align: middle;
}
.manage-groom-group .custom-checkbox,
.manage-bride-group .custom-checkbox {
  margin-top: -3px;
}
.manage-groom-group .list-item-heading,
.manage-bride-group .list-item-heading {
  cursor: pointer;
}

.manage-groom-group .xi-heart {
  color: #c3d1e9;
}

.manage-bride-group .xi-heart {
  color: #ffd6ec;
}

/*kakao invitation images*/
.cropperContainer {
  height: 300px;
  border: 1px solid #ddd;
  background: url("../img/cards/theme/main_back.svg");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}

#cropperContainer {
  display: block;
}

.cropperToolbar {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cropperToolbar .btn {
  border-radius: 6px;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  line-height: 1.5;
  cursor: pointer;
}
.cropperToolbar .btn .xeicon {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.cropperToolbar .btn-imgselect {
  flex: 1 1 0;
  width: 100%;
}
.cropperToolbar .btn-upload {
  flex: 0 0 auto;
  width: 150px;
  margin-left: 5px;
}
.cropperToolbar .btn-rotate {
  margin-left: 5px;
  flex: 0 0 auto;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*mobile invation*/
.invitation-txt {
  text-align: center;
}
.invitation-txt .txt_check,
.invitation-txt .txt_check_sample {
  border: 1px solid #ededed;
  padding: 30px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.invitation-txt .txt_check:hover,
.invitation-txt .txt_check_sample:hover {
  background-color: #ededed;
}
.invitation-txt .txt_check .sample,
.invitation-txt .txt_check_sample .sample {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 25px;
}
.invitation-txt .txt_check .sample span,
.invitation-txt .txt_check_sample .sample span {
  font-size: 15px;
}

[class*=bride] .xi-heart {
  color: #ffd6ec;
}

[class*=groom] .xi-heart {
  color: #c3d1e9;
}

/*seat list*/
.seat-items.scroll-sm {
  padding: 0.5rem;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.seat-items.scroll-sm::-webkit-scrollbar {
  width: 5px;
}
.seat-items.scroll-sm::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.seat-item {
  padding: 0.5rem 0;
  border-bottom: 1px solid #ededed;
}
.seat-item:first-child {
  padding-top: 0;
}
.seat-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.seat-item .icon-button {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.seat-item .num {
  display: inline-block;
  font-size: 0.85rem;
  line-height: 1.3rem;
}
.seat-item .group {
  display: inline-block;
  font-size: 0.85rem;
  line-height: 1.3rem;
  margin-left: 0.5rem;
}

/* 동행하객 안내문구 색상변경 - 혜인 0808 */
.seat-item .accompany{color: #145388;}


.seat-lists {
  padding: 0;
  /* 최소높이, 중앙정렬 삭제 - 혜인 0808 */
  /* text-align: center; */
  /* min-height: 120px; */
  overflow-x: hidden;
  overflow-y: auto;
}
.seat-lists::-webkit-scrollbar {
  width: 5px;
}
.seat-lists::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
.seat-lists > li {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0.3rem 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  font-size: 0.9em;
}
.seat-lists > li .icon-button {
  width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0.1rem;
  margin-right: 0.2rem;
}

.seat-color-title {
  display: inline-block;
  border-radius: 0.25rem;
  padding: 0.3rem 0.5rem;
  color: #ffffff;
}

.seat-color {
  display: flex;
  justify-content: center;
  padding: 0;
}
.seat-color > li {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 0 5px;
  border: 2px solid #fff;
}
.seat-color > li[data-color="#FC5E5E"] {
  background-color: #fc5e5e;
}
.seat-color > li[data-color="#FF8443"] {
  background-color: #ff8443;
}
.seat-color > li[data-color="#FFD522"] {
  background-color: #ffd522;
}
.seat-color > li[data-color="#01BE61"] {
  background-color: #01be61;
}
.seat-color > li[data-color="#4384FF"] {
  background-color: #4384ff;
}
.seat-color > li[data-color="#434B7B"] {
  background-color: #434b7b;
}
.seat-color > li[data-color="#995AFF"] {
  background-color: #995aff;
}
.seat-color > li[data-color="#8a8a8a"] {
  background-color: #8a8a8a;
}
.seat-color > li.active {
  border-color: #000000;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

/* 테이블 구분 색상 - 의미별 카드형 선택 (Figma att node 32:2) */
.seat-color-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.seat-color-group > .seat-color-card {
  flex: 1 1 0;
  min-width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 6px;
  background-color: #ffffff;
  border: 2px solid #d7d7d7;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.seat-color-group > .seat-color-card .seat-color-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #d7d7d7;
}
.seat-color-group > .seat-color-card .seat-color-label {
  font-size: 13px;
  line-height: 1;
  color: #9b9fa1;
  white-space: nowrap;
}
.seat-color-group > .seat-color-card[data-color="#4384FF"] .seat-color-dot {
  background-color: #4384ff;
}
.seat-color-group > .seat-color-card[data-color="#FC5E5E"] .seat-color-dot {
  background-color: #fc5e5e;
}
.seat-color-group > .seat-color-card[data-color="#FFD522"] .seat-color-dot {
  background-color: #ffd522;
}
.seat-color-group > .seat-color-card[data-color="#01BE61"] .seat-color-dot {
  background-color: #01be61;
}
.seat-color-group > .seat-color-card[data-color="#995AFF"] .seat-color-dot {
  background-color: #995aff;
}
.seat-color-group > .seat-color-card.active {
  border-color: #f2b93b;
  background-color: rgba(242, 185, 59, 0.1);
}
.seat-color-group > .seat-color-card.active .seat-color-label {
  color: #3a3a3a;
}
.seat-color-info {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 12px 0 0;
  font-size: 11px;
  line-height: 1.5;
  color: #9b9fa1;
}
.seat-color-info i {
  flex-shrink: 0;
  margin-top: 2px;
}

.color-circle-list {
  display: flex;
  padding: 0;
}
.color-circle-list .color-circle {
  display: inline-block;
  margin-right: 10px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.preview {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem;
  border: 1px solid #efefef;
  background-color: #ffffff;
}
.preview:after {
  content: "";
  display: block;
  clear: both;
}
.preview .preview-header {
  text-align: center;
}
.preview .preview-header h1 {
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  color: #ffffff;
  background-color: var(--theme-color-1);
}
.preview .preview-header div {
  font-size: 1em;
}
.preview .table {
  margin-bottom: 0;
}
.preview .table th,
.preview .table td {
  border-color: #212121;
}
.lucide-refresh-cw {
  transform: translateY(-2px); /* 위로 1px 이동 */
}
.tip-toggle-btn {
  font-size: 13px;
  background: #f8f9fa;
  color: #333;
  border: 1px solid #ddd;
}

.custom-radio-wrap {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left:5px;
}

.custom-radio-input {
  opacity: 0;
  position: absolute;
}

.custom-radio-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 100%; /* ← 여기 중요 */
  background-color: #c6c6c6;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.custom-radio-box .checkmark-icon {
  color: white;
  font-size: 16px;
}

.custom-radio-input:checked + .custom-radio-box {
  background-color: #ffc708;
}

.custom-radio-input:checked + .custom-radio-box .checkmark-icon {
  display: inline;
}

.arrow-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* 펼쳐진 상태일 때 회전 (180도 뒤집기) */
.arrow-icon.rotate {
  transform: rotate(180deg);
}

.clamp-text {
  font-size: 13px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.similarCeremonyList{display: flex; padding: 1.75rem 1rem; flex-direction: column; gap: 0.75rem; letter-spacing: -0.3px;}
.similarCeremonyList .text-muted{margin: 0; font-size: 0.875rem;}
.similar_list{display: flex; flex-direction: column; gap: 0.75rem;}
.similar_list .list{display: flex; flex-direction: column; border-radius: 0.688rem; border: 1px solid #E3E5E8; margin: 0; overflow: hidden;}

.similar_list .info{display: flex; padding: 1rem 0.75rem; flex-direction: column; gap: 0.75rem;}
.similar_list .list .title{display: flex; align-items: center; gap: 0.25rem; font-weight: 500; font-size: 1rem;}
.similar_list .list .title .check{width: 1.25rem; height: 1.25rem; background: url('../../images/icons/checkCircle.svg')no-repeat; background-size: 1.25rem; flex-shrink: 0;}
.similar_list .list .title .text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1rem;}
.similar_list .list .detail{display: flex; gap: 0.75rem;}
.similar_list .list .detail img{border-radius: 0.5rem; flex-shrink: 0; object-fit: cover;}
.similar_list .list .detail .text_wrap{flex-grow: 1; padding: 0.25rem 0;}
.similar_list .list .detail .text{ font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: #5F666D; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.similar_list .list .tip_wrap{background: #F9FAFA; display: flex; flex-direction: column;}
.similar_list .list .tip-toggle-btn{border: none; background: transparent; display: flex; height: 2.75rem; padding: 0 1rem; align-items: center; gap: 0.25rem; font-size: 0.813rem; line-height: 1rem;}
.similar_list .list .tip-toggle-btn .arrow-icon{width: 16px; height: 16px; background: url('../../images/icons/caretDown.svg')no-repeat; background-size: 16px;}

.similar_list .list .tip-toggle-btn .text{flex-grow: 1; text-align: left;}
.similar_list .list .tip_wrap .list_wrap{display: flex; flex-direction: column; padding: 0.5rem; gap: 0.5rem; }


.similar_list .list .tip_list{display: flex; flex-direction: column; padding: 0.75rem; border-radius: 0.375rem; background: #EFF0F1;}

.similar_list .list .tip_list .title{display: flex; padding: 0.25rem 0; align-items: center; gap: 0.25rem;}
.similar_list .list .tip_list .title .text{overflow: hidden; text-overflow: ellipsis; font-size: 0.813rem; line-height: 1.125rem; white-space: nowrap; font-weight: 500;}
.similar_list .list .tip_list .clamp-text{font-size: 0.75rem; line-height: 1rem; color: #5F666D; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.similar_list .list .tip_list .more{margin-top: 0.25rem; display: flex; align-items: center; gap: 0.25rem;}


.similar_list input[type="radio"]:checked+label{border-radius: 0.688rem; border: 1px solid #FFC708;}
.similar_list input[type="radio"]:checked+label .info{background: rgba(255, 199, 8, 0.08);}
.similar_list input[type="radio"]:checked+label .check{background: url('../../images/icons/checkCircleFill.svg')no-repeat; background-size: 1.25rem;}
.similar_list input[type="radio"]:checked+label .tip_wrap{background: #fff;}
.similar_list input[type="radio"]:checked+label .tip_list{background: #F4F5F5;}

.similar_list .list:hover{border: 1px solid #5F666D;}
.similar_list .list .tip_list:hover{color: inherit; background: #E3E5E8;}
.similar_list .list .tip-toggle-btn:hover{ background-color: #EFF0F1;}
.similar_list .list .tip-toggle-btn:hover .arrow-icon{background: url('../../images/icons/caretDown-active.svg')no-repeat; background-size: 16px;}
.similar_list input[type="radio"]:checked+label .tip_list:hover{background: #EFF0F1;}

/** 유사식순 Tip A링크 클릭 오류로 추가(허철) */
.similar_list .list .tip_list span{
  pointer-events: none;
}

.similarCeremonyList::-webkit-scrollbar {
  width: 2px;
}
.similarCeremonyList::-webkit-scrollbar-track {
  background: transparent;
}
.similarCeremonyList::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.similarCeremonyList::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* ===== 모바일일때 미리보기시 헤더 숨김 / 혜인 0718 ===== */
@media screen and (max-width: 767px) {
  main.inviteMain .invitation-preview{top:0; z-index: 100;}

}

/*50. ceremonyeitor*/
@media (max-width: 767px) {
  .ceremonyedit .list-item-heading {
    font-size: 0.875rem;
  }
}
.ceremonyedit .custom-control .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}


@media screen and (max-width: 560px) {
  .ceremonyedit .card.edit-quesiton > .d-flex {
    flex-wrap: wrap;
  }
  .ceremonyedit .card.edit-quesiton > .d-flex > .card-body {
    padding: 0.75rem 0.5rem 0.25rem;
    width: 100%;
    flex: 1 1 0;
  }
  .ceremonyedit .card.edit-quesiton > .d-flex > .card-body .list-item-heading {
    width: 100% !important;
  }
  .ceremonyedit .card.edit-quesiton > .d-flex > .custom-control {
    width: 100%;
    padding-bottom: 0.75rem;
    text-align: right;
  }
}

.misicfile-list-display {
  padding: 0;
  margin: 0;
  width: 100%;
}
.misicfile-list-display li {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  border-bottom: 1px solid #ededed;
}
.misicfile-list-display li:last-child {
  border-bottom: 0;
}
.misicfile-list-display li > a {
  display: inline-block;
}
.misicfile-list-display li > a:first-child {
  flex: 1 1 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.misicfile-list-display li > .btn {
  margin-left: auto;
}

/*ceremonyorder preview*/
table.default-table {
  border-color: #cccccc;
  border-collapse: collapse;
  width: 100%;
}

table.default-table thead th {
  background: var(--theme-color-1);
  color: #fff;
  padding: 8px 20px;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
}

#previewCeremonyContainer #previewCeremonyTable .header .dCell {
  background-color: var(--theme-color-1);
}

#previewCeremonyContainer #previewCeremonyTable .dCell {
  font-size: 0.9rem;
}

/* planner */
/* flower color */
#color--item-list {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  width: 40%;
}
@media screen and (max-width: 1280px) {
  #color--item-list {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #color--item-list {
    width: 90%;
  }

  /*.modal-right .modal-dialog {*/
  /*  height: 100%;*/
  /*  margin: 0;*/
  /*}*/

  .modal-right .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .modal-right .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
  }
}
#color--item-list .colorItemWrap {
  display: inline-block;
  padding: 7px;
}
#color--item-list .colorItemWrap .colorItem {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #ffffff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}
#color--item-list .colorItemWrap .colorItem.active {
  position: relative;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.22);
}
#color--item-list .colorItemWrap .colorItem.active::after {
  content: "✓";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 50px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*deco items*/
#items--container {
  height: calc(100vh - 280px);
  overflow: auto;
}
@media screen and (max-width: 1280px) {
  #items--container {
    height: auto;
  }
}
#items--container::-webkit-scrollbar {
  width: 5px;
}
#items--container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  #items--container {
    height: auto;
  }
}

.decoItemWrap .card-img-overlay {
  display: none;
}
.decoItemWrap .decoItem {
  overflow: hidden;
  height: 200px;
}
@media screen and (max-width: 1280px) {
  .decoItemWrap .decoItem {
    height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .decoItemWrap .decoItem {
    height: auto;
  }
}
.decoItemWrap .decoItem .name {
  text-align: center;
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  padding-bottom: 1rem;
  color: #fff;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/common/deco_cover.png);
  padding-top: 3rem;
}
.decoItemWrap .decoItem .name span {
  display: inline-block;
  vertical-align: middle;
}
.decoItemWrap .decoItem .name span.icnCheck {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.decoItemWrap .decoItem.active .card-img-overlay {
  display: block;
  background-color: rgba(255, 172, 142, 0.5);
}
.decoItemWrap .decoItem.active .name span.icnCheck {
  border-color: #fff;
  position: relative;
}
.decoItemWrap .decoItem.active .name span.icnCheck:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background: #fff;
  border-radius: 50%;
}

/*planner reference*/
.reference-items > .row {
  height: calc(100vh - 230px);
  overflow: auto;
}
@media screen and (max-width: 1280px) {
  .reference-items > .row {
    height: auto;
    overflow: inherit;
  }
}
.reference-items > .row::-webkit-scrollbar {
  width: 5px;
}
.reference-items > .row::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  .reference-items > .row {
    height: auto;
  }
}
.reference-items .card-img-top {
  border-radius: 0.75rem;
  height: 190px;
}
@media screen and (max-width: 1280px) {
  .reference-items .card-img-top {
    height: auto;
  }
}
.reference-items .custom-checkbox .custom-control-label::before {
  background-color: #ffffff;
}

/* planner preview*/
.stepContainer {
  font-size: 1rem;
  line-height: 1.75;
}

/* faq */
.card-faq .border {
  border-color: var(--theme-color-6-10);
}
.card-faq .list-item-heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}
.card-faq .list-item-heading .xeicon {
  opacity: 0.65;
  font-size: 1.2rem;
}
.card-faq .list-item-heading:hover {
  color: var(--theme-color-1);
}

/* final check list */
.plan-checklist-items {
  overflow: hidden;
  text-align: left;
}
.plan-checklist-items .bg-gray {
  background-color: #f4f4f4 !important;
}
.plan-checklist-items .edit-mode {
  margin-top: 1rem;
}
.plan-checklist-items .subitem-title {
  position: relative;
  padding: 0.5rem 0 0.5rem 0.5rem;
  display: flex;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.plan-checklist-items .subitem-title::after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #dddddd;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.plan-checklist-items .subitem-val {
  padding: 0.8rem 1rem;
  display: flex;
  background-color: #f5f5f5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.plan-checklist-items .subitem-input {
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  background-color: #f5f5f5;
  padding: 0.45rem;
}
.plan-checklist-items .subitem-input input,
.plan-checklist-items .subitem-input textarea {
  font-size: inherit;
  flex: 1 1 0;
}
.plan-checklist-items .subitem-input .label {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.5rem 1rem;
  align-self: stretch;
  font-size: 0.87rem;
  font-weight: 400;
}
.plan-checklist-items .subitem-input .append {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  flex: 0 0 auto;
}
.plan-checklist-items .subitem-input .preppend {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 auto;
  min-width: 110px;
}



/* 혜인0919 */
.rehearsalItem .card .card-body{padding: 1rem 1.75rem;}


.rehearsalItem .data {
  padding: 0.75rem 1rem;
  /* text-align: right; */
  font-weight: 600;
  /* 혜인 0919 */
  text-align: center;
  font-size: 23px;
}
.rehearsalItem .header .tit {
  font-size: 1.75rem;
  text-align: center;
  padding: 1rem;
  background-color: var(--theme-color-1);
  color: #ffffff;
}
.rehearsalItem .sub_tit {
  font-size: 0.9rem;
  font-weight: 500;
  border-bottom: 1px solid #efefef;
}
.rehearsalItem .sub_tit_colored {
  margin-bottom: 1rem;
  color: var(--theme-color-4);
  font-weight: 600;
}
.rehearsalItem .table-responsible {
  width: 100%;
}
.rehearsalItem .table-responsible table {
  width: 100%;
  text-align: left;
  border-left-width: 0;
  border-right-width: 0;
}
@media (max-width: 1199px) {
  .rehearsalItem .table-responsible table {
    display: block;
    width: 100%;
    border-bottom-color: transparent;
    margin-bottom: 1rem;
  }
  .rehearsalItem .table-responsible table tr,
  .rehearsalItem .table-responsible table tbody {
    display: block;
    width: 100%;
  }
  .rehearsalItem .table-responsible table tr {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
.rehearsalItem .table-responsible table th,
.rehearsalItem .table-responsible table td {
  padding: 0.35rem 1rem;
  vertical-align: middle;
  border-color: #747474;
}
@media (max-width: 1199px) {
  .rehearsalItem .table-responsible table th,
  .rehearsalItem .table-responsible table td {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .rehearsalItem .table-responsible table td {
    border-top-color: transparent;
  }
}
.rehearsalItem .table-responsible table td input {
  outline: none;
}
.rehearsalItem .table-responsible table td textarea {
  width: 100%;
}
.rehearsalItem .table-responsible table td input,
.rehearsalItem .table-responsible table td textarea {
  border: 1px solid #747474;
  border-radius: 0.25rem;
}
.rehearsalItem .table-responsible table tbody > tr th,
.rehearsalItem .table-responsible table tbody > tr td {
  border-left-width: 0;
  border-right-width: 0;
}
@media (max-width: 1199px) {
  .rehearsalItem .table-responsible table tbody > tr th,
  .rehearsalItem .table-responsible table tbody > tr td {
    border-left-width: 1px;
    border-right-width: 1px;
  }
}
.rehearsalItem .table-responsible table tbody th {
  background-color: var(--theme-color-3);
}
@media (max-width: 1199px) {
  .rehearsalItem .table-responsible table tbody th {
    margin-top: 1rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
}
@media (max-width: 1199px) {
  .rehearsalItem .table-responsible table tbody td.rounded-bottom {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
}
.rehearsalItem .table-responsible table .td-input-group > .input-group-tel {
  margin-right: 1rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .rehearsalItem .table-responsible table .td-input-group > .input-group-tel {
    margin-right: 0;
  }
  .rehearsalItem .table-responsible table .td-input-group > .input-group-tel:last-child {
    margin-top: 0.25rem;
  }
}
.rehearsalItem .table-responsible table .td-input-group > .input-group-tel > span {
  display: inline-block;
  margin-right: 0.25rem;
}
@media (max-width: 767px) {
  .rehearsalItem .table-responsible table .td-input-group > .input-group-tel input {
    width: 100%;
    flex: 1 1 0;
  }
}
.rehearsalItem .table-responsible .table01 th {
  background-color: var(--theme-color-3);
}

.card-faq-marinco .card-title {
  margin-bottom: 0;
  border-bottom: 1px solid #cccccc;
}
.card-faq-marinco .card-title h5 {
  margin: 0;
  padding: 0.75rem 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: #ffffff;
  background-color: var(--theme-color-1);
}
.card-faq-marinco .card-title p {
  margin: 0;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  background-color: #edece1;
}

.faq-item h6 {
  padding: 0.8rem 1.2rem;
  font-size: 1rem;
  background-color: #eeeeee;
}
.faq-item p {
  padding: 0.5rem 1.2rem;
  font-size: 0.9rem;
}

#requestDecoList .decoItemWrap {
  display: inline-block;
  margin-right: 10px;
}
#requestDecoList .decoItemWrap .decoItem {
  height: auto;
}
#requestDecoList .decoItemWrap .thumb {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 131px;
  height: 131px;
  border: 1px solid #d6d6d6;
}
#requestDecoList .decoItemWrap .name {
  text-align: center;
  margin-top: 10px;
  font-size: 0.875rem;
  background: none;
  position: static;
  top: auto;
  left: auto;
  color: #232323;
  padding-top: 0;
}

#flower-request-container .request-detail-price {
  margin-top: 40px;
  border-bottom: 1px solid #121212;
  padding-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  max-width: 180px;
  color: #232323;
}

#requestSampleList .sampleItemWrap {
  display: inline-block;
  margin-right: 10px;
}
#requestSampleList .sampleItemWrap .sampleItem {
  width: 131px;
  height: 131px;
  background-size: cover;
  background-position: center center;
  background-color: #f9f9f9;
  position: relative;
  border: 1px solid #d6d6d6;
}

.infoBox {
  padding: 12px 8px;
  border: 1px solid #d6d6d6;
}
.infoBox ol.resetli li {
  padding: 3px;
}

.cautionBox {
  padding: 12px 8px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #fff9e6;
}

.caution-list li {
  display: flex;
  padding: 3px;
  margin: 0;
}
.caution-list li [class*=simple-icon] {
  margin-right: 5px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  margin-top: 3px;
}
.caution-list li .txt {
  text-align: left;
}

.flower-request--guide .shre-guide ol {
  list-style: none;
  margin: 0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .flower-request--guide .shre-guide ol {
    flex-direction: column;
  }
}
.flower-request--guide .shre-guide ol li {
  min-width: 18%;
  border-radius: 10px;
  padding: 5px 10px;
  background-color: #f9f9f9;
  border: 1px solid #d6d6d6;
  padding: 12px 8px;
  margin: 0 10px;
  font-size: 1rem;
  font-weight: 500;
}
@media (max-width: 991px) {
  .flower-request--guide .shre-guide ol li {
    min-width: 88%;
    margin: 8px 10px;
  }
}
.flower-request--guide .shre-guide ol li span {
  display: block;
  text-align: center;
  word-wrap: kept-all;
}
.flower-request--guide .shareurl {
  padding: 12px 8px;
  border: 1px solid #d6d6d6;
  background-color: #f9f9f9;
}

/* .tableModifyWrap {
  position:absolute;
  width:240px;
  margin-left:-126px;
  font-size:17px;
  border: 1px solid #000;
  z-index: 22;
  position: absolute;
  width: 240px !important;
  margin-left: -102px;
  font-size: 0.9rem;
  border: 1px solid #000;
  top: 100%;
  margin-top: 0px;
  line-height: 1.43em;
  font-weight: normal;
}

.tableModifyWrap:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 50%;
  border: 14px solid transparent;
  border-top: none;
  margin-left: -7px;
  z-index: 1;
  border-bottom-color: var(--theme-color-1);
}

.tableModifyWrap:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: none;
  margin-left: -8px;
  border-bottom-color: #000;
}

.tableModifyWrap .tableModifyTop {
  background: var(--theme-color-1);
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #000;
}

.tableModifyWrap .tableModifyContent:after {
  clear: both;
  content: "";
  display: block;
}

.tableModifyWrap .tableModifyContent br {
  display: none;
}

.tableModifyWrap .tableModifyContent a {
  background: #fffef4;
  display: block;
  float: left;
  width: 33.3333333333%;
  font-size: 0.9rem;
  text-align: center;
  height: 42px;
  white-space: nowrap;
  line-height: 42px;
  transition-duration: 0.5s;
  border-left: 1px solid #20201e;
}

.tableModifyWrap .tableModifyContent a.width100p {
  width: 100%;
}

.tableModifyWrap .tableModifyContent a:hover {
  background: #edece1;
}

.tableModifyWrap .tableModifyContent a:first-child {
  border-left: 0;
} */

/* ========== 말풍선 디자인 변경 - 혜인 0806 ========== */
.tableModifyWrap{position: absolute; left: -26px; top: 22px;}
@media (max-width: 1100px) {.tableModifyWrap{position: absolute; left: -29px; top: 19px;}}
@media (max-width: 900px) { /* 모바일기기에서 사용불가 */.tableModifyWrap{display: none;}}

.tableModifyWrap .content{width: 240px; height: auto; box-sizing: border-box; border: 2px solid #ffc708; border-radius: 10px; background-color: #fff9e6; position: relative; left: 0; top: 13px;}
.tableModifyWrap .content .boxTop{width: 240px; height: 24px; background: url(../img/icons/boxTop.png) no-repeat center; position: absolute; left: -2px; top: -14px;}

.tableModifyWrap .content .tableName{padding: 10px 24px; position: relative; z-index: 1; text-align: left;}
.tableModifyWrap .content .tableName .title{text-align: left;}
.tableModifyWrap .content .tableName .title .iconSmile{display: inline-block; width: 18px; height: 18px; background: url(../img/icons/icon_smile.png); vertical-align: middle;}
.tableModifyWrap .content .tableName .title p{display: inline-block; width: 140px; height: 18px; padding: 0; margin: 0 0 0 4px; font-weight: 600; font-size: 14px; text-align: left; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tableModifyWrap .content .tableName .btnDel{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #fff; box-sizing: border-box; border: 1px solid #ffc708; border-radius: 50%; position: absolute; right: 12px; top: 3px; cursor: pointer;}
.tableModifyWrap .content .tableName .btnDel span{display: block; color: #ffc708;}
.tableModifyWrap .content .tableName .btnDel:hover{border: 2px solid #ffc708;}

.tableModifyWrap .content .nameList{width: 100%; height: auto; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.tableModifyWrap .content .nameList ul{list-style: none; margin: 0; padding: 6px 24px 24px; text-align: left;}
.tableModifyWrap .content .nameList ul li{display: inline-block; font-weight: 400; font-size: 14px; margin: 4px 0; line-height: 1; margin-right: 6px;}

.tableModifyWrap .content .btnBox{position: absolute; display: flex; justify-content: space-between; left: 50%; bottom: -16px; transform: translateX(-50%); width: 210px;}
.tableModifyWrap .content .btnBox button{display: flex; justify-content: center; align-items: center; width: 100px; height: 32px; box-sizing: border-box; border: 1px solid #ffc708; border-radius: 15px; text-align: center; font-weight: 600; font-size: 11px; cursor: pointer;}
.tableModifyWrap .content .btnBox .btnPeople{background-color: #ffc708; color: #fff;}
.tableModifyWrap .content .btnBox .btnTable{background-color: #fff; color: #ffc708;}
.tableModifyWrap .content .btnBox .btnPeople:hover{background-color: #dcac07; border: 1px solid #dcac07;}
.tableModifyWrap .content .btnBox .btnTable:hover{border: 2px solid #ffc708;}
/* ========== 말풍선 디자인 end ========== */


footer.page-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #d7d7d7;
  width: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}
@media (max-width: 575px) {
  footer.page-footer {
    height: 40px;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
}
footer.page-footer .breadcrumb-item + .breadcrumb-item::before {
  color: #ffc708;
}
footer.page-footer .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
footer.page-footer .footer-content {
  margin-left: 410px;
  margin-right: 60px;
}
@media (max-width: 1439px) {
  footer.page-footer .footer-content {
    margin-left: 390px;
    margin-right: 50px;
  }
}
@media (max-width: 1199px) {
  footer.page-footer .footer-content {
    margin-left: 370px;
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  footer.page-footer .footer-content {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

.right-menu footer.page-footer {
  padding-right: 260px;
}
@media (max-width: 1199px) {
  .right-menu footer.page-footer {
    padding-right: 0;
  }
}

#app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
  margin-left: 180px;
}
#app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
  margin-left: 60px;
}
#app-container.menu-main-hidden .footer-content {
  margin-left: 290px;
}
#app-container.menu-main-hidden.menu-hidden .footer-content {
  margin-left: 60px;
}
@media (max-width: 1439px) {
  #app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 160px;
  }
  #app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 50px;
  }
  #app-container.menu-main-hidden .footer-content {
    margin-left: 280px;
  }
  #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-left: 50px;
  }
}
@media (max-width: 1199px) {
  #app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 140px;
  }
  #app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 40px;
  }
  #app-container.menu-main-hidden .footer-content {
    margin-left: 270px;
  }
  #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-left: 40px;
  }
}

.right-menu-always-hidden .app-menu {
  transform: translateX(260px);
}
.right-menu-always-hidden .app-menu.shown {
  transform: translateX(0);
}
.right-menu-always-hidden .app-row,
.right-menu-always-hidden .page-footer {
  padding-right: 0;
}
.right-menu-always-hidden footer.page-footer {
  padding-right: initial;
}
.right-menu-always-hidden .chat-input-container {
  padding-right: 60px;
}
@media (max-width: 1439px) {
  .right-menu-always-hidden .chat-input-container {
    padding-left: 160px;
    padding-right: 50px;
  }
}
@media (max-width: 1199px) {
  .right-menu-always-hidden .chat-input-container {
    padding-left: 140px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .right-menu-always-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Colors */
.mobile-menu-button,
.headroom--top .mobile-menu-button,
.headroom--pinned.headroom--top .mobile-menu-button {
  color: #fff;
}

.headroom--pinned .mobile-menu-button {
  color: #3a3a3a;
}

.components-image {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .components-image {
    width: 1600px;
  }
}
@media (max-width: 767px) {
  .components-image {
    width: 1200px;
  }
}

.color-left {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  width: 33.33%;
  height: 20px;
}

.color-center {
  width: 33.33%;
  height: 20px;
}

.color-right {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  width: 33.33%;
  height: 20px;
}

.color-container {
  height: 20px;
  display: flex;
  justify-content: stretch;
  border-radius: 1rem;
  background-color: initial;
}

.bluenavy-light-1 {
  background-color: #00365a;
}

.bluenavy-light-2 {
  background-color: #fff;
}

.bluenavy-light-3 {
  background-color: #184f90;
}

.bluenavy-dark-1 {
  background-color: #236591;
}

.bluenavy-dark-2 {
  background-color: #1e2022;
}

.bluenavy-dark-3 {
  background-color: #1d477a;
}

.blueolympic-light-1 {
  background-color: #008ecc;
}

.blueolympic-light-2 {
  background-color: #fff;
}

.blueolympic-light-3 {
  background-color: #73c2fb;
}

.blueolympic-dark-1 {
  background-color: #3e83a1;
}

.blueolympic-dark-2 {
  background-color: #1e2022;
}

.blueolympic-dark-3 {
  background-color: #304d72;
}

.blueyale-light-1 {
  background-color: #145388;
}

.blueyale-light-2 {
  background-color: #fff;
}

.blueyale-light-3 {
  background-color: #2a93d5;
}

.blueyale-dark-1 {
  background-color: #38688b;
}

.blueyale-dark-2 {
  background-color: #1e2022;
}

.blueyale-dark-3 {
  background-color: #3e8ab9;
}

.greenmoss-light-1 {
  background-color: #576a3d;
}

.greenmoss-light-2 {
  background-color: #fff;
}

.greenmoss-light-3 {
  background-color: #dd9c02;
}

.greenmoss-dark-1 {
  background-color: #627745;
}

.greenmoss-dark-2 {
  background-color: #1e2022;
}

.greenmoss-dark-3 {
  background-color: #8f7b39;
}

.greenlime-light-1 {
  background-color: #6fb327;
}

.greenlime-light-2 {
  background-color: #fff;
}

.greenlime-light-3 {
  background-color: #51c878;
}

.greenlime-dark-1 {
  background-color: #63883b;
}

.greenlime-dark-2 {
  background-color: #1e2022;
}

.greenlime-dark-3 {
  background-color: #4d7058;
}

.carrotorange-light-1 {
  background-color: #ed7117;
}

.carrotorange-light-2 {
  background-color: #fff;
}

.carrotorange-light-3 {
  background-color: #e7523e;
}

.carrotorange-dark-1 {
  background-color: #ad7140;
}

.carrotorange-dark-2 {
  background-color: #1e2022;
}

.carrotorange-dark-3 {
  background-color: #aa4f43;
}

.rubyred-light-1 {
  background-color: #900604;
}

.rubyred-light-2 {
  background-color: #fff;
}

.rubyred-light-3 {
  background-color: #e7284a;
}

.rubyred-dark-1 {
  background-color: #913a47;
}

.rubyred-dark-2 {
  background-color: #1e2022;
}

.rubyred-dark-3 {
  background-color: #aa5e6c;
}

.monsterpurple-light-1 {
  background-color: #922c88;
}

.monsterpurple-light-2 {
  background-color: #fff;
}

.monsterpurple-light-3 {
  background-color: #4556ac;
}

.monsterpurple-dark-1 {
  background-color: #7e4877;
}

.monsterpurple-dark-2 {
  background-color: #1e2022;
}

.monsterpurple-dark-3 {
  background-color: #3c4b9a;
}

.steelgrey-light-1 {
  background-color: #48494b;
}

.steelgrey-light-2 {
  background-color: #fff;
}

.steelgrey-light-3 {
  background-color: #999da0;
}

.steelgrey-dark-1 {
  background-color: #767e8d;
}

.steelgrey-dark-2 {
  background-color: #1e2022;
}

.steelgrey-dark-3 {
  background-color: #4d5a5f;
}

.granolayellow-light-1 {
  background-color: #c0a145;
}

.granolayellow-light-2 {
  background-color: #fff;
}

.granolayellow-light-3 {
  background-color: #e3b778;
}

.granolayellow-dark-1 {
  background-color: #8a722c;
}

.granolayellow-dark-2 {
  background-color: #1e2022;
}

.granolayellow-dark-3 {
  background-color: #a88048;
}

.rtl .landing-page .color-left {
  border-radius: initial;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rtl .landing-page .color-right {
  border-radius: initial;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rtl .landing-page .footer-circle-button {
  float: right;
}
.rtl .landing-page .components-image {
  left: initial;
  right: 50%;
  transform: translateX(50%);
}
.rtl .landing-page .feature-image-left {
  float: left;
}
@media (max-width: 767px) {
  .rtl .landing-page .feature-image-right {
    float: initial;
    margin-left: initial;
    margin-right: 50%;
    transform: translateX(50%);
  }
}
.rtl .landing-page .mobile-hero {
  margin-left: initial;
  transform: translateX(50%);
  margin-right: 50%;
}
.rtl .landing-page .mobile-menu ul {
  padding: initial;
}
.rtl .landing-page .mobile-menu ul .nav-item + .nav-item {
  margin-right: initial;
  margin-left: initial;
}
.rtl .landing-page .mobile-menu-cta {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* utilities */
.flex-direction-column {
  flex-direction: column !important;
}

.align-items-top {
  align-items: flex-start !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.pre-line {
  white-space: pre-line;
}

.dRow {
  display: table-row;
}

.dCell {
  display: table-cell;
}
/*# sourceMappingURL=wedytor.tool.css.map */




/* ===== 웨딩다이어리 - 혜인 0724 ===== */
/* 공통 */
.blind{position: absolute;	clip: rect(0 0 0 0); width: 1px; height: 1px;	margin: -1px;	overflow: hidden;}
.colNoPad{padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0;}
.prCard{background: white; border-radius: 10px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); margin-bottom: 4px;}
.prCard .card-body{padding: 26px 38px 20px;}

/* col 구역별 */
.colInfo_diary{padding-right: 5%; padding-left: 0;}

/* 프로필사진 */
.pcVer .prImgBox{float: left; width: 35%; height: 15rem; position: relative; z-index: 0;}
.prImgBox .prImgCon{width: 15rem; height: 15rem; border-radius: 50%; box-sizing: border-box; overflow: hidden; display: flex; align-items: center; position: relative;}
.prImgBox .prImgCon .prImg{width: 100%; height: 100%; object-fit: cover; object-position: center;}

/* 사진변경, 정보수정 버튼 */
.pcVer .prBtnBox{float: left; width: 65%; height: 15rem; position: relative; z-index: 1;}
.pcVer .prBtnBox .prBtns{float: right; margin-top: 11.5rem;}
.prBtnBox .prBtns .prButton{width: 5rem; height: 1.625rem; line-height: 1; font-size: 0.688rem; padding: 0; margin-left: 10px;}

/* 웨딩정보 */
.prInfo{display: block; margin-top: -1.1rem; position: relative;}
.prInfo .card-body{padding: calc(30px - 1rem) 38px 30px;}
.wedplace{font-size: 1.2rem; font-weight: 600; margin-bottom: 0.2rem;}
.wedAdr{margin-bottom: 0.9rem;}
.wedTime{font-size: 1rem; font-weight: 500; margin-bottom: 0.9rem;}
.wedMan{margin: 0;}
.wedMan em{font-style: normal; display: inline-block; font-weight: 600; margin-right: 10px;}
.wedMan span{display: inline-block; margin-right: 20px;}

/* 타이머 */
/* 수정 - 혜인 0822 */
#timer{width: 100%; padding: 1rem 0; text-align: center;}
.timeBox{display: inline-block; width: 95%; box-sizing: border-box;}
.timeBox span{display: inline-block; font-weight: 500; vertical-align: middle; margin-left: 2px;}
.timeBox em{display: inline-block; font-style: normal; font-size: 1.2rem; font-weight: 600; color: #ffc708; line-height: 1.5; vertical-align: middle;}
.timeBox .timerD{display: inline-block; text-align: center;}
.timeBox .seperatorLine{display: inline-block; width: 1px; height: 30px; background-color: #d9d9d9; margin: 0 5%; vertical-align: middle;}
.timeBox .timerT{display: inline-block; text-align: center;}


/* [본문] */
.colBody_diary .schBoard{padding-left: 0;}
.colBody_diary .schBoard .prCard{height: 654px; padding: 0 10px;}

/* 분류타이틀 */
.colBody_diary .schBoard .prCard .schTop{width: 100%; height: 5.625rem; text-align: center;}
.colBody_diary .schBoard .prCard .schTop h3{display: inline-block; margin-top: 2.5rem; position: relative; z-index: 1;}
.colBody_diary .schBoard .prCard .schTop h3::after{display: block; content: ''; position: absolute; left: 50%; bottom: 0.5rem; transform: translateX(-50%); width: 3.875rem; height: 0.375rem; z-index: -1;}
.schNow h3::after{background-color: #ffebab;}
.schLater h3::after{background-color: #eaeaea;}
.schDone h3::after{background-color: #D9EAD0;}

/* 스크롤 */
.colBody_diary .schBoard .prCard .schScroll{box-sizing: border-box; padding-top: 0; padding-bottom: 0; padding-left: 1rem; padding-right: 1rem; width: 100%; height: 540px; overflow-x: hidden; overflow-y: auto;}
.colBody_diary .schBoard .prCard .schScroll::-webkit-scrollbar{width: 2px;}
.colBody_diary .schBoard .prCard .schScroll::-webkit-scrollbar-track{background-color: transparent;}
.colBody_diary .schBoard .prCard .schScroll::-webkit-scrollbar-thumb{background-color: #ddd;}
.colBody_diary .schBoard .prCard .schScroll::-webkit-scrollbar-button{display: none;}

/* 일정카드 */
.schCardCon{box-sizing: border-box; padding: 0 10px;}
.schCardCon .schCard{background-color: #fffdf8; border: 1px solid #ffe99c; border-radius: 10px;}
.schCardCon .schCard .badge{top: -10px; left: 10px; padding-bottom: 0.3em;}
.schCardCon .schCard .card-body{padding: 1.5rem; }
.schCardCon .schCard .card-body h6{margin-bottom: 1rem;}
/* 일정카드(완료) - 혜인 1107 */
.schDone .schCardCon .schCard h6{color: #909090;}
.schDone .schCardCon .schCard{filter: grayscale(100%);}


/* 일정카드 날짜,버튼 */
.schText{width: 100%;}
.schText p{float: left; display: inline-block; font-size: 0.825rem; line-height: 1; width: 75%;}
.schText .schBtns{float: right; display: inline-block; width: 39px; height: 16px;}
.schText .schBtns button{box-sizing: border-box; border: none; padding: 0; margin: 0; width: 18px; height: 16px; text-align: center; background-color: transparent;}
.schText .schBtns button span{color: #ffc708; font-size: 1rem;}

/* 반응형 */
.pcVer{display: block;}
.moVer{display: none;}
.moVer2{display: none;}
@media (max-width: 1629px) {
  .colInfo_diary{padding-right: 20px;}
}
@media (max-width: 991px) {
  .pcVer{display: none;}
  .moVer{display: block;}
  .moVer2{display: none;}

  .colInfo_diary{padding: 10px;}
  .prCard .card-body{padding: 26px 20px;}
  /* 프로필 */
  .prInfo{padding: 30px 20px 26px; box-sizing: border-box;}
  .prImgBox{display: inline-block; vertical-align: top;}
  .prImgBox .prImgCon{width: 100px; height: 100px;}
  .prTxt{display: inline-block; margin-left: 20px; vertical-align: top; width: calc(100% - 126px);}
  .prBtnBox{margin-top: 20px; text-align: right;}

  /* 본문 */
  .colBody_diary .schBoard{padding: 0 10px; margin: 0;}
  .colBody_diary .schBoard.schNow{padding-right: 5px;}
  .colBody_diary .schBoard.schLater{padding-left: 5px;}
  .colBody_diary .schBoard.schDone{padding: 10px;}
  .colBody_diary .prCard{margin-bottom: 0;}
}
@media (max-width: 575px) {
  .moVer2{display: block;}
  .colBody_diary .schBoard.schNow{padding-right: 10px;}
  .colBody_diary .schBoard.schLater{padding-left: 10px; padding-top: 10px;}
  .weddingDiary .top-right-button-container button:first-of-type {display: none;}
  /* 카테고리 드롭다운 */
  .schCategory{padding: 0 2px 0 10px; margin: 0;}
  .schCategory .dropdown{position: relative; display: inline-block; width: 100%;}
  .schCategory .dropdown-toggle2{display: inline-block; width: 100%; height: 40px; background-color: #fff; color: #3a3a3a; border: 1px solid #909090; border-radius: 4px; cursor: pointer; font-weight: 600;}
  .schCategory .dropdown-toggle2::after{display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
  .schCategory .dropdown-menu{display: none; position: absolute; background-color: white; min-width: 160px; width: 100%; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); z-index: 10; margin-top: 0px; border: 1px solid #ddd; border-radius: 4px; list-style: none; padding: 0;}
  .schCategory .dropdown-menu li{padding: 8px 16px; cursor: pointer; text-align: center;}

  /* 일정추가 버튼 */
  .schBtnBox{padding: 0 10px 0 2px; margin: 0;}
  .schBtnBox button{width: 100%; height: 40px; border-radius: 4px; line-height: 24px; font-weight: 500;}

  /* 본문 */
  .colBody_diary .schBoard .prCard{height: auto; background-color: transparent; box-shadow: none;}
  .colBody_diary .schBoard .prCard .schScroll{overflow-y: hidden; max-height: none; height: auto;}
  .colBody_diary .schBoard.schLater, .colBody_diary .schBoard.schDone{padding-top: 0;}
}



/* ===== 실시간 하객명단 통계표 - 혜인 0801 ===== */
.statistics p{margin: 0;}
.statistics .bgBox{display: flex; justify-content: space-between; position: relative; z-index: 0; width: 510px; box-sizing: border-box;}
.statistics .bgBox::after{display: block; content: ''; position: absolute; left: 8px; top: 8px; z-index: -1; background-color: #ffdf72; width: 506px; height: 100px; border-radius: 4px;}

.statistics .bgBox>div{display: flex; justify-content: space-evenly; align-items: center; box-sizing: border-box; border-radius: 4px; border: 1px solid #ffdf72; background-color: #fff;}
.statistics .bgBox .yes, .statistics .bgBox .not{width: 200px; height: 100px;}
.statistics .bgBox .total{width: 100px; height: 100px;}

.statistics .bgBox>div>div{display: inline-block; box-sizing: border-box;}
.statistics .sum{width: 42px; height: 52px;}
.statistics .sum p{font-size: 20px; font-weight: 500; text-align: center;}
.statistics .sum .title{position: relative; font-size: 16px; font-weight: 500; margin-bottom: 12px;}
.statistics .sum .title::after{display: block; content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);  width: 26px; height: 3px;}
.statistics .yes .sum .title::after{background-color: #ffdf72;}
.statistics .not .sum .title::after{background-color: #ffbcbc;}
.statistics .total .sum .title::after{background-color: #bfbfbf;}
.statistics .data{width: 74px; height: 52px;}
.statistics .data p{font-size: 12px; text-align: center; padding: 2px;}
.statistics .data p span{display: inline-block; width: 26px; margin-left: 8px;}

@media (max-width: 767px) {/
  .statistics .bgBox{width: 460px;}
  .statistics .bgBox::after{width: 456px; height: 88px;}
  .statistics .bgBox .yes, .statistics .bgBox .not{width: 180px; height: 90px;}
  .statistics .bgBox .total{width: 90px; height: 90px;}
}
@media (max-width: 575px) {
  .statistics .bgBox{width: 100%;}
  .statistics .bgBox::after{width: calc(100% - 4px); height: 88px;}
  .statistics .bgBox .yes, .statistics .bgBox .not{width: calc(83% / 2 - 2px) ; height: 90px;}
  .statistics .bgBox .total{width: 17%; height: 90px;}
}
@media (max-width: 308px) {
  .statistics .bgBox::after{height: 78px;}
  .statistics .bgBox .yes, .statistics .bgBox .not{height: 80px;}
  .statistics .bgBox .total{height: 80px;}

  .statistics .sum{width: auto; height: 52px;}
  .statistics .sum p{font-size: 16px; font-weight: 500; text-align: center;}
  .statistics .sum .title{position: relative; font-size: 14px; font-weight: 500; margin-bottom: 12px;}

  .statistics .data{width: auto; height: 52px;}
  .statistics .data p{font-size: 10px; text-align: center; padding: 2px;}
  .statistics .data p span{display: inline-block; width: 20px; margin-left: 2px;}
}


/* ===== 실시간 하객명단 =====  */
/* 하객추가 모달 - 혜인 1016 */
#addGuestModalRight .footBtnBox{text-align: center; margin: 30px 0 50px;}
/* 참석불참 카드구분 - 혜인 1107 */
.invitation-member-list.noAttend .card{box-shadow: none;}
.invitation-member-list.noAttend .card-body{border-radius: 10px; background-color: #f1efe9;}


/* ===== 참석하객 지정석관리 > 이미지파일 첨부 파일명표시 - 혜인 0730 ===== */
.imgFileName{width: 90%; background-color: #fff9e6; margin: 0 auto 6px;}
.imgFileName p{width: 90%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* ===== 참석하객지정석관리 반응형 - 혜인 0801 ===== */
@media (max-width: 1199px) {
  .seatMap h1{line-height: 39px; padding: 0; margin: 0;}
  .seatMap .breadcrumb{display: none;}
}
@media (max-width: 575px) {
  .seatMap h1{display: block;}
  .seatMap .top-right-button-container{float: none; width: 100%;}
  .seatMap .top-right-button-container .btn{padding: 0; font-size: 12px;}
  .seatMap .top-right-button-container .btnPreview{padding: 6px 0; width: 24%;}
  .seatMap .top-right-button-container .btnShare{padding: 6px 0; width: 24%;}
  .seatMap .top-right-button-container .btnMap{padding: 6px 0; width: 45%;}
}



/* ===== 테이블리스트 반응형 - 혜인 1016 ===== */
.tbList .tableItem .card-title{display: flex; flex-wrap: wrap; justify-content: right;}

.tbList .tableItem .card-title .titleBox{flex: 1 1 auto; max-width: calc(100% - 143px); display: flex;}
.tbList .tableItem .card-title .titleBox .seatNum{flex: 0 0 32px; margin: 6px 0;}
.tbList .tableItem .card-title .titleBox .seatTitle{flex: 1 1 250px; display: flex; max-width: calc(100% - 32px); box-sizing: border-box; padding: 0.3rem 0.5rem 0.3rem 0.3rem; margin: 6px 0;}
.tbList .tableItem .card-title .titleBox .seatTitle span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbList .tableItem .card-title .titleBox .seatTitle em{font-style: normal; margin-left: 3px;}

.tbList .tableItem .card-title .card-top-buttons{flex: 0 0 143px; width: 143px; display: flex; justify-content: space-between; padding: 0; margin: 6px 0;}

@media (max-width: 1578px) {
  .tbList .tableItem .card-title .titleBox{max-width: 100%;}
}
@media (max-width: 1439px) {
  .tbList .tableItem .card-title .titleBox{max-width: calc(100% - 143px);}
}
@media (max-width: 1319px) {/* xl */
  .tbList .tableItem .card-title .titleBox{max-width: 100%;}
}
@media (max-width: 1199px) {/* lg */
  .tbList .tableItem .card-title .titleBox{max-width: calc(100% - 143px);}
}
@media (max-width: 383px) {
  .tbList .tableItem .card-title .titleBox{max-width: 100%;}
}





/* ===== 식순에디터>미리보기 - 혜인 0809 ===== */
/* 공통 */
.cereShare em, .cereShare p, .cereShare h1, .cereShare h2, .cereShare h3{font-style: normal; padding: 0; margin: 0; font: inherit; font-size: inherit;}
.cereShare ul, .cereShare li{list-style: none; padding: 0; margin: 0;}
.cereShare input{outline: none;}
.cereShare span.bold{font-weight: 600;}


/* 구역별 */
.cereShare .conBox{width: 940px; height: auto; margin: 0 auto;}
.cereShare .conBox:nth-child(1){padding: 100px 0 125px;}
.cereShare .conBox:nth-child(2){padding-bottom: 30px;}
.cereShare .conBox:nth-child(3){padding-bottom: 50px;}
.cereShare .conBox:nth-child(1) .logoZone{float: left; width: 340px; height: auto;}
.cereShare .conBox:nth-child(1) .infoZone{float: left; width: 600px; height: auto;}


/* 로고존 */
.cereShare .logoZone h1.logo{position: relative; width: 153px; height: 34px; background-image: url(/assets/images/logo/svg/wedding-maker.svg); margin-top: 14px;}
.cereShare .logoZone h1.logo::before{position: absolute; left: 0; top: -14px; display: block; content: ''; width: 153px; height: 4px; background-color: #ffc708;}
.cereShare .logoZone p{margin: 0; padding: 0; font-size: 16px; font-weight: 400; color: #3a3a3a;}
.cereShare .logoZone em{display: block; padding: 0; font-style: normal; font-size: 11px; font-weight: 400; color: #000; margin-top: 200px;}


/* 인포존 */
.cereShare .infoZone .borderbox{width: 100%; height: auto; box-sizing: border-box; border-radius: 10px; border: 1px solid #9d9d9d; margin-bottom: 10px; padding: 30px;}

.cereShare .infoZone .borderbox h2{float: left; width: 169px;}
.cereShare .infoZone .borderbox h2 span{display: inline-block; font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 16; vertical-align: top; font-size: 20px; margin-right: 6px;}
.cereShare .infoZone .borderbox h2 em{display: inline-block; font-size: 20px; font-weight: 600; vertical-align: top; line-height: 1.2;}

.cereShare .infoZone .borderbox .text{float: left; width: calc(100% - 169px); font-size: 16px;}
/* 예식정보 영역: 라벨(span.bold)과 값(em) 정렬 - 값이 2줄 이상이어도 라벨이 첫 줄과 맞춰지도록 top 정렬 */
.cereShare .infoZone .informationBox .text p span.bold{display: inline-block; vertical-align: top;}
.cereShare .infoZone .informationBox .text p em{display: inline-block; margin-left: 10px; vertical-align: top;}
.cereShare .infoZone .programBox .text p span{display: inline-block; margin-right: 6px; vertical-align: top;}
.cereShare .infoZone .programBox .text p em{display: inline-block; width: calc(100% - 30px); vertical-align: top;}


/* 멘트수정, 멘트저장 버튼 */
.cereShare .edit{width: 150px; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 10px; text-align: center; background-color: #3a3a3a; color: #fff; vertical-align: middle; font-size: 14px;}
.cereShare .guide_info{width: 150px; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 10px; text-align: center; background-color: #ffc708; color: #fff; vertical-align: middle; font-size: 14px;}



/* 본문 표 모양 */
.cereShare .dTable{width: 100%;}
.cereShare .dTable .dRow{width: 100%;}
.cereShare .dTable .dRow .dCell{box-sizing: border-box;}
.cereShare .dTable .dRow .dCell.orderName{width: 250px;}
.cereShare .dTable .dRow .dCell.que{width: 690px;}

.cereShare .dTable .dRow.headRow .dCell{height: 50px; text-align: center; font-size: 15px; font-weight: 500; line-height: 50px; border-top: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d;}

.cereShare ul{border-bottom: 1px solid #9d9d9d; font-size: 15px; }
.cereShare ul li::before{display: block; content: ''; width: 100%; height: 1px; background-image: linear-gradient(to right, #9d9d9d 50%, transparent 50%); background-size: 4px 2px;}
.cereShare ul li:nth-child(1)::before{display: none;}


/* 본문 표 내용 */
.cereShare ul li .dCell.orderName{padding: 20px 20px 30px;}
.cereShare ul li .dCell.que{padding: 20px 0 30px 0;}

.cereShare .orderName h3{font-weight: 600; color: #3a3a3a;}
.cereShare .orderName a.btnDel{display: block; width: 70px;}
.cereShare .orderName .attatchedFiles{margin: 50px 0 0 20px;}
.cereShare .orderName .attatchedFiles .files{margin-top: 10px;}
.cereShare .orderName .attatchedFiles p{display: inline-block; position: relative; line-height: 1.1; font-size: 15px; font-weight: 500; width: 64px;}
.cereShare .orderName .attatchedFiles p::after{display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 64px; height: 1px; background-color: #9d9d9d;}
/* .cereShare .orderName .attatchedFiles .music a{cursor: default;} */
/* .cereShare .orderName .attatchedFiles .doc a{cursor: default;} */

.cereShare .que>div label{margin-top: 10px; margin-bottom: 0;}
.cereShare .que input{font-size: 14px;}
.cereShare .que textarea{resize: none; font-size: 14px;}

.cereShare .que .inputTxt{display: flex; flex-wrap: wrap;}
.cereShare .que .staff span{flex: 0 0 auto;}
.cereShare .que .staff em{flex: 1 1 0; padding-left: 6px;}
.cereShare .que .memo span{flex: 0 0 auto;}
.cereShare .que .memo em{flex: 1 1 0; padding-left: 6px;}
.cereShare .que .memo{margin-bottom: 30px;}


/* 위치 이동 버튼 */
.cereShare .scrollBtnBox{right: 50%; bottom: 60px; margin-right: -630px;}


/* 동의 모달 */
.cereShare .modal.commonModal .modal-content .modalMain{margin-bottom: 20px;}
.cereShare .modal.commonModal .modal-content .modalMain p{text-align: left; margin-bottom: 10px;}
.cereShare .modal.commonModal .modal-content .modalMain .notToday input{vertical-align: middle;}
.cereShare .modal.commonModal .modal-content .modalMain .notToday label{font-size: 13px; margin-bottom: 0; vertical-align: middle; line-height: 15px;}


/* 인쇄화면 */
@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .cereShare .edit, .cereShare .guide_info, .cereShare .scrollBtnBox{display: none;}
  .cereShare .preview{border: none;}
}


/* 반응형 */
@media (max-width: 1280px) {
  .cereShare .scrollBtnBox{right: 20px; bottom: 60px; margin-right: 0;}
}
@media screen and (max-width: 1100px) {
  .cereShare .conBox{width: 90%;}
  .cereShare .conBox:nth-child(1) .logoZone{width: 30%;}
  .cereShare .conBox:nth-child(1) .infoZone{width: 70%;}

  .cereShare .dTable .dRow .dCell.que{width: 75%;}
}
@media screen and (max-width: 991px) {
  /* 구역별 */
  .cereShare .conBox:nth-child(1){padding: 20px 0 0;}
  .cereShare .conBox:nth-child(2){padding-top: 50px; padding-bottom: 40px;}
  .cereShare .conBox:nth-child(1) .logoZone{float: none; width: 153px; margin: 0 auto; margin-bottom: 30px; text-align: center;}
  .cereShare .conBox:nth-child(1) .infoZone{float: none; width: 65%; margin: 0 auto;}

  /* 로고존 */
  .cereShare .logoZone h1.logo{width: 104px; height: 24px;}
  .cereShare .logoZone h1.logo::before{left: 50%; transform: translateX(-50%);}
  .cereShare .logoZone p{font-size: 12px; line-height: 1;}
  .cereShare .logoZone em{margin-top: 0;}

  /* 인포존 */
  .cereShare .infoZone .borderbox{padding: 20px;}
  .cereShare .infoZone .borderbox h2{margin-bottom: 30px;}
  .cereShare .infoZone .borderbox h2 em{font-size: 16px;}

  .cereShare .infoZone .borderbox .text{font-size: 14px;}

  /* 멘트수정, 멘트저장 버튼 */
  .cereShare .mentBtns{text-align: center;}
}
@media screen and (max-width: 865px) {
  .cereShare .conBox:nth-child(1) .infoZone{float: none; width: 75%; margin: 0 auto;}
}
@media screen and (max-width: 767px) {
  /* 인포존 */
  .cereShare .infoZone .borderbox h2{float: none; width: 100%;}
  .cereShare .infoZone .borderbox .text{float: none; width: 100%;}

  /* 본문 표 모양 */
  .cereShare .dTable{display: block;}
  .cereShare .dTable .dRow{display: block;}
  .cereShare .dTable .dRow .dCell{display: block;}
  .cereShare .dTable .dRow .dCell.orderName{width: 100%;}
  .cereShare .dTable .dRow .dCell.que{width: 100%;}

  .cereShare ul{border-bottom: none; font-size: 14px;}
  .cereShare ul li::before{display: none;}
  .cereShare ul li .dRow{border: 1px solid #9d9d9d; box-sizing: border-box; border-radius: 10px; padding: 0 0 30px; margin-bottom: 10px;}

  /* 본문 표 제목줄 */
  .cereShare .titleTable{display: none;}

  /* 본문 표 내용 */
  .cereShare ul li .dCell.orderName{padding: 0;}
  .cereShare ul li .dCell.que{padding: 0;}

  .cereShare .orderName .titleBox{padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #9d9d9d;}
  .cereShare .orderName h3{display: inline-block; font-size: 13px; width: calc(100%-64px);}
  .cereShare .orderName a.btnDel{display: inline-block; width: 64px; font-size: 11px;}

  .cereShare .orderName .attatchedFiles{margin: 10px 0; padding: 0 20px;}
  .cereShare .orderName .attatchedFiles .files{display: inline-block; margin-top: 0; margin-right: 4px;}
  .cereShare .orderName .attatchedFiles p{display: none;}

  .cereShare .que>div{padding: 0 20px;}
  .cereShare .que>div label{font-size: 13px;}
  .cereShare .que input{font-size: 13px;}
  .cereShare .que textarea{resize: none; font-size: 13px;}

  .cereShare .que span{margin-right: 0;}
  .cereShare .que .staff em{padding-left: 4px;}
  .cereShare .que .memo em{padding-left: 4px;}
  .cereShare .que .memo{margin-bottom: 20px; position: relative;}
  .cereShare .que .memo::after{display: block; content: ''; width: 100%; height: 1px; background-image: linear-gradient(to right, #9d9d9d 50%, transparent 50%); background-size: 4px 2px; margin-top: 20px;}
  .cereShare .que .memo span{width: 130px;}
  .cereShare .que .memo em{width: auto;}
  .cereShare .que .inputTxt{font-size: 12px;}
  .cereShare .que .scriptTxt{font-size: 14px;}
}
@media screen and (max-width: 575px) {
  .cereShare .conBox:nth-child(1) .infoZone{width: 100%;}
  .cereShare .que .memo em{flex: 1 1 auto;}
}
@media screen and (max-width: 370px) {
  .cereShare .infoZone .informationBox .text p em{letter-spacing: -1px;}
}



/* ===== 뮤직플레이어 - 김혜인 0820 ===== */
.musicPlayer{display: flex; justify-content: space-between;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}
.musicPlayer .controlBtns{width: 46px;}
.musicPlayer .controlBtns a{position: relative; display: block; width: 26px; height: 26px; box-sizing: border-box; border-radius: 50%; border: 2px solid #ffc708;}
.musicPlayer .controlBtns a i{position: absolute; left: 50%; top: 50%; margin-left: 1px; transform: translate(-50%, -50%); font-style: normal; font-size: 10px; color: #ffc708;}

.musicPlayer .timeWrap {position: relative; height: 6px; width: 100%; border: 1px solid #bfbfbf; margin-top: 5px; box-sizing: border-box; border-radius: 3px;}
.musicPlayer .timeWrap .timeBar {position: absolute; left: 0; top: 0; height: 4px; background: #ffc708;}
.musicPlayer .timeWrap .timeBar .circle {position: absolute; right: 0; width: 10px; height: 10px; background: #fff; border: 2px solid #707070; border-radius: 50%; top: 50%; margin-top: -5px; margin-right: -5px;}
.musicPlayer .timeWrap .timeText{margin-top: 6px; color: #555; font-size: 10px;}



/* ===== 식순에디터 - 혜인 1021 ===== */
.ceremonyedit .sampleChoice{max-width: 900px; margin: 20px auto 0;}
.ceremonyedit .ceremonyItem{max-width: 900px; margin: 0 auto;}
.ceremonyedit .ceremonyItem .edit-mode{max-width: 800px;}
.ceremonyedit .ceremonyItem .edit-mode input{max-width: 400px;}


/* ===== 식순에디터 new 아이콘 - 혜인 0924 ===== */
.ceremonyedit .titleItem{position: relative;}
.ceremonyedit .icon_new{position: absolute; left: -10px; top: 24px;}

/* ===== 식순에디터>편집하기 반응형 보정 - 혜인 0903 ===== */
.ceremonyedit .sampleChoiceLabel{margin-right: 10px;}
.ceremonyedit .titleItem{display: flex; padding: 1rem 1.75rem}
.ceremonyedit .accordionItem .titleItem .card-body{flex: 1 1 0;}
.ceremonyedit .accordionItem .titleItem .custom-control{display:flex; gap: 0.375rem}
@media (max-width: 1060px) {
  .ceremonyedit .breadcrumb{display: none;}
}
@media (max-width: 898px) {
  .ceremonyedit .accordionItem .titleItem .custom-control .btn{width: 2.25rem; height: 2.25rem;}
}
@media (max-width: 880px) {
  .ceremonyedit h1{display: block;}
  .ceremonyedit .top-right-button-container{float: none;}
  .ceremonyedit .separator{margin-top: 10px;}
}
@media (max-width: 767px) {
  .ceremonyedit .icon_new{position: absolute; top: 23px; font-size: 9px; padding: 1px 2px 0;}
}
@media (max-width: 575px) {
  .ceremonyedit .titleItem{flex-direction: column; gap: 1rem;}
  .ceremonyedit .accordionItem .titleItem .card-body{width: 100%;}
  .ceremonyedit .accordionItem .titleItem .custom-control{width: 100%; justify-content: flex-end;}
  .ceremonyedit .top-right-button-container .top-right-button{padding: 0.5rem 0.75rem;}
  .ceremonyedit .icon_new{top: 22px;}
}



/* ===== 웨딩가이드 내부 페이지 반응형 보정 - 혜인 0830 ===== */
@media (max-width: 575px) {
  .selFlower .top-right-button-container button,
  .decoFlower .top-right-button-container button,
  .planFlower .top-right-button-container a{padding: 0.5rem 1.25rem;}
}



/* ===== 참고이미지 - 혜인 0830 ===== */
/* 사진비율 */
.referFlower .reference-items .card-img-top {border-radius: 0.75rem; height: auto;}
/* 모바일에서 체크박스 위치 흐트러지는 현상 수정 */
.referFlower .custom-control{padding: 0;}



/* ===== 견적서함 - 혜인 0902 ===== */
.estimateFlower .rowSpace .card-body{display: flex; justify-content: space-between; align-items: center;}
.estimateFlower .rowSpace .card-body p{width: 15%; height: auto; text-align: center; margin: 0; font-size: 1rem;}
.estimateFlower .rowSpace .card-body p.lastCol{width: 8%;}
.estimateFlower .smScreen .card-body h5{float: left; display: inline-block;}
.estimateFlower .smScreen .card-body .btnListDel{float: right; display: inline-block;}



/* ===== 견적요청서 - 혜인 0902 ===== */
/* 진행가능여부 라디오버튼 */
#recipeDefaultContainer .inputWrap input[type="radio"]{display: none;}
#recipeDefaultContainer .inputWrap .isAble .radioCircle{display: inline-block; width: 16px; height: 16px; background-color: transparent; box-sizing: border-box; border: 1px solid #3a3a3a; border-radius: 50%; position: relative; cursor: pointer; vertical-align: middle; margin-right: 6px;}
#recipeDefaultContainer .inputWrap .isAble .radioCircle::after {content: ""; display: block; width: 8px; height: 8px; background-color: #9b2f5d; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s ease-in-out;}
#recipeDefaultContainer .inputWrap input[type="radio"]:checked + .isAble .radioCircle::after {opacity: 1;}

/* 플라워데코 희망항목 */
#requestDecoList>span{display: inline-block; margin-right: 6px;}

/* 검토내용 제목줄 */
#recipeDefaultContainer .subThead{border-top: 2px solid #3a3a3a;}
#recipeDefaultContainer .subThead td{font-weight: 600;}

/* 버튼 */
#recipeDefaultContainer .btn-outline-dark{border-radius: 4px;}




/* ===== 체크리스트 - 혜인 0904 ===== */
.chkList p, .chkList h4, .chkList h5, .chkList h6, .chkList input, .chkList label, .chkList ul, .chkList li{margin: 0; padding: 0;}
.chkList .containBox{width: 100%; height: calc(100vh - 240px); background-color: #fff; margin: 0 auto; border-radius: 10px;}

/* -----------[왼쪽 그래픽]----------- */
.chkList .progressArea{height: calc(100vh - 240px);}
.chkList .progressArea .progressCon{width: 125px; margin: 40px auto 0; box-sizing: border-box; padding: 0 20px;}
.chkList .progressArea .progressCon h4{font-size: 30px; font-weight: 600; color: #555; line-height: 1;}
.chkList .progressArea .progressCon h4::after{display: block; content: ''; width: 20px; height: 2px; background-color: #3a3a3a; margin: 16px 0 0 10px;}

.chkList .progressArea ul, .chkList li{list-style: none; padding: 0; margin: 0;}
.chkList .progressArea ul.progressList{margin-left: 7px;}
.chkList .progressArea ul.progressList li{width: auto; height: 40px;}
.chkList .progressArea ul.progressList li span{display: inline-block; font-size: 14px; font-weight: 600; color: #3a3a3a; vertical-align: top; margin: 18px 0 0 6px;}
.chkList .progressArea ul.progressList li::before{display: inline-block; content: ''; width: 26px; height: 40px; background-repeat: no-repeat; background-position: bottom center;}
.chkList .progressArea ul.progressList li.done::before{background-image: url(/assets/tool/img/checklist/progress-done.png);}
.chkList .progressArea ul.progressList li.yet::before{background-image: url(/assets/tool/img/checklist/progress-yet.png);}

.chkList .progressArea .d-day::after{display: inline-block; content: ''; width: 125px; height: 53px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/checklist/progress-d-day.png);}


/* -----------[오른쪽 본문]----------- */
.chkList .scrollArea{width: 100%; height: 100%;  box-sizing: border-box; padding: 30px 20px;}
.chkList .scrollArea .scrollBox{width: 100%; height: calc(100vh - 300px); padding-right: 20px;}
.chkList .scrollArea .scrollBox .conBox{max-width: 950px;}

/* 아코디언 스타일 */
.chkList .accordionItem .card{border: 1px solid #e7e7e7;}

.chkList .card .title{cursor: pointer;}
.chkList .card .title i.simple-icon-arrow-down{display: inline-block; margin-right: 6px; color: #ffc708; font-weight: 600;}
.chkList .card .title h5{display: inline-block; font-size: 16px; font-weight: 500;}
.chkList .card .title .proceed{display: inline-block; vertical-align: top; margin: -1px 0 0 6px;}

.chkList .card .title .proceed img{display: inline-block;}
.chkList .card .title .proceed .prcTxt,
.chkList .card .title .proceed .prcNum{display: inline-block; font-size: 10px; font-weight: 500; color: #707070;}

.chkList .card .collapse{transition: height 0.3s ease;}
.chkList .card .collapse .card-body{display: flex;}
.chkList .card .collapse .tabArea{width: 170px; box-sizing: border-box; padding: 0 20px;}
.chkList .card .collapse .tabConArea{flex-grow: 1; box-sizing: border-box; padding: 0 20px;}

/* 탭메뉴 */
.chkList ul.chkTabList{
  /* 버튼 더블클릭시 텍스트 블록 방지 */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.chkList ul.chkTabList li{margin-bottom: 10px;}
.chkList ul.chkTabList li:last-child{margin-bottom: 0;}

.chkList .custom-chkbox{width: 120px; height: 34px; box-sizing: border-box; border: 1px solid #ffc708; padding: 8px 10px; border-radius: 4px;}
.chkList .custom-chkbox .square{display: inline-block; width: 14px; height: 14px; border-radius: 2px; background-color: #fff; border: 1px solid #ffc708; margin-top: 1px;}
.chkList .custom-chkbox .txt{display: inline-block; color: #ffc708; margin-left: 6px; font-size: 14px; font-weight: 600; line-height: 1; vertical-align: top; margin-top: 2px;}

.chkList ul.chkTabList input[type="checkbox"]{display: none;}
.chkList ul.chkTabList input[type="checkbox"]:checked + .custom-chkbox{background-color: #ffc708;}
.chkList ul.chkTabList input[type="checkbox"]:checked + .custom-chkbox .txt{color: #fff;}
.chkList ul.chkTabList input[type="checkbox"]:checked + .custom-chkbox .square::after{display: block; content: ''; width: 14px; height: 14px; background-image: url(/assets/tool/img/icons/icon_check.svg); background-repeat: no-repeat; margin: 2px 0;}


/* 탭메뉴 선택하지 않았을시 빈칸 문구 */
.chkList .blankTxt{text-align: center; width: 100%; margin: 30px 0; font-weight: 500; display: none;}
.chkList .blankTxt.show{display: block;}
.chkList .blankTxt img{display: block; width: 24px; height: 25px; margin: 0 auto 10px; }


/* 탭메뉴 클릭시 표출내용 */
.chkList .detailBox{margin-bottom: 30px; display: none;}
.chkList .detailBox.show{display: block;}
/* .chkList .detailBox .detailTop{box-sizing: border-box; border-top: 2px solid #bfbfbf; padding-top: 10px; margin-bottom: 20px;} */
/* .chkList .detailBox .detailTop h6{float: left; width: 85px; font-size: 18px;} */
/* .chkList .detailBox .detailTop .inform{float: left; width: calc(100% - 210px); box-sizing: border-box; padding: 0 10px;} */
.chkList .detailBox .detailTop{box-sizing: border-box; border-top: 2px solid #bfbfbf; padding-top: 10px; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.chkList .detailBox .detailTop h6{flex: 0 0 85px; font-size: 18px;}
.chkList .detailBox .detailTop .inform{flex: 1 1 0; box-sizing: border-box; padding: 0 10px;}

.chkList .detailBox .detailTop .inform .i_point{font-style: normal; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #555; font-size: 9px; text-align: center;}

/* .chkList .detailBox .detailTop .btn_needHelp{float: right; width: 120px; height: 20px; box-sizing: border-box; border-radius: 10px; background-color: #ffc708; border: none;} */
.chkList .detailBox .detailTop .btn_needHelp{flex: 0 0 120px; height: 20px; box-sizing: border-box; border-radius: 10px; background-color: #ffc708; border: none;}
.chkList .detailBox .detailTop .btn_needHelp em{display: block; font-size: 11px; font-weight: 600; font-style: normal; text-shadow: -1px -1px 0 #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff  ; vertical-align: top; margin-top: -1px;}

.chkList .detailBox .detailBody .detail{float: right; display: inline-block; width: calc(100% - 95px); height: auto; box-sizing: border-box; border-radius: 24px; border: 1px solid #e7e7e7; padding: 8px 30px; margin-bottom: 10px;}
.chkList .detailBox .detailBody .detail .detail_txt{display: inline-block; float: left; width: calc(100% - 70px); line-height: 24px; font-weight: 500;}
.chkList .detailBox .detailBody .detail .tglCheckBox{display: inline-block; float: right; margin-left: 20px; width: auto; height: 24px;}

/* 위치이동 버튼 */
.chkList .scrollBtnBox{display: none; right: 20px; bottom: 50px;}
/*.chkList .detail {display:flex;align-items:center;justify-content:space-between;}*/
/*.chkList .detail .detail_txt{ margin:0; flex:1; }  !* 문단 왼쪽, 버튼은 오른쪽 *!*/
/*.chkList .detail .tglCheckBox{ margin-left:12px; display:flex; align-items:center; }*/
/*.chkList .detail .detail_txt,*/
/*.chkList .detail .tglCheckBox { float:none !important; }*/


/* ===== 체크리스트 도움이필요하세요 모달 - 혜인 0920 ===== */
/* 공통 */
.chkList .modal{position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
.chkList .modal .modal-dialog{margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; box-sizing: border-box; border: none; border-radius: 10px; width: 400px; height: 500px;}
.chkList .modal .modal-content{border-radius: 10px; height: 500px; box-sizing: border-box; padding: 20px 30px 0;}
.chkList .modal .modalTop{position: relative; text-align: center;}
.chkList .modal .modalTop button{position: absolute; right: 0; top: 0; border: none; background-color: transparent; font-size: 22px; font-weight: bold; color: #777; line-height: 1; padding: 0;}
.chkList .modal .modalTop img{padding: 6px 0;}
.chkList .modal .modalTop h5{font-size: 20px; color: #000; font-weight: bold;}
.chkList .modal .modalTop p{font-size: 14px; font-weight: 500; line-height: 1.5; color: #000; margin: 16px 0 24px;}

.chkList .modal .modalMain{position: relative; flex: 1 1 0;}
.chkList .modal .modalMain .backColor{background-color: #fff9e6; width: calc(100% - 20px); height: 100%; margin: 0 auto; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative;}
.chkList .modal .modalMain .btnBox{position: absolute; left: 0; bottom: 60px;}
.chkList .modal .modalMain .con{background-color: #fff; box-sizing: border-box; border-radius: 10px; position: absolute; left: 50%; transform: translateX(-50%);}
.chkList .modal .modalMain .conbox1{top: 18px;}
.chkList .modal .modalMain .conbox2{top: 118px;}
.chkList .modal .modalMain .con p{font-size: 13px; line-height: 1.5; color: #3a3a3a;}

.chkList .modal .btnBox{width: 100%;}
.chkList .modal .btnBox a{display: block; width:100%; height: 46px; line-height: 46px; box-sizing: border-box; background-color: #fff; border: 1px solid #ffc708; border-radius: 30px; font-size: 15px; text-align: center; color: #ffc708; font-weight: 600;}
.chkList .modal .btnBox .yellowBtn{background: #ffc708; color: #fff; margin-top: 10px;}
.chkList .modal .btnBox .yellowBtn span{display: inline-block; position: relative; font-weight: 500;}
.chkList .modal .btnBox .yellowBtn span::after{display:block; content: ''; width: 10px; height: 10px; background-image: url(/assets/tool/img/icons/deco-impact.svg); background-repeat: no-repeat; position: absolute; right: -12px; top: 8px;}

/* --- (웨딩다이어리 모달) --- */
#needHelpModal_diary .modalMain .conbox1{width: 260px; height: 91px; box-sizing: border-box; padding: 16px 30px 20px 72px; margin-left: 17px; top: 34px;}
#needHelpModal_diary .modalMain .conbox1::before{display: block; content: ""; width: 80px; height: 80px; background-image: url(/assets/tool/img/checklist/modal-diary01.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -24px; top: 5px;}
#needHelpModal_diary .modalMain .conbox2{margin-top: 20px; width: calc(100% - 20px); height: 52px; padding: 16px 26px 20px; top: 127px;}
#needHelpModal_diary .modalMain .conbox2 span{display: inline-block; position: relative; margin-left: 20px;}
#needHelpModal_diary .modalMain .conbox2 span::before{display: block; content: ""; width: 68px; height: 60px; background-image: url(/assets/tool/img/checklist/modal-diary02.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -18px; top: -35px;}
/*#needHelpModal_diary .btnBox{margin-bottom: 30px;}*/

/* --- (식순에디터 모달) --- */
#needHelpModal_pro_1 .modalMain .conbox1{width: 300px; height: 91px; box-sizing: border-box; padding: 16px 20px 20px;}
#needHelpModal_pro_1 .modalMain .conbox1::before{display: block; content: ""; width: 60px; height: 60px; background-image: url(/assets/tool/img/checklist/modal-cere01.png); background-repeat: no-repeat; background-size: contain; position: absolute; right: 12px; top: -30px;}
#needHelpModal_pro_1 .modalMain .conbox2{width: 220px; height: 72px; box-sizing: border-box; padding: 16px 20px 20px 46px; margin-left: 40px;}
#needHelpModal_pro_1 .modalMain .conbox2::before{display: block; content: ""; width: 88px; height: 71px; background-image: url(/assets/tool/img/checklist/modal-cere02.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -40px; top: 0px;}

/* --- (초대장에디터 모달) --- */
#needHelpModal_pro_2 .modalMain .conbox1{width: 280px; height: 91px; box-sizing: border-box; padding: 16px 10px 20px 48px; margin-left: 15px;}
#needHelpModal_pro_2 .modalMain .conbox1::before{display: block; content: ""; width: 75px; height: 60px; background-image: url(/assets/tool/img/checklist/modal-invi01.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -15px; top: -3px;}
#needHelpModal_pro_2 .modalMain .conbox2{width: 302px; height: 72px; padding: 16px 10px 20px;}

/* --- (디자인에디터 모달) --- */
#needHelpModal_pro_3  .modalMain .conbox1{width: 280px; height: 91px; box-sizing: border-box; padding: 16px 20px 20px 76px; margin-left: 10px;}
#needHelpModal_pro_3 .modalMain .conbox1::before{display: block; content: ""; width: 88px; height: 71px; background-image: url(/assets/tool/img/checklist/modal-cere02.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -15px; top: 0px;}
#needHelpModal_pro_3 .modalMain .conbox2{width: 262px; height: 72px; box-sizing: border-box; padding: 16px 20px 20px; transform: none; left: 10px;}
#needHelpModal_pro_3 .modalMain .conbox2::before{display: block; content: ""; width: 60px; height: 60px; background-image: url(/assets/tool/img/checklist/modal-cere01.png); background-repeat: no-repeat; background-size: contain; position: absolute; right: -30px; top: -20px;}


/* ===== 체크리스트 반응형 - 혜인 0904 ===== */
.chkList br.under420,
.chkList br.under392{display: none;}
@media (max-width: 1400px) {
  /* .chkList .detailBox .detailTop .inform{float: right; width: calc(100% - 85px);} */
  /* .chkList .detailBox .detailTop .btn_needHelp{float: none; margin: 10px 0 0 95px;} */
}
@media (max-width: 1280px) {/* xl */}
@media (max-width: 1199px) {/* lg */
  .chkList .scrollBtnBox{display: block;}
  .chkList .containBox{background-color: transparent;}
  .chkList .scrollArea{padding: 0;}
  .chkList .scrollArea .scrollBox{height: auto; overflow-y: initial; padding: 0;}
  .chkList .scrollArea .scrollBox .conBox{max-width: 950px;}
  /* .chkList .detailBox .detailTop .inform{float: left; width: calc(100% - 210px);} */
  /* .chkList .detailBox .detailTop .btn_needHelp{float: right; margin: 0;} */
}
@media (max-width: 991px) {/* ms */
  .chkList .scrollBtnBox{right: 10px;}
  .chkList .card .collapse .card-body{display: block;}
  .chkList .card .collapse .tabArea{width: 100%; padding: 0;}
  .chkList .card .collapse .tabConArea{width: 100%; padding: 0;}
  .chkList ul.chkTabList{margin-bottom: 20px;}
  .chkList ul.chkTabList li{display: inline-block; margin-bottom: 6px; margin-right: 4px;}
  .chkList .detailBox .detailBody .detail{width: calc(100% - 95px);}
}
@media (max-width: 575px) {/* col- */
  .chkList .title .card-body{padding: 16px 20px;}
  .chkList .collapse .card-body{padding: 0 20px;}
  .chkList ul.chkTabList li{margin-right: 1px;}
  .chkList ul.chkTabList li{width: 32%;}
  .chkList .custom-chkbox{width: 100%;}
  /* .chkList .detailBox .detailTop h6{width: 74px; font-size: 16px;} */
  /* .chkList .detailBox .detailTop .inform{float: right; width: calc(100% - 74px);} */
  /* .chkList .detailBox .detailTop .btn_needHelp{float: none; margin: 10px 0 0 80px;} */
  .chkList .detailBox .detailTop h6{flex: 0 0 74px; font-size: 16px;}
  .chkList .detailBox .detailTop .inform{flex: 1 0 calc(100% - 74px);}
  .chkList .detailBox .detailTop .btn_needHelp{margin-left: 80px;}
  .chkList .detailBox .detailBody .detail{float: none; width: 100%; padding: 8px 20px;}
}
@media (max-width: 420px) {
  .chkList .custom-chkbox{width: 100%; padding: 8px 6px;}
  .chkList .custom-chkbox .square{width: 12px; height: 12px;}
  .chkList .custom-chkbox .txt{margin-left: 2px;}
  .chkList ul.chkTabList input[type="checkbox"]:checked + .custom-chkbox .square::after{width: 11px; height: 11px; margin: 0; background-size: contain;}

  /* 도움이필요하세요 모달 */
  .chkList br.under420{display: block;}
  .chkList .modal .modal-dialog{width: calc(100vw - 20px);}
  .chkList .modal .modalTop p{font-size: 13px;}
  .chkList .modal .modalMain .con p{font-size: 12px;}
  /* --- (웨딩다이어리 모달) --- */
  #needHelpModal_diary .modalMain .conbox1{width: 240px; padding: 20px 10px 20px 60px;}
  #needHelpModal_diary .modalMain .conbox1::before{left: -34px;}
  #needHelpModal_diary .modalMain .conbox2{padding: 16px 8px; width: 220px; height: auto; top: 120px; text-align: center;}
  #needHelpModal_diary .modalMain .conbox2 span::before{width: 60px; top: -32px;}
  /* --- (식순에디터 모달) --- */
  #needHelpModal_pro_1 .modalMain .conbox1{width: calc(100% - 20px); padding: 20px 12px;}
  #needHelpModal_pro_1 .modalMain .conbox1::before{width: 56px; top: -26px;}
  #needHelpModal_pro_1 .modalMain .conbox2{width: 220px; padding: 16px 20px 20px 46px; margin-left: 0; left: auto; transform: none; right: 10px;}
  #needHelpModal_pro_1 .modalMain .conbox2::before{width: 80px; left: -18px;}
  /* --- (초대장에디터 모달) --- */
  #needHelpModal_pro_2 .modalMain .conbox1{width: calc(100% - 20px); padding: 14px 10px 20px 26px; margin-left: 0;}
  #needHelpModal_pro_2 .modalMain .conbox1::before{width: 60px; left: -25px; top: -6px;}
  #needHelpModal_pro_2 .modalMain .conbox2{width: calc(100% - 20px); height: auto; padding: 10px 20px;}
  /* --- (디자인에디터 모달) --- */
  #needHelpModal_pro_3  .modalMain .conbox1{width: 240px; padding: 20px 20px 20px 50px; margin-left: 0; left: auto; transform: none; right: 10px;}
  #needHelpModal_pro_3 .modalMain .conbox1::before{width: 80px;}
  #needHelpModal_pro_3 .modalMain .conbox2{width: 244px; padding: 20px;}
  #needHelpModal_pro_3 .modalMain .conbox2::before{width: 54px; right: -10px;}
}
@media (max-width: 400px) {
  .chkList .custom-chkbox{width: 100%; padding: 8px 6px;}
  .chkList .custom-chkbox .square{width: 12px; height: 12px;}
  .chkList .custom-chkbox .txt{margin-left: 2px; text-indent: -2px; font-size: 12px; margin-top: 3px;}
  .chkList ul.chkTabList input[type="checkbox"]:checked + .custom-chkbox .square::after{width: 11px; height: 11px; margin: 0; background-size: contain;}
  .chkList .detailBox .detailTop h6{width: 65px; font-size: 14px; font-weight: 600;}
  .chkList .detailBox .detailTop .inform{width: calc(100% - 65px);}
  .chkList .detailBox .detailTop .btn_needHelp{margin: 10px 0 0 70px;}
}
@media (max-width: 400px) {
  .chkList br.under392{display: block;}
}

/* ===== 페이지네이션 - 혜인 0912 ===== */
.pagination2 p, .pagination2 span, .pagination2 ul, .pagination2 li{
  padding: 0; margin: 0; font-style: normal; list-style: none;
}
.pagination2{text-align: center;}
.pagination2 .pageConBox{display: inline-block; width: auto;}
.pagination2 .btn_pageArrow{display: inline-block; border: none; background-color: transparent; font-size: 16px; text-align: center; color: #777; width: 26px; height: 26px; line-height: 26px; box-sizing: border-box; border: 1px solid #777; border-radius: 50%;}
.pagination2 .btn_pageArrow i{margin-left: -2px;}
.pagination2 .btn_pageArrow.disable{color: #ddd; border: 1px solid #ddd;}
.pagination2 ul.pageList{display: inline-block; vertical-align: top;}
.pagination2 ul.pageList li{display: inline-block; width: auto; height: 26px; line-height: 26px; text-align: center; cursor: pointer; margin: 0 10px; color: #777;}
.pagination2 ul.pageList li.active{color: #777; font-weight: 600;}

/*==========공용 모달 -=======*/
.modal.info_modal_common{position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
.modal.info_modal_common .modal-dialog{margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; box-sizing: border-box; border: none; border-radius: 10px; width: 400px; height: 500px;}
.modal.info_modal_common .modal-content{border-radius: 10px; height: 450px; box-sizing: border-box; padding: 20px 30px 0; min-width:400px;}
.modal.info_modal_common .modalTop{position: relative; text-align: center;}
.modal.info_modal_common .modalTop button{position: absolute; right: 0; top: 0; border: none; background-color: transparent; font-size: 22px; font-weight: bold; color: #777; line-height: 1; padding: 0;}
.modal.info_modal_common .modalTop img{padding: 6px 0;}
.modal.info_modal_common .modalTop h5{font-size: 20px; color: #000; font-weight: bold;}
.modal.info_modal_common .modalTop p{font-size: 14px; font-weight: 500; line-height: 1.5; color: #000; margin: 16px 0 24px;}

.modal.info_modal_common .modalMain{position: relative; flex: 1 1 0;}
.modal.info_modal_common .modalMain .backColor{background-color: #fff9e6; width: calc(100% - 20px); height: 100%; margin: 0 auto; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative;}
.modal.info_modal_common .modalMain .btnBox{position: absolute; left: 0; bottom: 30px;}
.modal.info_modal_common .modalMain .con{background-color: #fff; box-sizing: border-box; border-radius: 10px; position: absolute; left: 50%; transform: translateX(-50%);}
.modal.info_modal_common .modalMain .conbox1{top: 18px;}
.modal.info_modal_common .modalMain .conbox2{top: 118px;}
.modal.info_modal_common .modalMain .con p{font-size: 13px; line-height: 1.5; color: #3a3a3a;}

.modal.info_modal_common .btnBox{width: 100%;}
.modal.info_modal_common .btnBox a{display: block; width:100%; height: 46px; line-height: 46px; box-sizing: border-box; background-color: #fff; border: 1px solid #ffc708; border-radius: 30px; font-size: 15px; text-align: center; color: #ffc708; font-weight: 600;}
.modal.info_modal_common .btnBox .yellowBtn{background: #ffc708; color: #fff; margin-top: 10px;}
.modal.info_modal_common .btnBox .yellowBtn span{display: inline-block; position: relative; font-weight: 500;}
.modal.info_modal_common .btnBox .yellowBtn span::after{display:block; content: ''; width: 10px; height: 10px; background-image: url(/assets/tool/img/icons/deco-impact.svg); background-repeat: no-repeat; position: absolute; right: -12px; top: 8px;}

.info_modal_common .modalMain .conbox1{width: 280px; height: 91px; box-sizing: border-box; padding: 16px 10px 20px 48px; margin-left: 15px;}
.info_modal_common .modalMain .conbox1::before{display: block; content: ""; width: 75px; height: 60px; background-image: url(/assets/tool/img/checklist/modal-invi01.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -15px; top: -3px;}
.info_modal_common .modalMain .conbox2{width: 302px; height: 82px; padding: 16px 34px 20px; }

/*=====갤러리 모달=====*/
.iemodal{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999;display:none;align-items:center;justify-content:center}
.iemodal.is-open{display:flex}
.iemodal__dialog{width:min(96vw,720px);max-height:92vh;background:#fff;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}
.iemodal__header,.iemodal__footer{padding:10px 12px;border-bottom:1px solid #eee}
.iemodal__footer{border-top:1px solid #eee;border-bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px}
.iemodal__body{padding:10px 12px}
.iecanvas-wrap{width:100%;height:min(60vh,480px);background:#fafafa;border:1px solid #eee;border-radius:10px;overflow:hidden;position:relative}
#iePreview{max-width:100%;max-height:100%}
.iebtn{padding:8px 10px;border:1px solid #ddd;border-radius:10px;background:#fff;cursor:pointer}
.iebtn--primary{background:#111;color:#fff;border-color:#111}
.iebtn--close{background:transparent;border:0;font-size:18px}
.cropper-modal{background-color:rgba(0,0,0,0.75)}
.cropper-view-box{outline:2px solid #ffcc00;outline-color:#ffcc00!important}
.cropper-face{background:transparent!important}
.cropper-dashed.dashed-h,.cropper-dashed.dashed-v{border-color:rgba(255,204,0,.9)}
.cropper-point{width:8px;height:8px;background:#ffcc00;opacity:1}



@media screen and (max-width: 767px) {
  .iemodal__footer {flex-direction: column;align-items: stretch;gap: 12px;}
  .ietools {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;width: 100%;}
  .iebtn {font-size: 15px;border: 1px solid #ddd;border-radius: 8px;background: #fff;cursor: pointer;text-align: center;transition: background 0.2s, transform 0.1s;}
  .iebtn:active {background: #f0f0f0;transform: scale(0.97);}
  .iebtn--primary {background: #ff7f50;color: #fff;border: none;font-weight: bold;font-size: 16px;padding: 14px 0;border-radius: 8px;}
  .iebtn--primary:active {background: #ff6a35;}
  .iebtn--close {background: transparent;border: 0;font-size: 20px;}
}
@media screen and (max-width: 500px) {
  .iecanvas-wrap {height: min(60vh, 320px);}

}




/********** 2025.09.09 실시간 하객명단 개편 **********/
.guest_list .caution{display: flex;  padding: 20px; background: var(--surface-base-subtle, #F0F0F0);flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; align-self: stretch; margin: 0 0 40px;}
.guest_list .caution li{ margin: 0; list-style: none; display: flex; gap: 4px;}
.guest_list .caution li:before{content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 100%; background-color: var(--icon-subtler, #666); margin: 10px 0; flex-shrink: 0;}
.guest_list .caution p{margin: 0; font-size: 16px; line-height: 24px; font-weight: 400;color: var(--text-subtle, #2E2E2E);}
.guest_list .search_wrap{display: flex; flex-direction: column; }
.guest_list .search_wrap .top{display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 40px; border-bottom: 1px solid var(--divider-gray-dark, #E0E0E0); margin: 0 0 28px; gap: 28px; flex-wrap: wrap;}
.guest_list .summary{display: flex; gap: 16px;}
.guest_list .summary .box{display: flex; width: 200px; overflow: hidden; border-radius: 28px; border: 1px solid var(--border-gray-light, #E0E0E0); background: var(--surface-base-subtler, #F7F7F7); flex-direction: column; justify-content: center; align-items: flex-start;}
.guest_list .summary .box{display: flex; width: 200px; overflow: hidden; border-radius: 28px; border: 1px solid var(--border-gray-light, #E0E0E0); background: var(--surface-base-subtler, #F7F7F7); flex-direction: column; justify-content: center; align-items: flex-start;}
.guest_list .summary .sum{display: flex; padding: 16px 20px; justify-content: space-between; align-items: center; align-self: stretch;}
.guest_list .summary .sum small{color: var(--text-subtler, #666); font-size: 16px; font-weight: 500; line-height: 24px; color: var(--text-subtler, #666);}
.guest_list .summary button{border: none; outline: none; background-color: transparent; padding: 0; display: flex; align-items: flex-end;}
.guest_list .summary button strong{color: var(--text-secondary, #2B58EE);}
.guest_list .summary .sum button strong{font-size: 24px; font-weight: 600; line-height: 24px;}
.guest_list .summary .sum button .unit{display: flex; align-items: center; gap: 4px; color: var(--text-subtler, #666); font-size: 16px; font-weight: 400; line-height: 24px;}
.guest_list .summary .contents{display: flex; padding: 16px 20px; background: var(--surface-base, #FFF); flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch;}
.guest_list .summary .contents small{color: var(--text-subtler, #666); font-size: 14px; font-weight: 500; line-height: 24px; color: var(--text-subtler, #666);}
.guest_list .summary .division{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.guest_list .summary .contents button strong{font-size: 20px; font-weight: 600; line-height: 24px;}
.guest_list .summary .contents button .unit{display: flex; align-items: center; gap: 4px; color: var(--text-subtler, #666); font-size: 14px; font-weight: 400; line-height: 24px;}
.guest_list .summary button .unit:after{content: ''; display: block; width: 6px; height: 12px; background: url('/assets/images/icons/chevronRightTight-subtler.svg')no-repeat; background-size: contain;}

.guest_list .summary .attend{border: 1px solid var(--border-success-light, #D9F2E3); background: var(--surface-success-subtler, #F7FDFA);}
.guest_list .summary .attend .sum small, .guest_list .summary .attend button strong{color: var(--success-50, #218249);}

.guest_list .summary .not_attend{border: 1px solid var(--border-danger-light, #FDE5E2); background: var(--surface-danger-subtler, #FEF6F6);}
.guest_list .summary .not_attend .sum small, .guest_list .summary .not_attend button strong{color: var(--element-danger, #D82A13);}

.guest_list .search{display: flex; gap: 8px;}
.guest_list .search input[type="text"]{display: flex; height: 48px;  border-radius: 9.6px; border: 1px solid var(--border-gray-dark, #CCC); background: var(--surface-base, #FFF); padding: 0 16px; width: 240px; font-size: 16px; font-weight: 400;}
.guest_list .search input[type="text"]::placeholder{color: var(--text-placeholder, #A3A3A3);}
.guest_list .search button{height: 48px; padding: 0 18px; border-radius: 9.6px; font-size: 16px; font-weight: 600; flex-shrink: 0;}

.guest_list .group_wrap{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px;}
.guest_list .group_wrap input[type="radio"]{position: absolute; left: -9999px; top: -9999px;}
.guest_list .group_wrap input[type="radio"]+label{display: flex; height: 40px; padding: 0 18px; border-radius: 20px; background: var(--button-gray-fill, #F0F0F0); justify-content: center; align-items: center; gap: 2px; color: var(--text-base, #191919); font-size: 14px; font-weight: 500; margin: 0;}
.guest_list .group_wrap input[type="radio"]:checked+label{background: var(--surface-inverse, #191919); color: var(--text-inverse, #F7F7F7); font-weight: 600;}
.guest_list .invitation_list{display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.guest_list .card_attend{order: 1;}
.guest_list .card_noAttend{order: 2;}
.guest_list .card{padding: 20px; display: flex; flex-direction: column; gap: 32px; height: 100%; justify-content: space-between; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0 0 1px 0 rgba(0, 0, 0, 0.12);}
.guest_list .card_noAttend .card{background: linear-gradient(0deg, rgba(216, 42, 19, 0.02) 0%, rgba(216, 42, 19, 0.02) 100%), #FFF; border: 1px solid var(--border-disabled, #E0E0E0); box-shadow: none;}
.guest_list .card .top{display: flex; flex-direction: column; gap: 12px;}
.guest_list .card .intro{display: flex; align-items: flex-start; justify-content: space-between;}
.guest_list .card .intro .left{display: flex; gap: 8px;}
.guest_list .card .intro .attendance{display: flex; height: 28px; align-items: center; padding: 0 8px; border-radius: 6px; font-size: 14px; font-weight: 600; line-height: 1; gap: 4px;}
.guest_list .card .intro .attendance:before{content: ''; display: block; width: 16px; height: 16px;}
.guest_list .card .intro .attendance:before{content: ''; display: block; width: 16px; height: 16px;}
.guest_list .card .intro .attendance.attend{background-color: #E7F6ED; color: var(--element-success, #218249);}
.guest_list .card .intro .attendance.attend:before{background: url('/assets/images/icons/checkCircleFill.svg')no-repeat; background-size: contain;}
.guest_list .card .intro .attendance.not_attend{background-color: #FCE8E5;color: var(--element-danger, #D82A13);}
.guest_list .card .intro .attendance.not_attend:before{background: url('/assets/images/icons/errorCircleFill.svg')no-repeat; background-size: contain;}
.guest_list .card .intro .guest_class{display: flex; height: 28px; align-items: center; padding: 0 8px; border-radius: 6px; color: var(--text-subtler, #666); font-size: 14px; font-weight: 600; line-height: 1; background-color: #f6f6f6; }
.guest_list .card .btn_wrap{display: flex; gap: 8px;}
.guest_list .card .btn_wrap button{margin: 0; border-radius: 8px; background-color: #fff; border: 1px solid var(--button-gray-border, #D5D9DC); display: flex; align-items: center; height: 40px; padding: 0 14px; font-size: 14px; font-weight: 600;}
.guest_list .card .btn_wrap .btn-del{color: var(--text-danger, #BC2410);}
.guest_list .card .name_wrap{display: flex; flex-direction: column;;}
.guest_list .card .name_wrap strong{color: var(--text-base, #191919); font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -0.54px;}
.guest_list .card .name_wrap p{margin: 0; color: var(--text-subtler, #666); font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: -0.48px;}
.guest_list .card .setting_wrap{display: flex; gap: 20px;}
.guest_list .card .setting_wrap select{display: flex; height: 48px; padding: 0 16px; border-radius: 9.6px; border: 1px solid var(--border-gray, #D6D6D6); background: var(--surface-base, #FFF); font-size: 16px; font-weight: 400; flex-grow: 1; appearance: none; background: url('/assets/images/icons/chevronBottomThick-gray_fill_dark.svg')no-repeat; background-size: 16px; background-position: right 16px center; background-color: #fff;}
.guest_list .card .setting_wrap select:invalid{color: #999;}
.guest_list .card .attend_select{display: flex; align-items: center; gap: 12px;}
.guest_list .card .attend_select a{padding: 4px 0 ; display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 400; color: var(--text-base, #191919); background-color: transparent; border: none; margin-left: 0; position: relative;}
.guest_list .card .attend_select a:before{content: ''; display: block; width: 20px; height: 20px; border: 1px solid var(--border-gray, #D6D6D6); border-radius: 100%; background-color: #fff;}
.guest_list .card .attend_select a.on:before{border: 1.4px solid var(--border-secondary, #2B58EE);}
.guest_list .card .attend_select a.on:after{content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background: var(--element-secondary, #2B58EE); position: absolute; left: 5px; top: 11px;}


@media(max-width: 1200px){
.guest_list .invitation_list{grid-template-columns:repeat(2, 1fr)}
}

@media(max-width: 838px){
    .guest_list .invitation_list{grid-template-columns:repeat(1, 1fr)}
}


@media(max-width: 812px){
    .guest_list .summary{width: 100%; gap: 8px;}
    .guest_list .summary .box{width: auto; flex: 1 0 0; border-radius: 20px;}
    .guest_list .summary .sum button strong{font-size: 20px;}
    .guest_list .summary .contents button strong{font-weight: 500;}
    .guest_list .invitation_list{display: flex; flex-direction: column;}
}

@media(max-width: 480px){
    .guest_list .summary{display: block;}
    .guest_list .summary .box:not(:last-child){margin: 0 0 8px;}
    .guest_list .search{width: 100%;}
    .guest_list .search input[type="text"]{flex-grow: 1;}
    .guest_list .caution{padding:16px;}
    .guest_list .caution li:before{margin: 8.5px 0;}
    .guest_list .caution p{font-size: 14px; line-height: 20px;}
}

@media(max-width: 375px){
    .guest_list .card .setting_wrap{flex-direction: column;}
    .guest_list .card .attend_select a{flex: 1 0 0;}
}
/********** //2025.09.09 실시간 하객명단 개편 **********/

/********** 2025.09.10 대시보드 **********/
.dashboard {background: #F7F7F7; display: flex; flex-direction: column; gap: 12px; color: var(--text-base, #191919);}
.dashboard *{ margin: 0; padding: 0; list-style: none;}
.dashboard > *{display: flex; flex-direction: column; gap: 12px;}

.dashboard .empty_common{display: flex !important; flex-direction: column !important; align-items: center !important; color: var(--text-disabled, #A3A3A3) !important; font-size: 14px !important; line-height: 24px !important; font-weight: 500 !important; gap: 8px !important; justify-content: center !important; margin: 0 !important; padding: 28px 0 !important; height: auto !important; height: 100% !important;}
.dashboard .empty_common img{height: 100px;}
.dashboard .empty_common:before{display: none !important;}


.dashboard input[type="radio"]{position: absolute; left: -9999px; top: -9999px;}
.dashboard input[type="radio"]+label{height: 40px; border-radius: 20px; border: 1px solid var(--button-gray-border, #D6D6D6); background: var(--button-outine-fill, #FFF); padding: 0 18px; font-size: 14px; font-weight: 500; line-height: 1; display: flex; align-items: center; justify-content: center; letter-spacing: -0.42px;}
.dashboard input[type="radio"]:checked+label{border: 1px solid var(--button-primary-border, #FFC708); background: var(--button-tone-fill, #FEF4CD);font-weight: 600;}

.dashboard section{padding: 16px; display: flex; flex-direction: column; gap: 20px; background-color: #fff;}
.dashboard section .widget_title{display: flex; justify-content: space-between; align-items: flex-start; padding: 4px 8px;}
.dashboard section .widget_title .text{display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
.dashboard section .widget_title .text strong{font-size: 20px; font-weight: 600; line-height: 32px; letter-spacing: -0.6px;}
.dashboard section .widget_title .text p{color: var(--text-subtler, #666); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.42px;}
.dashboard section .widget_title a{height: 32px; padding: 0 4px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--text-subtler, #666); letter-spacing: -0.48px; position: relative;}
.dashboard section .widget_title a:after{content: ''; display: block; width: 100%; height: 1.2px; background: var(--text-subtler, #666); position: absolute; bottom: 2px; left: 4px; width: calc(100% - 8px);}


.dashboard .profile .btn_edit{border: 1px solid var(--button-gray-border, #D5D9DC); border-radius: 6.4px; background: var(--button-outine-fill, #FFF); padding: 0 12px; display: flex; align-items: center; gap: 4px; height: 32px; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: -0.24px; justify-content: center;}
.dashboard .profile .btn_edit:before{content: ''; display: block; width: 14px; height: 14px; background: url('/assets/images/icons/edit.svg')no-repeat; background-size: contain;}
.dashboard .profile .basic_info{ background-color: #fff; display: flex; flex-direction: column; align-items: center;}
.dashboard .profile .img{aspect-ratio: 1/1; overflow: hidden; position: relative; width: 100%;}
.dashboard .profile .img button{position: absolute; right: 12px; top: 12px;}
.dashboard .profile .img img{width: 100%; height: 100%; object-fit: cover;}
.dashboard .profile .text_wrap{padding: 16px; display: flex; flex-direction: column; width: 100%;}
.dashboard .profile .welcome{display: flex; flex-direction: column; padding: 16px 0; text-align: center; letter-spacing: -0.72px; }
.dashboard .profile .welcome h2{ font-size: 24px; line-height: 36px; font-weight: 400; }
.dashboard .profile .welcome h1{font-size: 24px; line-height: 36px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 4px;}
.dashboard .profile .location_wrap{display: flex; flex-direction: column;}
.dashboard .profile .location_wrap dl{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 0;}
.dashboard .profile .location_wrap dt{font-size: 18px; font-weight: 600; line-height: 24px;letter-spacing: -0.54px; display: flex; align-items: center; gap: 8px;}
.dashboard .profile .location_wrap dt .btn_edit{flex-shrink: 0; height: 32px; border-radius: 6.4px; font-size: 12px; font-weight: 600; letter-spacing: -0.24px; padding: 0 12px; display: none;}
.dashboard .profile .location_wrap dt .btn_edit:before{width: 14px; height: 14px;}
.dashboard .profile .location_wrap dd{font-size: 16px; font-weight: 400; line-height: 24px; color: var(--text-subtle, #2E2E2E);letter-spacing: -0.48px;}
.dashboard .profile .location_wrap .btn_edit{height: 40px; border-radius: 8px; padding: 0 14px; font-size: 14px; letter-spacing: -0.28px;}
.dashboard .profile .location_wrap .btn_edit:before{width: 16px; height: 16px; background-size: contain;}
.dashboard .profile .manager{padding: 16px 0 ;display: flex; gap: 12px; align-items: center; justify-content: center;}
.dashboard .profile .manager .contents{display: flex; align-items: center; gap: 8px;}
.dashboard .profile .manager strong{font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: -0.42px;}
.dashboard .profile .manager dl{display: flex; height: 32px; padding: 0 12px; border-radius: 20px; background: var(--surface-secondary-subtler, #F5F8FE); justify-content: center; align-items: center; gap: 4px;}
.dashboard .profile .manager dt{color: var(--text-secondary, #2B58EE); font-size: 13px; font-weight: 700; line-height: 24px; letter-spacing: -0.39px;}
.dashboard .profile .manager dd{color: var(--text-secondary, #2B58EE); font-size: 13px; font-weight: 500; line-height: 24px; letter-spacing: -0.39px;}

.dashboard .d_day{display: flex; flex-direction: column; padding: 4px 16px;}
.dashboard .d_day .box{background: #fff; overflow: hidden; display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 32px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10), 0 0 8px 0 rgba(0, 0, 0, 0.02), 0 0 16px 0 rgba(0, 0, 0, 0.02);}
.dashboard .d_day .day_wrap{padding: 12px 8px; display: flex; align-items: center; justify-content: space-between;}
.dashboard .d_day .day_wrap .day{padding: 0 8px; font-size: 16px; font-weight: 500; line-height: 24px;}
.dashboard .d_day .day_wrap .day strong{color: var(--text-secondary, #2B58EE); font-weight: 600;}
.dashboard .d_day .mark_wrap{border-radius: 20px; height: 200px; position: relative; background: url('/assets/tool/img/dashboard/dday_bg.png')no-repeat; background-size: cover; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.dashboard .d_day .days{display: flex; list-style: none; position: absolute; left: 50%; top: 50%; margin: -60px 0 0 -600px; z-index: 1;}
.dashboard .d_day .days li{width: 240px; padding: 0 20px;}
.dashboard .d_day .days li p{width: 28px; text-align: center; font-family: 'Montserrat'; font-size: 20px; font-weight: 700; line-height: 1; opacity: 0.2;}
.dashboard .d_day .days li:nth-child(3) p{opacity: 1;}
.dashboard .d_day .lines-h {background: repeating-linear-gradient(to bottom, #E6E6E6 0 1px, transparent 1px 166px); position: absolute;left: 0; top: 50%; width: 100%; height: 168px; margin: -84px 0 0 0;}
.dashboard .d_day .lines-v {background: repeating-linear-gradient(to right, #E6E6E6 0 1px, transparent 1px 239px); position: absolute;left: 50%; top: 0; width: 1201px; height: 100%; margin: 0 0 0 -598px;}
.dashboard .d_day .heart{position: absolute; left: 50%; top: 50%; margin: -96px 0 0 -110px;}
.dashboard .d_day .text{display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center;}
.dashboard .d_day .text p{font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.48px;}
.dashboard .d_day .text strong{font-size: 48px; font-weight: 700; line-height: 48px; color: #EF463C; letter-spacing: -1.44px;}

.dashboard .checklist .contents{display: flex; flex-direction: column; align-items: center;}
.dashboard .checklist .period{display: flex; list-style: none; width: 100%; padding: 12px 0 56px;}

.dashboard .checklist .period .date_wrap{flex: 1 0 0; display: flex; align-items: center;}
.dashboard .checklist .period .date_wrap:before, .dashboard .checklist .period .date_wrap:after{content: ''; display: block; width: 0; height: 1px; flex: 1 0 0; background-color: var(--divider-gray-dark, #E0E0E0);}
.dashboard .checklist .period .date_wrap .date{width: 8px; height: 8px; display: flex; flex-direction: column; align-items: center; gap: 10px;}

.dashboard .checklist .period .dot{width: 8px; height: 8px; border-radius: 100%; background-color: var(--element-gray-lighter, #F0F0F0); border: 2px solid var(--element-disabled-light, #CCC); flex-shrink: 0;}
.dashboard .checklist .period strong{color: var(--text-disabled, #A3A3A3); font-size: 14px; font-weight: 500; line-height: 16px;}

.dashboard .checklist .period .date_wrap:nth-child(1) .date, .dashboard .checklist .period .date_wrap:nth-child(5) .date{opacity: 0.5;}
.dashboard .checklist .period .date_wrap:nth-child(2) .date, .dashboard .checklist .period .date_wrap:nth-child(4) .date{opacity: 0.8;}
.dashboard .checklist .period .date_wrap:nth-child(2):before, .dashboard .checklist .period .date_wrap:nth-child(4):after, .dashboard .checklist .period .date_wrap:nth-child(1):after, .dashboard .checklist .period .date_wrap:nth-child(5):before{opacity: 0.6;}
.dashboard .checklist .period .date_wrap:nth-child(1):before, .dashboard .checklist .period .date_wrap:nth-child(5):after{opacity: 0.3;}

.dashboard .checklist .period .date_wrap:nth-child(3) .date{width: 12px; height: 12px; gap: 8px;}
.dashboard .checklist .period .date_wrap:nth-child(3) .dot{width: 12px; height: 12px; background: var(--surface-secondary-subtle, #E3E9FC); border: 4px solid var(--surface-secondary, #2B58EE);;}
.dashboard .checklist .period .date_wrap:nth-child(3) strong{color: var(--text-secondary, #2B58EE);  font-weight: 700;}
.dashboard .checklist .checklist_wrap{border-top: 1px solid var(--divider-gray, #F0F0F0); display: flex; flex-direction: column; gap: 4px; padding-top: 16px; width: 100%;}
.dashboard .checklist .checklist_wrap svg{display: none;}
.dashboard .checklist .checklist{display: flex; flex-direction: column; gap: 16px;}

.dashboard .ctg{display: flex; gap: 8px; flex-wrap: wrap;}
.dashboard .checklist .list{display: flex; flex-direction: column; gap: 8px;; background: var(--background-base, #FFF);}
.dashboard .checklist .list li{display: flex; padding: 12px; gap: 4px; border-radius: 12px; background: var(--surface-base-subtler, #F7F7F7); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.42px;}
.dashboard .checklist .list li:before{content: ''; display: block; width: 20px; height: 20px; background: url('/assets/images/icons/check.svg')no-repeat; background-size: 14px; flex-shrink: 0; background-position: center;}


.dashboard .diary .contents{display: flex; flex-direction: column; gap: 20px;}
.dashboard .diary .summary{display: flex; padding: 20px 0; border-radius: 20px; background: var(--surface-base-subtler, #F7F7F7); align-items: center; gap: 12px; align-self: stretch;}
.dashboard .diary .summary li{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; flex: 1 0 0;}
.dashboard .diary .summary li p{color: var(--text-subtle, #2E2E2E); font-size: 16px; font-weight: 400; line-height: 24px;letter-spacing: -0.48px;}
.dashboard .diary .summary li strong{font-size: 24px; font-weight: 600; line-height: 24px;}
.dashboard .diary .schedule{display: flex; flex-direction: column; gap: 20px;}
.dashboard .diary .schedule .date{display: flex; gap: 12px; padding: 0 4px;}
.dashboard .diary .schedule .date li{flex: 1 0 0;}
.dashboard .diary .schedule .list_wrap{border-top: 1px solid var(--divider-gray, #F0F0F0); display: flex; flex-direction: column; padding: 24px 0 16px;}
.dashboard .diary .schedule .list{display: flex; gap: 12px;}
.dashboard .diary .schedule .list .line_wrap{display: flex; flex-direction: column; align-items: center; width: 12px; flex-shrink: 0;}
.dashboard .diary .schedule .list .line_wrap:before{content: ''; display: block; width: 1px; height: 10px; background: #D9D9D9;}
.dashboard .diary .schedule .list .line_wrap:after{content: ''; display: block; width: 1px; height: 10px; background: #D9D9D9; flex-grow: 1;}
.dashboard .diary .schedule .list .line_wrap .dot{width: 8px; height: 8px; border-radius: 100%; background-color: var(--element-gray-lighter, #F0F0F0); border: 2px solid var(--element-disabled-light, #CCC); flex-shrink: 0;}
.dashboard .diary .schedule .list .detail{display: flex; gap: 4px; flex-wrap: wrap; padding-bottom: 20px; flex-grow: 1; width: 0;}
.dashboard .diary .schedule .list .detail .time{color: var(--text-disabled, #A3A3A3); font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: -0.48px; width: 44px;}
.dashboard .diary .schedule .list .detail .title{color: var(--text-disabled, #A3A3A3); font-size: 16px; font-weight: 400; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-basis: 100%; letter-spacing: -0.48px;}
.dashboard .diary .schedule .list .detail .state{height: 28px; padding: 0 8px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: -0.39px;}
.dashboard .diary .schedule .list .detail .state.complete{background: rgba(2, 202, 83, 0.07); color: #08A145;}
.dashboard .diary .schedule .list .detail .state.progress{background: rgba(243, 113, 29, 0.08); color: #F3711D;}
.dashboard .diary .schedule .list .detail .state.hold{background: var(--surface-base-subtler, #F7F7F7); color: var(--text-subtler, #666);}
.dashboard .diary .schedule .list:first-child .line_wrap:before{background-color: transparent;}
.dashboard .diary .schedule .list:last-of-type .line_wrap:after{background-color: transparent;}
.dashboard .diary .schedule .list:last-of-type .detail{padding: 0;}
.dashboard .diary .schedule .list.on .line_wrap .dot{width: 12px; height: 12px; background: var(--surface-secondary-subtle, #E3E9FC); border: 4px solid var(--surface-secondary, #2B58EE);}
.dashboard .diary .schedule .list.on .line_wrap:before{height: 8px}
.dashboard .diary .schedule .list.on .detail .time, .dashboard .diary .schedule .list.on .detail .title{color: var(--text-base, #191919); font-weight: 700;}

.dashboard .budget .contents{display: flex; flex-direction: column; gap: 12px;}
.dashboard .budget .total{display: flex; padding: 20px; border-radius: 20px; background: var(--surface-secondary-subtler, #F5F8FE); justify-content: space-between; align-items: center; align-self: stretch;}
.dashboard .budget .total dt{color: var(--text-subtle, #2E2E2E); font-size: 16px; font-weight: 500 ;line-height: 24px; letter-spacing: -0.48px;}
.dashboard .budget .total dd{display: flex; align-items: flex-end;}
.dashboard .budget .total dd strong{font-size: 20px; font-weight: 600; line-height: 28px;}
.dashboard .budget .total dd .unit{font-size: 18px; font-weight: 500; line-height: 28px;}
.dashboard .budget .budget_position{display: flex; padding: 20px; border-radius: 20px; border: 1px solid var(--border-gray-light, #E0E0E0); background: var(--surface-base, #FFF); flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch;}
.dashboard .budget .budget_position .ment{color: var(--text-subtle, #2E2E2E); font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.48px;}
.dashboard .budget .budget_position .position_wrap{display: flex; flex-direction: column; align-self: stretch;}
.dashboard .budget .budget_position .bar_wrap{padding: 20px 4px 0; display: flex; flex-direction: column;}
.dashboard .budget .budget_position .bar_wrap .bar{display: flex; height: 16px; border-radius: 4px; background: var(--surface-secondary-subtle, #E3E9FC); justify-content: flex-end; align-items: flex-end; align-self: stretch; position: relative;}
.dashboard .budget .budget_position .bar_wrap .position{display: flex; flex-direction: column; align-items: center; gap: 2px; width: 8px; position: absolute; margin: 0 -8px 0 0;}
.dashboard .budget .budget_position .bar_wrap .position p{font-size: 13px; font-weight: 700; line-height: 18px; color: var(--text-secondary, #2B58EE); white-space: nowrap; letter-spacing: -0.39px;}
.dashboard .budget .budget_position .bar_wrap .position .box{width: 8px; height: 16px; border-radius: 3px; background: var(--surface-secondary, #2B58EE);}
.dashboard .budget .budget_position .label{display: flex; align-items: center; justify-content: space-between; color: var(--text-subtler, #666); font-size: 13px; font-weight: 400; line-height: 24px;}

.dashboard .chart{display: flex; flex-direction: column; align-items: center; padding: 12px 0; gap: 8px;}
.dashboard .chart .graph{width: 200px; height: 200px;}
.dashboard .chart .graph_label{padding: 0 8px; display: flex; flex-direction: column; gap: 12px; align-self: stretch;}
.dashboard .chart .graph_label dl{display: flex; align-items: center; justify-content: space-between;}
.dashboard .chart .graph_label dt{display: flex; align-items: center; gap: 4px; color: var(--text-subtle, #2E2E2E); font-size: 14px; font-weight: 400 ;line-height: 24px; letter-spacing: -0.42px;}
.dashboard .chart .graph_label dt:before{content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background-color: var(--element-gray, #A3A3A3); border: 2px solid var(--element-gray-lighter, #F0F0F0);;}
.dashboard .chart .graph_label dd{display: flex; align-items: flex-end;}
.dashboard .chart .graph_label dd strong{font-size: 18px; font-weight: 600; line-height: 24px;;}
.dashboard .chart .graph_label dd .unit{font-size: 16px; font-weight: 500 ;line-height: 23px;}
.dashboard .chart .graph_label .use dt, .dashboard .chart .graph_label .use dd strong, .dashboard .chart .graph_label .use dd .unit{color: var(--text-secondary, #2B58EE);}
.dashboard .chart .graph_label .use dt:before{background-color: var(--element-secondary, #2B58EE); border: 2px solid var(--secondary-10, #E3E9FC);;}

.dashboard .invite .contents{display: flex; flex-direction: column; gap: 20px;}
.dashboard .invite .invitation_info{display: flex; flex-direction: column; gap: 20px;}
.dashboard .invite .summary{display: flex; gap: 8px;}
.dashboard .invite .summary li{flex: 1 0 0; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; border-radius: 16px; padding: 20px; background: var(--surface-base-subtler, #F7F7F7);}
.dashboard .invite .summary li p{font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.42px;}
.dashboard .invite .summary li strong{color: var(--text-subtle, #2E2E2E); font-size: 24px; font-weight: 700; line-height: 24px;}
.dashboard .invite .summary li.attend{background: var(--surface-success-subtler, #F7FDFA);}
.dashboard .invite .summary li.attend strong{color: var(--element-success, #218249);}
.dashboard .invite .summary li.not_attend{background: var(--surface-danger-subtler, #FEF6F6);}
.dashboard .invite .summary li.not_attend strong{color: var(--element-danger, #D82A13);}
.dashboard .invite .invitation_detail{display: flex; flex-direction: column; gap: 20px;}
.dashboard .invite .theme{border-radius: 20px; border: 1px solid var(--border-gray-light, #E0E0E0); overflow: hidden; aspect-ratio: 32/55;}
.dashboard .invite .theme img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
.dashboard .invite .order_wrap{display: flex; padding: 8px; border-radius: 20px; background: var(--surface-base-subtler, #F7F7F7); flex-direction: column; gap: 8px;}
.dashboard .invite .order_wrap .order_title{display: flex; padding: 12px; align-items: center; justify-content: space-between;}
.dashboard .invite .order_wrap .order_title h6{font-size: 16px; font-weight: 600; line-height: 24px;color: var(--text-subtle, #2E2E2E); letter-spacing: -0.48px;}
.dashboard .invite .order_title .information{color: var(--text-subtler, #666); font-size: 14px; font-weight: 400 ;line-height: 20px; letter-spacing: -0.42px;}
.dashboard .invite .order_title .information strong{color: var(--text-secondary, #2B58EE); font-size: 16px; font-weight: 700; line-height: 20px;}
.dashboard .invite .order_wrap .list_wrap{display: flex; padding: 4px 8px; border-radius: 14px; background: #FFF; flex-direction: column;}
.dashboard .invite .order_wrap .list_wrap li{display: flex; padding: 16px 4px; align-items: center;}
.dashboard .invite .order_wrap .list_wrap li .chip{display: flex; width: 52px;}
.dashboard .invite .order_wrap .list_wrap li .whether{display: flex; height: 24px; padding: 0 8px; border-radius: 20px; background: var(--surface-base-subtler, #F7F7F7); align-items: center; color: var(--text-disabled, #A3A3A3); font-size: 12px; font-weight: 700 ;line-height: 1; flex-shrink: 0; letter-spacing: -0.36px;}
.dashboard .invite .order_wrap .list_wrap li:not(:last-child){border-bottom: 1px solid var(--divider-gray, #F0F0F0);}
.dashboard .invite .order_wrap .list_wrap li .text{flex-grow: 1; text-align: center; color: var(--text-disabled, #A3A3A3); font-size: 14px; font-weight: 500 ;line-height: 20px; letter-spacing: -0.42px;;}
.dashboard .invite .order_wrap .list_wrap li.use .whether{background: var(--surface-secondary, #2B58EE); color: var(--text-inverse-fixed, #F7F7F7); font-weight: 800;}
.dashboard .invite .order_wrap .list_wrap li.use .text{color: var(--text-secondary, #2B58EE); font-weight: 600;}
.dashboard .invite .guestbook{display: flex; flex-direction: column; gap: 8px;}
.dashboard .invite .guestbook strong{padding: 4px; color: var(--text-subtle, #2E2E2E); font-size: 16px; font-weight: 600; line-height: 24px;}
.dashboard .invite .guestbook ul{display: flex; flex-direction: column; gap: 12px; padding: 0 0 0 12px;}
.dashboard .invite .guestbook ul li:not(.empty_common){display: flex; position: relative; padding: 16px; border-radius: 18px; background: var(--surface-base-subtler, #F7F7F7); flex-direction: column; gap: 12px;}
.dashboard .invite .guestbook ul li:not(.empty_common):before{content: ''; display: block; width: 14px; height: 16px; background: url('/assets/tool/img/dashboard/bubble_tail.svg')no-repeat; position: absolute; left: -12px; top: 14px;}
.dashboard .invite .guestbook ul li .title{display: flex; align-items: center; justify-content: space-between;}
.dashboard .invite .guestbook ul li .name{font-size: 14px; font-weight: 600; line-height: 24px; display: flex; gap: 4px; padding: 0;}
.dashboard .invite .guestbook ul li .name:before{content: ''; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 20px; border: 1px solid var(--border-disabled, #E0E0E0); background: #FFF; font-size: 12px; line-height: 1;}
.dashboard .invite .guestbook ul li:nth-child(1) .name:before{content: '🎉';}
.dashboard .invite .guestbook ul li:nth-child(2) .name:before{content: '🎀';}
.dashboard .invite .guestbook ul li:nth-child(3) .name:before{content: '🌸';}
.dashboard .invite .guestbook ul li:nth-child(4) .name:before{content: '👏🏻';}
.dashboard .invite .guestbook ul li:nth-child(5) .name:before{content: '🥳';}
.dashboard .invite .guestbook ul li .date{color: var(--text-subtler, #666); font-size: 13px; font-weight: 400; line-height: 18px;}
.dashboard .invite .guestbook ul li .detail{font-size: 14px; font-weight: 400; line-height: 20px; text-align: left;letter-spacing: -0.42px;}

.dashboard .ceremony .order_wrap{display: flex; padding: 8px; border-radius: 20px; background: var(--surface-base-subtler, #F7F7F7); flex-direction: column; gap: 8px;}
.dashboard .ceremony .order_wrap .order_title{display: flex; padding: 12px; align-items: center; justify-content: space-between;}
.dashboard .ceremony .order_wrap .order_title h6{font-size: 16px; font-weight: 600; line-height: 24px;color: var(--text-subtle, #2E2E2E); letter-spacing: -0.48px;}
.dashboard .ceremony .order_title .information{color: var(--text-subtler, #666); font-size: 14px; font-weight: 400 ;line-height: 20px; letter-spacing: -0.42px;}
.dashboard .ceremony .order_title .information strong{color: var(--text-secondary, #2B58EE); font-size: 16px; font-weight: 700; line-height: 20px;}
.dashboard .ceremony .list_wrap{display: flex; padding: 4px 8px; border-radius: 14px; background: #FFF; flex-direction: column; counter-reset: myIndex;}
.dashboard .ceremony .list_wrap li{display: flex; padding: 20px 4px; flex-direction: column; gap: 8px;counter-increment: myIndex;}
.dashboard .ceremony .list_wrap li:not(:last-child){border-bottom: 1px solid var(--divider-gray, #F0F0F0);}
.dashboard .ceremony .list_wrap li .title_wrap{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.dashboard .ceremony .list_wrap li .title_wrap strong{flex-grow: 1; width: 0; display: flex; align-items: center; gap: 8px;}
.dashboard .ceremony .list_wrap li .title_wrap .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.48px;}
.dashboard .ceremony .list_wrap li .title_wrap strong:before{content: counter(myIndex) "."; width: 24px; text-align: center; flex-shrink: 0; font-size: 16px; font-weight: 700; line-height: 24px; color: var(--text-secondary, #2B58EE);}
.dashboard .ceremony .list_wrap li .icon{padding: 0 4px; display: flex; gap: 4px; flex-shrink: 0;}
.dashboard .ceremony .list_wrap li .icon i{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 20px; border: 1px solid var(--border-gray-light, #E0E0E0); background: var(--surface-base, #FFF);}
.dashboard .ceremony .list_wrap li .icon i img{width: 14px;}
.dashboard .ceremony .list_wrap li .detail{display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden; color: var(--text-subtler, #666); font-size: 14px; font-weight: 400 ;line-height: 20px; letter-spacing: -0.42px;}

@media(min-width:360px){
    .dashboard .d_day .text p{font-size: 20px; line-height: 28px; letter-spacing: -0.6px;}
    .dashboard .d_day .text strong{font-size: 52px; line-height: 52px; letter-spacing: -1.56px;}

    .dashboard .d_day .lines-v{background: repeating-linear-gradient(to right, #E6E6E6 0 1px, transparent 1px 269px); width: 1351px;     margin: 0 0 0 -675px;}
    .dashboard .d_day .days{margin: -60px 0 0 -675px;}
    .dashboard .d_day .days li{width: 270px;}
    .dashboard .d_day .heart{margin: -96px 0 0 -126px;}

    .dashboard .diary .schedule .list .detail .time{order: 1;}
    .dashboard .diary .schedule .list .detail .title{order: 2; flex-basis: auto; max-width: calc(100% - 48px);}
    .dashboard .diary .schedule .list .detail .state{order: 3;}


    .dashboard .checklist .period strong{font-size: 16px; letter-spacing: -0.48px;}
    .dashboard .invite .order_wrap .order_title h6{font-size: 18px; letter-spacing: -0.54px;}
    .dashboard .invite .order_wrap .list_wrap li .whether{height: 28px;}
    .dashboard .invite .order_wrap .list_wrap li .text{font-size: 16px; line-height: 24px; letter-spacing: -0.48px;}

    .dashboard .invite .guestbook ul li{border-radius: 20px; padding: 20px;}
    .dashboard .invite .guestbook ul li .name{font-size: 16px; line-height: 24px;}
    .dashboard .invite .guestbook ul li .name:before{width: 28px; height: 28px; font-size: 14px;}
    .dashboard .invite .guestbook ul li .date{font-size: 14px; line-height: 24px;}
    .dashboard .invite .guestbook ul li .detail{font-size: 16px; line-height: 24px; letter-spacing: -0.48px;}
}

@media(min-width:400px){
    .dashboard{padding: 20px; gap: 16px;}
    .dashboard > *{gap: 16px;}
    .dashboard section{border-radius: 20px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10), 0 0 8px 0 rgba(0, 0, 0, 0.02), 0 0 16px 0 rgba(0, 0, 0, 0.02);}
    .dashboard .profile .basic_info{background-color: transparent;}
    .dashboard .profile .img{border-radius: 20px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10), 0 0 8px 0 rgba(0, 0, 0, 0.02), 0 0 16px 0 rgba(0, 0, 0, 0.02);}
    .dashboard .profile .text_wrap{padding: 0;}
    .dashboard .profile .welcome{padding: 32px 0 24px;}
    .dashboard .profile .location_wrap{border-radius: 20px; background: var(--background-base, #FFF); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10), 0 0 8px 0 rgba(0, 0, 0, 0.02), 0 0 16px 0 rgba(0, 0, 0, 0.02); padding: 16px; gap: 12px;}
    .dashboard .profile .location_wrap dl{padding: 8px 0;}


    .dashboard .profile .manager{padding: 16px 0 24px;}
    .dashboard .profile .manager strong{font-size: 16px}
    .dashboard .profile .manager dl{border: 2px solid #FFF; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10), 0 0 8px 0 rgba(0, 0, 0, 0.02), 0 0 16px 0 rgba(0, 0, 0, 0.02); height: 36px;}
    .dashboard .profile .manager dt{font-size: 14px}
    .dashboard .profile .manager dd{font-size: 14px}

    .dashboard .d_day{padding: 0;}
    .dashboard .d_day .box{border-radius: 20px}

    .dashboard .checklist .list li{font-size: 16px; line-height: 24px; letter-spacing: -0.48px;}
    .dashboard .checklist .list li:before{width: 24px; height: 24px; background-size: 16px;}

    .dashboard .invite .summary li p{font-size: 16px; line-height: 24px; letter-spacing: -0.48px;}
    .dashboard .invite .summary li strong{font-size: 28px; line-height: 28px; letter-spacing: -0.84px;}
}

@media(min-width:480px){
    .dashboard section, .dashboard .d_day .box{border-radius: 32px}

    .dashboard .profile .img{max-width: 360px; width: 100%;;}
    .dashboard .profile .text_wrap{padding: 16px 0;}
    .dashboard .profile .welcome{padding: 20px 0;}
    .dashboard .profile .welcome h2, .dashboard .profile .welcome h1{font-size: 28px; line-height: 40px;}
    .dashboard .profile .location_wrap{background: transparent; box-shadow: none; padding: 0;}
    .dashboard .profile .location_wrap .btn_edit{display: none;}
    .dashboard .profile .location_wrap dt .btn_edit{display: flex;}
    .dashboard .profile .manager{padding: 20px 0 0 0;}
    .dashboard .d_day .day_wrap{padding: 20px 8px; justify-content: center; gap: 8px;}
    .dashboard .d_day .day_wrap .day{padding: 0; font-size: 22px; line-height: 28px; letter-spacing: -0.66px;}

    .dashboard .chart{padding: 16px 0; flex-direction: row;;}
    .dashboard .chart .graph_label{flex: 1 0 0; justify-content: center; align-items: center;}
    .dashboard .chart .graph_label dl{max-width: 240px; width: 100%; align-items: center;;}

    .dashboard .ceremony .list_wrap li .title_wrap{justify-content: flex-start; gap: 4px;}
    .dashboard .ceremony .list_wrap li .title_wrap strong{flex-grow: 0; width: auto; gap: 4px;}

    .dashboard .invite .theme{max-width: 360px; width: 100%; align-self: center;}
}

@media(min-width: 600px){
    .dashboard .chart{gap: 40px; max-width: 480px; width: 100%; align-self: center;}
    .dashboard .chart .graph_label{flex: auto;}
}

@media(min-width: 720px){
    .dashboard .checklist .checklist_wrap{border: none; position: relative;}
    .dashboard .checklist .checklist_wrap svg{display: block; position: absolute; left: 50%; top: 0; margin: 0 0 0 -16px;}
    .dashboard .ctg{padding: 8px; }
    .dashboard .ctg input[type="radio"]+label{height: 36px; padding: 0 14px; font-size: 13px; letter-spacing: -0.39px;}
    .dashboard .checklist .checklist{padding: 8px; gap: 8px; background: var(--surface-base-subtler, #F7F7F7); border-radius: 20px;}
    .dashboard .checklist .list{padding: 4px 16px; border-radius: 14px; gap: 0;}
    .dashboard .checklist .list li{background-color: transparent; padding: 0 4px; height: 48px; align-items: center; font-size: 14px; line-height: 20px; letter-spacing: -0.42px; border-radius: 0;}
    .dashboard .checklist .list li p{flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .dashboard .checklist .list li:before{width: 14px; height: 14px; background-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .dashboard .checklist .list li:not(:last-child){border-bottom: 1px solid var(--divider-gray-dark, #E0E0E0);}
}

@media(min-width: 849px){
    .dashboard .profile .basic_info{flex-direction: row; gap: 20px;}
    .dashboard .profile .text_wrap{align-self: stretch; padding: 20px 0; position: relative;}
    .dashboard .profile .welcome{padding: 0; flex-grow: 1;justify-content: center; text-align: left;}
    .dashboard .profile .welcome h1{justify-content: flex-start;}
    .dashboard .profile .location_wrap dl{align-items: flex-start;}
    .dashboard .profile .location_wrap dd{text-align: left;}

    .dashboard .profile .manager{position: absolute; right: 0; top: 0; padding: 0;}
    .dashboard .profile .manager strong{display: none;}
    .dashboard .profile .manager .contents{flex-direction: column;}

    .dashboard .invite .invitation_info{gap: 16px;}
    .dashboard .invite .invitation_detail{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
    .dashboard .invite .theme{width: 100%; max-width: none;}
    .dashboard .invite .order_wrap .list_wrap{flex-grow: 1;}
    .dashboard .invite .order_wrap .list_wrap li{flex: 1 0 0; padding: 0 4px;}
    .dashboard .invite .guestbook{padding: 8px 0 0 0;}
}

@media(min-width: 960px){
    .dashboard .planning{display: grid; grid-template-columns: repeat(2, 1fr);}

    .dashboard .checklist{grid-column: 1/3;}

    .checklist_wrap .checklist .list.js-list{max-height: 256px; overflow-y: auto;}
    .dashboard .diary .schedule .list_wrap{height: 232px; overflow-y: auto;}

    .dashboard .chart .graph{width: 160px; height: 160px;}
    .dashboard .chart{gap: 8px; padding: 8px 0 ;}

    .dashboard .invite .guestbook ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 24px;}
}

@media(min-width: 1200px){
    .dashboard > * {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px ;}
    .dashboard .profile .basic_info{grid-column: 1/3;}
    .dashboard .profile .img{width: 320px; height: 320px; flex-shrink: 0;}

    .dashboard .profile .manager{padding: 8px 0;}

    .dashboard .d_day .box{height: 100%}
    .dashboard .d_day .mark_wrap{flex-grow: 1;}

    .dashboard .planning{grid-template-columns: repeat(3, 1fr); min-height: 494px; max-height: 604px;}
    .dashboard .checklist{grid-column: 1/2;}
    .dashboard .checklist .contents{flex-grow: 1;}
    .dashboard .checklist .period{padding: 12px 0 44px;}
    .dashboard .checklist .checklist_wrap{flex-grow: 1;}
    .dashboard .checklist .checklist{flex-grow: 1;}
    .dashboard .checklist .list{flex-grow: 1; gap: 0;}
    .dashboard .checklist .list li{height: auto; padding: 12px 4px; align-items: flex-start;}
    .dashboard .checklist .list li p{display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 0; text-overflow: unset; white-space: break-spaces;}
    .dashboard .checklist .list li:before{width: 20px; height: 20px; display: inline-block; vertical-align: top;}
    .dashboard .checklist .list li:not(:last-child) {border-top: 1px solid var(--divider-gray-dark, #E0E0E0); border-bottom: none;}
    .dashboard .checklist .list li:last-child {border-top: 1px solid var(--divider-gray-dark, #E0E0E0);}
    .dashboard .checklist .list li:first-child {border-top: none}

    .dashboard .diary .contents{flex-grow: 1;}
    .dashboard .diary .schedule{flex-grow: 1;}
    .dashboard .diary .schedule .list_wrap{height: auto; flex-grow: 1; height: 0;}

    .dashboard .budget .contents{flex-grow: 1;}
    .dashboard .chart{flex-grow: 1; gap: 20px;}
    .dashboard .chart .graph_label{gap: 20px;}
    .dashboard .chart .graph_label dl{flex-direction: column; align-items: flex-start;}

    .dashboard .invite{grid-column: 1/3;}
    .dashboard .invite .summary li{flex-direction: row; justify-content: space-between; padding: 20px 32px;}
    .dashboard .invite .summary li p{font-size: 18px; line-height: 24px;}
    .dashboard .invite .summary li strong{font-weight: 600;}

    .dashboard .invite .guestbook .empty_common{margin-bottom: 48px !important;}
    .dashboard .invite .guestbook ul{display: flex; flex-direction: column;}

    .dashboard .ceremony .order_wrap{flex-grow: 1;}
    .dashboard .ceremony .list_wrap{flex-grow: 1;}
}

@media(min-width: 1400px){

    .dashboard .profile .manager strong{display: block;}
    .dashboard .profile .manager .contents{flex-direction: row;}
}

@media(min-width: 1600px){
    .dashboard > *, .dashboard .planning{grid-template-columns: repeat(4, 1fr);}
    .dashboard .profile .basic_info{grid-column: 1/4;}
    .dashboard .checklist{grid-column: 1/3;}
    .dashboard .invite{grid-column: 1/4;}
    .dashboard .invite .contents{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; flex-grow: 1;}
    .dashboard .invite .invitation_info{grid-column: 1/3;}

    .dashboard .invite .guestbook{padding: 0;}
    .dashboard .invite .guestbook ul{overflow-y: auto; height: 0; flex-grow: 1;}
    .dashboard .invite .guestbook > .empty_common{height: auto !important; padding: 350px 0 28px !important;}
}

@media(min-width: 1920px){
    .dashboard{padding: 40px; max-width: 1800px; margin: 0 auto;}
    .dashboard, .dashboard > *, .dashboard .planning, .dashboard .invite .invitation_detail{gap: 20px;}
    .dashboard .invite .summary{gap: 16px;}
    .dashboard .invite .contents{gap: 40px;}
}
/********** 2025.09.10 대시보드 **********/
.invitation-group.flex-nowrap { flex-wrap: nowrap; }

.group-order .btn{
  padding:0; border:0; background:transparent;
  width:16px; height:16px; display:flex; align-items:center; justify-content:center;
}
.group-order .move-up{margin-right:10px;}
.group-order .btn + .btn{ margin-left:4px !important; }
.group-order .move-down img{ transform: rotate(180deg); }

.invitation-group > .col{ min-width:0; flex:1 1 auto; display:flex; align-items:center; }
.invitation-group > .col input.form-control{ min-width:0; width:100%; }

.chip,
.pill,
.style-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}

/* 안 보이게만 하지 말고 접근성 유지 */
.chip input,
.pill input,
.style-item input {
  position: absolute;
  opacity: 0;
  width: 0; height: 0;
  pointer-events: none;
}

/* 기본 칩 모양 */
.chip span,
.pill span,
.style-item span {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #ddd;
  border-radius: 999px;
  transition: all .15s ease;
  background: #fff;
  color: #111;
}

/*  체크되면 즉시 하이라이트 (JS 불필요) */
.chip input:checked + span,
.pill input:checked + span,
.style-item input:checked + span {
  border-color: #4F46E5;
  background: #EEF2FF;
  color: #4F46E5;
  box-shadow: 0 0 0 2px rgba(79,70,229,.15);
  font-weight: 600;
}

/* 포커스 접근성 */
.chip input:focus-visible + span,
.pill input:focus-visible + span,
.style-item input:focus-visible + span {
  outline: 2px solid #4F46E5;
  outline-offset: 2px;
}

/* (선택) JS가 .active를 붙이는 경우도 동일 룩으로 */
.pill.active span {
  border-color: #4F46E5;
  background: #EEF2FF;
  color: #4F46E5;
  box-shadow: 0 0 0 2px rgba(79,70,229,.15);
  font-weight: 600;
}

/* 그리드/배치는 기존 코드 유지해도 OK */
.style-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
@media (min-width:576px){ .style-grid{ grid-template-columns:repeat(3,1fr);} }
@media (min-width:992px){ .style-grid{ grid-template-columns:repeat(3,1fr);} }

#aiCeremonyModal .chip span{
  border:1px solid #ddd; background:#fff; color:#111;
  box-shadow:none; font-weight:400;
}

/* 오직 체크된 것만 강조 */
#aiCeremonyModal .chip input:checked + span{
  border-color:#4F46E5; background:#EEF2FF; color:#4F46E5;
  box-shadow:0 0 0 2px rgba(79,70,229,.15); font-weight:600;
}

/* 혹시 남아있는 .active 스타일 무력화 */
#aiCeremonyModal .chip.active span{
  border-color:#ddd !important; background:#fff !important; color:#111 !important;
  box-shadow:none !important; font-weight:400 !important;
}

.sampleChoiceOpt{
  display: flex;
  gap:10px;
}

.ai-loader{
  position:fixed; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(17,20,26,.55);
  backdrop-filter:saturate(1.1) blur(3px);
  z-index: 2050; /* Bootstrap 모달(1050)보다 크게 */
}
.ai-loader[hidden]{ display:none; }
.ai-loader__panel{
  display:flex; flex-direction:column; align-items:center; gap:5px; border-radius:16px;
  background:#ffffff; border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  padding: 12px 16px 8px;
  min-width: 280px;
}

.ai-loader__panel > dotlottie-player {
  width: 120px!important;
  height: 120px!important;
}

.ai-loader__label{
  margin: 10px; color: var(--gray-dark); font-weight:500; font-size:14px; letter-spacing:.2px;
  text-align: center;
}

.ai-loader__label { margin-top:8px; line-height:1.5; }
.ai-loader__hint  { display:inline-block; margin-top:4px; opacity:.8; font-size:.95em; }
.ai-loader__step  {
  margin-top:12px;
  font-weight:400;
  margin-bottom: 8px;
  color: var(--dark);
  font-size: 12px;
}

.ai-progress      { width:100%; height:10px; background:rgba(0,0,0,.08);
  border-radius:9999px; overflow:hidden; margin-bottom:16px; }
.ai-progress__bar {
  width:0%;
  height:100%;
  background: linear-gradient(45deg, #DC75F0FF, var(--purple));
  transition:width .2s ease;
  border-radius: 5px;
}

/*!* 순수 CSS 스피너 *!*/
/*.ai-spinner{*/
/*  width:56px; height:56px; border-radius:50%;*/
/*  border:4px solid rgba(255,255,255,.25);*/
/*  border-top-color:#fff; animation: ai-spin .9s linear infinite;*/
/*}*/
/*@keyframes ai-spin{ to { transform: rotate(360deg); } }*/

/*.ai-btn{ display:inline-flex; align-items:center; gap:6px; padding:.45rem .8rem; line-height:1.2 }*/
/*.ai-btn .ai-sparkle{*/
/*  width:25px; height:25px;*/
/*  display:inline-block;*/
/*  pointer-events:none;*/
/*}*/
/*.ai_btn_text{*/
/*  font-size: 0.875rem;*/
/*  padding-right:10px;*/
/*}*/


/* 공통 버튼 베이스 */
.ai-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:38px;
  padding:0 18px;
  border:0;
  border-radius:10px;
  background:transparent;
  cursor:pointer;
  font-weight:700;
  letter-spacing:.1px;
  color:var(--ai-text);
  isolation:isolate;
  transition:transform .18s ease, filter .18s ease;
}

/* 배경 레이어(기본 다크 스타일용) */
.ai-btn__bg{
  position:absolute; inset:0; z-index:-1;
  border-radius:inherit;
  background:
          linear-gradient(#0000,#0000) padding-box,
          linear-gradient(120deg,var(--ai-grad1),var(--ai-grad2),var(--ai-grad3)) border-box;
  border:1.5px solid transparent;
  box-shadow:
          inset 0 0 0 1px rgba(255,255,255,.03),
          0 6px 18px rgba(12,207,181,.12);
  background-color:var(--ai-bg);
}

/* 하이라이트(기본 다크 스타일용) */
.ai-btn__shine{
  position:absolute; inset:1px; border-radius:inherit; z-index:-1;
  background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,0) 50%, rgba(255,255,255,.06));
  mix-blend-mode:overlay;
  filter:blur(.2px);
  animation:shine-move 2.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes shine-move{
  0%,100%{ transform:translateX(-8%); opacity:.75; }
  50%    { transform:translateX(8%);  opacity:1;   }
}

/* 외부 글로우(기본 다크 스타일용) */
.ai-btn__glow{
  position:absolute; inset:-2px; z-index:-2; border-radius:inherit;
  background: radial-gradient(100% 60% at 50% 50%, rgba(13,207,181,.35), rgba(115,204,36,.15), transparent 70%);
  filter:blur(10px);
  opacity:.55; transition:opacity .2s ease, filter .2s ease;
}

/* 콘텐츠 */
.ai-btn__content{ display:inline-flex; align-items:center; gap:1px; transform:translateZ(0); }
.ai-btn__icon{ opacity:.95; }
.ai-btn__label{ font-size:15px; white-space:nowrap; }

/* 인터랙션 */
.ai-btn:hover{ transform:translateY(-1px); filter:brightness(1.02); }
.ai-btn:hover .ai-btn__glow{ opacity:.85; filter:blur(12px); }
.ai-btn:active{ transform:translateY(0); }

/* 로딩 도트 */
.ai-btn.is-loading .ai-btn__label{ opacity:0; transform:translateY(-4px); transition:.15s ease; }
.ai-btn.is-loading .ai-btn__icon{ opacity:0; transform:scale(.9); transition:.15s ease; }
.ai-btn__loader{
  position:absolute; display:flex; gap:6px; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transform:translateY(6px); transition:.15s ease;
}
.ai-btn__loader i{
  width:6px; height:6px; border-radius:50%;
  background:linear-gradient(120deg,var(--ai-grad1),var(--ai-grad2));
  animation:dot 1.05s ease-in-out infinite;
}
.ai-btn__loader i:nth-child(2){ animation-delay:.15s; }
.ai-btn__loader i:nth-child(3){ animation-delay:.3s; }
@keyframes dot{
  0%,100%{ transform:translateY(0) scale(.9); opacity:.75; }
  50%    { transform:translateY(-4px) scale(1); opacity:1; }
}
.ai-btn.is-loading .ai-btn__loader{ opacity:1; transform:translateY(0); }

/* 접근성 포커스 */
.ai-btn:focus-visible{
  outline:2px solid rgba(13,207,181,.7);
  outline-offset:2px;
  box-shadow:0 0 0 3px rgba(13,207,181,.15);
}

/* ===================== 라인 버전 ===================== */
/* 내부는 흰색, 테두리만 AI 그라데이션 애니메이션 */
.ai-btn.ai-btn--line{
  --line-w:2px;                /* 라인 두께 조절 */
  color:var(--ai-text);
}

/* 내부 흰색 고정 + 기본 글로우/샤인 비활성화 */
.ai-btn.ai-btn--line .ai-btn__bg{
  background:#fff !important;
  border:none !important;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.ai-btn.ai-btn--line .ai-btn__glow,
.ai-btn.ai-btn--line .ai-btn__shine{ display:none !important; }

/* 회전하는 그라데이션 테두리 */
.ai-btn.ai-btn--line::before{
  content:"";
  position:absolute; inset:0; border-radius:10px;
  padding:var(--line-w);
  background:linear-gradient(120deg, var(--ai-grad1), var(--ai-grad2)) border-box;
  /* 링(테두리)만 남게 마스킹 */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;  /* Safari */
  mask-composite:exclude;       /* 표준 */
  pointer-events:none;
  opacity:1;
  animation:none !important;    /* 혹시 이전 회전 애니가 남아있으면 강제 OFF */
}
@keyframes ai-border-rot{ to{ transform:rotate(360deg); } }

.ai-btn.ai-btn--line:hover::before{ filter:brightness(1.1); }

/* Lottie 반짝이 아이콘 크기 */
.ai-btn .ai-sparkle{
  width:22px; height:22px;
  margin-right:6px;
  display:inline-block;
  pointer-events:none;
}

.parentName:empty {
  display: inline-block; /* 크기 값을 가질 수 있게 변경 */
  min-width: 50px;      /* 이름이 없을 때 확보할 최소 너비 */
  min-height: 1.2em;    /* 텍스트 한 줄 만큼의 최소 높이 */
  vertical-align: middle;
}

/* 성함 앞의 '고인' 표시나 점(dot)도 이름이 없으면 숨기고 싶을 경우 */
.parentName:empty + .cellphone-dot,
.parentName:empty ~ span {
  /* 상황에 따라 이름이 없으면 관련 요소도 숨기거나 조절 가능합니다 */
}

/* ===== AI 음악 추천 ===== */
.ai-music-thumb-wrap { position: relative; cursor: pointer; }
.ai-music-play-overlay {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px; color: #fff;
  background: rgba(0,0,0,0.5); border-radius: 50%;
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
}
.ai-music-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.btn-ai-music-recommend { }
.ai-music-chip-grid {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.ai-music-chip {
  display: inline-block; margin: 0; cursor: pointer;
}
.ai-music-chip input { display: none; }
.ai-music-chip span {
  display: inline-block; padding: 5px 14px;
  border: 1px solid #d1d5db; border-radius: 20px;
  font-size: 13px; color: #555; background: #fff;
  transition: all .15s;
}
.ai-music-chip input:checked + span {
  background: #922c88; color: #fff; border-color: #922c88;
}
.ai-music-chip:hover span {
  border-color: #922c88; color: #922c88;
}
.ai-music-chip input:checked + span:hover {
  color: #fff;
}

/* 최종확인서 상단 헤더 (피그마 시안) */
.final-header {
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 1.5rem;
}

.final-header__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 32px 16px 32px;
}
.final-header__logo {
  width: clamp(120px, 11vw, 138px);
  height: auto;
}
.final-header__title {
  color: #111111;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: clamp(22px, 2.8vw, 38px);
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
}
.final-header__deadline {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
  background: #FBEFF3;
  border-top: 1px solid #E699B6;
  border-bottom: 1px solid #E699B6;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.final-header__deadline-text {
  margin: 0;
  color: #262626;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: clamp(15px, 1.7vw, 22px);
  font-weight: 500;
  line-height: 1.55;
  word-break: keep-all;
}
.final-header__deadline-text strong {
  color: #D75D8B;
  font-weight: 700;
}
.final-header__notice {
  padding: 28px 16px 32px;
}
.final-header__notice-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.final-header__notice-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
  color: #262626;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: clamp(14px, 1.35vw, 18px);
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
}
.final-header__notice-item [class*=simple-icon] {
  flex: 0 0 auto;
  margin-top: 3px;
  font-size: 1em;
  font-weight: 600;
  color: #262626;
}
.final-header__notice-item .final-header__notice-ic {
  flex: 0 0 auto;
  width: 1.15em;
  height: 1.15em;
  margin-top: 3px;
  object-fit: contain;
}
.final-header__notice-item strong {
  font-weight: 700;
}
.final-header__notice-item.is-warning [class*=simple-icon] {
  color: #F2A65A;
}
.final-header__notice-item.is-warning strong {
  color: #CE8D4D;
}
@media (max-width: 767px) {
  .final-header__brand {
    padding: 28px 12px 20px;
    gap: 16px;
  }
  .final-header__deadline {
    padding: 16px 12px;
  }
  .final-header__notice {
    padding: 20px 12px 24px;
  }
  .final-header__notice-list {
    align-items: flex-start;
    gap: 8px;
  }
}