@charset "euc-kr";

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

BODY,TD,input,DIV,form,a,span,TEXTAREA,center,pre,blockquote {font-family:'NanumSquareNeo', sans-serif;}

.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;
}

/* 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 80px 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:1200px; height:auto;padding:0px; }
#subBody1 { width: 99%; padding-top: 0px; margin: 0 auto 30px; }
#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: 1200px) {

/* 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 6px 0px 6px; 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; }

}