/* 인덱스 레이아웃 */
#idx_wrapper{width:100%; margin:0 auto; padding:20px 0;}





/*동영상메인슬라이더*/
.movie_box{width:1130px; height:600px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.movie li{position:relative; width:1130px; height:600px; overflow:hidden;}
.movie li:after{content:""; display:block; clear:both;}
.movie li img{float:left}
.movie li iframe{float:left;}
.movie .ms_btn01{ position:absolute; bottom:45px; left:50%; transform:translateX(-50%); display:block; 
				  width:500px; background:#F28707; border-bottom:3px solid #261914; color:#fff; font-family:'BMDH';
				  text-align:center; font-size:1.8em; line-height:50px; padding-top:5px; border-radius:50px;}

/* 메인슬라이더 */
#movieSlide{width:100%; position:relative; margin:0 auto; overflow:hidden;}

#movieSlide div.bx-pager{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); z-index:2;}
#movieSlide div.bx-pager div{ float:left; margin:0 2px;}
#movieSlide div.bx-pager div a{ 
	display:block; width:12px; height:12px; text-indent:-9999px; border-radius:9px; background:#261913;
	}
#movieSlide div.bx-pager div a.active{background:#FE7C00; width:24px;}
#movieSlide div.bx-controls-direction a{
	display:block; width:25px; height:80px; text-indent:-9999px; position:absolute; top:50%; margin-top:-40px; z-index:100; opacity:0.5; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#movieSlide div.bx-controls-direction a:hover{opacity:1;}
#movieSlide a.bx-prev{left:15px; background:url(../img/common/mbn_v_prev.png) no-repeat left 0/100% 100%;}
#movieSlide a.bx-next{right:15px; background:url(../img/common/mbn_v_next.png) no-repeat right 0/100% 100%;}	
#movieSlide div.bx-controls-auto{position:absolute; width:40px; top:150px; z-index:2; left:50%; margin-left:-550px;}
#movieSlide div.bx-controls-auto a{
	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
#movieSlide div.bx-controls-auto a.bx-start{background:url(../img/common/mbn_btn_play.png) no-repeat 50% 50% #806000;}
#movieSlide div.bx-controls-auto a.bx-stop{background:url(../img/common/mbn_btn_stop.png) no-repeat 50% 50% #806000;}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
/*동영상*/

.movie_box{width:330px; height:358px;}
.movie li{height:358px;}
.movie li img{width:100%; height:auto;}

#movieSlide iframe{padding-bottom:0%; height:0; overflow:hidden; height:auto; float:left;}
#movieSlide iframe#yt1{width:260px; height:145px;}
#movieSlide iframe#yt2{width:194px; height:109px;}
#movieSlide iframe#yt3{width:260px; height:145px;}
#movieSlide iframe#yt4{width:260px; height:145px;}

#movieSlide div.bx-pager{margin-left:0; top:auto; bottom:10px;}
#movieSlide div.bx-controls-auto{margin-left:0; left:10px; top:auto; bottom:10px;}
#movieSlide div.bx-controls-direction a{display:none;}

}


#idx_cus{ font-family:'BMDH'; font-size:1.8em; letter-spacing:0; text-align:center; padding-bottom:30px;}
#idx_cus ul{content:""; display:block; clear:both;}
#idx_cus li{ display:inline-block; text-align:center;}
#idx_cus li strong{color:#C00000; font-size:1.2em; margin-left:5px;}
@media (max-width: 767px) {
#idx_cus{font-size:1.2em; padding-bottom:0;}
#idx_cus li{display:block; width:100%; text-align:center;}
}

/* 메인광고영역 */
#idx_ad{}

#idx_ad{margin-bottom:10px;}
#idx_ad .ad_title{text-align:center; line-height:2.8em; padding:20px 0;}
#idx_ad .ad_title h2{font-size:2.3em;}
#idx_ad .ad_title span{font-size:1.2em;}
#idx_ad .ad_list{overflow-y:scroll; height:300px;}
#idx_ad .ad_list li:after{content:""; display:block; clear:both;}
#idx_ad .ad_list li{margin:1px; width:calc(50% - 4px); float:left;}
#idx_ad .ad_list li a:after{content:""; display:block; clear:both;}
#idx_ad .ad_list li a{display:block; border:1px solid #E3E3E3; box-sizing:border-box; padding:13px 10px;}
#idx_ad .ad_list li a:hover{border:1px solid #FFCF4D;}
#idx_ad .ad_list li .text {font-size:12px; line-height:1.5em;}
#idx_ad .ad_list li .text p{font-weight:600; font-size:13.5px; margin:5px 0;}
#idx_ad .ad_list li .text span{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%;}
#idx_ad .ad_list li .img{height:100px; overflow:hidden; padding:12px 15px;}
#idx_ad .ad_list li .img img{width:100%; height:auto;}
#idx_ad .ad_list li .from{ margin-top:10px;}
#idx_ad .ad_list li .from i{display:inline-block; margin:0 3px 0 0; width:28px; height:28px; border-radius:50%; border:1px solid #ccc; vertical-align:middle; background:#F7F7F7;}
#idx_ad .ad_list li .from .date{margin-left:5px; font-size:0.9em; opacity:0.9; vertical-align:middle;}

@media (max-width: 991px) {
}
@media (max-width: 767px) {
#idx_ad .ad_list li{width:100%; margin:1px 0;}
}

/* 메인컨텐츠 레이아웃 */
#idx_container{}

#idx_container .main_banner {display:none;}
@media (max-width: 767px) {
#idx_container .main_banner {display:block;}
}



/* 메인탭패널 */
#idx_tab{ border:3px solid #FFCF4D;}
#idx_tab ul.idx_tab:after {display:block;visibility:hidden;clear:both;content:""}
#idx_tab ul.idx_tab{zoom:1;}
#idx_tab ul.idx_tab > li{float:left; display:block; text-align:center; width:50%;}
#idx_tab ul.idx_tab > li > a{display:block;position:relative;padding:10px 12px; width:auto; border-bottom:0;
					  background:#FFCF4D; color:#333;text-align:center;letter-spacing:-0.5;line-height:1.2em; font-size:2em; cursor:pointer}
#idx_tab ul.idx_tab > li > a.selected{border-bottom:none; background:#FFF; font-weight:bold; z-index:3; margin:0;}

#idx_tab ul.idx_panel{clear:both; width:100%; min-height:400px; padding-top:30px; box-shadow:none; background:none; z-index:1}
#idx_tab ul.idx_panel > li{padding:5px 10%; min-height:300px;}

/**메뉴&이벤트**/
#idx_tab ul.idx_panel img{width:100%;}
#idx_tab #tab_menu .tab_menu_title{text-align:center; font-size:2em; line-height:1.5em; margin-bottom:10px;}
#idx_tab #tab_menu .tab_menu_title span{}
#idx_tab #tab_menu .tab_menu_title h3{font-size:1.5em;}
/**지점별주문&CCTV**/
#idx_tab #tab_store { background:#4E4332; padding-bottom:20px; display:none;}
#idx_tab #tab_store .tab_store_title{ text-align:center; height:220px; background:url(../img/main/idx_menu_event04.jpg) no-repeat 50% 0/100% auto; padding-top:120px;}
#idx_tab #tab_store .tab_store_title a{border-radius:5px; font-size:1.5em; padding:15px 40px; letter-spacing:-0.5; background:#2e2920; color:#F9E457;}
#idx_tab #tab_store .tab_store_title a:hover{color:#000; background:#F9E457;}

@media (max-width: 767px) {
#idx_tab ul.idx_tab{border:0;}
#idx_tab ul.idx_tab > li{}
#idx_tab ul.idx_tab > li > a{padding:10px 0; width:100%; font-size:1em;}
#idx_tab ul.idx_tab > li > a.selected{}
#idx_tab ul.idx_panel > li{padding:5px}

/**메뉴&이벤트**/
#idx_tab #tab_menu .tab_menu_title{font-size:1.2em;}
/**지점별주문&CCTV**/
#idx_tab #tab_store {display:block;}
#idx_tab #tab_store .tab_store_title{/*padding-top:55px;*/ padding-top: 20px; background: #504434; height:100px; margin-bottom: 20px;}
#idx_tab #tab_store .tab_store_title p{color: #fff; font-size: 1.2em; margin-bottom: 25px;}
#idx_tab #tab_store .tab_store_title a{font-size:1.2em; padding:15px;}
}



#tab_story .news_img dt{}
#tab_story .news_img dd{text-align:center}
#tab_story .news_img .contents img {width:700px; padding-bottom:16px;}
@media (max-width: 767px) {
#tab_story .news_img .contents img {width:100%;}
}


/**브랜드스토리**/
#tab_story{padding:10px; font-size:1.1em; line-height:1.5em;}
#tab_story .video{margin:10px auto; text-align:center;}
#tab_story .video img{width:100%; max-width:600px;}

#tab_story .story_title{margin-bottom:50px;}
#tab_story .story_title .row{font-family:'BMDH'; font-size:2em; line-height:1.5em;}
#tab_story .story_title .logo{ width:auto; height:70px; float:right; margin-top:10px;}
#tab_story .story_title span{display:block; text-align:center;}

#tab_story h4{font-family:'BMDH'; font-size:1.8em; line-height:1.8em; border:4px solid #FFC000; border-radius:50px; 
				display:block; text-align:center; padding:8px 0 5px 0; width:100%; margin:20px auto;}
#tab_story .story dt{font-family:'BMDH'; font-size:1.5em; line-height:1.8em;}
#tab_story .story dd.img{padding:10px 0;}
#tab_story .story .btn{font-family:'BMDH'; font-size:1.5em; background:#1C1C1C; padding:23px 0 20px 0; margin-top:20px; color:#F9E457!important; width:100%; border:0; border-bottom:3px solid #ead43f;}
#tab_story .story .btn .fa{margin-left:10px;}
#tab_story .story .btn:hover{background:#F9E457; color:#1C1C1C!important; border-bottom:3px solid #1C1C1C;}

#tab_story .story .cartoon{text-align:center; border:1px solid #333; margin:10px 0;}
#tab_story .story .cartoon img{width:32%; border:1px solid #000; margin:3%;}

@media (max-width: 991px) {
#tab_story .story_title {text-align:center;}
#tab_story .story_title .row{font-size:1.5em; line-height:1.5em;}
#tab_story .story_title .logo{float:none; height:50px; margin-top:0; margin-bottom:20px;}
#tab_story .story_title span{text-align:left;}

#tab_story h4{font-family:'BMDH'; font-size:1.2em; line-height:1.2em;}
#tab_story .story dt{line-height:1.5em; margin-bottom:5px;}
#tab_story .story .btn{ font-size:1.3em;}

#tab_story .story .cartoon img{width:80%;}
}




/*지점별 탭메뉴*/
#tab_store{width:100%; margin:0 auto;}
#tab_store .tabs:after {display:block;visibility:hidden;clear:both;content:""}
#tab_store .tabs{padding-left:1px;zoom:1; text-align:center; border-bottom:1px solid #fff;}
#tab_store .tabs li{ float:left; text-align:center; margin-left:-1px; margin-bottom:-1px;}
#tab_store .tabs li a{display:inline-block;position:relative; padding:15px 20px; width:auto; border:1px solid #1f1b14; border-bottom:0;
	background:#2e2920; color:#fff;text-align:center;letter-spacing:-0.1em;line-height:1.2em; font-size:1.1em; cursor:pointer}
#tab_store .tabs li.active a{border-bottom:none; background:none; border:1px solid #fff; border-bottom:1px solid #4E4332;; color:#fff; font-weight:bold; z-index:3; margin:0;}

#tab_store .tab_container{clear:both; width:100%; padding-top:30px; box-shadow:none; background:none; z-index:1}
#tab_store .tab_container .tab_content{padding:0px; min-height:100px;}

#tab_store .list:after{content:""; display:block; clear:both;}
#tab_store .list{padding:0px;}
#tab_store .list li{margin:0 3px 3px 0; border:1px solid rgba(255,255,255,0.5); color:#fff; text-align:center;
	padding:15px 10px; border-radius:3px; box-sizing:border-box;}
#tab_store .list li dd{display: grid; grid-template-columns: auto 51px /*67px*/; gap: 6px; }
#tab_store .list li p{display: flex; width: 100%;}
#tab_store .list li p i{margin-right: 4px;}
#tab_store .list li a{color: #fff;}
#tab_store .list li:nth-child(3n+3){margin-right:0;}
/*#tab_store dl dd:hover{transition:all 0.5s; border:1px solid #FFCF4D; color:#F9E457;}*/
#tab_store .list p{ font-size:1em; text-align:left;display:inline-block; display: flex; align-items: center; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
#tab_store .list p a{ color:#fff; display:inline-block; width:calc(100% - 18px); white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
#tab_store .list .btn{background:#2e2920; color:#fff; width:100%; font-size:12px; padding:6px; text-align: center;}
#tab_store .list .btn:hover{ background:none; color:#F9E457; border:1px solid #F9E457;}
#tab_store .list .btn.cctv{display: none;}

@media (max-width: 991px) {
	#tab_store .tabs{border:0;}
	#tab_store .tabs li{width:33.3333%; padding:1px; margin-bottom:0; margin-left:0;}
	#tab_store .tabs li a{padding:10px 0; width:100%; font-size:1em; border-bottom:1px solid #1f1b14;}
	#tab_store .tabs li.active a{border-bottom:1px solid #fff;}

	#tab_store .list{padding:0;}
	#tab_store .list li{width:90%; margin:0 5% 3px 5%; padding:10px 15px;}
	#tab_store .list li p{}
	#tab_store .list li p a > span{
		font-size: .85em;
	}
	#tab_store .list li .btn{font-size:0.85em;}
}