html { scroll-behavior: smooth; }

.c1{color:#7f675a;}
.c2{color:#f4eadf}

.pc_quick{position:fixed;transition:all 1s;bottom:50px;right:50px;z-index:9999;}
.quick_symbol ul li{border-radius:100px;overflow:hidden;position:relative;}
.quick_symbol ul li a{display:block;width:100%;height:100%;}
.quick_symbol ul li:nth-child(1){background:green;width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
.quick_symbol ul li:nth-child(2){background:#ffd509;width:50px;height:50px;margin:0 auto;margin-bottom:30px;}
.quick_symbol ul li:nth-child(1) img{filter:invert(1) brightness(100)}
.quick_symbol ul li:nth-child(1) img, .quick_symbol ul li:nth-child(2) img{width:25px;}
.quick_sym_btn{width:75px;height:75px;background:#8b6f5f;cursor:pointer;animation:1s  quick infinite alternate}
.quick_symbol ul li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) !important;width:60px;display:block;}
@keyframes quick{
  0%{transform:scale(1)}
  100%{transform:scale(1.1) translateY(-10px);background:#e9ab3a;}
}
.quick_symbol img{display:block;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.quick_toggle{margin-bottom:30px;display:none;width:75px;background:#fff;border-radius:200px;padding-top:15px;overflow:hidden;border:1px solid #837063}
.quick_toggle li{}
.quick_toggle li a{font-weight:600;display:block;font-size:13px;padding:15px 0px;text-align:center;}
.quick_toggle li img, .pc_quick ul li svg{width:20px;height:20px;display:block;margin:0 auto;margin-bottom:7px;}
.top{font-weight: bold !important;padding-bottom: 30px !important;font-size: 12px !important;letter-spacing: 1px;background: #837063;color: #fff;}

.pc_header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 100px;z-index:9999;}
.pc_header_bg{background:rgba(0,0,0,0.5)}
.hd_bg{background:rgb(71 65 60 / 80%);transition:all 1s;}
.logo{width:250px;}
.logo a{display:block;}
.logo a img{width:100%;filter:invert(1) brightness(10)}
.pc_nav{width:1000px;display:flex;}
.pc_nav li{width:200px;}
.pc_nav li a{display:block;font-size:18px;color:#fff;text-align:Center;}
.pc_nav li a:hover{color:#f4eadf;font-weight:600;}
.pc_nav_active{color:#f4eadf !important;font-weight:600;}
.sns{width:200px;display:flex;justify-content:space-between;}
.sns a{display:block;}
.sns a img{display:block;width:25px;height:25px;opacity:0.6;filter:invert(1) brightness(10)}
.sns a svg{display:block;width:25px;height:25px;opacity:0.6;fill:#fff;}
.sns a:hover img, .sns a:hover svg{opacity:1;transition:all .5s;}
.all_menu{}

.sub_header{background:#fff;}
.sub_header .logo img{filter:none;}
.sub_header .pc_nav li a{color:#000;font-weight:600;}
.sub_header .pc_nav_active{color:#473a26 !important}
.sub_header .sns a img{filter:none;opacity:1;}
.sub_header .sns a svg g{fill:#000 !important;opacity:1;}
.pc_dropdown_wrap{background:rgb(179 154 128 / 90%);width:100%;padding:0 100px;position:fixed;top:121px;display:none;z-index:9999;}
.pc_dropdown{display:flex;justify-content:space-between;}
.drop_left{width:280px;padding-top:60px;}
.drop_num{display:flex;align-items:center;}
.drop_num h4{font-size:18px;margin-right:15px}
.drop_num p{font-size:22px;font-weight:bold;color:#fff;}
.time_list{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.3)}
.time_list li{display:flex;align-items:center;padding:10px 0;}
.time_list li span{font-size:16px;display:block;width:80px;color:#fff;font-weight:bold;}
.time_list li p{font-size:16px;color:#fff;}
.time_list strong{color:#fff;font-weight:400;margin-top:20px;font-size:13px;display:block;line-height:30px;}
.time_list strong b{color:#ffe000;font-weight:500;}
.drop_nav{background:rgba(0,0,0,0.1);width:1000px;display:flex;}
.drop_nav ul{width:200px;padding:70px 30px;}
.drop_nav ul h4{width:fit-content;font-size:20px;margin-bottom:20px;font-weight:500;position:relative;}
.drop_nav ul h4:before{position:absolute;content:"";width:6px;height:6px;background:#f4eadf;border-radius:50px;top:10px;right:-13px;opacity:0;transition:all .3s;}
.drop_nav ul h4.navActive:before{opacity:1;top:-3px;transition:all .3s;}
.drop_nav ul li{}
.menu1{background:rgb(149 111 107 / 30%)}
.menu2{background:rgb(255 159 149 / 30%)}
.menu3{background:rgb(211 124 144 / 30%)}
.drop_nav ul li a{font-size:16px;padding:10px 0;color:#fff;display:block;}
.drop_nav ul li a:hover{color:#ffd9c7}
.drop_none{width:200px;}

.all_menu{padding:100px;z-index:999999999;width:60%;height:100vh;background:#2e2f41;position:fixed;top:0;right:-100%;overflow-y:scroll;transition:all 1s;}

.all_menu_on{right:0;transition:all 1s;}
.all_menu::-webkit-scrollbar {
  width: 3px;
}
.all_menu::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.all_menu::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.3);
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

.all_menu_list{display:flex;flex-wrap:wrap;position:relative;z-index:10;}
.all_menu_list ul{margin-top:60px;width:33.3%;}
.all_menu_list ul h4{font-size:20px;margin-bottom:20px;}
.all_menu_list ul li{}
.all_menu_list ul li a{font-size:16px;display:block;color:#fff;line-height:34px;font-weight:500;}
.all_menu_list ul li a:hover{color:orange;}

.all_btn{position: absolute;
    top: 80px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 80%;
    height: 100vh;}
.all_btn a{display:block;}
.all_btn a img{fill:#fff;width:20px;height:20px;display:block;}
.all_menu_home svg{width:20px !important;height:20px !important}
.all_menu_home{}
.all_menu_close{position:sticky;}

.all_customer_btn{margin-top:40px;display:flex;justify-content:space-between;}
.all_customer_btn a{border-radius:500px;padding:35px 50px;border:1px solid rgba(255,255,255,0.3);width:48%;position:relative;}
.all_customer_btn a:hover{background:rgba(0,0,0,0.3);transition:all .5s;}
.all_customer_btn svg{position:absolute;top:50%;transform:translateY(-50%);right:50px;fill:#fff;width:30px;}
.all_customer_btn span{display:block;font-size:22px !important;color:#fff;font-weight:bold;margin-top:15px;letter-spacing:0;}
.all_customer_btn p{font-size:22px;color:#fff;font-weight:bold;margin-top:15px;}
.all_customer_btn span{display:block;font-size:18px;}
.all_tel p{display:none}
.all_customer_btn b{color:#fff;font-size:16px;font-weight:400;}

.all_info_nav{margin-left:10px;margin-top:50px;display:flex;}
.all_info_nav a{display:block;font-size:15px;color:#fff;opacity:0.5;font-weight:500;margin-right:20px;}

.mb_quick{display:none}
@media screen and (max-width:1600px){
  .pc_header{padding:30px 50px}
  .pc_nav li a{font-size:15px;}
  .sns a img, .sns a svg{width:18px;height:18px;}
  .pc_dropdown_wrap{padding:0px 50px;top:109px;}
  .drop_nav ul h4, .drop_num h4{font-size:15px;}
  .drop_nav ul li a{font-size:14px;}
  .drop_num{display:block;}
  .drop_num p{font-size:18px;}
  .time_list{margin-top:15px;padding-top:15px;}
  .time_list li{display:block;}
  .time_list li span, .time_list li p{font-size:14px;margin-top:6px;}
  .time_list strong{font-size:12px;line-height:25px;}
  .logo{width:350px}
  .logo a img{width:200px;}
  .sns{width:100px;}
  .sns a:nth-child(1){display:none;}
  .sns a:nth-child(2){display:none;}
  .sns a:nth-child(3){display:none;}
  .drop_left{width:350px;padding-top:40px;padding-right:20px;padding-bottom:40px;}
  .drop_nav{width:1000px}
  .drop_none{width:100px;}
  .all_menu_list ul h4{font-size:15px;}
  .all_menu_list ul li a{font-size:13px;line-height:30px;}
  .all_customer_btn b{font-size:14px;}
  .all_customer_btn p , .all_customer_btn span{font-size:17px;}
  .all_info_nav a{font-size:13px;}
  .all_customer_btn svg{width:20px;}
}

@media screen and ( max-width:799px){
  .pc_quick{display:none;}
  .pc_header{background:#fff !Important;padding:30px;}
  .pc_nav{display:none;}
  .pc_dropdown_wrap{display:none !Important}
  .sns a svg g{fill:#000 !important;opacity:1;}
  .logo{width:150px}
  .logo a{display:block;}
  .logo a img{width:150px;filter:none;}
  .sns{width:80%;justify-content:right;}
  .all_menu{padding:50px 40px;width:85%}
  .all_menu_list ul{width:100%;margin-top:35px;}
  .all_menu_list ul h4{margin-bottom:10px;}
  .all_customer_btn{display:block;margin-top:25px;}
  .all_customer_btn a{width:100%;display:block;margin-top:15px;border-radius:20px;padding:30px;}
  .all_customer_btn svg{right:20px;}
  .all_customer_btn b{font-size:12px}
  .all_customer_btn span, .all_customer_btn p{margin-top:5px;}
  .all_customer_btn span, .all_customer_btn p{font-size:16px !Important;}
  .all_info_nav{flex-wrap:wrap;}
  .all_info_nav a{font-size:12px;width:40%;}
  .all_info_nav a:nth-child(n+3){margin-top:15px}
  
 
  /*스크롤바 넓이*/
.all_menu::-webkit-scrollbar {width:6px;} 

/*스크롤바 막대 설정*/
.all_menu::-webkit-scrollbar-thumb {background:#4e507b; /*스크롤바 막대 색상*/
  border-radius:500px;}  /*스크롤바 막대 모서리 둥글리기*/

.all_menu::-webkit-scrollbar-track{
    background-color:#494b6d; /*스크롤바 트랙 색상*/
}
  
  
  .mb_quick{display:block;position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #e4e4e4;z-index:999;background:#fff}
  .mb_quick ul{display:flex}
  .mb_quick ul li{width:20%}
  .mb_quick ul li a{display:block;padding:15px 0;font-weight:bold;font-size:11px;text-align:center;}
  .mb_quick ul li img, .mb_quick ul li svg{display:block;margin:0 auto;width:20px;height:20px;margin-bottom:10px;}
 
  .all_btn{top:40px;}
  .all_menu_close{top:-20px;}
  .all_btn a img, .all_btn a svg{width:15px !important;height:15px !important;;}
  .all_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:99999;display:none;}
  .all_bg_show{display:block;}
  .call{    background: #8b6f5e;
    position: relative;
    top: -30px;
    border-radius: 50px;}
  .call a{color:#fff;}
  .call svg{fill:#f4eadf !Important;}
}