/* BASIC css start */
.main2view { display:none; } 
#header { position: relative; width: 100%; border-bottom: none; background: transperant; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } 
/*#header.header-scroll { position: fixed; padding: 0; background: #ffffff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 0.9; } */
#header .hd_top { background:#f2f2f2; } 
#header .hd_top p { font-size: 12px; font-weight: 400; text-align: center; color: #222; padding: 11px 0; } 
/*#header .hd_top p img { width: 20px; vertical-align: bottom; } */
#header .hd_top .hd_brand { display:none; align-items: center; justify-content: space-between; background: #E9E9E9; } 
#header .hd_top .hd_brand a { position: relative; overflow: hidden; box-sizing: border-box; width: 50%; border-radius: 0; padding: 9px 0; text-align: center; } 
#header .hd_top .hd_brand .logo_1 { background: #fff; clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%); border-radius: 0 50px 0 0; } 
#header .hd_top .hd_brand .logo_1 img { width: 95px; } 
#header .hd_top .hd_brand .logo_2 { width: 50%; } 
#header .hd_top .hd_brand .logo_2 img { } 
#header .hd_top .hd_brand.main2view { display:none; background: #59534F; } 
#header .hd_top .hd_brand.main2view .logo_1 { background: transparent; border-radius: 0; } 
#header .hd_top .hd_brand.main2view .logo_2 { background: #F6EFE4; clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%); border-radius: 50px 0 0 0; } 
#header .hd_mid .cate_wrap { display: flex; justify-content: space-around; align-items: center; } 
#header .hd_mid .cate_wrap li a { display: inline-block; font-size: 14px; font-weight: 500; line-height: 19.07px; color: #222; padding: 11px 0; white-space: pre; line-height: 1; } 
#header .hd_mid .cate_wrap li a img { width: 20px; vertical-align: sub; } 

/* 메뉴 */
.mask { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999; } 
#all_menu { position: fixed; top: 0; left: -100%; width: 93%; height: 100%; z-index: 9999; background: #fff; } 
#all_menu .all_menu_in { padding: 0; max-height: 90%; overflow: auto; } 
#all_menu .all_menu_in dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 42px; } 
#all_menu .all_menu_in dl dd { width: 100%; } 
#all_menu .all_menu_in dl dd a { display: block; text-align: center; font-size: 16px; font-weight: 400; height: 50px; line-height: 48px; border: 1px solid #000; color: #000; box-sizing: border-box; } 
#all_menu .all_menu_in dl dd:last-child a { background: #000; color: #fff; } 
#all_menu .ham_top { padding: 15px 13px; display: flex; justify-content: space-between; align-items: center; } 
#all_menu .closeArea img { width: 16px; } 
#all_menu .in_logo { text-align: center; } 
#all_menu .in_logo a img { width: 120px; } 
#all_menu .all_menu_join { margin: 35px 22px 58px; } 
#all_menu .all_menu_join .a_top { } 
#all_menu .all_menu_join .a_top li { margin: 0 8px 0 0; font-size: .85rem; letter-spacing: 1px; } 
#all_menu .all_menu_join .a_top li a { display:block; color: #000; font-size: 13px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 35px; } 

#all_menu .ham_sub_bnr { position: relative; } 
#all_menu .ham_sub_bnr a { display: block; } 
#all_menu .ham_sub_bnr a img { width: 100%; } 

/* 햄버거메뉴 안 분류 */
.brand_list { position: relative; margin-bottom: 30px; } 
.brand_list .brand_tit { position: relative; display:flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #000; padding-bottom: 25px; } 
.brand_list .brand_tit a { font-size: 16px; font-weight: 500; } 
.brand_list .brand_tit img { height: 20px; } 

.brand_list .brand_tit span.ddBtn { top: 0; } 
.brand_cont { display:none; } 
.headerGnb { padding: 0 22px; } 
.headerGnb .gnbInner .menu-list > li { position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 20px 0 15px; border-bottom: 1px solid #595858; } 
.manuinba { position: absolute; bottom: 140px; left: 120px; } 
.menu_list_in a, .menu-container .menu-list li.toggle > a { color: #000; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; } 
.toggle, .menu-submenu { cursor: pointer; font-size: 14px; position: relative; letter-spacing: 1px; } 
.menu-submenu { display: none; margin: 15px 0 0; padding: 0; box-sizing: border-box; } 
.menu-submenu >li { display: inline-block; line-height: 40px; width: 48%; position: relative; } 
.menu-submenu >li .vegan-icon { position:absolute; top: 50%; transform: translateY(-50%); } 
.menu-submenu >li .vegan-icon img { vertical-align: text-top; } 
.menu-submenu >li a { display: block; color: #444; line-height: 40px; font-size: 14px; font-weight: 400; padding-left: 25px; white-space: pre; letter-spacing: -0.4px; } 
/*.menu-submenu >li:nth-child(1) a, .menu-submenu >li:nth-child(3) a, .menu-submenu >li:nth-child(4) a, .menu-submenu >li:nth-child(6) a { background: url('/design/pfd1776/img/ico_vegan.svg') no-repeat left center; } */
/* 햄버거메뉴 안 분류 더보기 */
.ddBtn { position: absolute; top: 21px; right: 0; padding:9px 20px; } 
.ddBtn:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2; } 
.ddBtn:before, .ddBtn:after { content: ''; display: block; position: absolute; top: 50%; right: 12px; width: 12px; height: 2px; margin-top: -1px; background-color: #232323; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out; } 
.ddBtnActive { padding:15px 20px; } 
.ddBtnActive:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #232323 !important; } 
.ddBtnActive:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #232323 !important; opacity: 0; } 

.ham_user_info { position: relative; background: #000; padding: 20px; box-sizing: border-box; margin-bottom: 42px; } 
.ham_user_info p { color: #fff; font-size: 16px; font-weight: 400; text-align: left; margin-bottom: 20px; } 
.ham_user_info p a { color: #fff; border-bottom: 1px solid #fff; } 
.ham_user_info p a b { font-weight:700; } 
.ham_user_info ul { display: flex; gap: 0 20px; } 
.ham_user_info ul li:first-child { padding-right: 20px; border-right: 1px solid #fff; } 
.ham_user_info ul li a { color: #fff; font-size: 16px; font-weight: 400; } 
.ham_user_info ul li a b { font-weight: 600; } 
.ham_sns_wrap { display: none; justify-content: space-around; align-items: center; padding: 60px 0 11px; } 
.ham_sns_wrap li a img { max-height:22px; } 

/* sns 아이콘 영역 */
.snsiconArea { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; line-height: 48px; border-top: 1px solid #595758; background: #fff; } 
.snsiconArea .linkInfo_bot:after { content:''; display:block; clear:both } 
.snsiconArea .linkInfo_bot li { float: left; width : 20%; text-align: center; } 
.snsiconArea .linkInfo_bot li a img { vertical-align: middle; } 

/* 저작권 */
.copy { margin:20px 0; color:#999999; font-size: .79rem; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; } 

/* 하단 고정 */
.nav_bar_wrap { position: fixed; width: 100%; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-around; padding: 12px 0; background: #fff; z-index: 999; } 
.nav_bar_wrap a { display: inline-block; font-size: 11px; font-weight: 400; color: #000; text-align: center; line-height: 1; /* position: relative; */ } 
.nav_bar_wrap a img { display: block; text-align: center; margin: 0 auto 10px; } 

/* 스크롤탑 */
#prev_button { position: fixed; left: 5px; bottom: 10%; z-index: 999; max-width: 55px; } 
#prev_button img { width: 55px; } 
.fixed_icon { position: fixed; right: 5px; bottom: 10%; z-index: 999; max-width: 55px; } 
.fixed_icon img { max-width: 55px; } 

/* 상세 전용 상단 */
#header_ver2 { position: relative; justify-content: space-between; align-items: center; padding: 13px 17.5px; display:none; } 
#header_ver2 .hd_left a { display:inline-block; } 
#header_ver2 .hd_center { position:absolute; left:50%; transform: translateX(-50%); } 
#header_ver2 .hd_center a { } 
#header_ver2 .hd_center a img { width:112px; } 
#header_ver2 .hd_right { display: flex; justify-content: space-between; align-items: center; gap: 20px; } 


/* 빌라쥬 전용 */
.village { background: #F6EFE4; } 
.village .main1view { display:none !important; } 
.village .main2view { display:block; } 
.village #header { background: #F6EFE4; } 
.village #header .hd_top p { background: #59534F; color:#fff !important; } 
.village #header .hd_top .hd_brand.main2view { display:flex !important; background: #877B73; } 
.village #footer .main2view { display:block; } 


/* 새로운 하단 메뉴 디자인 */
#menu .circle { position: absolute; width: 50px; height: 50px; background-color: black; border-radius: 50%; top: -15px; left: 0; right: 0; margin: 0 auto; } 
#menu .circle .horizontal,
#menu .circle .vertical { position: absolute; background-color: white; } 
#menu .circle .horizontal { top: 50%; left: 50%; width: 50%; height: 2px; transform: translate(-50%, -50%); } 
#menu .circle .vertical { top: 50%; left: 50%; width: 2px; height: 50%; transform: translate(-50%, -50%); } 
#menu .circle + span { width: 50px; display: inline-block; text-align: center; line-height: 44px; position: relative; left: 10px; top: 15px; } 
div#header.header-scroll { } 
div#header.header-scroll .hd_mid { position: fixed; left: 0; top: 0; z-index: 9999; background: #fff; right: 0; width: 100%; border-bottom: 1px solid #ddd; } 
.main2view div#header.header-scroll .hd_mid { background: #f5efe4; } 
div#header.header-scroll .hd_top { position: fixed; left: 0; top: 0; z-index: 9999; background: #fff; right: 0; width: 100%; /* border-bottom: 1px solid #ddd; */}
div#header.header-scroll p { display: none; } 


/* BASIC css end */