@charset "UTF-8";
@import url(core.css);

/*박스 사이즈*/
*{
	box-sizing: border-box ;
	/*outline:1px solid black;*/
}
/*박스 사이즈*/

/*상단 logo+사이드 메뉴+ 메인 메뉴*/
/*기본설정*/
#header{width:100%; height:auto; }
#header::after{content:""; clear:both; display:block;}
/*기본설정*/

/*logo+사이드메뉴*/
#top{width:100%; padding:2% 0;background-color:#651d32;}
/*사이드 메뉴 (로그인창)*/
#top>aside{width:67%; float:right; margin-top:-1%; display:block;}
#top>aside>#navi{float:right; margin-right:2%;}
#top>aside>#navi>li::after{content:"*"; clear:both; display:inline-block; float:right; color:#eee;margin:0 5px;}
#top>aside>#navi>li{text-align: center; display:block; color:#eee;  font-size:0.9rem; padding:3px 0;}
#top>aside>#navi>li:last-child::after{content:""; clear:both; display:inline-block; color:#eee;margin:0 0;}
#top>aside>#navi>li>a{display:inline-block;}
#top>aside>#navi>li>a:hover{
	color:#fff; font-weight:bold;}
/*사이드 메뉴 (로그인창)*/

/*가운대 로고 */
#top>#logo{width:10%; padding:3% 0; background:url(../images/logo.png) no-repeat center/100%;margin:0 auto; position:relative;}
#top>#logo>a{position:absolute; width:100%; height:100%; top:0; left:0; }
/*가운대 로고 */

/*logo+사이드메뉴*/


/*메인 메뉴*/
/*기본 설정*/
#gnb{width:100%; padding: 0;  box-shadow:0 2px 2px #ccc; position:relative;  }
#gnb::after{content:""; clear:both; display:block;}
/*기본 설정*/

/*하겐다즈 + 매장메뉴 + 매장안내 + 창업문의*/
#gnb>#gnbBox{width:60%; padding:0; margin:0 auto;   }
#gnb>#gnbBox>li{width:20%; padding:1% 0; text-align:center;}
#gnb>#gnbBox>li>a{ color: #666; display:block; font-weight:600;}
#gnb>#gnbBox>li>ul{width:12%; position:absolute; top:100%; overflow:hidden;z-index:10;}
#gnb>#gnbBox>li>ul>li{width:100%; padding:0;}
#gnb>#gnbBox>li>ul>li>a{width:100%; padding:3% 0; display:block; text-align:center;  color: #666; opacity:0; margin-top:-30%; }
#gnb>#gnbBox>li>ul>li>a:hover{background-color: #999; color:#fff;}
/*하겐다즈 + 매장메뉴 + 매장안내 + 창업문의 끝*/
/*내려오는 박스*/
#gnbBg{width:100%; padding:0 0; background: #eee; position:absolute; top:100%; left:0; z-index:1;}
/*내려오는 박스*/


/*온라인구매 메뉴*/
#gnb>#store{width:100%;  }
#gnb>#store>li{width:12%; padding:0.6% 0; text-align:center; }
#gnb>#store>li>a{width:100%; font-size:1.1rem; display:block; font-weight:bold; color:#651d32}
#gnb>#store>li>ol{width:100%;padding: 0; position:absolute; top:100%; 
	right:-100%; transition: all 1s; z-index:9999;}
	#gnb>#store>li:hover>ol{right:0;}
#gnb>#store>li>ol>li{width:14.28571428571429%; height:100%; }
#gnb>#store>li>ol>li>a{ color: #999; height:100%; font-size:1.1rem; font-weight:bold; display:block; background-color: #eee; padding:5% 0; transition:all 0.3s; }
#gnb>#store>li>ol>li>a:hover{background-color: #999; color:#fff;}
#gnb>#store>li>ol>li>a>div{width:60%; padding:30% 0;  margin:0 auto;}
#gnb>#store>li>ol>li>a>#storeImg01{ background: url(../images/storemini.png) no-repeat center/35%;}
#gnb>#store>li>ol>li>a>#storeImg02{ background: url(../images/storepint.png) no-repeat center/45%;}
#gnb>#store>li>ol>li>a>#storeImg03{ background: url(../images/storequart.png) no-repeat center/55%;}
#gnb>#store>li>ol>li>a>#storeImg04{ background: url(../images/storecon.png) no-repeat center/60%;}
#gnb>#store>li>ol>li>a>#storeImg05{ background: url(../images/storebar.png) no-repeat center/33%;}
#gnb>#store>li>ol>li>a>#storeImg06{ background: url(../images/storesd.png) no-repeat center/100%;}
#gnb>#store>li>ol>li>a>#storeImg07{ background: url(../images/storecake.png) no-repeat center/100%;}

/*온라인구매 메뉴*/

/*트리거버튼 모바일 버전용*/

/*트리거버튼 모바일 버전용*/


/*하단 sns+로고+주소+이용약관*/
/*기본 설정*/
#footer{width:100%;padding:2% 0; background-color: #210200;}
#footer::after{content: ""; clear:both; display:block;}
/*기본 설정*/

/*이용약관 부분*/
#footer>aside{width:67%; float:right; margin-top:0; display:block;}
#footer>aside>ul{float:right; margin-right:3%;}
#footer>aside>ul>li::after{content:"*"; clear:both; display:inline-block; float:right; color:#eee;margin:0 5px;}
#footer>aside>ul>li{text-align: center; display:block; color:#eee;  font-size:0.8rem; padding:3px 0;}
#footer>aside>ul>li:last-child::after{content:""; clear:both; display:inline-block; color:#eee;margin:0 0;}
#footer>aside>ul>li>a{display:inline-block;}
#footer>aside>ul>li>a:hover{
	color:#fff; font-weight:bold;}
/*이용약관 부분*/


/*sns 아이콘 2개 */
#footer>#sns{ width:13%; padding:0; margin: 0 auto;  }
#footer>#sns>li{width:33.33%; padding: 0;  opacity:0.8;}
#footer>#sns>li:hover{opacity:1;}
#footer>#sns>li>a{display:block; padding:40% 0;}
#footer>#sns>#snsimg01{background:url(../images/sns01.png) no-repeat center/80%; margin-right:10%;}
#footer>#sns>#snsimg02{background:url(../images/sns02.png) no-repeat center/80%;}
/*sns 아이콘 2개 */

/*가운대 로고 */
#footer>#logo_bottom{width:20%; padding: 0; background:url(../images/logo_bottom.png) no-repeat center/90%; margin:0 auto; opacity:0.8;}
#footer>#logo_bottom>a{width:100%;  padding:20% 0; display:block;}
#footer>#logo_bottom:hover{opacity:1;}
/*가운대 로고 */

/*주소	*/
#footer>address{width:60%; margin:0 auto; font-size:0.8rem; font-style:normal; text-align:center; color:#ccc;}
#footer>address>span{display:block;}
/*주소	*/