@charset "utf-8";
@import url("./aritaburi.css");


@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* common _ jyp */

body {font-family: 'NanumSquare', sans-serif;color:#000;letter-spacing:-0.02em; -webkit-text-size-adjust: none;font-weight:400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {color:#333;margin:0;padding:0;}
table,td,th {font-family: 'NanumSquare', sans-serif;color:#000;}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li {list-style:none;}
a,img {outline:0;text-decoration:none; border:0;}
a:link,a:visited,a:active,a:hover {outline:0;text-decoration:none;color:#000;}
img.fit {width:100%;}
img.max-fit {max-width:100%;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {margin-top:0;font-family: 'NanumSquare', sans-serif;}
.row {padding-right:0px !important;padding-left:0px !important}
.row::after {clear:both;}
.row::before,.row::after {display:table;content: " ";}
[canvas=container],
[off-canvas] {padding: 10px 20px;}
[class*=js-] {cursor: pointer;}


/*main*/

/*floting button*/
.Floating {z-index:99; position:absolute; bottom:220px; right:20px;   }
 .Floating a {
    text-decoration: none;
    text-align: center;
 
   
  }
  
  
  .Floating .top h1 {
    margin: 0;
    padding: 10px;
    background-color: #78819f; /* 버튼 배경 색 */
    color: #fff; /* 텍스트 색 */
    
    border-radius: 100px;  
    font-size: 16px;
    display: flex;
    flex-direction: column; /* 텍스트 세로 정렬 */
    align-items: center;
  }

  .Floating .top img {
    width: 28px; /* 이미지 크기 조정 */
    height: 28px;
  }

  .Floating h1 span {
    font-size: 14px; /* 서브 텍스트 크기 */
  }
.Floating p{color:#fff; font-size:16px; line-height:1.5;}



#container{overflow:hidden;}
#main {
  width: 100%;
  height: 850px;
  padding: 0 5%;
  /*background: url(/images/main/sd_1.png)no-repeat center center;*/
  background-size: cover;
  align-items: center;
  display: flex;
  position: relative;
  z-index: 1;}   

.section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top:150px;
  scroll-snap-align: start; /* 각 섹션의 시작 부분에서 멈추도록 설정 */

}

/* Footer */
.P-footer {
  position:relative;
  clear:both;
  padding:50px 0 30px 0;
  width:100%;
  background:#181f37;
}
.P-footer2 {
  clear:both;
  padding-bottom: 20px;
  width:100%;
  background:#f4f4f4;
}
.footer-logo {display:none;}
.footer-info {width:100%;}
.footer-info li {
  width:100%;
  background:#000;
  padding:0px 0px 0px 0px;
}
.copy-item {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#ADADAD
}
/* Footer 끝*/

/*header*/
.P-member {display: none;}
#menu_box { display:none;}
.P-header {
  width: 100%;
  height: 70px;
  top: 0;
  z-index: 2;
  position: absolute;
  /*background-color: #fff;*/
  display: inline-block;
  border-bottom:1px solid rgba(255,255,255,0.5);
}
.P-header.active{background-color:rgba(255,255,255,0.1); top: 0; position: fixed;}
.P-header.active .P-nav-logo .logo_w{display:block;}
.P-header.active .P-nav-logo .logo_b{display:none;}
.P-header.active .P-nav-item{color: #fff !important;}
.logo_b{display:block;}
.logo_w{display:none;}

.wrap {width: 100%; max-width: 1280px; margin: auto; display:flex; justify-content:space-between; align-items:center;}
.P-footer .wrap {width: 100%; max-width: 1280px; margin: auto; display:flex; justify-content:space-between; align-items:center;}

.ft_left ul {display:flex; flex-direction:column; gap:2px;}
.ft_left ul li, .ft_right{color:#fff !important;}
.ft_left ul li:first-child{font-weight:800; font-size:18px;}
.ft_left ul li{line-height:1.5; font-size:16px; }
#totalANDzeroweb{text-align:right !important; }
#totalANDzeroweb>div{margin: 0px auto !important;
  width: 100%  !important;
  max-width: 1280px !important;}
.ft_right{font-size:28px; font-weight:800;}
.ft_right .tel{color:#fff;}
.ft_right .payment{color:#aaa; font-size:16px; font-weight:normal; margin-top:15px;}

.wrap > a {width:30%;float:left;}
.P-nav-logo {
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
/*.P-nav {float: right;width:35%;/*margin-right: 2%;cursor: pointer;}*/

.P-nav ul{display: flex; justify-content: flex-end;}

.P-header.active .P-nav-item:hover{color:#375599 !important;}
.P-header.active .P-nav-item {
  height: 70px;
  line-height: 70px;
  color: #000 !important;
}
.P-header.active {
  z-index: 99;
  background: #fff;
  position: fixed;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.P-nav-logo {
  width: 190px;
  padding: 30px 0;}
.main_logo{
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*.swiper-slide{cursor:unset !important;}*/

.swiper-container.pc {
  position: relative; /* 자식 요소 배치를 위해 상대 위치 */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); 
  z-index: 2; 
  pointer-events: none; 
  border-bottom-right-radius:200px;
  overflow:hidden;
}


#btn-top-menu{display: none !important;}
.P-nav-item {
  position: relative;
  margin-left: 37px;
  color: #fff !important;
  text-align: center;
  line-height: 70px;
  height: 70px;
  font-weight: 400;

  transition-duration: .2s;
  font-size: 16px;
  letter-spacing: 0px;
}
.visible-lg ul li:hover > ul{display:block;}
.P-nav-item:hover, .P-nav-item:focus {
  color: #375599 !important;
  height: 60px;
  font-weight: 900;
  text-decoration: none;
}
.visible-lg {display: block !important;}
.hidden-lg {display: none!important;}
.top-menu-title {position:absolute; top:50%; left:50%; transform:translate(-50%, -30%); width:100%;}
.top-menu-title p {
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.2;
  margin: initial !important;
}

.top-menu-title p span {
  display: block;
  color: #f1f1f1;
  font-size: 16px;
  font-weight: 400;
padding:15px;  
  word-break:keep-all;
  line-height:1.3;
}
/*header 끝*/

/*전체적용*/
#SUB_Scontent {max-width: 1280px;margin: 0 auto;}
.swiper-container {position: relative;/* float: left;*/}
.swiper-slide{width: 100%; height: 1000px; background-position: center center !important; background-repeat: no-repeat; background-size: cover;}
.sw_wrap{width:100%;float: left;padding-bottom: 5%;}
.swiper-container {width: 100%; height: 750px; border-bottom-right-radius:200px; position:relative;}  
/*전체적용 */

/* * Override Bootstrap's default container. */
#totalANDzeroweb {width:100%;background:#181f37;text-align:left;}
#totalANDzeroweb div{font-size:12px;color:#999;}
/* * Override Bootstrap's default container. 끝*/    

/********************************************************** 
* 마우스 휠 아이콘
***********************************************************/
.mouse_scroll {

  display: flex; /* 플렉스 박스 사용 */
  flex-direction: column; /* 수직 방향 정렬 */
  align-items: center; /* 가로 중앙 정렬 */
  justify-content: center; /* 세로 중앙 정렬 */
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.mouse_scroll p {
  margin: 0;
  font-size:14px; 
  color: #fff; /* 텍스트 색상 */
  text-align: center; /* 텍스트 가로 정렬 */
}

.mouse_scroll div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px; /* 텍스트와 화살표 간 간격 */
}

.m_scroll_arrows {
  display: block;
  width: 12px;
  height: 12px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(45deg); /* 화살표 스타일 유지 */
  margin: 0 5px; /* 화살표 간 간격 */
}

.intro_scroll_down_wrap{
  position:absolute;
  bottom:1.5rem;
  left:50%;
  opacity:0.8; z-index:3;
  transform: translateX(-50%) translateZ(0);
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
}
.intro_scroll_down{
  position:relative; width:auto; text-align:center;
  animation: updown 2s ease infinite;
  -webkit-animation: updown 2s ease infinite;
  -moz-animation: updown 2s ease infinite;
  -ms-animation: updown 2s ease infinite;
  -o-animation: updown 2s ease infinite;
}

.mouse_scroll {
  position:absolute; bottom:5%; left:50%;
  display: block;
  margin: 0 auto;
  width: auto;
  opacity:1;
  visibility:visible;
  z-index:1;
  transform: translateX(-50%) translateZ(0);
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
}
.mouse_scroll.intro_scroll{z-index:3;}
.mouse_scroll.intro_scroll > .txt01{color:#5f5f5f;}
.mouse_scroll.intro_scroll > div{position:relative; width:22px; margin:0.4rem auto 0;}
.intro_scroll_arrows{
  display: block;
  -ms-transform: rotate(45deg) translateZ(0);
  -webkit-transform: rotate(45deg) translateZ(0);
  transform: rotate(45deg) translateZ(0);
  border-right: 1.5px solid #000;
  border-bottom: 1.5px solid #000;
  margin: 0 0 0px 5px;
  width: 12px;
  height: 12px;
}
.intro_scroll_arrows.color_w{
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
}
.intro_scroll_arrows_one, .intro_scroll_arrows_two{
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}
.intro_scroll_arrows_one{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  margin-top: -1px;
}
.intro_scroll_arrows_two{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  margin-top: -5px;
}
.m_scroll_arrows{
  display: block;
  -ms-transform: rotate(45deg) translateZ(0);
  -webkit-transform: rotate(45deg) translateZ(0);
  transform: rotate(45deg) translateZ(0);
  border-right: 1.5px solid #000;
  border-bottom: 1.5px solid #000;
  margin: 0 0 0px 5px;
  width: 12px;
  height: 12px;
}
.m_scroll_arrows.color_w{
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
}
.m_scroll_arrows_one, .m_scroll_arrows_two{
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}
.m_scroll_arrows_one{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  margin-top: -1px;
}
.m_scroll_arrows_two{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  /* -webkit-animation-direction: alternate; */
  margin-top: -5px;
}
@-webkit-keyframes mouse-scroll {
  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
/* scroll_down_animation */
.scroll_down_wrap{
  position:absolute;
  bottom:0;
  left:50%;
  opacity:0.8; z-index:1;
  transform: translateX(-50%) translateZ(0);
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
}
.scroll_down_wrap > p{margin-bottom:15px;}
.scroll_down{position:relative; width:2px; height:30px; background: #acacac; margin:0 auto; overflow:hidden;}
.scroll_down::after{
  content: ''; 
  position:absolute;
  top:0;
  left:0;
  width: 100%; 
  height: 25px; 
  background: #fff;
  margin: 0 auto;
  animation: scroll_down 2s ease infinite;
  -webkit-animation: scroll_down 2s ease infinite;
  -moz-animation: scroll_down 2s ease infinite;
  -ms-animation: scroll_down 2s ease infinite;
  -o-animation: scroll_down 2s ease infinite;
  transform: translateY(-30px) translateZ(0);
  -webkit-transform: translateY(-30px) translateZ(0);
  -moz-transform: translateY(-30px) translateZ(0);
  -ms-transform: translateY(-30px) translateZ(0);
  -o-transform: translateY(-30px) translateZ(0);
}

@keyframes scroll_down{
  0%{
    transform: translateY(-30px) translateZ(0);
    -webkit-transform: translateY(-30px) translateZ(0);
    -moz-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    -o-transform: translateY(-30px) translateZ(0);
  }
  100%{
    transform: translateY(100px) translateZ(0);
    -webkit-transform: translateY(100px) translateZ(0);
    -moz-transform: translateY(100px) translateZ(0);
    -ms-transform: translateY(100px) translateZ(0);
    -o-transform: translateY(100px) translateZ(0);
  }
}
@-webkit-keyframes scroll_down{
  0%{
    transform: translateY(-30px) translateZ(0);
    -webkit-transform: translateY(-30px) translateZ(0);
    -moz-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    -o-transform: translateY(-30px) translateZ(0);
  }
  100%{
    transform: translateY(100px) translateZ(0);
    -webkit-transform: translateY(100px) translateZ(0);
    -moz-transform: translateY(100px) translateZ(0);
    -ms-transform: translateY(100px) translateZ(0);
    -o-transform: translateY(100px) translateZ(0);
  }
}  

/*비급여고시*/
.ruda_sub01_wrap table{width:100%; font-size:18px;  border-collapse: collapse;}
.ruda_sub01_wrap table th{font-weight:600; padding:20px 0; width:50%; border:1px solid #ccc; border-top:1px solid #213d78;text-align:center; color:#213d78;background-color:#eceef3;}
.ruda_sub01_wrap table td{padding:20px 0; width:50%; border:1px solid #ccc; text-align:center; }


.ruda_sub02_wrap table{width:100%; font-size:18px; }
.ruda_sub02_wrap table th{font-weight:600; padding:20px 0; border:1px solid #ccc; border-top:1px solid #213d78;text-align:center; color:#213d78;background-color:#eceef3;}
.ruda_sub02_wrap table td{padding:20px 0;  border:1px solid #ccc; text-align:center; }

.price_tit{font-weight:600;}   
.table_tit{font-size:26px; font-weight:700; margin-bottom:20px; text-align:center; color:#213d78;} 


/*/////////////////////////main////////////////////////*/
.main-slider {width:100%;overflow:hidden;}
.main-slider li {position:relative;width:100%;height:700px;overflow:hidden;background-size: 100% auto;}
/*content01*/

.t, .m{display:none;}

#section01 .inner {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  word-break:keep-all;
}

#section01 .inner.visible {
  opacity: 1;
  transform: translateY(0);
}

.section01_txt h2,
.section01_txt p {
  margin: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.section01_txt h2.visible,
.section01_txt p.visible {
  opacity: 1;
  transform: translateY(0);
  padding:10px 0;
}

/* Initial state for all elements */
.cont02_tit h3, .cont02_tit p, .main_cont02_list_item {
  opacity: 0;
  transform: translateY(50px); /* Slide in from bottom */
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Animation when element is in viewport */
.cont02_tit h3.visible, .cont02_tit p.visible, .main_cont02_list_item.visible {
  opacity: 1;
  transform: translateY(0); /* Reset to normal position */
}

/* Optional: delay for sequential animation */
.cont02_tit h3.visible {
  transition-delay: 0.2s;
}

.cont02_tit p.visible {
  transition-delay: 0.4s;
}

.main_cont02_list_item.visible {
  transition-delay: 0.4s;
}


.best_tit, .left_txt, .right_img{
  opacity: 0;
  transform: translateY(50px); /* Optional: to add a slight slide effect */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* When the element is in view, make it visible */
.best_tit.visible, .left_txt.visible, .right_img.visible, .location_info.visible{
  opacity: 1;
  transform: translateY(0);
}

#section04.location_info {
  opacity: 0;
  transition: opacity 0.6s ease;
}

#section04.location_info.visible {
  opacity: 1;
}



#section01{margin:180px 0 0 0;}  
.inner{margin:0 auto; width:100%; max-width:1280px;}
.section01_txt{text-align:center; line-height:1.6;}  
.section01_txt h2{font-size:55px; color:#2d467d; font-weight:800;}
.section01_txt span{background-color:#2d467d; color:#fff; padding:2px 8px;}
.section01_txt p{font-size:50px; font-weight:500;}
.sub_txt{font-size:24px !important; padding-top:20px; color:#555; word-break:keep-all;}
/*content01 끝*/


/*section02*/
#section02{
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  padding-top:180px;
}

.main_cont02_section{position:relative; width:100%; max-width:85%; margin:0 auto; z-index:1;}
.main_cont02_title{position:relative; width:100%;}
.main_cont02_title > p + p{margin-top:2rem;}


#section02:after {
  content: ""; /* 비어 있는 콘텐츠 추가 */
  position: absolute;
  bottom: 200px; /* 위로 올리기 */
  left: 10%;
  width: 80%;
  height: 100%; /* 부모 요소 높이에 맞춤 */
  background-image: url(/images/main/main_bg1.png);
  background-size: contain; 
  background-repeat: no-repeat; 
  z-index: -1;
}

.scrolling-container {
  position: relative;
  margin-top:-150px;
  height: 400px; /* 배경 높이 설정 */
  background: #eceef3;/* 배경 색상 */
  overflow: hidden; /* 텍스트가 영역 밖으로 나가지 않도록 설정 */
  display:flex; 
  align-items:flex-end;
}

/* 스크롤링 텍스트 */
.scrolling-text {
  position: absolute;
  display: flex; /* 텍스트를 가로로 나열 */  
  align-items: center;
  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  animation: scroll 200s linear infinite; /* 애니메이션: 20초 동안 반복 */
}

/* 텍스트 스타일 */
.scrolling-text span {
  font-size: 140px; /* 텍스트 크기 */
  font-weight: bold; /* 굵은 텍스트 */
  color: #fff; /* 텍스트 색상 */
  margin-right: 100px; /* 텍스트 간 간격 */
}

/* 애니메이션 */
@keyframes scroll {
  0% {
    transform: translateX(0%); /* 화면 오른쪽에서 시작 */
  }
  100% {
    transform: translateX(-100%); /* 화면 왼쪽으로 사라짐 */
  }
}

.main_cont02_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Two items per row initially */
  grid-gap:20px; /* Gap between items */
  width: 100%;
}  
.cont02_tit h3{font-size:45px; font-weight:900; color:#213d78; }
.cont02_tit p{font-weight:300; color:#a27b44; font-size:35px; line-height:1.2; margin-top:15px; font-family: "Pretendard Variable", Pretendard, sans-serif;}

.main_cont02_list_item {
  position: relative;  
  width:100%;
  height: 400px;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  justify-content: center; 
  align-items: center;
  transition: all 0.5s ease;

}

.main_cont02_list_item::before {
  content: ''; /* 가상 요소 생성 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(67, 59, 49, 0.8), rgba(67, 59, 49, 0)); /* 아래쪽 진하고 위로 연해지는 그라데이션 */
  opacity: 0; /* 기본 상태: 투명 */
  transition: opacity 0.5s ease; /* 부드러운 전환 */
  z-index: 1; /* 가상 요소를 콘텐츠 위로 배치 */
}

.main_cont02_list_item:hover::before {
  opacity: 1; /* 오버 시 가시화 */
}
.main_cont02_list_item:hover { 
  width: 100%; 
  background: linear-gradient(to bottom, #37384c, #1f2029);
}

.main_cont02_item_bg{
  position:absolute; top:0%; left:0%; width:100%; height:100%; z-index:0;
  transform: scale(0.9) translateZ(0);
  -webkit-transform: scale(1) translateZ(0);
  -moz-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  -o-transform: scale(1) translateZ(0);
  transition: transform 1.5s 0.1s ease;
  -webkit-transition: transform 1.5s 0.1s ease;  
  -moz-transition: transform 1.5s 0.1s ease;
  -ms-transition: transform 1.5s 0.1s ease;
  -o-transition: transform 1.5s 0.1s ease;
}
.main_cont02_list_item:hover >.main_cont02_item_bg{
  transform: scale(1.0) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -o-transform: scale(1.1) translateZ(0);
}
.main_cont02_item_bg01{background: url(/images/main/medical01.png) 50% 50%/auto no-repeat; background-size:cover;}
.main_cont02_item_bg02{background: url(/images/main/medical02.png) 50% 50%/auto no-repeat; background-size:cover;}
.main_cont02_item_bg03{background: url(/images/main/medical03.png) 50% 50%/auto no-repeat; background-size:cover;}
.main_cont02_item_bg04{background: url(/images/main/medical04.png) 50% 50%/auto no-repeat; background-size:cover;}
.main_cont02_item_bg05{background: url(/images/main/medical05.png) 50% 50%/auto no-repeat; background-size:cover;}

.main_cont02_item_box{position:relative; width:100%; height:100%; padding:30px; display:flex; justify-content:flex-start; align-items:flex-end; z-index:1;}

.main_cont02_item_title{position:relative; padding:0 0 6rem;}
.main_cont02_item_title > p + p{margin:0.5rem 0 0;}
.main_cont02_item_title > .txt02{opacity:0.5;}

.main_cont02_item_text {
  position:absolute; bottom:3rem; right:3rem;  
  opacity: 0; color:#fff;
  transition: 0.2s ease-in-out;
  will-change: transform, contents;
}

.main_cont02_item_text.main_cont02_item_text01{bottom:4rem;}
.main_cont02_item_text.main_cont02_item_text03{bottom:4rem;}
.main_cont02_item_text.main_cont02_item_text04{bottom:4rem;}
.main_cont02_list_item:hover .main_cont02_item_text {
  opacity: 1;
  transition-duration: 0.25s;
  transition-delay: 0.25s;
}
.main_cont_wrap02 .more_btn01{position:absolute; top:78%; left:83%; margin:0; z-index:2;}
.more_btn01.s_more_btn01 > a{background-color:#6f6d89;}
.more_btn01.s_more_btn01 > a:hover{background-color:transparent;}
.main_cont02_list_btn{position:absolute; bottom:3rem; right:3rem; width:35px; height:35px; background: url(/images/main/ic_plus.svg) 100% 100%/100% no-repeat;}
.main_cont02_list_item:hover .main_cont02_list_btn{display:none;}


.main_cont02_list_item .txt01 {font-size:30px; font-weight:900; color: #fff; }
.main_cont02_list_item .txt01 span{font-weight:300; font-size:20px; color:rgba(251,241,213,0.6); font-family: "Pretendard Variable", Pretendard, sans-serif;}  
.ls_p2{font-weight:normal !important; font-size:16px !important;}

/*section02 끝*/








/*content02*/
.mm_on{display: none;}.mm_off{display: block;}
#ruda_con02_wrap{
  width: 100%; height: 1000px;
  float: left;
  background:#cc89ac url(/images/main/con02_bg.png)no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.sushi_box{width: 44%; float: right; margin-top: 40%; position: relative;}
.sushi_name{position: absolute;} .name1{top: -80px; left: 105px;}
.sushi_txt span{font-size: 20px;font-weight: 500;letter-spacing: -0.5px; line-height: 30px;}
.c02_btn:hover a{color: #cc89ac !important; font-weight: 900 !important;}
/*content02 끝*/

/*content03*/
#section03{
  width: 100%; 
  background: url(/images/main/section_bg.png)no-repeat center center;
  background-attachment: fixed;
  padding-bottom:150px;
  padding-top:250px;
}
.sushis_box{width: 44%; float: left; margin-top: 25%; position: relative;}
.name3{top: -80px; left: 170px;}
.c03_btn:hover a{color: #b1b1b1 !important; font-weight: 900 !important;}
/*content03 끝*/


/*section04 */



.best_tit {display:flex; align-items:center; }
.best_tit h4{font-size:40px; color:#2d467d; font-weight:800;}
.best_tit p{font-size: 28px; color:#a27b44; }
.best_tit .line{height:1px; width:80px; background:linear-gradient(to right, #2d467d, #a27b44); margin:0 10px; }

.left_txt{font-size:18px; background-color:#2d467d; padding:70px 50px; width:60%; border-bottom-left-radius: 50px; 
  display:flex; }
.left_txt span{font-size:30px; font-weight:normal;}
.left_txt p{font-size:35px; font-weight:700;  color:#fff; margin-right:120px; display: flex
  ;
  flex-direction: column;}
.left_txt ul li{color:#fff; line-height:1.5; padding:2px 0; position:relative; padding-left:10px; word-break:keep-all;}
.left_txt ul li:before{content:'·'; position:absolute; left:0; }
.right_img {
  width: 500px;
  height: 560px; 
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; 
  border-top-left-radius: 50px;
  box-shadow: 12px 12px 54px rgba(45, 70, 125, 0.18); 
  position: relative;
  bottom: 100px;
  left: -50px;
}

.right_img img {
  width: 100%; 
  height: 100%;
  object-fit: cover;
}
.circle-container{position:absolute; right:-20px; top:-175px;}
.container_img{position:relative;}

.best_txt{display:flex; align-items: center;
  justify-content: space-between;
}

.rotating-text {width: 150px; /* Adjust size if necessary */
  height: 150px; /* Adjust size if necessary */}
.rotating-text img {
  width:100%;
  animation: rotate 10s linear infinite; /* 5s is the duration of one rotation */
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/*content04*/
#sushi_con04_wrap{
  width: 100%; height: 1200px;
  float: left;   
  background:#000 url(/images/main/con04_bg.png)no-repeat center center;
  background-size: cover;
  background-attachment: fixed;  
}  
.menu_img_wrap{width: 60%; float: left; margin-top: -20%; position: relative;}
.menu_img_wrap .menu_img {
  width: 100%;
  height: 650px;    
  float: left;
  background: url(/images/main/menu_main.png)no-repeat center center;
  background-size: cover;
  transition: all .4s;   
}  

.menu_tit{text-align: left; font-size: 38px; line-height: 38px; font-weight: 900; color: #aa8047; letter-spacing: 1px;}
.menu_txt{text-align: left; font-size: 20px; line-height: 36px; font-weight: 300; color: #34302d; margin-bottom: 45px; margin-top: 15px; letter-spacing: -0.5px}
.menu_box{width: 40%; float: right; margin-top: 25%; position: relative;}
.name3{top: -80px; left: 170px;}
.c03_btn:hover a{color: #b1b1b1 !important; font-weight: 900 !important;}  
.menu_sub_box{width: 100%; position: relative; margin-top: 30px; float: left;}
.menu_sub_tit{text-align:left;font-size: 22px;line-height: 38px;font-weight: 900;color: #a8865d;letter-spacing: 1px;padding: 14px 0px 5px;border-bottom: 1px solid #a8865d;margin-bottom: 25px;}

#menu_t{letter-spacing: 0.8px;font-family: 'NanumBarunGothic';color:#fff;font-size:18px;font-weight:bold;padding:9px; text-align:center;  border-bottom:3px solid #1d6745; margin-bottom:15px; background:#2d5b46;}
.menu_sub_box2{width: 100%; position: relative; float: left;}    
.line1{width:100%;border-top: 2px dotted;border-color: #cdcdcd;}  
#menu_table01 {width:50%;/*margin:auto;*/ margin-bottom:40px;float: left;} 
#menu_table01 th {font-family: 'Arita-buri';width:80px;padding: 8px 12px;color:#333333;font-size:13px;text-align:left;} 
#menu_table01 td {font-weight: 400;font-family: 'Arita-buri';text-align:left;padding:14px 14px;color:#34302d;font-size:20px;line-height:22px;} 
#menu_table01 td small {font-family: 'Arita-buri';color:#bda675;font-size:16px;padding-left: 5px;} 

#menu_table02 {width:50%;/*margin:auto;*/ margin-bottom:40px;float: right;} 
#menu_table02 th {font-family: 'Arita-buri';width:80px;padding: 8px 12px;color:#333333;font-size:13px;text-align:left;} 
#menu_table02 td {font-family: 'Arita-buri';text-align:left;padding:14px 14px;color:#34302d;font-size:20px;line-height:22px;} 
#menu_table02 td small {font-family: 'Arita-buri';color:#bda675;font-size:16px;padding-left: 5px;} 
/*content04 끝*/  
/*menu_slide*/ 
#con_menu_wrap{
  width: 100%; height: 480px;
  float: left;
  background:#fff;
  background-size: cover;    
  position: relative;margin-top: 18%;
}  
.post-slider{   
  width: 100%;
  height: auto;
  margin: auto;
  float: left;
  position: relative;

  z-index: 1;
}   
}
.post-slider .silder-title{
  text-align:center;
  margin:30px auto;
}
.post-slider .next{
  position:absolute;
  top:50%;
  right:30px;
  font-size:2em;
  color:gray;
  cursor: pointer;
}   
.post-slider .prev{
  position:absolute;
  top:50%;
  left:30px;
  font-size:2em;
  color:gray;
  cursor: pointer;
}
.post-slider .post-wrapper{

  width:100%;
  height:350px;   
  margin:0px auto;
  overflow: hidden;
  padding:10px 0px 10px 0px;
}
.post-slider .post-wrapper .post{
  width:300px;
  height:300px;
  margin:0px 10px; 
  display:inline-block;

}
.post-slider .post-wrapper .post .post-info{
  font-size:15px;
  height:30%;
  padding-left:6px;
}
.post-slider .post-wrapper .post .slider-image{
  width:100%;
  height:210px;
}  

/*메뉴슬라이드_pc*/
#rich_con01_wrap{display: none;}
/*메뉴슬라이드_pc_끝*/

/*content05*/         
#con05_wrap{
  width: 100%; height: 480px;
  float: left;
  background:#f9f8f5;
  background-size: cover;    
  position: relative;margin-top: 18%;
}      
#con05_wrap{
  width: 100%; height: auto;
  margin: auto;
  float: left;
  position: relative;
  padding: 2%;
  z-index: 1;
}
.main_wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 20vh auto;
}
.time_box{display: flex;align-items: center;padding: 80px 80px;width: 100%;float: left;overflow: hidden;position: relative;}
.time_bg{width: 330px;height: 336px;left:0px;background: url(/images/main/time_bg.png)no-repeat center center;position: absolute;}
#con05_wrap .clinic_txt{width: 40%;float: left;border-right: 1px solid #b5b5b5;padding-right: 5%;}
#con05_wrap .clinic_txt h2{font-size:20px;color: #aa8047;margin-bottom: 10px;}
#con05_wrap .clinic_txt span{font-weight: 600;font-family: 'Arita-buri';color: #aa8047;font-size: 40px;letter-spacing: 1px;float: left;line-height: 1;margin-bottom: 15px;}
#con05_wrap .clinic_txt span p{font-family: 'Arita-buri';color:#aa8047;font-size: 26px;letter-spacing: -0.8px;float: left;line-height: 1;}
#con05_wrap .clinic_txt span div{width: 35px;display: inline-block;margin-right: 15px;}
#con05_wrap .clinic_txt span div img{margin-bottom:45%;}
.time_wrap{width: 55%; margin-left: 5%; float: left;}
.time_wrap th{font-size: 18px;line-height: 1.4;color: #aa8047;font-weight: 500;width: 25%;padding: 2px 10px 2px 0;}
.time_wrap{width: 50%; margin-left: 5%; float: left;}
.list li {

}  
.time_wrap td span{    background: url(/images/main/squre_ico.svg) 7px 25px no-repeat;color: #9a9a9a;font-weight: 600;
  font-size: 16px; line-height: 23px;display:inline-block;}
.time_wrap td{font-family: 'Roboto';font-size: 18px;font-weight: 500;color: #34302d;/*letter-spacing: -0.04em;*/line-height:1.6;}

.time_wrap2{width: 50%;float: left;margin-bottom: 5%;}
.time_wrap2 th{font-size: 18px;line-height: 1.4;color: #aa8047;font-weight: 500;width: 25%;padding: 2px 10px 2px 0;}

.time_wrap2 td span{border-radius:50px;background:#ca7a23;font-size: 12px;line-height: 1.4;color: #fff;font-weight: 500;/*width: 25%;*/padding: 2px 8px 2px 8px;display:inline-block;}
.time_wrap2 td{font-family: 'Roboto';font-size: 18px;font-weight: 500;color: #34302d;letter-spacing: -0.04em;line-height:1.6;}


/*location*/

.main_map{width: 100%;height: 600px; position: relative; }
.map_inner{position:relative; margin:0 auto; max-width:1280px;}

#section04{
  z-index: 22;
  /* position: relative; */
  position: absolute;
  background-color: #fff;
  
  padding: 50px 50px;
  /* left: 0; */
  left: 0;
bottom:0;
  border-top-right-radius: 50px;
  box-shadow: 15px 15px 50px rgba(2, 38, 125, 0.2);  
}



#section04 .location_inner{font-family: 'NanumSquare', sans-serif; font-size:18px; display:flex; flex-direction:column; gap:30px; }
.inner_top, .inner_bot{
  display: grid;
  grid-template-columns: 0.4fr 1fr; /* 두 열의 비율을 동일하게 */
}

#section04 .inner_top{border-top:2px solid #2d467d; padding-top:30px;}
.inner_top p{line-height:1.5; word-break:keep-all;}   
.inner_bot{border-top:1px solid #2d467d; padding-top:30px;}  
#section04 .location_inner h4{color:#2d467d; font-weight:800; font-size:22px;}
.inner_bot ul li{display: flex;justify-content: space-between;align-items: flex-start; padding:5px 0;}  
.inner_bot ul li span{font-size:15px; color:#c70e17;}
.inner_bot .day{font-weight:bold;}


.name5{top: -80px; left: -65px;}
.c05_btn{width: 180px; font-size: 15px; padding: 5px 7px; text-align: center; border: 1px solid #000; border-radius: 50px; letter-spacing: 1px;transition: background 0.6s;-webkit-transition: background 0.6s; cursor: pointer;}
.c05_btn a{color: #000 !important; font-weight: 300;}
.c05_btn:hover{background-color: #ad3387;border: 1px solid #ad3387; transition: background 0.6s;-webkit-transition: background 0.6s;}
.c05_btn:hover a{color: #fff !important; font-weight: 900 !important;}

.ruda_txt3{text-align: left; font-size: 15px; line-height: 26px; font-weight: 300; color: #000; margin-bottom: 30px; margin-top: 20px; letter-spacing: -0.5px}
.ruda_txt3 span{font-size: 18px;font-weight: 400;letter-spacing: -0.5px; display: block; line-height: 28px;}
.mr_imgbox{width: 70%; height:270px; float: left; margin-top: 105px;}
.mr01{background: url(/images/main/con05_img01.png) center; transition: all 0.3s ease-in-out;}
.mr02{background: url(/images/main/con05_img02.png) center; transition: all 0.3s ease-in-out;}
.mr01, .mr02{background-size: cover; height: 270px;}
.mr_img01{margin-right: 2%;}
.mr_img01, .mr_img02{width: 49%; height: 270px; background-color: #000; float: left; border-radius: 50px;overflow: hidden;}
.mr_img01:hover .mr01, .mr_img02:hover .mr02{transform: scale(1.1); opacity : 1; z-index: -1; transition: all 0.3s ease-in-out;}
/*content04 끝*/

/*call*/
#ruda_con06_wrap{
  width: 100%;
  padding:0;
  position: relative;
  height: 65px;
  background-color: #f4f4f4;
  float: left;
  border-bottom: 1px solid #ececec;
}
.call_box{
  text-align:center;
  line-height: 65px;
  cursor: pointer;
}
.call_txt{font-size: 20px; font-family: 'Noto Sans KR'; line-height: 65px; letter-spacing: -0.5px;}
.call_txt img{margin-bottom: 3px; margin-right: 5px;}
.call_txt span{font-size: 20px; font-family: 'S-CoreDream-5Medium'; letter-spacing: 1px; color: #676767; margin-left: 10px;}
/*call 끝*/

/*웹 1200*/
@media all and (max-width:1200px){
  .inner{padding:0 40px;}  
  .pc{display: block;}
  .t{display: none;}
  .m{display: none;}
  .wrap{line-height:70px; height:100%; padding:0 4%;}
  .P-footer .wrap{line-height:70px; height:100%; padding:0 30px;}
  .wrap > a{width: 23%;}
  .P-nav{width: 60%;} 
  .P-nav-item{margin-left: 34px;} 
  .ruda_menubox{max-width: 1000px;}
  #totalANDzeroweb>div{padding:0 30px;}

  @media (max-width: 1200px){
    #section02:after{left:5%; width:100%;}
    .time_box {padding: 30px 60px;}
    .time_wrap, .time_wrap2 {margin-left: 5%;
      width: 50%;}
    #btn-top-menu{display: block !important; width: 30px; float: right; margin-right: 5%; margin-top: -50px;}
    .P-header.active #btn-top-menu .menu_b{display:none;}
    .P-header.active #btn-top-menu .menu_w{display:block;}
    .menu_b{display:block;}
    .menu_w{display:none;}  
    .visible-lg{display: none !important;}
    .P-header{top: 0;}
    .P-nav-logo{padding-top: 10px; margin-left: 10%; width: 100px;}
    .left_txt p{margin-right:30px;}
    .right_img{width:400px; height:auto;}
    #section04{ padding: 40px; 20px;} 
  }
  /*웹 끝*/

  /*웹 1000*/
  @media all and (max-width:1000px){  
    #section02:after{display:none;}
    #section01 .inner{padding:0 40px; margin-bottom:150px;}
    .swiper-container{width: 100%; height: 600px;}
    .ruda_menubox{max-width: 767px; padding: 0 20px;}
    .about_box{width: 100%;}
    .artist_box{width: 54%; margin-top: 30%;}
    .creators_box{width: 60%; margin-top: 30%;}
    .studio_box{width: 26%; margin-top: 45%;}
    .mr_box{margin-top: 110px;}
    #ruda_con01_wrap, #ruda_con04_wrap{height: 600px;}
    #ruda_con02_wrap, #ruda_con03_wrap{height: 700px;}
    #ruda_con05_wrap{height: 400px;}
    .name5{display: none;}
    .mr_imgbox{height: 230px; margin-top: 85px;}
    .mr_img01, .mr_img02{height: 230px;}
    .time_box {display: inherit;padding: 60px 30px;}
    .menu_img_wrap{width: 100%;margin-top: -110%;}
    .menu_img_wrap .menu_img {width: 100%;height: 500px;}  
    .menu_box{width: 100%;padding: 3%;}   

    .menu_tit{text-align: left; font-size: 38px; line-height: 38px; font-weight: 900; color: #aa8047; letter-spacing: 1px;}
    .menu_txt{text-align: left; font-size: 20px; line-height: 36px; font-weight: 300; color: #34302d; margin-bottom: 45px; margin-top: 15px; letter-spacing: -0.5px}
    .sushi_menubox {padding: 0 3%;}
    #menu_table01 {width: 100%;}
    #menu_table02 {width: 100%;}
    .line1{width:100%;border-top: 2px dotted;border-color: #cdcdcd;}  

    #menu_table01 td {width:100%;} 
    #menu_table02 td {width:100%;} 

    .time_wrap, .time_wrap2 {
      margin-left: 10%;}
    #con_menu_wrap{margin-top:80%;}
    .post-slider .post-wrapper .post .slider-image{width:100%;height:140px;}     
    .post-slider .post-wrapper {width: 100%;height: 350px;margin: 0px auto;overflow: hidden;padding: 100px 0px 10px 0px;}

    .main_cont02_list{grid-template-columns: repeat(2, 1fr);}
    .scrolling-text span{font-size:100px;}
    .section{padding-top:0px;}
    /* .best_txt {flex-direction: column-reverse; margin-top:80px;}*/
    /*.left_txt{width:90%; padding:50px 0; 
    justify-content: space-around;}*/  
    .left_txt p{flex-direction: row;  align-items: center;}
    .left_txt span{margin-right:15px;}
    /*.right_img{bottom:0; left:0;}
    .circle-container{right:-70px; top:-70px;}*/
    .inner_top, .inner_bot{grid-template-columns: 1fr;}
    #section04 .location_inner{gap:20px; padding:0 10px;}
    #section04 .inner_top, .inner_bot{padding-top:20px; }
    #section04 .location_inner h4{margin-bottom:10px;}
    .left_txt{ flex-direction: column;}
    .best_tit{margin-bottom:50px;}
    .right_img{bottom:45px;}  
    .circle-container{top:-120px;}
    .left_txt{padding: 50px 40px;}

    #section02{padding-top:50px;}

    /*웹 끝*/



    /*태블릿*/
    @media all and (max-width:768px){
      

      .mouse_scroll p{font-size:12px;}
      
      .scrolling-container{height: 350px;}
      .best_tit{margin-bottom:60px;}
      .swiper-container, .overlay{border-bottom-right-radius:150px;}
      #section01 .inner{margin-bottom:120px;}
      .section01_txt h2{font-size:40px;}
      .section01_txt p{font-size:35px;}
      .sub_txt{font-size:20px !important;}
      .section01_txt h2.visible, .section01_txt p.visible{padding:5px 0;}
      .cont02_tit h3{font-size:35px;}
      .cont02_tit p{font-size: 28px;}
      .main_cont02_list_item .txt01{font-size:26px;}  
      #btn-top-menu{width:26px;}
      .left_txt{ flex-direction: column;}
      .left_txt p{margin-right:0; margin-bottom:10px;}
      #section04{padding:30px; left:0; bottom:0; top:auto; transform:translate(0%, 0%); width:100%;}
      .inner_top, .inner_bot{grid-template-columns: 0.5fr 1fr; padding-top:10px;}
      #section04 .location_inner h4{margin-bottom:0;}
      .inner_bot ul li{padding:2px 0;}
      #section04 .location_inner {gap:10px;}
      .location_inner img{display:none;}
      #section04 .inner_top{border-top:none;}
      .best_txt{flex-direction: column-reverse;}
      .right_img{bottom:0; left:0; width:450px;}
      .left_txt{width:100%;max-width:450px;}
      .circle-container{top:-70px; right:-70px;}
      .scrolling-text span{font-size:80px;}
      .best_tit h4{font-size:35px; }
      .best_tit p{font-size:24px;}



      .t{display: block;}
      .m{display: none;}
      .ruda_tit{text-align: center;}
      .ruda_txt, .ruda_txt2{text-align: center;}
      .ruda_btn{margin: auto;}
      #ruda_con01_wrap, #ruda_con02_wrap, #ruda_con03_wrap{height: 600px; background-size:200%;}
      .artist_box{width: 100%; margin-top: 130px;} .name1{left: 55%;}
      .creators_box{width: 100%; margin-top:155px;}.name3{left: 60%;}
      .about_box{margin-top: 10px;}
      #ruda_con04_wrap, #ruda_con05_wrap{height: 300px;}
      .studio_box{width: 100%; margin-top: 50px;}.name4{display: none;}
      .mr_box{width: 35%; margin-top: 60px; padding-left: 2%;}
      .mr_imgbox{height: 200px; margin-top: 51px; width: 64%;}.mr_img01, .mr_img02{height: 200px;width: 48%; border-radius: 30px;}.mr_img01{margin-right: 4%;}
      #con_menu_wrap{margin-top:100%;}
      .P-header.active{background-color: #fff;}
      /*.P-header.active .P-nav-logo .logo_w, .P-header.active #btn-top-menu .menu_w{display: none;}
      .P-header.active .P-nav-logo .logo_b, .P-header.active #btn-top-menu .menu_b{display: block;}*/

      #con05_wrap .clinic_txt {
        width: 100%;
        margin-bottom: 30px;
        border: 0;}
      .time_wrap {
        width: 100%;
        margin-left: 0;
      }   
      .time_wrap2 {
        width: 100%;
        margin-left: 0;
        margin-top: 5%;
      }  

    }

    /*태블릿 끝*/
    /*모바일*/
    @media all and (max-width:640px){
       .main_cont02_list{gap:10px;}
      #section01 .inner{margin-bottom:50px;}  
      #section02{padding-top:90px;}
      .right_img, .left_txt{width:100%;max-width:400px;}
      #section04{border-top-right-radius: 30px;}  
      #section01 .inner{padding:0;}
      .inner{padding:0 20px;}
      #section04 .location_inner h4{font-size:20px;}
      #section04 .location_inner{font-size:16px;}
      #section04 .inner_top{padding-top:0;}
      #section01{margin:150px 0 0 0;}
      .main_cont02_list{grid-template-columns: 1fr;}
      .cont02_tit{display:flex; align-items: center; flex-direction: column; text-align:center; }
      .cont02_tit p{margin-top:0; font-size:20px;}
      .main_cont02_list_item{height:240px;}
      .main_cont02_item_title{padding: 0 0 4rem;}
      .best_tit .line{width:40px;}
      .P-nav-logo img{width:140px !important;}
      .P-footer .wrap{flex-direction:column; align-items: flex-start;}  
      #totalANDzeroweb>div{text-align:left;}
      .ft_right{font-size:24px;}
      .ft_left ul li:first-child{font-size:16px;}
      .main_cont02_item_box{flex-direction:column; align-items: flex-start;}
      .main_cont02_item_text{right:auto;}
     .main_cont02_item_title .color {color:#000;}
      .main_cont02_item_title .color span{color:rgba(0, 0, 0, 0.5 );}
      .main_cont02_list_item .txt01 span{font-size:16px;}
  

      .section01_txt h2 {font-size:35px;}
      .section01_txt p{font-size:28px;}
      .sub_txt{font-size:18px !important;}

      .cont02_tit h3{font-size:30px; margin-bottom:5px;}
      .cont02_tit p{font-size:16px;}
      #section03{padding-top:180px;}
      .best_tit h4{font-size:30px;}
      .best_tit p{font-size:22px;}   
      .left_txt span{font-size: 26px;}
      .inner_top, .inner_bot {
        grid-template-columns: 0.4fr 1fr;}

      .left_txt ul li{font-size:16px;}
      .left_txt p{font-size:28px;}
      .rotating-text{width:120px;} 
      .best_tit{justify-content:center;}  

      .cont02_tit{justify-content:center; margin-bottom:10px;}

      .circle-container {
        top: -55px;
        right: -60px;}

      .main_cont02_list_btn{width:30px; height:30px;}
      .mo{display:none;}


      .t{display: none;}
      .m{display: block;}
      .P-nav-logo{margin-left: 16%; width: 100px; padding-top:12px;}
      #btn-top-menu{width: 22px; margin-top:-45px;}
      .swiper-container{width: 100%; height: 550px;}
      .mr_box{width: 47%; padding-right: 4%;}
      .ruda_mr_tit, .ruda_txt3{text-align: center;}
      .c05_btn{margin: auto;}
      .mr_imgbox{width: 52%;}.mr_img01{width: 100%;}.mr_img02{display: none;}
      .time_box {display: block;}


      #sushi_con03_wrap{
        width: 100%;
        height: 400px;}
      .menu_img_wrap .menu_img {width: 100%;height: 400px;}  
      .menu_img_wrap{width: 100%;margin-top: -110%;}

      #sushi_con01_wrap {height: 550px;}
      .post-slider .post-wrapper .post .slider-image{width:100%;height:120px;} 
      .menu_tit {font-size: 30px;}
      .menu_txt {margin-top: 0px;}
      .sushi_tit{text-align: center; font-size: 30px; line-height: 34px; font-weight: 900; color: #aa8047; letter-spacing: 1px;}
      .sushi_txt{word-break: keep-all;text-align: center; font-size: 20px; line-height: 30px; font-weight: 600; color: #555555; margin-bottom: 45px; margin-top: 45px; letter-spacing: -0.5px}
      .sushi_txt_small{word-break: keep-all;text-align: center; font-size: 15px; line-height: 20px; font-weight: 500; color: #7d7a72; margin-bottom: 45px; margin-top: 45px; letter-spacing: -0.5px}

      .post-slider{display:none;}   
      #con_menu_wrap {margin-top: 20%;}
      /*메뉴슬라이드_m*/
      #rich_con01_wrap{display: block;width: 100%; height: 500px;float: left; margin-top: 105%;}  
      .con1_wrap{width: 100%;float: left; position: relative;padding: 5%;}   
      .con1_wrap ul{width: 100%;}  
      .con1_wrap li{width: 33.3%;float: left;text-align: center;padding:2%;}
      .con1_wrap li img{/*width: 160px;*/}
      
      .table_tit{font-size:20px;}
       .ruda_sub01_wrap table{font-size:15px;}
      .ruda_sub01_wrap table td{padding:15px 5px;}
      .ruda_sub02_wrap table{font-size:15px;}
      .ruda_sub02_wrap table td{padding:20px 5px;}
    }
      
      /*메뉴슬라이드_pc_m*/   

      /*모바일 끝*/        
      /*모바일*/   





      @media all and (max-width:479px){  
       
        .main_cont02_list_btn{width:25px;}   
        #section03{padding-top:130px;}
        .scrolling-container{height:300px;}
        .main_cont02_item_text.main_cont02_item_text01,.main_cont02_item_text, .main_cont02_item_text.main_cont02_item_text03,.main_cont02_item_text.main_cont02_item_text04 {bottom:2.5rem;}
        #section01 .inner{margin-bottom:0;}
        .sub_txt{font-size:15px !important;}
        .section01_txt h2{font-size:30px;}
        #section01{margin:100px 0 0 0;}
        .section01_txt p{font-size:20px;}
        .section01_txt{padding:0 10px;}
        .mouse_scroll p{font-size:14px;}
        .swiper-container, .overlay {
                border-bottom-right-radius: 100px;
            }
        .swiper-container{height:450px;}
        .ft_left ul li{font-size:14px;}
        .cont02_tit h3,.best_tit h4{font-size:26px;} 
        .best_tit .line{width:20px;}
        .best_tit p{font-size:18px; }
        #btn-top-menu{width:}
        .ls_p2{font-size:14px !important;}
        .main_cont02_list_item .txt01{font-size:20px; line-height:1.5;}  
        .main_cont02_list_item{height:200px;}
        .left_txt{padding:30px;}
        .left_txt ul li{font-size:14px; }
        .left_txt span{font-size:22px;}
        .left_txt p{font-size:24px}
        #section04{padding:30px 15px;}  

        .inner_top, .inner_bot {
          grid-template-columns: 1fr;
        }
        #section04 .location_inner h4{font-size:18px; margin-bottom:3px;}
        .main_cont02_item_title .color{color:#fff;}
        .main_cont02_item_title .color span{color:rgba(255, 255, 255, 0.5);}
        
        .main_cont02_list_btn{right:auto;}

        .right_img, .left_txt{max-width:320px; width:100%;}
        /*.pc{display: none;}*/
        .t{display: none;}
        .m{display: block;}  
        .mm_on{display: block;}.mm_off{display: none;}
        .menu_img_wrap .menu_img {width: 100%;height: 360px;}
        .menu_img_wrap {width: 100%;margin-top: -135%;}
        .menu_box {margin-top:10%;}
        #con_menu_wrap{margin-top:180%;}

        #sushi_con01_wrap {background:url(/images/main/con01_bg_m.png)no-repeat center center;background-size: cover;}
        #sushi_con03_wrap{background:url(/images/main/con03_bg_m.png)no-repeat center center;background-size: cover;}
        #sushi_con04_wrap{background:url(/images/main/con04_bg_m.png)no-repeat center center;background-size: cover;}

        #con_menu_wrap{margin-top:150%;}    
        .post-slider .post-wrapper {padding: 0px 0px 10px 0px; -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          transition-delay: 10ms;}   

        .P-nav-logo {
          margin-left: 16%;
          width: 75px;
          padding-top: 12px;
        }  
        .sushi_txt{padding:3%;}
        .sushi_txt_small{padding:3%;}
        #rich_con01_wrap{margin-top: 128%;}  
        .con1_wrap li{width: 50%;float: left;text-align: center;padding:2%;}
      }
      @media all and (max-width:380px){ 
        .menu_img_wrap .menu_img {height: 320px;}
        .menu_img_wrap {;margin-top: -155%;}
      }
      @media all and (max-width:350px){ 
        #rich_con01_wrap{margin-top: 165%;}
        .menu_img_wrap .menu_img {width: 100%;height: 280px;}

      }
      /*모바일 끝*/
      /*모바일*/  
      @media all and (max-width:320px){ 
        
        .t{display: none;}
        .m{display: block;}
        #rich_con01_wrap{margin-top: 210%;}  

      }
      /*모바일 끝*/

      /*//////////////////////////main 끝////////////////////*/