html,body{word-break: keep-all}
html, body, h1, h2, h3, h4, h5, h6, p, div,span:not(.star-rating, .dashicon),dl, dd, table, td, th, code{
    font-family:"Pretendard Variable", sans-serif;
}
html,.agree_box {
  --scrollbarBG: #fff;
  --thumbBG: #015152;
}
body::-webkit-scrollbar,
.agree_box::-webkit-scrollbar{
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
/*
  데스크탑/태블릿에서도 헤더 높이만큼 오프셋이 필요하다면 추가합니다.
  예시: 헤더 높이가 100px일 경우
*/


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
.mobile_block{display:none;width:0px;height:0px;opacity:0;visibility:hidden}
@media(max-width:1024px){
    .tablet_block{display:block}
}
@media(max-width:767px){
    .mobile_block{display:block}
}

.admin-bar header#masthead,.site-header{top:32px}
.site-footer p{margin:0}
body.modal-open .modal{display:flex!important;height:100%}
body.modal-open .modal .modal-dialog{margin:auto}

/* IE9 이하를 위한 css */
.placeholder {
  color: #ababab;
}
/* IE10 이상을 위한 css */
input::placeholder {
  color: #ababab
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder {
  color: #ababab
}
/* IE */
input:-ms-input-placeholder {
  color: #ababab
}
/* Firefox */
input:-mos-input-placeholder {
  color: #ababab
}
/*투탑*/
#to-top-button{position:fixed;bottom:30px;right:30px;width:50px;height:60px;background-color:#c8c8c8cc;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 2px 5px #0003;z-index:9999}
#to-top-button.visible{opacity:1;visibility:visible}
#to-top-button:hover{background-color:#b4b4b4ff}
#to-top-button svg{color:#333;margin-top:3px}
#to-top-button span{font-size:12px;font-weight:700;color:#333;margin-top:2px}
@media (max-width:1024px){
    #to-top-button{width:30px;height:30px;right:5px;bottom:120px}
}
.borom-responsive-image img{display:flex}
/**/
.ui-each{max-width:121px!important}
.ele-tel{position:relative}
.ele-tel-w,.ele-tel-w a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:111}
.ele-tel-w div,.ele-tel-w a{width:100%;height:100%}
.footer-info{font-size:14px;text-align:center}
@media(min-width:1025px){
    .gnb-new{display:none !important}
    .call-to-pc svg {
        margin-top: 6px;
    }
}
@media(max-width:1024px){
    .ui-each{display:none!important}
}
@media(min-width:768px){
    #btn-to-contact{display:none}
}
@media(max-width:767px){

}
.gnb-new > .e-con-inner > div{height:100%;align-items:center;justify-content:center}
/*fluent form*/
:root{--fluentform-border-radius:0!important;--fluentform-border-color:#989898!important}
.agree_box{clear:both;width:100%;height:65px;padding:18px 30px;border:1px solid #ddd;font-size:14px;letter-spacing:-1px;overflow:scroll;overflow-x:hidden;background:#fff}
.agree_box *{font-size:12px;font-family:'돋움'!important}
.contact-tels .tel-831,.contact-tels .tel-832{margin-top:24px}
#content .fluentform .ff-btn-submit{margin:30px auto 0;display:block;background-color:#003f6b!important;padding:8px 12px;border-radius:0;color:#fff;width:250px!important;padding:12px!important;font-size:26px;border:none}
/**/
#yeyak input[type="text"],#yeyak input[type="number"]{border:1px solid #ddd;background:#f5f5f5;height:54px;line-height:54px;padding-left:12px;font-size:20px}
.yeyak_vis_small{background-color:#0f2443;color:#fff;margin-top:12px}
.yeyak_vis_small > div > div{margin-bottom:0!important;padding:10px 0}
.yeyak_vis_small h3{margin-top:0;margin-bottom:0;font-size:16px;font-weight:400}
.yeyak-f-1{margin-top:16px}
.yeyak-f-2 > div{margin-bottom:12px;background:#f5f5f5;margin-top:16px;height:390px;padding:33px!important}
.yeyak-f-2 > div:first-child .datepicker,.datepicker-picker,.datepicker-view{width:100%!important}
.yeyak-f-2 > div:last-child h5{margin:0;font-weight:400;font-size:24px}
.yeyak-f-2 > div:last-child .ff-el-input--content label{line-height:36px!important}
.datepicker-picker,.datepicker-header .datepicker-controls .button{background-color:transparent!important}
.datepicker span{font-weight:400;text-align:center;color:#999;cursor:default;border:1px solid #ddd;color:#333!important;font-size:16px!important;height:40px!important;background:#fff;border-radius:0!important;border-collapse:collapse;margin-left:-1px;margin-bottom:-1px;justify-content:end!important;padding-right:12px!important}
.datepicker-cell.selected{background:#01354C!important;color:#fff!important;box-shadow:#01354C 0 1px 3px 0 inset!important}
.datepicker-cell.selected:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important}
.datepicker-cell.today:not(.selected){background-color:#00d1b2}
.datepicker span.disabled{opacity:.5;-ms-filter:alpha(opacity=50);cursor:default}
.hidden-fields-container{display:none}
@media(max-width:1024px){
    .radio-wrapper{margin-bottom:0}
    .radio-wrapper .ff-el-input--content{display:flex;flex-direction:row;flex-wrap:wrap}
    .radio-wrapper .ff-el-input--content > div{width:32%;margin-right:2%}
    .radio-wrapper .ff-el-input--content > div:nth-child(3n){margin-right:0}
    .datepicker span{font-size:13px!important}
    .yeyak_vis_small h3{font-size:15px!important}
    .yeyak-f-1{flex-direction:row;display:flex}
    .yeyak-f-1 > div{width:48%!important;margin-right:2%}
    .yeyak-f-1 > div:last-child{margin-right:0}
    .yeyak-f-1 input{font-size:16px!important;height:42px!important;line-height:42px!important}
}


.givia-user-role-is-editor button.wpcf7-submit.admin-test-submit-button {
    display: none !important;
}

@media (max-width:767px){
    .cosmosfarm-simple-popup-layout.default .cosmosfarm-simple-popup{}
}

body.elementor-editor-active [data-widget_type="image-carousel.default"] {
  max-height: 70dvh !important;
  overflow:hidden;
}