@charset "utf-8";

     * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         list-style: none;
         text-decoration: none;
         border-collapse: collapse;
         transition: 0.3s;
         font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
     }


     img {
         display: block;
         max-width: 100%;
     }

     header {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 82px;
         padding-inline: 1rem;
         z-index: 10;
         background: #3c2922;
     }

     header .header-wrap {
         padding-inline: 4rem;
         margin: 0 auto;
         display: flex;
         align-items: center;
         width: 100%;
         height: 100%;
         justify-content: space-between;
     }

     header nav ul {
         display: flex;
         gap: 1.5vw;
     }

     header nav ul li a {
         padding: 1rem;
         color: #fff;
         font-weight: 500;
     }

     main {
         overflow: hidden;
         line-height: 1.5;
     }

     section {
         position: relative;
     }

     #M1 {
         height: 100vh;
         background: url(../img/m1-bg.jpg) no-repeat center / cover;
         background-attachment: fixed;
     }

     #M1::before {
         opacity: 0;
         inset: 0;
         position: absolute;
         content: '';
         z-index: 0;
         background: rgba(0, 0, 0, 0.5);
     }

     #M1 .hero-title {
         position: absolute;
         right: 10%;
         top: 50%;
         transform: translateY(-50%);
         display: flex;
         align-items: center;
         text-align: center;
         justify-content: center;
         flex-direction: column;
         color: white;
         text-shadow: 0px 0px 14px #000;
     }

     #M1 .hero-title p {
         font-size: 1.5rem;
         font-weight: 300;
     }

     #M1 .hero-title .line {
         background: #fff;
         height: 4rem;
         margin-block: 1rem;
         width: 1px;
     }

     #M1 .hero-title h2 {
         font-size: clamp(1.875rem, 3vw, 3.5rem);
         font-weight: 300;
         line-height: 1.23;
     }

     #M1 .hero-title h2 span {
         font-weight: 600;
         color: #fff8de;
     }


     #M2 {
         background: #fff;
         padding-bottom: 10rem;
         justify-content: center;
         align-items: center;
         text-align: center;
         min-height: 50vh;
         display: flex;
         flex-direction: column;
     }

     #M2 ul {
         transform: translateY(-50%);
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 20px;
         flex-wrap: wrap;
         margin-bottom: 2rem;
     }

     #M2 ul li:hover {
         filter: brightness(1.1);
     }

     #M2 .desc p {
         font-size: 1.75rem;
         line-height: 1.42;
         color: #252525;
     }

     #M2 .desc .circle {
         display: flex;
         gap: 0.5rem;
         align-items: center;
         justify-content: center;
         margin-bottom: 2rem;
     }

     #M2 .desc .circle span {
         border-radius: 50rem;
         width: 1rem;
         height: 1rem;
         background: #87775e;
     }

     #M2 .desc .circle span:last-of-type {
         background: #f0733c;
     }

     #M2 .desc .line {
         height: 4rem;
         margin: 1.25rem auto;
         width: 1px;
         background: #535353;
     }

     #M2 .desc img {
         margin: 0 auto;
     }

     #M3 {}

     #M3 ul {
         width: 100%;
         display: flex;
     }

     #M3 ul li {
         width: 100%;
         position: relative;
         z-index: 1;
         background: #341f1a;
         transition: 0.5s;
     }

     #M3 ul li .imgbox::before {
         position: absolute;
         content: '';
         display: block;
         width: 100%;
         height: 100%;
         inset: 0;
         z-index: 1;
         background: #341f1a;
         transition: 0.5s;
         opacity: 0.8;
     }

     #M3 ul li:hover .imgbox::before {
         opacity: 0;
     }

     #M3 ul li img {
         width: 100%;
         filter: brightness(0.8) sepia(1);
         transition: none;
     }

     #M3 ul li:hover img {
         filter: none;
     }

     #M3 ul li .desc {
         transition: 0.5s;
         position: absolute;
         z-index: 1;
         color: #fff;
         text-align: center;
         align-content: center;
         font-weight: 500;
         font-size: 1.5rem;
         padding: 0.625rem 1.75rem;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         text-wrap: nowrap;
         border-radius: 0.25rem;
     }

     #M3 ul li:hover .desc {
         background: #341f1a;
     }

     #M4 {
         display: flex;
         flex-wrap: wrap;
     }

     #M4 p {
         margin-top: 0.25rem;
         line-height: 1;
         font-size: 10px;
         font-weight: 300;
         color: #1f1f1f;
     }

     #M4 .bg:hover img {
         filter: brightness(1.1);
     }

     #M4 .right {
         margin: 0 auto;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         gap: 3rem;
     }

     #M5 {
         display: flex;
         padding-block: 8rem 5rem;
         padding-left: 5%;
         height: 100vh;
         background: url(../img/m5-bg.jpg) no-repeat center / cover;
     }

     #M5 .title {
         min-width: 25%;
     }

     #M5 .title h3 {
         color: #fff;
         font-weight: 300;
         font-size: 2.5rem;
         line-height: 1.3;
         margin-bottom: 1rem;

         b {
             font-weight: 700;
         }
     }

     #M5 .swiper {
         width: 100%;
     }

     #M5 .slide-bt {
         display: flex;
         gap: 0.75rem;
     }

     #M5 .slide-bt img {
         cursor: pointer;
     }

     #M5 .swiper-slide {
         position: relative;
     }

     #M5 .swiper-slide .imgbox {
         position: relative;
         height: 100%;
     }

     #M5 .swiper-slide img {
         opacity: 0.6;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     #M5 .swiper-slide-active img {
         opacity: 1;
     }

     #M5 .swiper-slide .desc {
         position: absolute;
         bottom: 8%;
         left: 10%;
         color: #fff;
     }

     #M5 .swiper-slide h4 {
         font-size: 1.5rem;
         font-weight: 700;
         margin-bottom: 0.75rem;
     }

     #M5 .swiper-slide p {
         font-weight: 300;
     }

     #M6 {
         padding: 5rem;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }

     #M6 .bg:hover img {
         filter: brightness(1.2);
     }

     #M6 ul {
         min-width: 34%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
     }

     #M6 ul li {
         display: flex;
         width: 100%;
         align-items: center;
         background: #402d1f;
         color: #fff;
         padding: 1rem 2rem;
     }

     #M6 ul li:hover {
         filter: brightness(1.18);
     }

     #M6 ul li:nth-child(even) {
         background: #5d4735;
     }

     #M6 ul li h4 {
         opacity: 0.3;
         margin-right: 2rem;
         font-weight: 300;
         font-size: 3.25rem;
     }

     #M6 ul li .desc h5 {
         font-size: 1.5rem;
     }

     #M6 ul li .desc p {
         font-size: 1rem;
     }

     video {
         display: block;
         width: 100%;
         height: 100%;
     }

     #M8 {
         display: flex;
         width: 100%;
     }

     #M8 .box {
         min-width: 50%;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         color: #fff;
         padding: 3.5rem;
     }

     #M8>div:hover {
         filter: brightness(1.15);
     }

     #M8 .location {
         background: #402d1f;
     }

     #M8 .advert {
         background: #5d4735;
     }

     #M8 h4 {
         font-size: 1.625rem;
         margin-bottom: 0.625rem;
     }

     #M8 a {
         padding: 0.875rem 2rem;
         border: 1px solid #fff;
         display: flex;
         align-items: center;
         color: #fff;
         gap: 6px;
         font-weight: 700;
         letter-spacing: -0.02vw;
     }

     #M8 a i {
         display: block;
     }

     #M8 .contact {
         display: flex;
         flex-direction: column;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: 4;
         background: #fff;
         border-radius: 50rem;
         padding: 1.5rem 4rem;
         text-align: center;
     }

     #M8 .contact h4 {
         font-weight: 800;
         color: #402d1f;
         margin-bottom: 0.2rem;
     }

     #M8 .contact p {
         font-size: 1.125rem;
         color: #000;
         font-weight: 500;
         letter-spacing: -0.05vw;
     }

     footer {
         background: #030203;
         padding: 6rem;
     }

     .footer-wrap .desc {
         margin-top: 5rem;
         /* text-align: right; */
         line-height: 1.5;
         color: #fff;
     }

     .footer-wrap .desc h5 {
         font-size: 2rem;
         margin-bottom: 1rem;
         display: inline-block;
     }

     .footer-wrap .desc::first-line {
         font-size: 1.125rem;
     }

     .footer-wrap .copy {
         margin-top: 3rem;
         color: #bdbdbd;
     }

     /*퀵메뉴*/
     #quick {
         position: fixed;
         top: 80%;
         right: 0;
         z-index: 100000;
         margin-top: -210px;
         letter-spacing: 0;
         box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
         border-radius: 15px 0 0 0;
         overflow: hidden;
     }

     #quick .menu {
         width: 90px;
         text-align: center;
         background: #fff;
     }

     #quick .menu h2 {
         line-height: 37px;
         color: #fff;
         font-weight: 700;
         font-size: 14px;
         background: #ea5413;
         border-radius: 15px 0 0 0;
     }

     #quick .menu li+li {
         border-top: 1px solid #E2E2E2;
     }

     #quick .menu li:last-child {
         border-radius: 0 0 20px 0;
     }

     #quick .menu a {
         display: block;
         padding: 15px 0;
         font-size: 1.4rem;
         line-height: 1.2;
         font-weight: 500;
         color: #767676;
     }

     #quick .menu a:hover {
         background: #f7f5f5;
         color: #ea5413;
     }

     #quick .menu a span {
         color: #ea5413;
         font-size: 2rem;
         display: block;
         margin-bottom: 10px;
         max-height: 2rem;
     }

     #quick .menu .number a span {
         font-size: 1.5rem;
         display: block;
         padding: 0;
         max-height: 100%;
         margin-block: 0;
         font-weight: 700;
     }

     #quick .menu a span img {
         margin: 0 auto;
     }

     #quick .menu a strong {
         display: block;
         font-weight: 500;
         font-size: 14px;
     }

     .quick_consult_pop {
         display: none;
         position: fixed;
         top: 68.5%;
         right: 92px;
         z-index: 111111000;
         width: 320px;
         margin-top: -210px;
         padding: 2rem;
         background: #fff;
         box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
     }

     .quick_consult_pop .btn_pop_close {
         position: absolute;
         top: 20px;
         right: 20px;
         width: 16px;
         height: 16px;
         background: url('../images/common/icon_quick_close.svg') no-repeat center/contain;
         font-size: 20px;
     }

     .quick_consult_pop h3 {
         margin: 12px 0;
         font-size: 2rem;
         color: #ea5413;
         font-weight: 700;
         text-align: left;
         background: no-repeat center top;
         background-size: 6rem auto;
     }

     .quick_consult_pop .stxt {
         margin-bottom: 25px;
         font-size: 16px;
         line-height: 1.37;
         text-align: center;
     }

     .quick_consult_pop input[type="text"],
     .quick_consult_pop textarea,
     .quick_consult_pop select {
         width: 90%;
         height: 44px;
         padding-left: 15px;
         border: 1px solid #E8E9ED;
         border-radius: 3px;
         font-size: 14px;
         color: #909090;
         margin-bottom: 13px;
     }

     .quick_consult_pop textarea {
         height: 80px;
     }

     .quick_consult_pop .inp_chk {
         padding: 5px 0;
         display: block;
     }

     .quick_consult_pop .btn_submit {
         width: 100%;
         height: 44px;
         margin-top: 10px;
         text-align: center;
         border-radius: 3px;
         font-size: 15px;
         font-weight: 700;
         color: #fff;
         background: #ea5413;
     }

     .quick_consult_pop .tbox {
         border-radius: 3px;
         color: #ea5413;
         padding: 1rem 0;
         line-height: 1.7;
         text-align: center;
     }

     .quick_consult_pop .tbox strong {
         display: inline-block;
         font-size: 15px;
         color: #ea5413;
         font-weight: 500;
         margin-right: 7px;
     }

     .quick_consult_pop .tbox span {
         display: inline-block;
         color: #ea5413;
         font-size: 23px;
         font-weight: 600;
     }


     .quick_consult_pop .btn_submit {
         width: 100%;
         height: 44px;
         margin-top: 10px;
         text-align: center;
         border-radius: 3px;
         font-size: 15px;
         font-weight: 700;
         color: #fff;
         background: #ea5413;
     }

     #quick2 {
         display: none
     }

     .quick2_consult_pop {
         display: none
     }

     @media all and (max-width:1399px) {
         #quick {
             top: 60%;
             margin-top: 0;
         }

         #quick .menu a strong {
             font-size: 12px;
         }

         #quick .menu {
             width: 78px;
         }

         #quick .menu a {
             padding: 12px 0;
         }

         #quick .menu a span {
             margin-bottom: 8px;
         }

         /*#quick { top:80%;right:-60px; }
		#quick .menu h2 {line-height:37px;width: 20px;float: left;color:#fff;font-weight:700;font-size:14px;background: #ea5413;border-radius: 15px 0 0 0;}*/
         /*	#quick .menu li+li {float: left;}*/
         /*#quick .menu {width:10px;text-align:center;background:#fff;}*/

         #quick2 {
             display: block;
             position: relative;
             height: 90px;
             margin-bottom: 20px;
             /*top:80%;right:0;z-index:100000;margin-top:-210px;*/
             letter-spacing: 0;
             box-shadow: 0 0 0rem 0 rgba(0, 0, 0, 0.1);
             border-radius: 0px 0 0 0;
         }

         #quick2 .menu {
             position: relative;
             width: 100%;
             text-align: center;
             background: #fff;
             height: 50px;
             display: inline-block
         }

         #quick2 .menu h2 {
             display: none
         }

         #quick2 .menu li+li {
             border-left: 1px solid #E2E2E2;
         }

         #quick2 .menu li {
             width: 33.3%;
             float: left;
             height: 90px;
             box-sizing: border-box;
             float: left;
             display: inline-block
         }

         /*#quick2 .menu li:last-child{border-radius:0 0  0px 0;}*/
         #quick2 .menu a {
             display: block;
             padding: 15px 0;
             font-size: 1.4rem;
             line-height: 1.2;
             font-weight: 500;
         }

         #quick2 .menu a span {
             color: #ea5413;
             font-size: 2rem;
             display: block;
             /*margin-bottom: 10px;*/
         }

         #quick2 .menu a strong {
             display: block;
             font-weight: 500;
             font-size: 1rem;
         }

         .quick2_consult_pop {
             display: none;
             position: fixed;
             bottom: 13%;
             left: 0px;
             z-index: 111111000;
             width: 96%;
             margin-left: 2%;
             margin-top: 0px;
             padding: 1rem;
             background: #fff;
             box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
             box-sizing: border-box
         }

         .quick2_consult_pop .btn_pop_close {
             position: absolute;
             top: 15px;
             right: 20px;
             width: 16px;
             height: 16px;
             background: url('../images/common/icon_quick_close.svg') no-repeat center/contain;
             font-size: 20px;
         }

         .quick2_consult_pop h3 {
             margin: 12px 0;
             font-size: 2rem;
             color: #ea5413;
             font-weight: 700;
             text-align: left;
             background: no-repeat center top;
             background-size: 6rem auto;
         }

         .quick2_consult_pop .stxt {
             margin-bottom: 25px;
             font-size: 16px;
             line-height: 1.37;
             text-align: center;
         }

         .quick2_consult_pop input[type="text"],
         .quick2_consult_pop textarea,
         .quick2_consult_pop select {
             width: 90%;
             height: 44px;
             padding-left: 15px;
             border: 1px solid #E8E9ED;
             border-radius: 3px;
             font-size: 14px;
             color: #909090;
             margin-bottom: 13px;
         }

         .quick2_consult_pop textarea {
             height: 80px;
         }

         .quick2_consult_pop .inp_chk {
             padding: 5px 0;
             display: block;
         }

         .quick2_consult_pop .btn_submit {
             width: 100%;
             height: 44px;
             margin-top: 10px;
             text-align: center;
             border-radius: 3px;
             font-size: 15px;
             font-weight: 700;
             color: #fff;
             background: #ea5413;
         }

         .quick2_consult_pop .tbox {
             border-radius: 3px;
             color: #ea5413;
             padding: 1rem 0;
             line-height: 1.7;
             text-align: center;
         }

         .quick2_consult_pop .tbox strong {
             display: inline-block;
             font-size: 15px;
             color: #ea5413;
             font-weight: 500;
             margin-right: 7px;
         }

         .quick2_consult_pop .tbox span {
             display: inline-block;
             color: #ea5413;
             font-size: 23px;
             font-weight: 600;
         }


         .quick2_consult_pop .btn_submit {
             width: 100%;
             height: 44px;
             margin-top: 10px;
             text-align: center;
             border-radius: 3px;
             font-size: 15px;
             font-weight: 700;
             color: #fff;
             background: #ea5413;
         }
     }

     /*-----------------------------------------------------------------------------------------------------------
퀵메뉴
-----------------------------------------------------------------------------------------------------------*/

     .quick_box {
         position: fixed;
         z-index: 11;
         right: 25px;
         bottom: 50px !important;
         width: 84px;
     }

     ul.quick_sns {}

     ul.quick_sns li {
         display: block;
         text-align: center;
         transition: all 0.6s;
         vertical-align: top;
         width: 84px;
         height: 120px;
         margin-bottom: 5px;
     }

     ul.quick_sns li a {
         position: relative;
         font-size: 14px;
         letter-spacing: 0px;
         line-height: 18px !important;
         color: #000;
         width: 84px;
         height: 120px;
         display: inline-block;
         background: url('/../img/main/sns.png') no-repeat;
         background-position: -86px 0px;
     }

     ul.quick_sns li:nth-child(1) a {
         background: url('/../img/main/sns.png') no-repeat;
         border-radius: 10px;
         background-position: -86px 0px;
         width: 84px;
         overflow: hidden;
         padding-top: 70px
     }

     .regit {
         position: fixed;
         right: 12px;
         top: 25%;
         z-index: 9;
         max-width: 7.5rem;
     }

     .regit:hover {
         transform: translateY(-3%);
     }

     @media all and (max-width:767px) {
         .regit {
             top: 20%;
             max-width: 5.5rem;
         }

         #quick .menu .number a span {
             font-size: 1.25rem;
         }

         header {
             height: auto;
         }

         .logo {
             padding-top: 4px;
             display: block;
             max-width: 12rem;
         }

         header .header-wrap {
             flex-direction: column;
             padding-inline: 1rem;
         }

         header nav {
             display: none;
         }

         #M1::before {
             opacity: 1;
         }

         #M1 .hero-title {
             right: auto;
             left: auto;
             width: 100%;
             text-align: center;
             text-shadow: none;
         }

         #M1 .hero-title h2 {
             font-weight: 500;
         }

         #M1 .hero-title p {
             font-size: 1.25rem;
             font-weight: 400;
         }

         #M2 {
             padding-bottom: 5rem;
         }

         #M2 ul {
             gap: 1rem;
             padding: 3rem 1.5rem;
             transform: translateY(0);
         }

         #M2 .desc {
             padding-block: 3rem 5rem;
         }

         #M2 .desc p {
             font-size: 1.125rem;
         }

         #M2 .desc img {
             max-width: 12rem;
         }

         #M3 ul {
             flex-direction: column;
         }

         #M3 ul li .desc {
             font-size: 17px;
             font-weight: 600;
         }

         #M4 {
             height: auto;
         }

         #M4 .bg {
             height: 100vh;
         }

         #M4 .bg img {
             height: 100%;
             object-fit: cover;
         }

         #M4 p {
             letter-spacing: -0.1px;
         }

         #M4 .right {
             padding: 4rem 2rem;
         }

         #M5 {
             flex-direction: column;
             padding-block: 7rem 10rem;
         }

         #M5 .title {
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding-right: 1rem;
             margin-bottom: 1.5rem;
         }

         #M5 .title h3 {
             font-size: 1.625rem;
         }

         #M5 .slide-bt {
             gap: 1rem;
         }

         #M5 .slide-bt img {
             max-width: 3rem;
             max-height: 3rem;
         }

         #M5 .swiper-slide .desc {
             left: 8%;
         }

         #M5 .swiper-slide h4 {
             font-size: 1.125rem;
         }

         #M5 .swiper-slide p {
             font-size: 14px;
             opacity: 0.9;
         }

         #M6 {
             padding: 0;
         }

         #M6 ul {
             width: 100%;
         }

         #M6 ul li {
             padding: 1.75rem 1.25rem;
         }

         #M6 ul li .desc h5 {
             font-size: 1.125rem;
         }

         #M6 ul li .desc p {
             font-size: 14px;
             font-weight: 300;
             opacity: 0.9;
         }

         #M6 ul li h4 {
             font-size: 2.25rem;
             margin-right: 1.5rem;
         }

         #M8 {
             flex-direction: column;
         }

         #M8 h4 {
             font-size: 1.25rem;
         }

         #M8 a {
             font-size: 14px;
         }

         #M8 .contact {
             position: static;
             transform: translate(0);
             padding: 3rem;
         }

         #M8 .contact p {
             font-size: 1rem;
         }

         video {
             width: auto;
         }

         footer {
             font-size: 14px;
             padding: 5rem;
         }

         .footer-wrap .desc h5 {
             font-size: 1.5rem;
         }

         .f-logo {
             max-width: 12rem;
             margin: 0 auto;
         }

         .footer-wrap .desc {
             text-align: center;
             margin-top: 3rem;
         }
     }