.fixed-wrap {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
}
.fixed-top-wrap {
    background: #c2a386;
    display: flex;
    flex-direction: column;
}

.fixed-top-wrap a, .fixed-bottom-wrap a {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding: 23px 14px;
    line-height: 1.2;
    align-self: center;
}
.main-menu ul  li + .active > a {color: #c0a285 !important
}
.fixed-top-wrap a {
    border-bottom: 1px solid rgb(255, 255, 255, 0.4);
}
.fixed-bottom-wrap {
    background: #13304e;
    display: flex;
    flex-direction: column;
}
/* 기본 체크박스 숨기기 */
.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}
.contact-two-left {
    padding: 0px 10px 0px;
}
.contact-two__form {
    margin-top: 10px;
}
.contact-two__form label {font-weight:700; color:#000; font-size:18px}
.contact-two__form sub {font-size:14px; margin-top:15px;}
.contact-two__form .form-control {background:#fff !important; border:1px solid #c9b094; padding:5px 10px}
.form-control, .input-text {
    border-radius: 0;
    color: #686a6f;
    font-size: 0.9rem;
    height: calc(2.25rem + 10px);

    width: 100%;
}
.text-areas {min-height: 160px; overflow-y:scroll; height:160px !important;}

.bg_main {background: #c0a285 !important}

/* 체크 상태일 때 배경색과 테두리 변경 */
.custom-checkbox:checked {
    background-color: #c2a386;
    border-color: #c2a386;
}

/* 체크 표시 추가 */
.custom-checkbox:checked:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mgray {background:#fff}
.photodd {  position: relative;
    overflow: hidden;}

.bgphoto {
    display: block;
    transition: opacity 0.3s ease;
}

.bgphoto_hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.photodd:hover .bgphoto {
    opacity: 0;
}

.photodd:hover .bgphoto_hover {
    opacity: 1;
}
.bgphoto_hover img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지 비율 유지 */
}


.contact-six-aera {background:url("/theme/basic/img/imweb/f4977b0df36de.png") !important; background-size: cover !important;}

.contact-six-aera2 {background:url("/theme/basic/img/imweb/46442ebdd3c28.png") !important; background-size: cover !important;}
.contact-six-aera3 {background:url("/theme/basic/img/imweb/27c30173c33c1.png") !important; background-size: cover !important;}
.contact-six-aera4 {background:url("/theme/basic/img/imweb/211dc5a2a48b8.png") !important; background-size: cover !important;}
.contact-six-aera5 {background:url("/theme/basic/img/imweb/01a4cb79f85ac.png") !important; background-size: cover !important;}
.contact-six-aera6 {background:url("/theme/basic/img/imweb/4ebdc23fb2b5d.png") !important; background-size: cover !important;}
.contact-six-aera7 {background:url("/theme/basic/img/imweb/967338e164aeb.png") !important; background-size: cover !important;}
.contact-six-aera8 {background:url("/theme/basic/img/imweb/4d5dc95919ac5.png") !important; background-size: cover !important;}
/* 기본 네비게이션 스타일 */
.nav-item {
    position: relative;
    display: inline-block;
}

/* 드롭다운 메뉴 스타일 */
.nav-item .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px 0;
    border-radius: 4px;
}

/* 드롭다운 메뉴 항목 스타일 */
.nav-item .dropdown-menu a {
    color: #333;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.nav-item .dropdown-menu a:hover {
    background-color: #f1f1f1;
}

/* 드롭다운 open 클래스가 있을 때만 메뉴 표시 */
.nav-item.open .dropdown-menu {
    display: block;
}

/* 활성화된 메뉴 항목 스타일 */
.nav-item.active > a,
.nav-item .dropdown-menu a.active {
    font-weight: 700;
    color: blue;
}
.nav-item.active > a {
    font-weight: 700;
    color: #fff;
}
/* 화살표 아이콘 회전 효과 */
.nav-toggle img,
.dropdown-toggle img {
    transition: transform 0.3s ease;
}

.nav-item.open .nav-toggle img,
.dropdown.open .dropdown-toggle img {
    transform: rotate(180deg);
}

/* 화살표 회전 CSS 추가 */
.nav-toggle img,
.dropdown-toggle img,
.nav-toggle .arrow-icon,  /* 텍스트 화살표(▼)를 위한 선택자 추가 */
.dropdown-toggle .arrow-icon {
    transition: transform 0.3s ease;
    display: inline-block; /* 인라인 요소의 회전을 위해 필요 */
}

.dropdown.open .nav-toggle img,
.dropdown.open .dropdown-toggle img,
.nav-item.open .nav-toggle img,
.nav-item.open .dropdown-toggle img,
.dropdown.open .nav-toggle .arrow-icon,
.dropdown.open .dropdown-toggle .arrow-icon,
.nav-item.open .nav-toggle .arrow-icon,
.nav-item.open .dropdown-toggle .arrow-icon {
    transform: rotate(180deg);
}


.arrow-icon {color:#fff; font-size:10px !important}
.bg-text-navy  { font-size:30px;
    background: #13304e !important;
    padding: 3px 5px;}

.mh-auto {min-height:auto !important;}

.gray_bgs{background:#f4f4f4 !important}
.bt-1px {border-top:1px solid #e5e7eb !important;}
.human_ul {padding-left:50px;}
.human_ul li {list-style:disc; margin-left:25px; font-size:20px;}
.human_ul li p {display:flex !important}
.human_ul li p > strong  {display:inline-block; min-width:170px;}

.min-200 {min-width:200px;}
.min-250 {min-width:250px;}
.contact-two-area {padding:120px 0 !important}
.breadcrumb .nav-item {min-width:200px; padding:0 20px;}
@media (max-width:768px) {

    .breadcrumb-area {
        padding: 60px 0 15px !important;
    }

    .nav-item .dropdown-menu a {
        color: #333;
        padding: 6px 16px;
        text-decoration: none;
        font-size:14px !important;
        display: block;
    }
    .breadcrumb__item .title  {font-size:30px !important; margin-top:50px!important;}
    .breadcrumb .nav-item {min-width:100px !important; padding:0 5px;}
    .breadcrumb .li {font-size:14px !important;}
    .breadcrumb .fs-16 {font-size:14px !important}
    .breadcrumb .fs-18  {font-size:14px !important}
    .breadcrumb-hr {display:none}
    .breadcrumb-hr:after {
        content: "";
        background: rgba(255, 255, 255, 0);
        height: 2px;
        min-width: 140px;
        border-top: 2px solid rgba(255, 255, 255, 0) !important;
        opacity: 1 !important;
        position: absolute;
        top: -2px;
        left: 0;
    }


    .testimonial-nine__wrp h2.fs-48.fw-700 {font-size:28px !important;}
    .testimonial-nine__wrp h3.fs-40.fw-700.mb-30.mt-30 {font-size:26px !important; font-weight:400!important; margin-bottom:20px !important}
    .testimonial-nine__wrp h3.fs-40.fw-700.mb-40.mt-30 {font-size:26px !important; font-weight:400!important; margin-bottom:20px !important}
    .testimonial-nine__wrp p.fs-22.lh-32 {font-size:16px !important; line-height:24px !important}
    .service .mimg {width:100%; max-width:100%;}

    .hzAccordion__wrp .number {font-size:40px !important; margin-right:15px !important; margin-left:15px !important;
        word-break: keep-all;
        overflow-wrap: break-word;

    }
    .hzAccordion__wrp  .hzAccordion__item .head .head-title .title {
        font-size: 16px !important;
        line-height: 24px;
        max-height: 280px;
        padding-left:15px !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .hzAccordion__wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    ;
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid #d4d4d6 !important;
        overflow: hidden;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contact-two__content ul li {font-size:14px !important}
    .contact-six-aera h2 {font-size:24px !important; line-height:30px!important;}
    .contact-six-aera .wrp p  {font-size:20px !important; line-height:26px!important;}
    .contact-six__item .wrp {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    ;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        word-break: keep-all;
        overflow-wrap: break-word;
        gap: 30px;
        padding-top: 20px;
        margin-top: 40px;
        border-top: none;
    }

    .contact-six__item .wrp p.text-white.wow.fadeInUp.fs-22  {
        font-size:18px !important
    }


    .attimg {max-width:70px !important; padding:30px 0 20px}

    .contact-six-aera {background:url("/theme/basic/img/imweb/f4977b0df36de.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera2 {background:url("/theme/basic/img/imweb/e2df4c7b50407.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera3 {background:url("/theme/basic/img/imweb/27c30173c33c1.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera4 {background:url("/theme/basic/img/imweb/c00ebaf118eee.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera5 {background:url("/theme/basic/img/imweb/8a665e80b2044.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera6 {background:url("/theme/basic/img/imweb/8ec4f3ce66ed2.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera7 {background:url("/theme/basic/img/imweb/e1a9dce7ea1ed.png") !important; background-size: cover !important; background-position: center; }
    .contact-six-aera8 {background:url("/theme/basic/img/imweb/2511e693a8a0a.png") !important; background-size: cover !important; background-position: center;}
    .contact-six-aera10 {background:url("/theme/basic/img/imweb/e2df4c7b50407.png") !important; background-size: cover !important; background-position: center;}

    .footer-four__item {
        padding: 0px 0 40px;
    }
    .footer-four__item .bottom {
        font-weight: 200 !important;
        text-align:center !important;
        font-size:14px !important;
        line-height:16px!important;
    }
    .copyright-text {        font-size:14px !important;
        line-height:16px!important;}
    .m-fixed-wrap {
        background: #f9b40e;
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 1;
        padding: 21px 15px;
    }.m-fixed-wrap > a:nth-child(1) {
         border-left: none !important;
     }
    .m-fixed-wrap a {
        width: 32.5%;
        padding: 0 10px;
        border-left: 1px solid rgb(0, 0, 0, 0.3);
    }.m-fixed-wrap a img {
         width: -webkit-fill-available;
     }
    .header__main.logo img   {
        max-width:120px
    }


    .header-area .logo img {
        width: 100%;
        max-width:120px!important;
    }
    .header-area {border-bottom:1px solid rgba(255,255,255,0) !important}

    .header-four-area.menu-fixed .logo_fixed img   {
        max-width:120px!important;
    }
    .contact-six__item .section-header .title {
        word-break: keep-all;
        overflow-wrap: break-word;
    }
    .contact-six__item .section-header2 .title {
        word-break: keep-all;
        overflow-wrap: break-word;
        font-size:30px !important;
        line-height:45px!important;
    }
    .service-six__item {
        padding: 35px 20px;
        text-algin: center;
        border: 1px solid #c2a386;
        position: relative;
        z-index: 1;
        min-height: 260px;
        color: #000 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
        margin-bottom:15px!important;
        display: flex;
        vertical-align: middle;

        align-items: center;
        justify-content: center;
        flex-direction: column;

    }

    .service-six__item .item-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        flex-direction: column;
        justify-content: space-around;
        margin-bottom: 20px;
    }
    .header__main .menubars span {
        color:#fff !important;
        background:#fff!important;
    }
    .menu-fixed .menubars span {
        color:#000!important;
        background:#000000 !important;
    }
    .testimonial-nine__wrp h3.fs-40.fw-700.mb-20.mt-30 {font-size:26px !important; font-weight:400!important; margin-bottom:20px !important}

    .service-seven__content h3.fs-34 {font-size:20px!important; margin-top:30px;margin-bottom:20px;}

    .service-seven__content h5.bg-text-navy {font-size:20px!important;  display:inline !important}
    .service-seven__content p.fs-22 {font-size:16px!important; margin-top:0px; line-height: 20px;        word-break: keep-all;
        overflow-wrap: break-word;}
    .pricing-five__item h5 {font-size:18px!important; margin-bottom:0}
    .pricing-five__item li p {font-size:16px!important; letter-spacing:-0.5px}

    .service-six__item .item-head h5 {font-size:26px!important; margin-bottom:10px!important;}
    .service-six__item  p .title.fs-20{font-size:18px!important;}
    .testimonial-nine__wrp h4.fs-40.fw-700.mb-20.mt-30 {font-size:24px !important; font-weight:400!important; margin-bottom:30px!important;}
    .testimonial-nine__wrp h4.fs-40.fw-700.mb-20.mt-0 {font-size:24px !important; font-weight:400!important; margin-bottom:30px!important;}
    .pricing-five__item ul > li > strong.fs-24.my-3 {font-size:18px !important; line-height:24px;}
    .pricing-five__item ul > li > p {font-size:18px !important; line-height:24px;}
    .mgray {background:#f2f2f2 !important}
    .sidebar__btns a {
        padding: 6px 16px;
        border-radius: 8px;
        margin:15px 0 !important;
        width:100% !important;
        color: var(--white);
        background-color:#fff;
        border: none;
    }
    .sidebar__btns .mimg {
        width:100%; display:block;
    }

    .offcanvas .btn-close {
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-radius: 0%;
        -webkit-transition: var(--transition);
        transition: var(--transition);
        font-size: 22px;
        color: var(--white);
        background-color: #c0a285 !important;
        opacity: 1;
        transition: var(--transition);
    }
    .offcanvas-header {
        display: flex;
        position:absolute;
        left:-57px;
        top:4px;
        height:1px !important;
        align-items: center;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    }

    .offcanvas {
        width: 300px !important;
        border-left: 0px solid var(--theme-color1) !important;
        background:#fff!important;
    }
    .sidebar__body .mean-container .mean-nav ul li a.mean-expand {
        background-color: #c0a285 !important;
        color:#fff !important;
    }
    .sidebar__body {
        margin-top: 0px;
        padding-top:0 !important
    }
    .sidebar__body .mean-container .mean-nav {
        background-color: #fff;
    }
    .sidebar__btns {margin-top:20px;}

    .active-submenu li a {border-bottom:none!important;  font-size:14px !important;}
    /* 활성 메뉴 항목 스타일 */
    .mean-container .mean-nav ul li.active-menu {
        background-color: #c2a386; /* 원하는 배경색으로 변경 */
    }

    /* 활성 메뉴 항목의 링크 스타일 */
    .mean-container .mean-nav ul li.active-menu > a {
        color: #fff !important;
    }

    /* 활성 서브메뉴 스타일 */
    .mean-container .mean-nav ul ul.active-submenu {
        background-color: #eae8e5 !important; /* 원하는 배경색으로 변경 */
        display: block !important; /* 서브메뉴가 항상 표시되도록 */
    }

    /* 활성 서브메뉴 항목 스타일 */
    .mean-container .mean-nav ul ul.active-submenu li.active-menu {
        background-color: #d9d5cf !important; /* 활성 서브메뉴 항목의 배경색 */
    }
    .banner-ten__content h2 {
        font-size: 38px;

    }

    .banner-ten__content .text {
        font-size: 18px;

        word-break: keep-all;
        overflow-wrap: break-word;
        line-height: 24px;
        margin-top: 20px;
        max-width: 660px;
    }
    .testimonial-nine__item span hr {width:20px !important; height:1px !important; background: #3e3b3b
    }

    .testimonial-nine__item h4.title.fs-38.lh-48 {
        font-size:24px !important;
        line-height:30px!important;
    }
    .testimonial-nine__item p.text {
        font-size:16px!important;
        line-height:20px!important;
    }
    .photodd {  position: relative;
        max-height:260px!important;
        overflow: hidden;}

    .bgphoto {
        display: block;
        transition: opacity 0.3s ease;
    }

    .bgphoto img {
        display: block;
        transition: opacity 0.3s ease;
        width:100%; display:block;
    }

    .bgphoto_hover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 2;
    }

    .photodd:hover .bgphoto {
        opacity: 0;
    }

    .photodd:hover .bgphoto_hover {
        opacity: 1;
    }
    .bgphoto_hover img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 이미지 비율 유지 */
        display:block;
    }
    .section-header p.fs-48 { font-size:28px!important; line-height: 40px; letter-spacing:-1px !important;  margin-top:0!important;}
    .contact-two__content ul  {display:inline; position: relative; border-top:1px solid #000 !important}
    .contact-two__content ul li {margin-bottom:0 !important; line-height:25px !important}
    .ss {border-top:1px solid #000; width:80%; height:2px; background:#000 !important}
    .main_h2deco {font-size:30px !important}
}
@media (max-width: 767px) {
    .contact-two-left {
        padding: 0px 10px 0px;
    }
    .contact-two__form {
        margin-top: 10px;
    }
    .contact-two__form label {font-weight:700; color:#000;}
    .contact-two__form sub {font-size:14px; margin-top:15px;}
    .contact-two__form .form-control {background:#fff !important; border:1px solid #c9b094; padding:5px 10px}
    .form-control, .input-text {

        color: #686a6f;
        font-size: 0.9rem;
        height: calc(2.25rem + 10px);

        width: 100%;
    }
    .text-areas {min-height: 160px; overflow-y:scroll; height:160px !important;}
    .header__main {
        padding: 15px 10px;
    }
    .modal-body br {display:block !important}
}


.modal-dialog-centered {
    display: flex
;
    align-items: center;
    min-height:50vh !important;
    max-height:50vh !important
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
    top: 20%;
    margin:0 auto;
}