@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@100;200;300;400;500;600;700;800;900&display=swap');


.main_content{	width:100%;	height:90vh;	display:flex;	justify-content:center;	align-items:center;	flex-direction:column; padding-left:16px; padding-right:16px;}
.main_content img{ max-width:700px; margin-bottom:20px;}

.main_content .text_wrap{width:100%; max-width:700px; background-color:#fff; padding:15px 15px 30px 15px; font-size:15px;}
.main_content .text_wrap div:first-child{ padding-left:40%; margin-bottom:15px;}
.main_content .text_wrap div:last-child{ font-family:"Helvetica"; line-height:23px;}

.main_content .text_wrap2{width:100%; max-width:700px; padding:15px 15px 30px 30px; font-size:36px; font-family:"Helvetica"; margin-top:70px; color:#A42201}
.main_content .text_wrap2 div:last-child{ font-family:"Helvetica"; font-size:15px; margin-top:30px;}

.main_content .text_wrap3{width:100%; max-width:700px; text-align:right; padding:15px 15px 30px 15px; font-size:15px; color:#A42201;}

.main_content2{	width:100%;  display:flex;	justify-content:center;	align-items:center;	flex-direction:column; padding-left:16px; padding-right:16px; padding-top:10%; padding-bottom:10%;}
.main_content2 .wrap { margin-bottom:70px; padding-left:16px; padding-right:16px;}
.main_content2 .wrap img{ width:100%; max-width:714px;}
.main_content2 .text_wrap3{width:100%; padding:0; font-size:36px; margin-top:30px; text-align:center;  color:#A42201;}
.main_content2 .text_wrap3 div:first-child{ font-size:36px; font-family:"Helvetica"; margin-bottom:40px; text-align:left; padding-left:60px;}
.main_content2 .text_wrap3 div:last-child{ font-size:16px;  font-family:"Helvetica";  margin-bottom:40px; text-align:left; padding-left:60px;}

.main_content2 .wrap2 { margin-bottom:70px; padding-left:16px; padding-right:16px; display:flex; flex-direction:row; width:100%;}
.main_content2 .wrap2 img{ width:100%; max-width:550px;}

.main_content3{	width:100%;  display:flex;	justify-content:center;	align-items:center;	flex-direction:column; padding-left:16px; padding-right:16px; padding-top:10%; padding-bottom:10%;}

.main_content3 button{ background-color:#6A2F1E; padding:10px 20px; color:#FDF3E6; font-family:"Helvetica"; font-size:20px; border:0px;}

.main_content3 .text_content{display:flex; width:100%; justify-content:space-between;}

.main_content3 .text_content .text_wrap1{width:45%; font-size:16px; font-family:"Helvetica"; line-height:25px; color:#A42201}

.main_content3 .text_content .text_wrap1 div:first-child{font-size:36px; font-weight:bold; margin-bottom:10%;}


.main_content3 .text_content .text_wrap2{width:45%; font-size:16px; font-family:"Helvetica"; line-height:25px;}
.main_content3 .text_content .text_wrap2 div:first-child{font-size:36px;  margin-bottom:10%;}

.step2{display:none}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-width:1000px;
  object-fit: cover;
}
.swiper-button-next , .swiper-button-prev{
	color:#000;
}

#bottom_logo{
	position:absolute; right:180px; bottom:30px;
	max-width:155px;
}


#hd_qnb a {

  /* 마우스 오버 상태일 때 스타일 변경 */
  &:hover {
    color: #E64227; /* 마우스 오버 시 텍스트 색상 변경 */
  }
}

.border-red{ border : 5px solid #E64227}

#brand_image1{	max-width:100px; width:100%; float:left; max-height:100px;}
#brand_image2{	max-width:100px; width:100%; float:left; max-height:100px;}
#res_image{width:100%; max-width:440px; margin:0 auto;}
#res_text{text-align:center; margin-top:60px; font-size:20px; color:#A42201}
#reservation2{display:none !important;}

@media (max-width:600px){

	.main_content{height:100vh;}
	.main_content .text_wrap div:first-child{ padding-left:0;}
	.main_content2 .wrap2{display:inline; padding-left:0px; padding-right:0px;}
	.main_content2 .text_wrap3 div:first-child{width:100%; padding-left:0px;}
	.main_content2 .text_wrap3 div:last-child{width:100%; padding-left:0px;}
	.main_content3 img { max-width:100%}
	.main_content3 .text_content{ display:inline;}
	.main_content3 .text_content .text_wrap1{width:100%;}
	.main_content3 .text_content .text_wrap1 div:first-child{margin-top:30px;}

	.swiper-button-next , .swiper-button-prev{ display:none !important; }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
	  max-width:1000px;
      object-fit: cover;
    }
	.swiper-button-next , .swiper-button-prev{		color:#000;	}	
	#ft_wr #ft_wrap{display:inline-block; padding-left:12px; padding-right:12px;}
	.ft_left{width:100%; word-break:break-word;}
	.ft_left span{width:auto; text-align:center; margin:0 auto; word-break:break-word;}
	#ft_wr .ft_right a{margin:0 auto; text-align:center;}
	#ft_wr .ft_right{ padding-top:10px; display:inline;}
	#bottom_logo{position:relative;right:0px;bottom:0px;	}
	#ft{position:relative !important; text-align:center;}
	#brand_image1{max-width:60px;max-height:60px;}
	#brand_image2{max-width:60px;max-height:60px;}
	#tnb{padding-right:16px;}
	#hd_qnb li{font-size:24px; margin-bottom:6px;}
	.main_content img{max-width:300px; width:100%; margin-bottom:0px;}

	
	#hd_qnb li:last-child{display:none;}

	#reservation2{display:inline-block !important; float:right;}

	/*#hd_qnb li:last-child{  display:none; position:absolute; top:16px; left:0px;  text-align:right; padding-right:16px; z-index:-1;}*/

	#ft_wr .ft_right img{max-width:80px;}
	.brand_text{padding-right:10px;}
	#ft_wr{padding-top:100px;}
	#ft_wr .ft_right img{position:fixed; bottom:30px}


	.main_content2 .wrap{padding-left:0px; padding-right:0px; margin-bottom:30px;}
	.main_content2 .text_wrap3{padding-top:12px; font-size:16px;margin-top:0px;}
	.main_content2 .text_wrap3 h2{font-size:16px;}
	.main_content2 .text_wrap3 div:first-child{font-size:16px;font-weight:bold;}
	.main_content2 .text_wrap3 div:last-child{font-size:13px;}

	#res_image{width:100%; max-width:250px; margin:0 auto;}
	#res_text{font-size:11px;}

	.main_content3 button{font-size:12px;}
	.main_content3 .text_content .text_wrap1 div:first-child{font-size:16px;}
	.main_content3 .text_content .text_wrap1{font-size:13px;}
	
	#main1{max-width:300px !important;}
	#main2{margin-top:30px; max-width:160px !important;}
}