@charset 'utf=8';

/* 변수선언 */
@import url(./variable.css);

/* Tablet */

.header .notice p {
  width: 200%;
  animation: noticeAni 100s infinite backwards;
}

.header .h-nav h1 {
  width: 30%;
}

.header .h-nav label {
  display: none;
}
.header .h-nav .checkbox-nav {
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.header .h-nav nav {
  width: 40%;
  display: block;
}
.header .h-nav nav .global-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  background-color: transparent;
  border-top: none;
  margin-top: 0px;
  text-align: center;
}

.header .h-nav nav .global-nav li {
  width: 80%;
  height: 70px;
}
.header .h-nav nav .global-nav li:nth-child(1) {
  margin-right: 1vw;
}
.header .h-nav nav .global-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 70px;
  border-bottom: none;
  text-indent: 0;
}

.header .h-nav .global-nav li:hover a {
  background-color: transparent;
}
/* 메인배너 */
.header .h-banner {
  height: 95vh;
}

.header .h-banner .video {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*********** main ***********/

/* main common */

.main section .m-title {
  display: none;
}
.main section .m-title2 {
  display: block;
}

.main section .s-title {
  display: none;
}
.main section .s-title2 {
  display: block;
}
.main section:nth-child(2) .s-title {
  display: none;
}

.main section .s-title2:hover {
  display: block;
}

/* title imgBox */
.main section .m-imgBox .imgBox {
  border-right: 1px solid #000;
}
.main section .m-imgBox .imgBox:nth-child(3) {
  border-right: none;
}

/* main title */
.main section .m-imgBox .imgBox .img-title {
  display: none;
}
.main section .m-imgBox .imgBox:hover .img-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

/*********** main Food ***********/
.main .food .m-imgBox {
  display: flex;
}

/*********** main Goods ***********/
.main .goods .m-imgBox {
  display: flex;
}

/*********** main Point(logo) ***********/

.main .m-point .logo {
  width: 100%;
  height: 10vw;
  margin-top: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;

  background: url(./images/star.png) no-repeat 33% 50% / 3%,
    url(./images/star.png) no-repeat 67% 50% / 3%;

  display: flex;
}

.main .m-point .logo h3 {
  width: 33.333333%;
  height: 100%;
}
.main .m-point .logo h3:nth-child(1) a {
  background: url(./images/logo_seongsu2.png) no-repeat 50% / 55%;
}
.main .m-point .logo h3:nth-child(2) a {
  background: url(./images/logo_jeju2.png) no-repeat 50% / 55%;
}
.main .m-point .logo h3:nth-child(3) a {
  background: url(./images/logo_yongsan.png) no-repeat 50% / 55%;
}

/* point */
.main .m-point .point {
  display: grid;
  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  border-bottom: 1px solid #000;
}
.main .m-point .point .p-box:nth-child(1) {
  margin-top: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.main .m-point .point .p-box:nth-child(2) {
  border-bottom: 1px solid #000;
}
.main .m-point .point .p-box:nth-child(3) {
  border-right: 1px solid #000;
}

/*********** main Reveiw ***********/

.main .m-reveiw {
  height: 30vh;
  display: flex;
}

.main .m-reveiw .reveiw {
  height: 100%;
  border-bottom: 5px solid #000;
}
.main .m-reveiw .re1 {
  border-right: 1px solid #000;
}

.main .m-reveiw .reveiw .reveiw-txt {
  font-size: var(--font-size-12);
}

/*********** footer ***********/

footer {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 40px 40px;
}

footer .f-info {
  width: 100%;
  height: 20vh;
}
footer .f-info .f-title {
  margin-bottom: 5px;
}
footer .f-info p {
  font-size: var(--font-size-11);
  line-height: 1.6;
  width: 80%;
}

footer .f-me {
  width: 40%;
  height: 10vh;
  justify-content: flex-end;
  align-items: end;
}

footer .f-me a {
  display: block;
  width: 150px;
  height: 40px;
  background-color: #000;
  color: #fff;
  font-size: var(--font-size-13);
  text-align: center;
  line-height: 40px;
}