@font-face {
    font-family: 'yg-jalnan';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url(//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

.je_mn_ft{font-family: 'yg-jalnan',sans-serif; color: #111; letter-spacing:-0.004em;   -moz-transform: scale(1, 1.1); -webkit-transform: scale(1, 1.1); -ms-transform: scale(1, 1.1);}
.je_sub_ft{font-family: 'yg-jalnan',sans-serif; color: #565656; letter-spacing:-0.004em;}
.je_pt_color{color: #ff4200;}



.je_motion{transform: translateY(25px); transition: all .6s ease-out; opacity:0}
.je_motion.on{transform: translateY(0); opacity:1;}

.je_flex{display: flex; align-items: center;}

.je_txt_hidden {width:96%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: inline-block;}

body{overflow-x:hidden}

.je_swiper{overflow: hidden;}
.je_swiper .swiper-pagination{color: #fff; bottom: 5%; font-size: 18px; font-weight: 500;}
.je_swiper .swiper-pagination-bullet{background-color: #fff; width: 12px; height: 12px;}



/* 헤더 정렬 */
#d_header .d_inner2{align-items: center;}


/* 헤더온 색상 변경 */
#d_header .header_on{display: none;}
#d_header .header_off{display: block;}

#d_header.on .header_off{display: none;}
#d_header.on .header_on{display: block;}

#d_header .je_pt_ft{font-weight: 700;}

@media screen and (max-width: 780px) {
	.d_logo img {height: 40px;}
}


/* 서브 탑 */
.d_sv{
	    background: url("../img/je_img/section/mn_bg_02.jpg") 50% 80% / cover no-repeat !important;
}

/* 섹션 백그라운드 이미지 */
#je_section01 .d_inner{
	background: url("../img/je_img/js_section/js_sec01_img01.jpg");
	background-repeat: no-repeat;
	height:1676px;
}	


#je_section02 .d_inner {
	background: url("../img/je_img/js_section/js_sec02_img01.jpg");
	background-repeat: no-repeat;
}	
#je_section03 .d_inner {
	background: url("../img/je_img/js_section/js_sec03_img01.jpg");
	background-repeat: no-repeat;
	height:clamp(1rem, 64vw, 1144px);
}


#je_section04 .d_inner {
	background: url("../img/je_img/js_section/js_sec04_img01.jpg");
	background-repeat: no-repeat;
	/* height:1360px; */
	height: clamp(1rem, 92.7vw, 1780px);
}	

#je_section05 .d_inner{
	background: url("../img/je_img/js_section/js_sec05_img01.jpg");
	background-repeat: no-repeat;
	/* height:1629px; */
	height: clamp(1rem, 83.2vw, 1629px);
}	


#je_section07 .d_inner {
	background: url("../img/je_img/js_section/js_sec07_img01.jpg");
	background-repeat: no-repeat;
}



#je_section08 .d_inner {
	background: url("../img/je_img/js_section/js_sec08_img01.jpg");
	background-repeat: no-repeat;
}
#je_section09 .d_inner {
	background: url("../img/je_img/js_section/js_sec09_img01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


#je_section10 .d_inner {
	background: url("../img/je_img/js_section/js_sec10_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

#je_section11 .d_inner {
	background: url("../img/je_img/js_section/js_sec11_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

#je_section12 .d_inner {
	background: url("../img/je_img/js_section/je_section12_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/*모바일*/
@media (max-width: 780px) {
#je_section01 .d_inner{
	background: url("../img/je_img/js_section/js_sec01_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
	height:clamp(1rem, 171vw, 1280px);
}	
#je_section02 {
	margin-top:40px;
}
#je_section02 .d_inner {
	background: url("../img/je_img/js_section/js_sec02_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
}	
#je_section03 .d_inner {
	background: url("../img/je_img/js_section/js_sec03_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
	height: clamp(1rem, 100vw, 730px);
}
#je_section04 .d_inner {
	background: url("../img/je_img/js_section/js_sec04_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
	.fix_bg {display:none;}
	height:auto;
}



#je_section05 .d_inner {
	background: url("../img/je_img/js_section/js_sec05_img01_m.jpg") center / cover;
	background-repeat: no-repeat;
	height: clamp(1rem, 115vw, 880px);
}	

/*#je_section06 .d_inner {*/
/*	background: url("../img/je_img/section/con_05_bg_m.jpg") center / cover;*/
/*	background-repeat: no-repeat;*/
/*}*/
#je_section07 .d_inner {
	background: url("../img/je_img/js_section/js_sec07_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
}
#je_section08 .d_inner {
	background: url("../img/je_img/js_section/js_sec08_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
}

#je_section09 .d_inner {
	background: url("../img/je_img/js_section/js_sec09_img01_m_01.jpg") top center / cover;
	background-repeat: no-repeat;
}

#je_section10 .d_inner {
	background: url("../img/je_img/js_section/js_sec10_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
}

#je_section11 .d_inner {
	background: url("../img/je_img/js_section/js_sec11_bg.jpg") center / cover;
	background-repeat: no-repeat;
	padding-top: 40px;
}

#je_section12 .d_inner {
	background: url("../img/je_img/js_section/js_sec12_img01_m_01.jpg") center / cover;
	background-repeat: no-repeat;
}


}



/*@media (max-width: 485px) {*/
/*	#d_section01 .d_inner {*/
/**/
/*		background-size: cover;		*/
/*	}	*/
/*	#d_section06 .d_inner {*/
/*		background-size: cover;	*/
/*	}*/
/*	#d_section08 .d_inner {*/
/*		background-size: cover;	*/
/*	}*/
/*	#d_section05-1 .d_inner {*/
/*		background-size: cover;	*/
/*	}*/
/*}*/

/* 공통 */
.content_img img{width: 100%; display: block;}
.je_psr{position: relative;}
.je_deco_img{ position: absolute; bottom: 0; z-index: 3; transform: translateY(50%);}



/* 메뉴 섹션 */
#je_section03.mn_on .je_mn_on{display: block;}
#je_section03.sub_on .je_sub_on{display: block;}
#je_section03.mn_on .je_sub_on{display: none;}
#je_section03.sub_on .je_mn_on{display: none;}

#je_section03.mn_on .je_menu.je_mn_on{display: flex;}
#je_section03.sub_on .je_menu.je_sub_on{display: flex;}


#je_section03 .d_inner>div {position: relative;}
#je_section03 .je_tab {position: absolute; opacity: .4; top: 24.4%; width: 11.45%; height: 56.4%; border-radius: 50px;}
#je_section03 .je_tab.je_mn_btn{left: 38%;}
#je_section03 .je_tab.je_sub_btn{left: 50.4%;}

/* 메뉴 공통 / 메인메뉴 */
.je_menu{display: flex; align-items:center; flex-wrap: wrap; row-gap:38px; padding: 30px 0 80px;}
.je_menu>li{width: calc(100% / 5 - (38px * 4 / 5)); text-align: center;}
.je_menu>li:not(:nth-of-type(5n)){margin-right: 38px;}
.je_menu img{filter: drop-shadow(4px 0px 10px rgba(0,0,0,0.21))}
.je_menu .je_it_tit{margin-top: 18px;}
.je_menu .je_text{margin-top: 7px;}

.je_best{position: relative;}
.je_best:after{content:''; position: absolute; top: -20px; left: -10px; z-index: -1; background: url('../img/je_img/menu/best.png') center / cover; aspect-ratio:122 / 128; width: 120px;}


/* 사이드메뉴 */
.je_menu.je_sub_on{justify-content: center;}
.je_menu.je_sub_on>li{    width: calc(100% / 2 - (38px * 1 / 2)); padding: 20px 40px; border-radius: 25px;}
.je_menu.je_sub_on>li:not(:nth-of-type(5n)){margin-right: 0;}
.je_menu.je_sub_on>li:not(:nth-of-type(2n)){margin-right: 38px;}

.je_sub_menu_wrap{display: flex; align-items:center;}
.je_sub_menu_wrap .je_it_tit{color: #fff; background-color: #3f3939; border-radius:10px; padding: 4px 0; margin-top: 0;}
.je_sub_menu_wrap .je_text{color: #111; font-size: 1.26vw;}
.je_sub_menu_wrap .je_sub_menu_list_wrap{text-align: left; margin-top: 20px;}

.je_sub_menu{margin-left: 30px;}

.je_it_tit{font-size: 1.06vw;}
.je_text{font-size: .78vw; white-space: nowrap;}
@media screen and (min-width: 1920px) {
	.je_it_tit{font-size: 20px;}
	.je_text{font-size: 15px;}
}


@media screen and (max-width: 1023px) {
	.je_menu>li{width: calc(100% / 5 - (24px * 4 / 5)); text-align: center;}
	.je_menu>li:not(:nth-of-type(5n)){margin-right: 24px;}
}
@media screen and (max-width: 780px) {
	.je_it_tit,{font-size: 4vw;}
	.je_text {font-size: 2.6vw;}
	.je_best:after{top: -5%;left: 1%;width: 40%;}

	#je_section03 .je_tab{top: 0; height: 100%; width: 28.3%;}
	#je_section03 .je_tab.je_mn_btn{left: 20.7%;}
	#je_section03 .je_tab.je_sub_btn{left: 51%;}

	.je_menu>li{width: calc(100% / 2 - (24px * 1 / 2)); text-align: center;}
	.je_menu>li:not(:nth-of-type(5n)){margin-right: 0;}
	.je_menu>li:not(:nth-of-type(2n)){margin-right: 24px;}


	/* 사이드메뉴 */
	.je_menu.je_sub_on>li{width: 100%; padding: 20px 20px; justify-content: space-between;}
	.je_menu.je_sub_on>li:not(:nth-of-type(2n)){margin-right: 0;}
	.je_sub_menu{margin-left: 16px; width: 60%;}
	.je_sub_menu_wrap .je_it_tit{font-size: 3.6vw; padding: 4px 16px;}
	.je_sub_menu_wrap .je_text{font-size: 3.8vw; margin-top: 4px;}
}



/* 조리 섹션 */
.je_iframe_section .d_inner2{left: 0; right: 0; top: 13%; position: absolute; z-index: 1;}
.je_iframe{aspect-ratio:16 / 9; width: 50%;}
.je_iframe_section .je_btn{top: 9%; left: 0; right: 0; margin: auto; width: 18%; height: 43%; border-radius: 36px;}

.je_btn{position: absolute; }

@media screen and (max-width: 1600px) {
	.je_iframe_section .d_inner2{top: 10%;}
}
@media screen and (max-width: 1500px) {
	.je_iframe{width: 45%;}
}

@media screen and (max-width: 780px) {
	.je_iframe_section .d_inner2{position: relative;}
	.je_iframe{width: 100%; margin-top: 10vh; margin-bottom: 6vh;}
	.je_iframe_section .je_btn{width: 44%; top: 20%; height: 33%;}
}



/* 매장 찾기 섹션 */

.je_sch .sch_input,.je_sch #sfl{border: 0; outline:0;}
.je_sch{display: flex; justify-content: center;}
.je_sch .je_sch_form{background-color: #fff; width: 80%; max-width: 580px; padding: 16px 20px; font-weight: 500; /* box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.09); */}
.je_sch #sfl{width: 20%;}
.je_sch #stx{width: 71%; color: #989898; margin: 0 2%;}

.je_store_list>span,.je_store_hdr>span{display: inline-block; text-align: center;}
.je_store_section .je_area,.je_store_section .je_name,.je_store_section .je_call,.je_store_section .je_map{width: 15%;}
.je_store_section .je_address{width: 40%;}

.je_store_table{border-top: 2px solid #8b0304; border-bottom: 2px solid #8b0304; margin-top: 20px;}
.je_store_hdr{font-size: 1.125rem;;font-weight: 700;background: #eeeeee;padding: 25px 0;}
.je_store_list{font-size: 16px; padding: 20px 0;  border-bottom: 1px solid #ddd; background-color: #fff; font-weight: 500;display: flex;}
.je_store_list:hover{background: #f9f9f9;}

.map_open{color: #333333; background-color: #f6f6f6; border-radius:30px; padding: 10px 15px; transition: all .3s;}
.map_open:hover {color:#fff; background-color: #8b0304;}
@media screen and (max-width:1480px){
	.je_store_section .je_address{width: 28%;}
	.je_store_section .je_area,.je_store_section .je_name,.je_store_section .je_call{width: 15%;}
	.je_store_section .je_map {width: 27%;}

	.map_open{padding: 10px 10px;}
}
@media screen and (max-width:780px){
	.map_open{padding: 10px 5px;}
}

/* 서브 지도 팝업 */
.d_pop_map_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 9999;display: none;}
.d_pop_inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;max-width: 800px;background: #FFF;box-shadow: 5px 5px 13px rgba(0,0,0,0.3); border-radius: 10px; padding: 20px 20px 40px;}

.d_pop_content{position: relative;}
.d_pop_content h4{font-size: 1.3rem;font-weight: bold;letter-spacing: -0.045em;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.d_pop_content p{max-height: 350px;overflow-y: scroll;font-size: 14px;}
.d_pop_content p i{display: block;}
.d_pop_content p i b{font-weight: 500;}
.d_pop_content .d_pop_cont_top {display: flex; align-items: flex-end; padding: 20px 0;}
.d_pop_content .d_pop_cont_top h2 {margin-right: 30px; font-weight: bold; color: #ff5a00; font-size: 1.5rem;}
.d_pop_content .d_pop_addr {color: #888; padding-bottom: 20px; font-size: 1.2rem;}

.d_pop_content .d_pop_cont_map figure {width: 100%; height: 450px; background-color: #ccc;}
.d_pop_cont_map iframe{width: 100% !important;display: block;}

.d_pop_close{position: absolute;top: 0;right: 0;width: 30px;height: 30px; border: none;}
.d_pop_close span{position: absolute;top: 14px;left: 0;width: 100%;height: 2px;background: #222;transition: transform 0.3s;}
.d_pop_close span:nth-child(1){transform: rotate(45deg);}
.d_pop_close span:nth-child(2){transform: rotate(-45deg);}
.d_pop_close:hover span{transform: rotate(0);}
.material-icons {vertical-align: sub; margin-right: 10px;}

@media (max-width: 720px) {
	.d_pop_inner{width: 95%;}
}

@media screen and (max-width : 780px) {
	.store_wrap{margin-top: 17px;}
	.je_store_list{font-size: 12px;}
	.je_sch #stx{width: 66%;}
}








/* 어드민 버튼 */
.hd_admin.je_go_store {
    bottom: 60px;
}
.hd_admin.je_go_inquiry {
    bottom: 110px;
}


/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #FFF;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #860301; color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}

.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}

@media (max-width: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}