@charset "euc-kr";

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 900;
    font-display: swap;
}

body,td,table,input,div,form,a,p,span,textarea,center {font-family:'NanumSquareNeo', sans-serif; font-weight: 400;}

/* ¸ðµç ¸µÅ©ÀÇ ¹ØÁÙ °­Á¦ Á¦°Å */
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none !important;
    box-shadow: none !important;
}
/* ¸µÅ©³ª ¹öÆ°À» Ŭ¸¯ÇßÀ» ¶§(¶Ç´Â Æ÷Ä¿½ºµÇ¾úÀ» ¶§) »ý±â´Â ÆĶõ»ö/°ËÀº»ö Å׵θ® °­Á¦ Á¦°Å */
a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
input[type="button"]:focus, input[type="submit"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* PC */
.pc-space {
    height: 20px;
}

@media (max-width: 1200px) {
    .pc-space {
        height: 0;
    }
}

/* ǪÅÍ Àüü ÄÁÅ×ÀÌ³Ê °Ý¸® */
        .mmft-wrapper4, 
        .mmft-wrapper4 *, 
        .mmft-wrapper4 *:before, 
        .mmft-wrapper4 *:after {
            box-sizing: border-box !important;
            margin: 0;
            padding: 0;
        }

        /* Wrapper: ¹è°æ Èò»ö, Àüü ³Êºñ */
        .mmft-wrapper4 {
            width: 100% !important;
            background-color: #ffffff !important;
            font-family: 'NanumSquareNeo', sans-serif !important;
            line-height: 1.5 !important;
            color: #1a1a1a !important;
            display: block !important;
        }

        /* Container: PC ±âº» (max-width 1400px, Áß¾Ó Á¤·Ä) */
        .mmft-container4 {
            width: 100% !important;
            max-width: 1400px !important;
            margin: 0 auto !important;
            padding: 0px 10px 0px 10px !important;
            display: block !important;
        }

        /* ===== FOOTER ¸ÞÀÎ ÄÁÅÙÃ÷ ===== */
        .mmft-main {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            gap: 30px !important; 
            padding: 40px 0 0px !important; 
        }

        /* LEFT ¿µ¿ª (·Î°í + ȸ»ç Á¤º¸) */
        .mmft-left {
            flex: 1 1 100px !important;
            min-width: 240px !important;
            display: block !important;
        }

        /* ·Î°í ÀÚ¸® */
        .mmft-logo-placeholder {
            margin-bottom: 0px !important;
            display: inline-block !important;
            background-color: #fff !important;
            border-radius: 12px !important;
        }
        .mmft-logo-placeholder img {
            max-width: 230px !important;
            height: auto !important;
            display: block !important;
        }

        /* ȸ»ç Á¤º¸ ÅؽºÆ® */
        .mmft-company-info {
            margin-top: 4px !important;
            display: block !important;
        }
        .mmft-info-detail {
            font-size: 13px !important;
            color: #4a4a4a !important;
            padding-top: 10px !important;
            display: block !important;
        }
        .mmft-info-detail p {
            margin-bottom: 4px !important;
            font-size: 13px !important;
            color: #4a4a4a !important;
            line-height: 1.5 !important;
        }

        /* RIGHT ¿µ¿ª (³×ºñ°ÔÀÌ¼Ç + SNS + ÄÁÅÃÆ®) */
        .mmft-right {
            flex: 2 1 600px !important;
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 40px !important;
            justify-content: flex-end !important;
        }
        .mmft-nav-section, .mmft-sns-section, .mmft-contact-section {
            min-width: 140px !important;
            display: block !important;
        }
        
        /* ±×´©º¸µå h4 ÅÂ±× ½ºÅ¸ÀÏ °­Á¦ ¸®¼Â */
        .mmft-wrapper4 h4.mmft-title {
            font-size: 15px !important;			
            font-family: 'NanumSquareNeo', sans-serif !important;
            font-weight: 700 !important;
            color: #111111 !important;
            margin: 0 0 12px 0 !important;
            padding: 0 !important;
            letter-spacing: -0.2px !important;
            display: inline-block !important;
            border: none !important;
            background: none !important;
            height: auto !important;
            line-height: 1.2 !important;
        }
        
        /* ±×´©º¸µå ul, li ÅÂ±× ½ºÅ¸ÀÏ °­Á¦ ¸®¼Â */
        .mmft-wrapper4 ul.mmft-list {
            list-style: none !important;
            margin-top: 0px !important;
            padding: 0 !important;
            display: block !important;
        }
        .mmft-wrapper4 ul.mmft-list li {
            margin: 0 0 6px 0 !important;
            padding: 0 !important;
            font-size: 13px !important;
            color: #3a3a3a !important;
            line-height: 1.4 !important;
            background: none !important;
            width: auto !important;
            float: none !important;
            border: none !important;
            text-align: left !important;
            transition: transform 0.1s ease, color 0.2s !important;
        }
        .mmft-wrapper4 ul.mmft-list li:last-child {
            margin-bottom: 0 !important;
        }
        .mmft-wrapper4 ul.mmft-list li a {
            text-decoration: none !important;
            color: inherit !important;
            display: inline-block !important;
        }
        .mmft-wrapper4 ul.mmft-list li:hover {
            color: #000000 !important;
            transform: translateX(2px) !important;
        }
        
        .mmft-contact-section li {
            word-break: keep-all !important;
        }

        /* Ä«ÇǶóÀÌÆ® ¿µ¿ª */
        .mmft-copyright {
            display: block !important;
            width: 100 !important;
            border-top: 1px solid #eceef2 !important;
            margin-top: 40px !important; 
            padding: 24px 0 25px !important; 
            text-align: center !important;
            font-size: 13px !important;
            color: #7c7c7c !important;
            letter-spacing: 0.2px !important;
            clear: both !important;
            background: none !important;
        }
        .mmft-copyright p {
            font-weight: 400 !important;
            font-size: 13px !important;
            color: #7c7c7c !important;
            margin: 0 !important;
            padding: 0 !important;
            opacity: 0.75 !important;
        }

        /* ===== ¹ÝÀÀÇü : ÅÂºí¸´ (ÃÖ´ë 1024px) ===== */
        @media (max-width: 1024px) {
            .mmft-container4 {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }
            .mmft-main {
                display: block !important;
                padding: 35px 0 0px !important; 
            }
            .mmft-left {
                width: 100% !important;
                display: block !important;
                margin-bottom: 30px !important; 
            }
            .mmft-right {
                width: 100% !important;
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                justify-content: flex-start !important;
                gap: 0px !important;
            }
            .mmft-nav-section, .mmft-sns-section, .mmft-contact-section {
                flex: 1 !important;
                width: 33.333% !important;
                min-width: 0 !important;
                text-align: left !important;
            }
            /* ÅÂºí¸´ °£°Ý °íÁ¤ */
            .mmft-copyright {
                margin-top: 50px !important;
                padding-top: 20px !important;
                text-align: center !important;
            }
        }

        /* ===== ¹ÝÀÀÇü : ¸ð¹ÙÀÏ (ÃÖ´ë 768px) ===== */
        @media (max-width: 768px) {
            .mmft-container4 {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }
            .mmft-main {
                display: block !important;
                padding: 30px 0 0px !important; 
            }
            .mmft-left {
                width: 100% !important;
                margin-bottom: 30px !important;
            }
            .mmft-info-detail {
                font-size: 12px !important;
            }
            .mmft-info-detail p {
                font-size: 12px !important;
            }
            .mmft-wrapper4 h4.mmft-title {
                font-size: 13px !important;
                margin-bottom: 10px !important;
            }
            .mmft-wrapper4 ul.mmft-list li {
                font-size: 11px !important;
                margin-bottom: 6px !important; 
            }
            
            .mmft-right {
                display: block !important; 
                width: 100% !important;
            }
            .mmft-nav-section {
                float: left !important;
                width: 50% !important;
            }
            .mmft-sns-section {
                float: left !important;
                width: 50% !important;
            }
            
            /* ¸ð¹ÙÀÏ CONTACT 50px °£°Ý °Ý¸® °íÁ¤ */
            .mmft-contact-section {
                clear: both !important;
                width: 100% !important;
                display: block !important;
                padding-top: 50px !important; 
                margin-top: 0px !important;
            }
            
            /* ¸ð¹ÙÀÏ Ä«ÇǶóÀÌÆ® 50px °£°Ý °Ý¸® °íÁ¤ */
            .mmft-copyright {
                margin-top: 50px !important;
                padding: 20px 0 22px !important; 
                font-size: 12px !important;
                text-align: left !important; 
            }
            .mmft-copyright p {
                font-size: 11px !important;
            }
    .mmft-logo-placeholder img {
        max-width: 170px !important; /* PC(230px)º¸´Ù ÀÛ°Ô 170px·Î Á¶Àý (¿øÇϽô ũ±â·Î º¯°æ °¡´É) */
    }

    .mmft-container4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
        }

        /* °¶·°½Ã Æúµå ¹Ì¼¼ Á¶Á¤ */
        @media (max-width: 380px) {
            .mmft-info-detail {
                font-size: 11px !important;
            }
            .mmft-info-detail p {
                font-size: 11px !important;
            }
        }

        @media (min-width: 1400px) {
            .mmft-container4 {
                padding: 0 !important;
            }
            .mmft-main {
                padding: 45px 0 0px !important;
            }
        }



 /* ÀÏ¹Ý ÅÂºí¸´ ¹× ¼ÒÇü µ¥½ºÅ©Åé */
@media (max-width: 1199px) {
  #s_blank {
    height: 97px;
  }
}

/* ¸ð¹ÙÀÏ ±â±â (½º¸¶Æ®Æù) */
@media (max-width: 767px) {
  #s_blank {
    height: 97px;
  }
}

/* µ¥½ºÅ©Åé */
@media (min-width: 1200px) {
  #s_blank {
    height: 0px;
  }
}


 /* ÀÏ¹Ý ÅÂºí¸´ ¹× ¼ÒÇü µ¥½ºÅ©Åé */
@media (max-width: 1199px) {
  #n_blank {
    height: 40px;
  }
}

/* ¸ð¹ÙÀÏ ±â±â (½º¸¶Æ®Æù) */
@media (max-width: 767px) {
  #n_blank {
    height: 40px;
  }
}

/* µ¥½ºÅ©Åé */
@media (min-width: 1200px) {
  #n_blank {
    height: 150px;
  }
}



 /* ÀÏ¹Ý ÅÂºí¸´ ¹× ¼ÒÇü µ¥½ºÅ©Åé */
@media (max-width: 1199px) {
  #y_blank {
    height: 100px;
  }
}

/* ¸ð¹ÙÀÏ ±â±â (½º¸¶Æ®Æù) */
@media (max-width: 767px) {
  #y_blank {
    height: 100px;
  }
}

/* µ¥½ºÅ©Åé */
@media (min-width: 1200px) {
  #y_blank {
    height: 100px;
  }
}

.wrapper2 {
  width: 100%;
  background: #fff;
  padding: 0px 0px 80px 0px;
}

/* PC¿ë ÄÁÅ×À̳Ê(°¡·Î 1400, °¡¿îµ¥ Á¤·Ä). ¸ð¹ÙÀÏ¿¡¼­´Â max-width·Î Á¦¾î */
.container2 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding: 0 10px; /* ÁÂ¿ì ±âº» 10px */
}

/* ÁÂ/¿ì Ä÷³ ±âº» ¼³Á¤ */
.footer-left,
.footer-right {
  display: flex;
  flex-direction: column;
}

/* Á¦¸ñ: PC/ÅÂºí¸´/¸ð¹ÙÀÏ ¸ðµÎ µ¿ÀÏÇÑ Å©±â(¸í½ÃÀûÀ¸·Î ÅëÀÏ) */
.footer-title {
  font-size: 18px;        /* **¸ðµç ±â±â µ¿ÀÏ** */
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;    /* Á¦¸ñ ¾Æ·¡ 20px °£°Ý */
  padding-left: 7px;
  padding-right: 7px;
  font-family:'NanumSquareNeoBold', sans-serif;
}

.footer-title1 {
  font-size: 18px;        /* **¸ðµç ±â±â µ¿ÀÏ** */
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;    /* Á¦¸ñ ¾Æ·¡ 20px °£°Ý */
  font-family:'NanumSquareNeoBold', sans-serif;
}

/* FOLLOW ¾ÆÀÌÄÜ °¡·Î¹èÄ¡ */
.follow-icons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.follow-icons img {
  width: 40px;
  height: auto;
}

/* CONTACT ³»ºÎ ÅؽºÆ® - ±âº»(PC)¿¡¼­´Â ¿À¸¥ÂÊ Á¤·Ä */
.footer-right {
  align-items: flex-end;  /* PC: ¿À¸¥ÂÊ Á¤·Ä(ºí·Ï ³»ºÎ ¿ä¼Ò ¿ìÃø Á¤·Ä) */
  text-align: right;      /* ÅؽºÆ® ¿À¸¥ÂÊ Á¤·Ä */
}

.footer-right .info {
  font-size: 15px;
  color: #444;
  margin-bottom: 6px;
  font-family:'NanumSquareNeo', sans-serif;
}

/* COPYRIGHT */
.footer-right .copy {
  margin-top: 10px;
  color: #777;
  font-size: 14px;
  font-family:'NanumSquareNeo', sans-serif;
}

/* -------- ¹ÝÀÀÇü (ÅÂºí¸´ & ¸ð¹ÙÀÏ) -------- */
/* ÅÂºí¸´ ÀÌÇÏ¿¡¼­´Â ¼¼·Î Á¤·Ä + Áß¾ÓÁ¤·Ä, ÁÂ¿ì ¿©¹é 10px À¯Áö */
@media (max-width: 1199px) {
  .container2 {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-left: 10px;  /* Á¿ì 10px °íÁ¤ */
    padding-right: 10px;
    gap: 24px;
  }

  .footer-left,
  .footer-right {
    align-items: center;  /* Áß¾Ó Á¤·Ä */
    text-align: center;
  }

  /* Á¦¸ñ Å©±â º¯È­ ¾øÀ½(µ¿ÀÏ À¯Áö) - ¸í½ÃÀûÀ¸·Î µ¿ÀÏÇÏ°Ô µÎ¾úÀ¸¹Ç·Î ¾Æ·¡´Â »ý·« °¡´É */
  .footer-title {
    /* font-size: 18px; */ 
  }

  .follow-icons img {
    width: 40px;
  }

  .footer-right .info {
    font-size: 14px;
  }

  .footer-right .copy {
    font-size: 13px;
  }
}

/* ¸ð¹ÙÀÏ(ÀÛÀº È­¸é) */
@media (max-width: 600px) {
  .wrapper2 {
    padding: 0px 0px 120px 0px;
  }

  .follow-icons img {
    width: 40px;
  }

  .footer-right .info {
    font-size: 13px;
  }

  .footer-right .copy {
    font-size: 12px;
  }
}
/* ==============================================
   layout
   ============================================== */

/* sub body */

#subBodyLine { width: 100%; min-height: 1px; border-top: 1px solid #eeeeee; padding-top: 30px; margin: 0 auto 30px; }

#subBodyLine_foot { width: 100%; min-height: 1px; border-top: 1px solid #eeeeee; padding-top: 10px; margin: 0 auto 10px; }
#subBody { top:20px;margin:0 auto;max-width:1400px; height:auto;padding:0px; }
#subBody1 { top:20px;margin:0 auto;max-width:1600px; height:auto;padding:0px; }
#subBody2 { width: 100%; padding-top: 0px; margin: 0 auto 30px; }

/* body right */

#subBody .bodyRight {min-height: 500px;}
#subBody .bodyRight .titleArea { position: relative; height: 64px; border-bottom: 1px solid #d8d8d8; padding: 12px 0; margin-bottom: 45px;}
#subBody .bodyRight .titleArea h3 { line-height: 40px; font-size: 22px;}
#subBody .bodyRight .titleArea ul.location { position: absolute; right: 0; bottom: 14px; height: 20px;}
#subBody .bodyRight .titleArea ul.location li { float: left; color: #4e4e4e; background: url(../images/common/location_devider.png) left center no-repeat; padding-left: 12px; margin-left: 6px;}
#subBody .bodyRight .titleArea ul.location li.home { background-image: url(../images/common/location_home.png); padding-left: 16px;}


/* mediaquery for mobile */

@media only screen and (max-width: 1400px) {

/* sub body */
#subBodyLine { width: 100%; min-height: 1px; border-top: 0px solid #FFFFFF; padding-top: 0px; margin: 0 auto 0px; }
#subBody { width: auto; padding: 0px 15px 0px 15px; margin: 0 auto 20px 0px; }
#subBody1 { width: auto; padding: 0px 6px 0px 6px; margin: 0 auto 20px 0px; }
#subBody2 { width: auto; padding: 0px 0px 0px 0px; margin: 0 auto 0px 0px; }

/* body right */

#subBody .bodyRight { min-height: 20px;}
#subBody .bodyRight .titleArea { position: relative; height: 64px; border-bottom: 1px solid #d8d8d8; padding: 12px 0; margin-bottom: 45px;}
#subBody .bodyRight .titleArea h3 { line-height: 40px; font-size: 22px;}
#subBody .bodyRight .titleArea ul.location { position: absolute; right: 0; bottom: 14px; height: 20px;}
#subBody .bodyRight .titleArea ul.location li { float: left; color: #4e4e4e; background: url(../images/common/location_devider.png) left center no-repeat; padding-left: 12px; margin-left: 6px;}
#subBody .bodyRight .titleArea ul.location li.home { background-image: url(../images/common/location_home.png); padding-left: 16px;}

}



/* ==============================================
   unit
   ============================================== */

/* form */


/* align */

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}

/* button */

a {
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}



/* ==============================================
   contents
   ============================================== */

/* introduce */

#subBody.introduce .btnList { margin-top: 50px; }

/* product */

.productSlide { position: relative; height: 350px; margin-bottom: 50px; overflow: hidden; }
.productSlide ul.slides li { height: 350px; }

.productSlide ul.flex-direction-nav li a { display: block; position: absolute; top: 50%; width: 47px; height: 47px; text-indent: -9999px; margin-top: -24px; cursor: pointer; z-index: 999; }
.productSlide ul.flex-direction-nav li a.flex-prev { left: 20px; background: url(../images/common/btn_slide_prev.png) 0 0 no-repeat; }
.productSlide ul.flex-direction-nav li a.flex-next { right: 20px; background: url(../images/common/btn_slide_next.png) 0 0 no-repeat; }

/* reservation */

.reservationBox {*zoom:1;} /* Hack for browser IE5.5~7 */
.reservationBox:after { content:" "; display:block; clear:both;} /* float virtual element */
.reservationBox { border: 4px solid #4a4a4a; padding: 40px 0; }
.reservationBox h4 { line-height: 40px; font-size: 13px; font-weight: bold; margin-bottom: 4px; }
.reservationBox .writeArea { float: left; width: 50%; height: 100px; padding: 0 38px; }
.reservationBox .writeArea a.btn { background-color: #cb3233 !important; padding: 0 20px; margin-left: 10px; }
.reservationBox .searchArea { float: left; width: 50%; height: 100px; border-left: 1px solid #4a4a4a; padding: 0 38px; }
.reservationBox .searchArea input.submit { color: #fff !important; font-weight: bold !important; background-color: #cb3233 !important; padding: 0 20px !important; }

#subBody.reservationIntro .btnList { margin-top: 50px; }

@media only screen and (max-width: 800px) {


/* introduce */

#subBody.introduce .btnList { margin-top: 30px; }

/* product */

.productSlide { position: relative; height: 200px; margin-bottom: 30px; }
.productSlide ul.slides li { height: 200px; }

.productSlide ul.flex-direction-nav li a { width: 24px; height: 24px; margin-top: -12px; }
.productSlide ul.flex-direction-nav li a.flex-prev { left: 6px; -webkit-background-size: 100% auto; background-size: 100% auto; }
.productSlide ul.flex-direction-nav li a.flex-next { right: 6px; -webkit-background-size: 100% auto; background-size: 100% auto; }

/* reservation */

.reservationBox { padding: 16px 16px 24px; }
.reservationBox h4 { line-height: 30px; }
.reservationBox .writeArea { float: none; width: auto; height: auto; padding: 0 0 24px 0; }
.reservationBox .writeArea a.btn { width: 160px; text-align: center; padding: 0; margin: 10px 0 0 0; }
.reservationBox .searchArea { float: none; width: auto; height: auto; border: 1px solid #4a4a4a; border-width: 1px 0 0; padding: 15px 0 0 0; }
.reservationBox .searchArea input.text { width: 100px; }
.reservationBox .searchArea input.submit { padding: 0 10px !important; }

#subBody.reservationIntro .btnList { margin-top: 30px; }

}