/* BASIC css start */
#container { background: #fff;/*padding-top: 52px;*/ }
#topBar,
#cateBox .commu { display: none; }


/* fullpage 공통 */
#fullpage .fp-auto-height.fp-section, #fullpage .fp-auto-height .fp-slide, #fullpage .fp-auto-height .fp-tableCell { height: auto !important; }

/* 화면하단 next버튼 */
#actions { position: fixed; z-index: 9999; right: 0;  top: 20%; font-size: 18px;  color: #000; font-weight: 400; width: 115px; height: 155px; cursor: pointer; }
#actions .btnSectNext { display:inline-block; *display:inline; *zoom:1; width: 50px; height: 50px; display: none; }

/* 좌측메뉴 */
#menu { width: 100%; height: 155px; line-height: 15px; text-align: left; }
#menu li { width: 100%; border-bottom: 1px rgba(255,255,255,0.5) solid; padding: 2px 0; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
#menu li a { font-family: 'noto sans kr', AppleGothic, sans-serif; font-size: 11px; color: #fff;  font-weight: 300; letter-spacing: 0.5px; letter-spacing: 1px;}
#menu li.active { width: 130%; margin-left: -30%; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
#menu li.active a { font-weight: 500; }

/* 상하좌우 프레임 흑백전환 */
#wrap {  }
#wrap.white * { color: #fff !important;}
#wrap.white header #btn-allCate .icon { background: #fff; }
#wrap.white #menu li { border-bottom: 1px rgba(255,255,255,0.5) solid !important; }

/* 웹텍스트 */
#fullpage .txtBox { /*position: absolute; max-width: 70%;*/ padding: 30px 20px; }
#fullpage .txtBox * { font-size: 10px; line-height: 18px; letter-spacing: 0; }
#fullpage .txtBox h3 { font-size: 18px; font-weight: 500; margin-bottom: 20px; }
#fullpage .txtBox h3 span { display:inline-block; *display:inline; *zoom:1; width: 100%; height: 20px; line-height: 20px; font-size: 11px; margin-bottom: 5px; }


/* 단락 */
#fullpage .section { position: relative; width: 100%; height: 100%; z-index: 999; overflow: hidden;}
#fullpage .section img { max-width: 100%; }
#fullpage .section .txtBox { opacity: 0; -webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out; }
#fullpage .section .txtBox.scrollOn { opacity: 1; }


#fullpage #identity > a > img:nth-child(2) { position: absolute; top: 30px; max-width: 180px; left: 20px; }
#fullpage #identity .txtBox { left: -350px; top: 150px; }
#fullpage #identity .txtBox.scrollOn { left: 50px; }

#fullpage #value .txtBox { left: 50px; top: 230px; }
#fullpage #value .txtBox.scrollOn { top: 130px; }

#fullpage #philo .txtBox { left: 50px; bottom: 200px; }
#fullpage #vegan .txtBox { left: 50px; top: 180px; }
#fullpage #series .txtBox { left: 250px; top: 100px; }




#footer { padding-top: 0 !important; margin-bottom: 10px; }
#footer .instaWidget { display: none !important; }  
#pageFoot { padding-bottom: 40px; }

/* BASIC css end */

