@font-face {
  font-family: 'sf-ui-display';
  font-weight: 400;
  src: url("../fonts/SF-UI-Display-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'sf-ui-display';
  font-weight: 500;
  src: url("../fonts/SF-UI-DISPLAY-MEDIUM.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'sf-ui-display';
  font-weight: 700;
  src: url("../fonts/SF-UI-DISPLAY-BOLD.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NOTOSANSKR-REGULAR.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NOTOSANSKR-MEDIUM.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  src: url("../fonts/NOTOSANSKR-BOLD.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ROBOTO-REGULAR.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ROBOTO-MEDIUM.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  src: url("../fonts/ROBOTO-BOLD.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'appleGothicNeo';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/APPLESDGOTHICNEOR.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'appleGothicNeo';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/APPLESDGOTHICNEOM.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'appleGothicNeo';
  font-weight: 700;
  src: url("../fonts/APPLESDGOTHICNEOB.woff2") format("woff2");
  font-display: swap;
}

:root {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

:lang(ko) * {word-break: keep-all;word-wrap: break-word;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, select, input, textarea{margin: 0;padding: 0;border: 0;vertical-align: baseline;background: transparent;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0;border: 0;list-style: none;word-break: break-all;font-style: normal;font-weight: 400;color: #000;}

body {
  background: #fff;
  font-family: 'sf-ui-display', 'appleGothicNeo', 'NotoSansKR', 'roboto', 'sans-serif';
  line-height: 1.3;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: default;
  height: 100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}


.card-wrapper{
  position: relative;
  width: 100%;
}

a{
  text-decoration: none;
}


.header{
  width: 100%;
  height: 140px;
}

.header .main-menu{
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.header .main-menu.evenly{
  justify-content: space-evenly;
}

.header .main-menu > div{}

.header .main-menu > div a{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.5px;
}

.header .main-menu > div a.active{
  font-weight: 700;
  color: #fcaf15;
}

.header .header-top{
  display: flex;
  width: 100%;
  padding-top: 20px;
  justify-content: space-between;
  align-items: center;
}

.header .header-top .logo{
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.5px;
  padding-top: 5px;
  padding-left: 20px;
}

.header .header-top > div:first-child{
  display: flex;
  height: 100%;
  align-items: center;
}

.header .header-top > div:last-child{
  padding-right: 20px;
  display: flex;
  align-items: center;
}

.header .header-top > div:last-child span{
  font-size: 14px;
  letter-spacing: -0.3px;
  padding-right: 10px;
}

.header .header-top > div:last-child span strong{
  font-weight: 700;
  color: #000;
  display: inline-block;
  padding-right: 5px;
}

.footer{
  background: #ededed;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.footer p{
  color: #767676;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 21px;
  
}

.footer span{
  color: #bbb;
  padding-left: 7px;
  padding-right: 7px;
}

.footer p:last-child{
  margin-bottom: 0;
}

.container{
  width: 100%;
  max-width: 480px;
  position: relative;
  background: #fff;
  --bs-gutter-x: 0;
  height: 100%;
}

.container .content{
  position: relative;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.card-wrapper #preview{
  display: none;
}

.card-wrapper.preview-active #preview{
  display: block;
  background: #f7f7f7;
  margin-left: 20px;
}
.card-wrapper.preview-active .container{
  max-width: 870px;
}
.container .content-container{
  display: flex;
}

.card-wrapper.is-mobile .card-form-preview button.btn-mobile-preview{
  display: inline-block!important;
}

.card-wrapper .card-form-preview button.btn-preview{
  display: inline-block!important;
}

.card-wrapper.is-mobile .card-form-preview button.btn-preview{
  display: none!important;
}

.card-wrapper:not(.is-mobile) .card-form-preview button.btn-mobile-preview{
  display: none!important;
}

.card-wrapper.preview-active .card-form-preview button.btn-preview{
  display: inline-block!important;
}

.card-wrapper.preview-active .container .content{
  max-width: 480px;
  width: 100%;
}

.card-wrapper.preview-active .container #preview{
  width: 100%;
  max-width: 370px;
}
.btn{
  --bs-btn-padding-y: 0;
  --bs-btn-line-height: 27px;
}

.btn.btn-sm{
  font-size: 12px;
}
/* 버튼:s */
.btn-light{
  font-weight: 500;
  letter-spacing: -0.5px;
  --bs-btn-color: #8f8f8f;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7f7f7;
  --bs-btn-hover-border-color: #e0e0e0;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #fcaf15;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #e0e0e0;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #bbb;
  --bs-btn-disabled-bg: #f7f7f7;
  --bs-btn-disabled-border-color: #e0e0e0;
}

.btn-primary{
  font-weight: 500;
  letter-spacing: -0.5px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #fcaf15;
  --bs-btn-border-color: #fcaf15;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fcaf15;
  --bs-btn-hover-border-color: #fcaf15;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fcaf15;
  --bs-btn-active-border-color: #fcaf15;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fcaf15;
  --bs-btn-disabled-border-color: #fcaf15;
}
/* 버튼:e */

/* 로그인:s */
.naver-login{
  display: flex;
  width: 100%;
  height: calc( 100vh - 150px - 65px );
  align-items: center;
  justify-content: center;
}
.naver-login img{
  height: 45px;
}
/* 로그인:e */


/* 마이페이지:s */
.card-info{
  border: 1px solid #eaeaea;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 40px;
}
.card-info h4{
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}

.card-info p{
  color: #666;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.5px;
}
.card-list{
  position: relative;
}

.card-list .card-item{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 30px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}



.card-list .card-item .card-thumb img{
  max-width: 150px;
  width: 100%;
  display: block;
  border-radius: 5px;
}

.card-list .card-item h3{
  font-size: 14px;
  color: #1f1f1f;
  margin-bottom: 5px;
  font-weight: 700;
}

.card-list .card-item .card-description{
  margin-bottom: 5px;
}

.card-list .card-item p{
  font-size: 12px;
  color: #666666;
  line-height: 20px;
}

.card-list .card-item .card-body{
  padding-left: 15px;
}

.card-item .card-tools > div{
  display: flex;
  gap: 10px;
  width: 100%;
  margin-bottom: 5px;
}

.card-item .card-tools > div:last-child{
  margin-bottom: 0;
}
.card-item .card-tools > div > a{
  width: 100%;
}

.card-list .empty-card{
  text-align: center;
  color: #888;
  font-size: 14px;
  line-height: 25px;
}

@media(max-width: 400px){
  .card-list .card-item{
    flex-direction: column;
    width: 100%;
  }
  
  .card-list .card-item .card-thumb img{
    max-width: 100%;
  }
  
  .card-list .card-item .card-body{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
  }
  
  .card-list .card-item .card-description{
    margin-bottom: 10px;
  }
  
  .card-list .card-item h3{
    text-align: center;
  }
  
  .card-list .card-item p{
    text-align: center;
  }
}
/* 마이페이지:e */

/* 상품:s */

.product-list .product-item{
  border: 1px solid #dcdcdc;
  margin-bottom: 40px;
}
.product-list .product-thumb{
  background: #EEEFF4;
}
.product-list .product-thumb img{
  max-width: 100%;
  width: 100%;
  display: block;
}

.product-list .product-description{
  padding: 20px;  
}

.product-list .product-description h3{
  font-size: 14px;
  text-align: center;
  color: #000;
}

.product-list .product-tools{
  display: flex;
  width: 100%;
}

.product-list .product-tools a{
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  font-weight: 500;
  border-bottom: 0;
}

.product-list .product-tools a:first-child{
  border-left: 0;
}

.product-list .product-tools a:last-child{
  border-right: 0;
}
/* 상품:e */


/* 카드제작:s */

.card-form-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  padding-top: 15px;
  padding-bottom: 15px;
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
}

.card-form-title{
  font-size: 14px;
  letter-spacing: -0.5px;
  
}

#accordion-form{
  background: #f4f4f4;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#accordion-form .accordion-item{
  margin-top: 10px;
  border-top: 1px solid #e0e0e0;
  border-radius: 0;
}

#accordion-form .col-2{
  min-width: 90px;
}

#accordion-form .accordion-item:first-child{
  margin-top: 0;
}

#accordion-form .accordion-button::after{
  width: 10px;
  height: 10px;
  background-size: 100%;
}

#accordion-form .accordion-button{
  padding: 10px 20px 10px 0;
  font-size: 14px;
  box-shadow: none;
  --bs-accordion-transition: none;
}

#accordion-form .accordion-button:not(.collapsed){
  background-color: transparent;
  box-shadow: none;
  color: #333;
  font-weight: 700;
}
#accordion-form .accordion-button[aria-expanded=true]{
  color: #333;
  font-weight: 700;
  /*font-weight: 800;
  border-bottom: 1px solid #e0e0e0;*/
}

#accordion-form .accordion-button:focus {
  outline: 0 !important;
  box-shadow: none;
}


#accordion-form .input-group-text{
  padding: 0 5px;
}


#accordion-form .col-form-label{
  font-size: 12px;
  color: #606060;
}

#accordion-form hr{
  color: #ddd;
}

.frm .form-check-label{
  font-size: 12px;
  padding-top: 2px;
}

#accordion-form .accordion-header .form-check-input{
  border-radius: 5px;
}

.frm .form-check-input:checked{
  background-color: #fcaf15;
  border-color: #fcaf15;
}

.frm input.form-control[type=text]{
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
}


.frm .form-select{
  height: 30px;
  font-size: 12px;
}


.frm .accordion-body > .row{
  margin-bottom: 10px;
}



.frm .accordion-body > .row:last-child{
  margin-bottom: 0;
}

.frm .accordion-body .list-group li.list-group-item{
  font-size: 12px;
}

.frm .accordion-header .form-check-input{
  margin-top: 0;
  margin-right: 10px;
}


.frm .radio-color .btn.btn-secondary{
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-font-size: 12px;
  --bs-btn-bg: #fff;
  --bs-btn-hover-bg: #fff;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-color: #000;
  --bs-btn-color: #333;
  --bs-btn-active-border-color: #888;
  --bs-btn-line-height: 27px;
  padding-top: 0;
}

.frm .radio-color label{
  width: 40px;
  height: 30px;
}

.frm .radio-color .btn.btn-secondary.theme-gray{
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-font-size: 12px;
  --bs-btn-bg: #f6f6f6;
  --bs-btn-hover-bg: #f6f6f6;
  --bs-btn-active-bg: #f6f6f6;
  --bs-btn-active-color: #555;
  --bs-btn-color: #888;
  --bs-btn-active-border-color: #888;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-left: 10px;
  padding-right: 10px;
}

.frm .radio-color .btn.btn-secondary.theme-honey{
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-font-size: 12px;
  --bs-btn-bg: #ffeac1;
  --bs-btn-hover-bg: #ffeac1;
  --bs-btn-active-bg: #ffeac1;
  --bs-btn-active-color: #555;
  --bs-btn-color: #888;
  --bs-btn-active-border-color: #888;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-left: 10px;
  padding-right: 10px;
}

.frm .radio-color .btn.btn-secondary.theme-peach{
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-font-size: 12px;
  --bs-btn-bg: #fbf4f4;
  --bs-btn-hover-bg: #fbf4f4;
  --bs-btn-active-bg: #fbf4f4;
  --bs-btn-active-color: #555;
  --bs-btn-color: #888;
  --bs-btn-active-border-color: #888;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-left: 10px;
  padding-right: 10px;
}

.frm .radio-color .btn.btn-secondary.theme-blue{
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-font-size: 12px;
  --bs-btn-bg: #e3ecf4;
  --bs-btn-hover-bg: #e3ecf4;
  --bs-btn-active-bg: #e3ecf4;
  --bs-btn-active-color: #555;
  --bs-btn-color: #888;
  --bs-btn-active-border-color: #555;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-left: 10px;
  padding-right: 10px;
}



.btn.btn-outline-primary{
  --bs-btn-border-color: #e0e0e0;
  --bs-btn-font-size: 12px;
  --bs-btn-bg: #fff;
  --bs-btn-hover-bg: #fff;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-color: #fcaf15;
  --bs-btn-color: #8f8f8f;
  --bs-btn-active-border-color: #fcaf15;
  --bs-btn-line-height: 27px;
  --bs-btn-hover-color: #fcaf15;
  --bs-btn-hover-border-color: #fcaf15;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 12px;
  font-weight: 500;
}

.frm .btn-check:checked+.btn, 
.frm .btn.active, 
.frm .btn.show, 
.frm .btn:first-child:active, 
.frm :not(.btn-check)+.btn:active{
  font-weight: 500;
  font-size: 12px;
}

.frm .btn-check:checked+.btn.btn-light, 
.frm .btn.btn-light.active, 
.frm .btn.btn-light.show, 
.frm .btn:first-child:active, 
.frm :not(.btn-check)+.btn.btn-light:active{
  --bs-btn-active-bg: #fff;
  --bs-btn-active-color: #fcaf15;
  --bs-btn-active-border-color: #fcaf15;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}


.form-check-input:disabled{
  opacity: 0.1;
}

.frm .list-group-item.disabled{
  background-color: #f7f7f7;
}

.frm .accordion-header {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}

.frm .accordion-header .form-check-input{
  width: 15px;
  height: 15px;
}

.frm .accordion-header .accordion-button {
  padding-left: 0;
  background: none;
}

.frm .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.frm input[type=text]:read-only{
  background: #f7f7f7;
}

.frm .alert{
  font-size: 12px;
  margin-top: 20px;
}

.frm .alert{
  font-size: 12px;
  margin-top: 20px;
}

.frm textarea{
  font-size: 12px;
  line-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
}

.textarea-container{
  display: flex;
  flex-direction: column;
}
.textarea-container textarea.form-control{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.textarea-container .btn{
  margin-top: 0 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  --bs-btn-border-color: #e0e0e0 !important;
  --bs-btn-active-border-color: #e0e0e0 !important;
  --bs-btn-hover-border-color: #e0e0e0 !important;
}

.alert-content{
  margin-top: 15px;
}
.alert-content ul{
  margin: 0;
  padding: 0;
}

.alert-content ul li{
  line-height: 25px;
  padding-left: 20px;
}

.alert-content ul li p{
  line-height: 18px;
  font-size: 12px;
  color: #8f8f8f;
  word-break: break-all;
}

.alert-content ul li:before{
  position: absolute;
  content: '';
  background: url('../images/icon-alert.svg');
  width: 12px;
  height: 12px;
  background-size: 100%;
  margin-left: -20px;
  margin-top: 3px;
}

.frm .card{
  --bs-card-border-color: #eaeaea;
}

.kakaopay-item{
  display: none;
}

.kakaopay-item.active{
  display: block;
}
/* 카드제작:e */


/* dropzone:s */
.dropzone-gallery-list{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
}

.dropzone{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  padding:0;
  min-height: auto;
  gap: 10px;
}

.dropzone .text-upload {
  font-size: 14px;
  color: #8f8f8f;
}

.dropzone.dz-started .dz-message{
  display: none;
}


.dropzone.dropzone-map-image,
.dropzone.dropzone-greeting-image{
  width:100%;
  height: 284px;
}

.dropzone.dropzone-map-image .dz-item,
.dropzone.dropzone-map-image .dz-details,
.dropzone.dropzone-greeting-image .dz-item,
.dropzone.dropzone-greeting-image .dz-details{
  width:100%;
  height: 100%;
  overflow: hidden;
}

.dropzone .dz-details img{
  max-width:100%;
}



.dropzone .dz-message{
  display: flex;
  flex-direction: column;
  width: 120px;
  box-sizing: border-box;
  border: none;
  margin: 0;
}

.dropzone .dz-details{
  display: flex;
  flex-direction: column;
  width: 120px;
  box-sizing: border-box;
  border: none;
  position: relative;
}

.dz-item{
  width: 120px;
  height: 120px;
  position: relative;
  margin: 0;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 7px;
}

.dz-item img {
  max-width: 100%;
  max-height: 100%;
  height: auto;  
}

.dropzone .dz-remove{
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 12px;
  background: #fcaf15;
  color: #fff;
  padding: 2px 10px;
  border-radius: 5px;
}
/* dropzone:e */

/* 반응형:s */
@media (max-width: 750px) {
  
  #accordion-form{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* 반응형:e */

/* swal:s */
.swal2-title{
  font-size: 14px !important;
  padding: 20px 0 !important;
  color: #fcaf15 !important;
}

.swal2-html-container{
  font-size: 12px !important;
  line-height: 20px !important;
  letter-spacing: -0.3px !important;
}

.swal2-close{
  margin-right: 15px !important;
  margin-top: 15px !important;
  width: 15px !important;
  height: 15px !important;
}
/* swal:e */

/* modal:s */

.modal-title{
  font-size: 14px;
  font-weight: 700;
}
.modal .table tbody tr{
  border-bottom: 1px solid #eaeaea;
}

.modal .table th{
  text-align: center;
  font-size: 14px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.modal .table tbody td{
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  color: #606060;
  padding: 20px
}
/* modal:e */


.ui-datepicker .ui-datepicker-title{
  font-size: 12px;
  line-height: 30px;
}
.ui-datepicker th{
  font-size: 12px;
}
.ui-datepicker td span, .ui-datepicker td a{
  font-size: 12px!important;
}

/* 워터마크제거:s */
.watermak-removeform .nav{
  font-size: 14px;
  --bs-nav-link-color: #808080;
  --bs-link-hover-color: #808080;
}
.watermak-removeform .nav-pills .nav-link.active, 
.watermak-removeform .nav-pills .show>.nav-link{
  --bs-nav-pills-link-active-bg: #fcaf15;
  --bs-nav-pills-link-active-color: #fff;
}

.watermak-removeform input{
  font-size: 14px;
}
/* 워터마크제거:e */

/* 참석인원:s */
.attend-header{
  padding: 15px 0;
  font-size: 14px;
  font-weight: 500;
}
.attend > div{
  display: flex;
  width: 100%;
}

.attend > div > div{
  width: 100%;
}

.attend h6{
  font-size: 14px;
  color: #555;
  padding: 10px 0;
}

.attend strong{
  display: block;
  padding: 0 0 10px;
  color: #fcaf15 !important;
}
/* 참석인원:e */

/* 미리보기:s */
.preview-box{
  width: 200px;
  border: 1px solid #bbb;
}

.preview-box .preview-content{
  padding: 10px;
}
.preview-box h3{
  font-size: 12px;
  font-weight: 500;
  color: #555;
  margin-bottom: 5px;
}

.preview-box p{
  font-size: 12px;
  color: #888;
  margin-bottom: 5px;
  line-height: 25px;
}
.preview-box img{
  max-width: 100%;
  display: block;
}

.preview-box .preview-btn{
  background: #f7f7f7;
  text-align: center;
  padding: 5px 0;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.preview-box .preview-bottom{
  font-size: 12px;
  color: #bbb;
  font-weight: 400;
}
#preview {
  position: relative;
}
#preview iframe{
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

#modal-mobile-preview .modal-dialog,
#modal-mobile-preview .modal-content {
    /* 80% of window height */
    height: 90%;
}

#modal-mobile-preview .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 54px);
    overflow-y: scroll;
    margin:0;
    padding:0;
}

#modal-mobile-preview iframe{
  width:100%;
  height: 100%;
}

#loadingSpinner{
  position: absolute;
  width: 100%;
  height: 100%;
}
/* 미리보기:e */

label.error {
  display: none!important;
}

textarea.error,
input.error{
  border: 1px solid red;
}