@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
/*<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet">*/

@import url('https://fonts.googleapis.com/css2?family=Alice&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');

                
@charset "utf-8";
/* common _ jyp */
* {
  font-family: 'Roboto', sans-serif;
  font-weight:300;
}
body {
  font-family: 'Roboto', sans-serif;
  color:#000;
  letter-spacing:0;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;
}
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;
  font-size:15px;
  line-height:1.756em;
  font-weight:300;
}
table,td,th {
  font-family: 'Roboto', 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: 'Roboto', 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;
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

.P-nav-item >li a:last-child:hover{
  border:1px solid #ff8981;
}
.ui-draggable {z-index :9999; position :absolute; top :20%; left: 50%; margin-left:-225px;}
.popwrap {width:100%; max-width:450px; text-align:center; margin:0 auto; display: none;}
/* 팝업창 업앴음 */     
.closewrap {background:#333; height:40px; cursor:pointer;}
.closewrap td{ color:#fff; font-size:14px;}

select {width:auto !important;}

/* Footer */
#extra-footer-toggle-area {display:none;}
.P-footer {
  width: 100%;
  float: left;
  background: #000;
  position: relative;
  z-index:9;
}
.f_wrap{width: 100%;max-width:1400px; margin: auto;position: relative;}
.footer-info {position: relative; width: 100%;margin-top: 50px;margin-bottom: 50px;float: left;}
.footer-info ul{float: left;width: 100%;}
.footer-info li {width: 100%;}
.copy-item {
  display: block;
  width: 60%;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  color: #010101;
  font-weight: 300;
  float: left;
  word-break: keep-all;
}
.footer_m{display: none;}
.copy-item b {color:#ffffff; font-size: 22px; font-family: 'ZCOOL XiaoWei', serif;}
.copy-item div {font-size: 16px;font-weight: 400;color: #010101;line-height: 1.9; position: relative; margin-bottom:10px; z-index:9;}
.footer-info li div span {margin-right: 10px; font-weight: 300;margin-right: 5px;color: #ffffff;}
.footer-info li div span span {font-weight: 500;margin-right: 5px;color: #ffffff;}
.footer_call_wrap{width: 100%; background: #fcfcfc;border-top:1px solid #ccc;}
#totalANDzeroweb, .footer-info p {font-size: 13px;position: relative;padding: 0 !important; word-break:keep-all; background:#000;}
#totalANDzeroweb div {font-size: 13px;color: #ddd; text-align: left; background: #000; margin-top:4px;}
/* Footer 끝*/
#menu_box { display:none; }            

.s_blog {display:block; width:auto; float:right; position:absolute; right:0; top:0; z-index:9999999;}
.s_blog a {width:34px; display:inline-block; margin-left:8px;}
.s_blog img {width:100%;}

/* all  */
@media all{
  dl {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }

  a{
    font-family: 'Roboto', sans-serif;
  }
}
#SUB_Scontent {margin: 0 auto;}

.m { display: none; }
.t { display: none; }
.pc { display: block; }

#sticky-sticky-wrapper {z-index: 99999999; position: relative;}

.wrap .P-member {
  display: block;
  position: absolute;
  text-align: right;
  width: 100%;
  right: 0;
  z-index: 1;
}
.wrap .P-member-nav a{color: #fff;height: 50px;line-height: 50px;margin-left: 10px;font-size: 14px;font-weight: 400;}
.wrap .P-member-nav a:active, .wrap .P-member-nav a:visited{color: #fff;}

.pushy .P-member{background: #f5f5f5;width: 100%;padding: 15px 0;float: left;margin-bottom: 50px;}
.pushy .P-member-nav a{float: left;width: 50%;text-align: center;font-size: 18px;line-height: 18px;color: #fff;}
.pushy .P-member-nav a:active, .pushy .P-member-nav a:visited{color: #fff;}

#menu_box { display:none;}
.P-header {
  width: 100%;  
  height: 130px;    
  margin:auto;
  padding-top:30px;
  top: 0;
  z-index: 2;
  position: absolute;
  display: inline-block;   
}
.P-header.change {background:#000;}
.P-nav-logo {
    position: relative;
    float: left;
    margin: auto;
    width: 100px;
    padding: 10px 0;     
    overflow: hidden;
}
.P-nav-logo img{
   display: inline-block;
    width: 52%;     
}         

<!-- .P-nav-logo {
  position: relative;
  float: left;
  margin: auto;
  width: 200px;
  padding: 20px 0;
  overflow: hidden;
} -->
.P-nav {width:auto; cursor: pointer; float: left;}

.oracle-order {
position: relative;
    display: block;
    padding: 0 30px;
    height: auto;
    color: #fff !important;
    float: left;
    text-align: center;
    font-weight: 400;
    transition-duration: .2s;
    font-size: 22px;
    line-height: 50px;
    letter-spacing: 0px;
    font-family: 'ZCOOL XiaoWei', serif;
  	border: 1px solid #fff;
  	border-radius: 10px; 
  	margin-left: 10px;
  background-color: #2E8027;
}

.oracle-order:hover {background-color: #23721c;  color: #fff;}

.pushy-oracle {
  	display: block;
    color: #000;
    padding: 20px;
    text-decoration: none;
    text-align: left;
    font-size: 30px 5%;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    /* opacity: 1; */
    /* margin-top: 0px; */
    font-weight: bold;
  font-size: 20px;
}
.pushy-oracle img {
  margin-left: 10px;
}

/* width:660px;*/
.P-nav2 {width: 165px;cursor: pointer;float: right;}
.P-nav2 div{text-align: center;
  padding: 7px 0 3px 0;margin: 30px 0px;font-size: 16px;
  font-weight: 400;border-radius: 50px;transition-duration: .2s;border: 1px solid #333;letter-spacing: 1px;}
.P-nav2 div a{color: #000;} 
.P-nav2 div:hover{background: #000; border: 1px solid #000;}
.P-nav2 div:hover a{color: #000;}
#btn-top-menu{display: none;}

       
/*order*/
<!--
#order {      
   border: 1px solid #fff;
    border-radius: 10px;
}
-->
#order:hover{
background-color: #2E8027;
    color: #fff;
}
.P-nav li{position: relative; float: left;}
.P-nav ul ul{display: none;margin-top: 90px;position: absolute; left:0; text-align: left;width: 238%;background: #fff; padding-left: 20px;}
.P-nav ul .members{width: 160%;left: -30%;}
.P-nav-item:hover .P-nav ul ul{display: block;}
.P-nav ul ul li{height: 50px;line-height: 50px;font-size: 16px;font-weight: 300;float: inherit;}
.P-nav ul ul li:hover a{font-weight:600; color: #004650;}

.P-nav-item {
  position: relative;
  display: block;
  padding: 0 30px;
  height: auto;
  color: #fff !important;
  float: left;
  text-align: center;
  font-weight: 400;
  transition-duration: .2s;
  font-size: 22px;
  line-height: 50px;
  letter-spacing: 0px;
  font-family: 'ZCOOL XiaoWei', serif;
} 
.visible-lg ul li:hover > ul{display:block;}

.P-nav-item span{
  position: absolute; 
  width: 100%; 
  top: 25px;
  opacity: 0;
  transition-duration: .2s;
}

.hov_color:hover {
  color: #2E8027 !important;
}
 .P-nav-item:focus {
  color: #2E8027 !important;
  text-decoration: none;
}

.P-nav-item.on { color:#2E8027;}
/*
.P-nav-item.on { font-weight:800; color:#2E8027;}*/
/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 3px;
  -webkit-transition-property:left, right;
  transition-property:left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0%;
}

.visible-lg {display: block; float: right; }
.hidden-lg {display: none;}

.lang_btn{float: right;line-height: 33px;padding: 0 0 0 18px; margin-top: 28px;}
.lang_col{border: 0;padding: 5px 38px 5px 3px; cursor: pointer;font-size: 16px;}

.P-nav ul:after, .gnb ul:after {content:""; display:block; clear:both;}

#inst {
 width :30px;
   display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
   transform: translate(-50%, 35%);
}

#inst_f {
  width: 30px;
    display: inline-block;
    position: absolute;
    left: 120%;
    top: 50%;
    transform: translate(-50%, 35%);
}
/*instagram & facebook */
/*로고 끝*/
.wrap {
  width: 1400px;
  margin: auto;
}
.wrap_in {
  height: 90px;
  margin:0 auto;
}
/* .visible-lg {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
} */

.hidden-lg {display:none;}

/*덕우 메인*/
.wrap {width:1400px; margin:auto;}
.main_visiual {width:100%; height: 100vh;}
.visiual_wrap {position:relative; width:100%; margin:auto; height:840px;}
.visiual_in {height:100vh; background:url("../images/main/moteru-sushi.webp") no-repeat top center / cover; background-attachment:fixed;}
.visiual_txt {width:1400px; position:absolute; left:50%; top:60%; transform:translate(-50%, -50%);  z-index:9;}
.visiual_txt h1 { margin-bottom: 30px; }

.visiual_txt strong { font-family: 'ZCOOL XiaoWei', serif; display:block; font-size:74px; font-weight: 60; color:#fff; text-align:left; }
.visiual_txt p { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:400; color:#fff; text-align:left;padding-bottom:50px;}
.visiual_txt p.bor { text-decoration:underline;margin-bottom:25px;}
.visiual_txt small {display:block;font-size:20px; font-weight:400; color:#454545; text-align:center; margin-top:20px;}
.visiual_txt span {display:block; margin: 0px; width:120px; height:1px; background:#fff; }

.visiual_txt a:hover, .sc_about a:hover {color:#000;}
.visual_btn ul li { display: inline; line-height: 4;}
.visiual_txt .visual_btn a {font-size:20px; font-weight:400; color:#fff; text-align:left;border:1px solid #fff; border-radius:10px; padding:15px 30px; margin-right: 15px;}
.visiual_txt .visual_btn a:hover {background-color: #2E8027; color: #fff}
.visiual_txt .visual_btn a + a {margin-left:10px;}  

.section_in {width:1400px; margin:auto;}
  
.mainTit {font-size:48px; color:#282828; line-height:1.4; font-weight:400; font-family: 'ZCOOL XiaoWei', serif;}
.mainsubTit {font-size:26px; font-weight:400;}    
.mainsubTxt {font-size:16px; line-height:1.8; font-weight:400;}


/*상품소개*/       
.sc_video {position:relative; width:100%; height:570px; background:url("../images/main/working-hours.webp") no-repeat top center / cover; }
.sc_video .section_in, .sc_about .section_in {width:100%;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.menu_in {height:91vh; background: #fff1f0; background-attachment:fixed;}
.mainmenu_wrap { width: 100%; max-width: 1560px; margin: 60px auto 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.mainmenu_wrap > div { width: 48%; border: 2px solid #000; padding: 40px; }    
.mainmenu_wrap .mainmenu h5 { font-size: 20px; font-weight: 600; color: #000; }
.mainmenu_wrap .mainmenu div p { font-size: 16px; font-weight: 600; margin-top: 20px; color: #000; }
.mainmenu_wrap .mainmenu div p small { font-size: 14px; }     
.mainmenu_wrap .mainmenu div span { font-size: 14px; color: #454545;} 
.sc_video .mainTit {font-family: 'ZCOOL XiaoWei', serif; position:relative; font-size:36px; color:#fff; line-height:1.5; text-align:right; font-weight:400; margin-bottom:30px; padding-top:100px;}
.mainTit_p {font-size:20px; color:#fff; line-height:1.5; text-align:right; font-weight:400;}
.mainTit strong {font-weight:700;}
.video_wrap {position: relative; width:75%; height:548px; margin: auto; box-shadow:0px 10px 50px rgba(0, 0, 0, 0.2); overflow:hidden;}
.video {width:100%; position: absolute;  height: auto;top:50%; left:50%; transform:translate(-50%, -50%);}
          
.sc_about {position:relative; width:100%; height:500px; background:url("../images/main/mid_banner.png") no-repeat left top / cover; }
.about_in {height:91vh; background:url("../images/main/choose_bg.png") no-repeat / cover; background-attachment:fixed;}
.sc_about small {display:block; margin-bottom:10px; font-size:17px; opacity:0.7; font-weight:300; color:#fff; text-align:center;}
.sc_about .mainTit {color:#fff; margin-bottom: 40px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.sc_about ul {width:1400px; margin:auto; display:flex; /*align-content:flex-start;*/ justify-content: space-between; flex-wrap:wrap;}
.sc_about ul li {width:31.9%; padding:40px 0;}
/*.sc_about ul li div {min-height:238px;}*/   
.sc_about ul li:nth-child(2) {margin:0 30px;}
.sc_about ul li * {text-align:center;}
.sc_about ul li h5 { font-size: 20px; font-weight: 600; color: #000; margin-top: 30px; }
.sc_about ul li span { display:block;font-size:18px; font-weight:300; color:#000; padding: 20px;}
/*.sc_about ul li:nth-child(2) span {border-left:1px solid #000; border-right:1px solid #000;}*/
.sc_about a {display:block;font-size:20px; font-weight:400; color:#000; text-align:center; margin-top: 50px;}
.sc_about .sc_sub {display:block;width: 400px; margin:0 auto 30px; background: rgba(255, 255, 255, 0.3); text-align: center; color: #fff; padding: 8px 0;}
   


/* take out add*/
.sc_takeout {position:relative; width:100%; height:800px; background:url("../images/main/sushi-takeout.webp") no-repeat  center / cover; }
.sc_takeout .mainTit {font-family: 'ZCOOL XiaoWei', serif; position:relative; font-size:36px; color:#fff; line-height:1.5; text-align:center; font-weight:400; margin-bottom:50px; padding-top:100px;}
.sc_takeout .mainTit_p {font-size:20px; color:#fff; line-height:1.5; text-align:center; font-weight:400;}



/* 리뷰추가 2022-11-07 */
#rich_con03_wrap{ 
	overflow: hidden;
	width: 100%;
	position: relative;
  background:url("../images/main/sushi-banner.webp") no-repeat center / cover;
	background-attachment: fixed;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
}
#rich_con03_wrap .con_txt_box { width: 100%; max-width: 1300px; }
#rich_con03_wrap .con_txt_box h1 { font-size: 40px; font-weight: 400; color: #fff; text-align: center; }
#rich_con03_wrap .con_txt_box .review_box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px; }
#rich_con03_wrap .con_txt_box .review_box .review { width: 30%; padding: 40px; border: 2px solid #fff; border-radius: 20px; text-align: center; }
#rich_con03_wrap .con_txt_box .review_box .review h5 { font-size: 20px; font-weight: 600; color: #fff; }
#rich_con03_wrap .con_txt_box .review_box .review p { font-size: 16px; font-weight: 300; color: #fff; margin-top: 30px; } 
#rich_con03_wrap .txt_box { text-align: center; }

.con3_wrap .txt_box{letter-spacing: -1px;float: left;margin: 0 5%;width: 45%;}
.con3_wrap .txt_box h1, .con3_wrap .txt_box p{color: #fff;}
.txt_box .btn2 a{display:inline-block;margin:0 auto;border: 1px solid #fff;border-radius: 5px;transition-duration: .2s;transition-duration: .2s; color:#fff; padding:15px 20px; line-height:1.3em; margin-top:30px;}
.txt_box .btn2 div{width: 12px;height: 14px; background: url(/images/main/arrow_b.svg)no-repeat center center;background-size: cover;margin: 36% auto;transition-duration: .2s;}
.txt_box .btn2 a:hover {background-color: #2E8027;transition-duration: .2s;}
/*content03 끝*/




.at_review .mainTit_w {font-size:36px; color:#fff; line-height:1.5; text-align:left; font-weight:600; margin-top:50px;}
.at_review { position: relative; width: 100%; padding: 150px 0 100px 0 ; background: #333;}          
.at_review:before { content: ''; position: absolute; top: 0px; right: 0; width:50%; height: 100%; background:url(../images/main/visit-background.webp) no-repeat center / cover; z-index: 1; background-color:#000; }
/*.at_review:after { content: ''; position: absolute; bottom: 20%; left: 15%; width: 500px; height: 360px; background: #ccc; }*/
.at_review .review_wrap { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0%; z-index: 1; }
.review_wrap:after {content: ''; position: absolute; top: 80px; left: -0%; width: 600px; height: 400px; background: url(../images/main/visit-background.webp) center center / cover; }
.at_review .review_wrap > div { }                        
.at_review .review_wrap > div.review_title {width:45%;}    
.at_review .review_wrap > div.review_cont {width:55%; display:inline; padding: 0 50px;} 
.at_review .review_wrap > div.review_title .mainTit { text-align: left;color:#fff;margin-top:-80px;float:left;left:-170px;} 
.at_review .review_wrap > div.review_title span { display: block; margin: 20px 0; width: 60px; height: 2px; background: #000; }
.at_review .review_wrap > div.review_title .reviewbtn { font-size: 18px; font-weight: 400; }
   
div.review_cont .review { padding: 50px 40px; border: 2px solid #000; margin-bottom: 100px; background: #333; border:1px solid #ccc;}
div.review_cont .review { font-size: 20px; color:#fff;}
div.review_cont .review bold { font-weight: 600; }
 
section.visit {background-color: #333; position: relative; width: 100%; z-index:;}
.visit-wrap {max-width: 1400px; margin: auto;   display: grid;  grid-template-columns: repeat(2, 1fr); padding-bottom:100px;}
.visit-wrap h2 {color: #fff; text-align: left;  padding:15% 10% 5% 0;/*padding: 5% 10%;*/}
.visit-wrap img {padding: 5% 20% 10% 0%;}
/* .visit-wrap img {padding: 5% 15% 10% 10%;} */
.visit-google {display: flex; flex-direction: column; /* section.visit*/ justify-content: center;  gap: 30px;     
  padding-top: 25%;}  

/*bg-->*/     
.visit:before{content: ''; position: absolute; top: 0px; right: 0; width:45%; height: 100%; background:url(../images/main/visit-background.webp) no-repeat center / cover; background-color:#000; }
.visit:after {content: ''; position: absolute; top: 0px; right: 0; width:45%; height: 100%; background:url(../images/main/visit-background.webp) no-repeat center / cover;  background-color:#000; }
.visit-google a { 
     color: #fff; 
     font-size: 2rem;     
    border: 1px solid #fff;
    padding: 4rem;
    background-color: #333;
    
  /*margin-left: -10%; */
    width: 70%;
    z-index:1;
}

.visit-google a:hover {
  background-color: #2E8027;
  color: #fff;
}
.visit-text {width:100%}
.visit-text p {font-size:18px; color:#fff; padding:5px;}


.special { position:relative; width: 100%; text-align: center; padding: 150px 0; background: url(../images/main/special_bg.png) no-repeat center / cover; }
.special .mainTit, .special h5, .special p { color: #fff; text-align: center; } 
.special h5 { font-size: 24px; font-weight: 600; margin-top: 30px; }
.special p { font-size: 20px; font-weight: 300; }
.special a.linkbtn {width:15%; color: #fff; text-align: center; border-color: #fff; margin: 30px auto 0; }
.main_contact{width: 100%; padding: 0 5%; background: #f5f5f5;}
.contact_box{width: 100%;max-width: 1560px;margin: auto;  padding: 50px 0px;}
.contact_box ul { overflow: hidden; }
.contact_box_a {
  display:inline-block;                
   margin-top: 30px;    
   font-size: 20px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 30px;
}      
.contact_box_a:hover {
  background-color: #2E8027;
  color: #fff;
}
.sc_instar {position:relative; width:100%; height:800px; background:url("../images/main/background.webp") no-repeat left top / cover; }
.sc_instar .mainTit {color:#fff; padding-top: 140px; text-align:center; }      
.sc_instar .mainTit_pp {color:#fff; text-align:center; font-size:28px; padding-bottom:40px; 'ZCOOL XiaoWei', serif;}  
.sc_instar .mainTit_pp > span a {text-decoration: underline; color:#fff;}

.main_contact li{width: 50%;float: left;display: flex;padding: 0 5%;margin: 50px 0;}
.main_contact .main_tit{width: 80%;}
/*.main_contact .main_tit{width: 90%;} */
.main_contact .main_tit h1{color: #000;font-size: 34px; line-height: normal; font-family: 'ZCOOL XiaoWei', serif;}
.main_contact .main_tit p{font-size: 16px;line-height: 1.6;margin-top: 10px;} 
.main_contact .main_tit p span{display: block;margin-bottom: 5px;}
.main_contact li .contact_icon{float: right;text-align: right;width: 20%;display: flex;}
/* .main_contact li .contact_icon{float: right;text-align: right;width: 10%;display: flex;} */
.main_contact li img{width: 120px;float: right; margin-right:20px;}       
.main_contact li img.contact_icon1{width: 150px;float: right;}
.main_contact li:nth-child(2){border-left: 1px solid #ccc;}
.blackBg.mobile {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);}

.floating {position:fixed; left:60px; bottom:100px; z-index:99999; display:none;}
.floating a {display:block; width:45px; margin-bottom:15px;}
.floating a img {width:100%;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}



/* [ 0 ~ 1400px 적용] */
@media all and (max-width:1400px){  
  #main {width:90%; margin: 0 auto;}
  .pc{display:none;}
  .t{display:block;}
  .m{display:none;}
  .subMenu {display:none;}
  .P-header{height: 80px;}
  .P-nav-logo{padding:20px 0;width: 180px;}
  #btn-top-menu{display: block; width: 40px; float: right; padding: 26px 0;}
  .visible-lg{display: none !important;}
  .wrap .P-member{display: none;}
  .right.pushy-open {z-index:99999999999999999;}
  .lang_btn {display:none;}
  .bando_sns {float: right; margin-right: 5%; padding-top: 18px;}

  .section_in, .visiual_txt, .wrap, .sc_news .section_in, .sc_about ul {width:90%;   padding-bottom: 5%;}
  .products ul li {width: 30%;}
  .products ul li:nth-child(2) {margin:0 5%;}

  .f_wrap {max-width:90%;}
  .video_wrap {width: 90%;}

  .sc_about ul li {width: 29%;}
  .sc_about ul li > div img { width: 80%; }
  .mainmenu_wrap { padding: 0 2%; }
  .visiual_wrap {height:670px;}
  .visiual_txt p {} 
  .review_wrap:after { display: none; }
  .floating {left:16px;}
}

@media all and (max-width:1078px) {
  #rich_con03_wrap .con_txt_box .review_box {justify-content: center; }
  #rich_con03_wrap .con_txt_box .review_box .review{width: 80%;
    margin-bottom: 15px;}
 
  
}/* 1078px end*/

@media all and (max-width:974px) {
  .visiual_in {background-attachment:inherit;}
  .visiual_wrap {height: 100vh;}
  .sc_video {height: auto;}
  .visiual_txt strong { font-size:4.5em; } 
  .mainTit {padding-top: 100px !important;}
  .video_wrap {height:38vh;}
  
  .sc_video .mainTit {
  font-size:32px;}
  .mainTit_p {
    font-size: 22px;
    padding-bottom:5%;
  }
  
  /*.sc_about ul li {width: 30%;}*/
  .sc_about {height: 30vh;
    padding: 20rem;}
  .sc_about .mainTit { margin-bottom: 0px; font-size:38px;}
  /*   .sc_about .mainTit { margin-bottom: 20px;} */
  .sc_about ul li span { padding: 10px; font-size: 16px; }
  .sc_about ul li:nth-child(2) {margin:0 4%; }
	.at_review { }
	.at_review .review_wrap { padding: 0 }
	.mainmenu_wrap { width: 60%; }
	.mainmenu_wrap > div { width: 100%; padding: 30px; margin-bottom: 30px; }
	
	.at_review .review_wrap > div { width: 100%; }
	.at_review .review_wrap > div.review_title .reviewbtn { font-size: 16px; }
	.at_review .review_wrap > div.review_cont { margin-top: 40px; }
	.at_review .review_wrap > div.review_cont .review p { font-size: 14px; }
	.at_review .review_wrap > div.review_cont .review p br:first-of-type { display: none; }
	.special {  padding : 100px 5%; }
	.main_contact .main_tit h1 { font-size: 28px; }
	.main_contact li .contact_icon { display: none; }
  #totalANDzeroweb div {float:none; }
  .visiual_txt strong 
.visiual_txt p {color:#ffffff;}
  .visiual_txt a { color:#ffffff; }
 .visiual_txt a:hover{color:#ff3526;}
  .visiual_txt span {background: #ffffff;}
.special a.linkbtn {width:25%; }
    .visit-wrap {
   grid-template-columns: repeat(1, 1fr);
  }
  
  .visit-google {
    padding: 10%;
  }
  
  .visit-google a {
            width: 100%;
    margin-left: 0;
  }
  
  .visit-wrap h2 {text-align: center; font-size: 4rem;}
  .visit-wrap img {padding: 0;}
  .main_visiual { height: 100vh;}
.visit:before {     
    top: 60%;
    right: 0;
    width: 100%;
    height: 40%;
    background: url(../images/main/visit-background.webp) no-repeat center / cover;
    background-color: #000;
}
.visit:after {
    content: '';
    position: absolute;
    top:60%;
    right: 0;
    width: 100%;
    height: 40%; 
    background: url(../images/main/visit-background.webp) no-repeat center / cover;
  background-color: #000;}
  
   .visit-wrap h2 {
    text-align: center;
    font-size: 3.6rem;      
    padding: 30% 0% 3% 0%;
}
   .visit-img {padding-top:30px; }
  
.visit-img img {
    padding: 10%;
}
  
     .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}

.contact_box_a {
    display: inline-block;
    position: absolute;
    left: 10%;
    bottom: 0;
    /* margin-top: 30px; */
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 30px;
} 
     .sc_instar {
    position: relative;
    width: 100%;
    height: 700px; 
    background: url(../images/main/background.webp) no-repeat left top / cover;
}     
  .sc_instar .mainTit_pp {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
  .sc_instar > .warp{
    padding-top:100px; 
  }
  
/* 모바일에서는 배경 고정*/  
  #rich_con03_wrap { background-attachment: scroll; }
}

@media all and (max-width:700px){
  .sc_video { height: auto; }
  .sc_about {height:30rem;}
  .sc_about ul li h5 { font-size: 15px; }
	.mainmenu_wrap { width: 100%; }
	.mainmenu_wrap .mainmenu h5 { font-size: 15px; }
	.mainmenu_wrap .mainmenu div p { font-size: 15px; margin-top: 10px;}
  .visiual_txt strong {font-size: 2.6em;; padding-bottom:20px;}
  .visiual_txt p {font-size:28px;} 
  .video_wrap {height: 38vh;}
  .sc_about .sc_sub, .sc_news_list h6 {font-size:14px;}
  .sc_video .mainTit {padding-top: 80px; font-size: 2em;}
	/*.sc_about ul li { width: 100%; }*/
  /*.sc_about ul li:nth-child(1) div img {width:72px}
  .sc_about ul li:nth-child(2) div img {width:68px}
  .sc_about ul li:nth-child(3) div img {width:98px; margin-top: 24px;}*/
  /*.sc_about ul li div {min-height: 180px;}  */
	.sc_about ul li:nth-child(2) span { border: none; }
  .sc_about ul li span, .sc_about a, .sc_news_list h3 {font-size:14px;}
  
  .sc_news ul li {width:46%;}
	.mainTit { font-size: 24px; }
	
	.special h5 { font-size: 18px; }
	.special p { font-size: 15px; } 
  
    .sc_about > .wrap > h2.mainTit {
    margin-bottom: 0px;
    font-size: 2.6em;  
    padding:0;
    text-align: center;
}
  
    .visit-wrap h2 {
    text-align: center;
    font-size: 3.6rem;      
    padding: 30% 0% 0% 0%;
}
    .visit:after {top: 60%;}
  .visit:before {top: 60%;}
    .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}
  .visit-img {padding-top:30px; }
  
.visit-img img {
    padding: 10%;
}
  
     .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}

.contact_box_a {
    display: inline-block;
    position: absolute;
    left: 10%;
    bottom: 0;
    /* margin-top: 30px; */
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 30px;
}
  
  
   .sc_instar {
    position: relative;
    width: 100%;
    height: 500px;
    background: url(../images/main/background.webp) no-repeat left top / cover;
}     
  .sc_instar .mainTit_pp {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
  .sc_instar > .warp{
    padding-top:100px; 
  }
  .pushy-oracle {
    padding: 8% 2%;
    font-weight: 400;
  }
  
  #rich_con03_wrap .con_txt_box h1 {font-size: 30px; }
   
  .visit-text {position: relative;
    z-index: 100;
    text-align: center; }
  
  .sc_takeout .mainTit {
    padding-top: 80px;
    font-size: 2em;
}
  
  
}/* //*/

@media all and (max-width:640px){
  /*.sc_video {height:63vh;}*/
  .video_wrap {height: 26vh;}
  .sc_about .sc_sub {width:70%;}
  .sc_about ul li { padding: 20px 0; }
  .sc_about ul li:nth-child(2) {margin:0 1%;}
  .sc_about a {margin-top:5px;}
  .sc_news ul li {width:100%; margin-right:0; margin-bottom:50px;}
  .sc_news_list h6 {padding-top:0;}
  /*.sc_about ul li:nth-child(1) div img {width:66px}
  .sc_about ul li:nth-child(2) div img {width:58px}
  .sc_about ul li:nth-child(3) div img {width:88px; margin-top: 24px;}*/
  /*.sc_about ul li div {min-height: 158px;}  */
  .sc_news {padding: 11vh 0;}
  .mainTit_p {font-size: 1em;}
  
      .sc_about { 
    height: auto;
    padding: 15rem;
   background: url(../images/main/sushi-banner.webp) no-repeat center / cover;
  }
  .sc_about .sc_sub, .sc_news_list h6 {font-size: 12px;}
  .sc_about ul li span {margin-top:6px;}
  .sc_about ul li:nth-child(2) span {border:none;}
  .sc_video { height: auto; }
  .sc_news ul li .sc_mainImg {height:186px;}

  .sc_about > .wrap > h2.mainTit {
    margin-bottom: 0px;
    font-size: 2.3em;  
    padding:0;
    text-align: center;
}

  .visit-wrap h2 {
    text-align: center;
    font-size: 3.6rem;      
    padding: 30% 0% 0% 0%;
}
    .visit:after {top: 60%;}
  .visit:before {top: 60%;}
    .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}
  .visit-img {padding-top:30px; }
  
.visit-img img {
    padding: 10%;
}
  
  .mainTit {
    padding-top: 100px !important; 
}     
   .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}

.contact_box_a {
    display: inline-block;
    position: absolute;
    left: 10%;
    bottom: 0;
    /* margin-top: 30px; */
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 30px;
}
 .sc_instar {
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/main/background.webp) no-repeat left top / cover;
}      
  .sc_instar .mainTit_pp {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
  .sc_instar > .warp{
    padding-top:100px; 
  }
  
  .visiual_txt .visual_btn a + a {margin-left: 0px;}
  .visiual_txt .visual_btn a { padding: 15px 20px;}
}

/* 모바일M */
@media all and (max-width:480px){
  .P-nav-logo {padding: 18px 0; width: 140px;}
  #btn-top-menu {width:26px;}
  .visiual_txt strong, .mainTit {font-size: 2.1em;}
  .visiual_txt strong {padding-bottom:0px;}
  .visiual_txt p { font-size: 16px; }
  .about_in {background-attachment:inherit;}
  .visiual_txt span {margin:10px auto;}
  .sc_about .sc_sub {width:80%; }
  .sc_about { 
    height: auto;
    padding: 15rem;
  
  }
  .sc_about .sc_sub, .sc_news_list h6 {font-size: 12px;}
  .sc_about ul li span {margin-top:6px;}
  .sc_about ul li:nth-child(2) span {border:none;}
  .sc_video { height: auto; }
  .sc_news ul li .sc_mainImg {height:186px;}

  .sc_about .mainTit {
    margin-bottom: 0px;
    font-size: 1.8em;
    text-align: center;
}


  .visit-wrap h2 {
    text-align: center;
    font-size: 3.6rem;      
    padding: 30% 0% 20% 0%;
}
  .visit:after {top: 60%;}
  .visit:before {top: 60%;}
    .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}
.visit-img img {
    padding: 10%;
}
  
  .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}

.contact_box_a {
    display: inline-block;
    position: absolute;
    left: 10%;
    bottom: 0;
    /* margin-top: 30px; */
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 30px;
}
 .sc_instar {
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/main/background.webp) no-repeat left top / cover;
}      
  .sc_instar .mainTit_pp {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
  
  
  
  
}/* //모바일m*/

/* 모바일S */
@media all and (max-width:360px){ 
  .visiual_txt .visual_btn a { font-size: 16px; }
  .sc_about {
    height: auto;
    padding: 15rem;
   
}
  .sc_about .mainTit {
    margin-bottom: 0px;
    font-size: 28px;
    text-align: center;
}
  .mainTit {                       
    padding-top: 10px !important;
}
  .visit-img {
   padding-top:10%;
  }
  .visit-img img {
  padding: 10%;}
  
  .visit-wrap h2 {
    text-align: center;
    font-size: 3.2rem;      
    padding: 30% 0% 0% 0%;
}
  .visit:after {top: 60%;}
  .visit:before {top: 60%;}
  
  .main_contact li {
    width: 50%;
    float: left;
    display: flex;
    padding: 0 5%;
    margin: 50px 0;
    position: relative;
    height: 200px;
}

.contact_box_a {
    display: inline-block;
    position: absolute;
    left: 10%;    
    bottom: 0;
    /* margin-top: 30px; */
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 30px;
}
 .sc_instar {
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/main/background.webp) no-repeat left top / cover;
}      
  .sc_instar .mainTit_pp {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
  .sc_instar .wrap { 
  padding-top:20%;
  }
   
  .copy-item div {
    font-size: 1em;}
  
}

@media all and (max-width:320px){
.visiual_txt .visual_btn a {
    font-size: 13px;
}
  .contact_box_a {
  font-size: 13px
  }
  
}