/*★★★★★★★★★★★★★★★★★★★★★★★★★★섹션 별 백 그라운드 css 는 je_style파일에★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

/*폰트*/

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

@font-face {font-family: 'Nanum Myeongjo', serif;}
@font-face {font-family:'Pretendard-Variable';}


.j_noto_ser {font-family: 'Noto Serif KR', serif;}
.j_pret {font-family:'Pretendard-Variable';}
.j_nanum {font-family: 'Nanum Myeongjo', serif;}
/*---common css---*/

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-35: 2.188rem; 
	--font-size-60: 3.75rem; 
	--font-size-80: 5rem;

	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;
}

/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_30{font-size: var(--font-size-30);}
.fs_31{font-size: var(--font-size-31);}
.fs_35{font-size: var(--font-size-35);}
.fs_60{font-size: var(--font-size-60);}
.fs_80{font-size: var(--font-size-80);}


@media screen and (max-width:1480px){

}

/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_eb{font-weight: var(--font-eb);}
.font_bl{font-weight: var(--font-bl);}

/* br */
.br_1480o {display:none;}
.br_768o {display:none;}

@media screen and (max-width:1480px){
.br_1480o {display:block;}
.br_1480n {display:none;}
}
@media screen and (max-width:768px){
.br_768o {display:block;}
.br_768n {display:none;}
}


/*2023 조선닭도리 퍼블 */


/* header */
.d_tel_num {line-height:1;}


/*섹션 딜레이*/
.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}




#j_header {position: fixed; left:0; top:0;   width: 100%; z-index: 9;   background:transparent; height:100px; transition: all .3s;}
#j_header.on {background: #fff; position: fixed;}
.j_inner {max-width:1600px; margin:0 auto; width:96%; height:100%;}
/* .j_hd_logo {float:left; padding-top:13px;} */
.hd_right_box {display:flex; align-items: center; }
.j_tel_box { display: flex; flex-direction: column;justify-content: center;text-align: center; font-weight:800;}

.je_pt_ft {font-family: 'Pretendard Variable'; /* color: #fff; */ letter-spacing: -0.031rem;}
.o_hd_inr {display: flex; justify-content: space-between; align-items: center;}
.d_gnb {margin-right:225px;}

.pos_img {position:absolute;}
@media screen and (max-width:1480px){
	.d_gnb {margin-right:125px;}
}
@media screen and (max-width:1080px){
	.d_gnb {margin-right:55px;}
}
@media screen and (max-width:780px){
	#j_header {height:75px;}
	.d_gnb {margin-right:30px;}
	.j_hd_logo a img {max-width:65%;}
}

/*section04*/


.fix_bg {position:absolute;height: clamp(1rem, 48vw, 915px);width:96%;max-width:1800px;left:50%;transform: translate(-50%);bottom: 10%;background-image: url('../img/je_img/js_section/js_sec04_img06.jpg');background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.fix_bg::after {width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:rgba(50, 49, 48, 0.9);}

/*section06 메뉴 슬라이드*/
#je_section06 { height: clamp(1rem, 50.5vw, 979px);}
#je_section06 .d_inner{height:100%;}
#je_section06 .js_menu_list {height:100%;}
#je_section06 .menu_desc {background:url("../img/je_img/js_section/js_sec06_bg.jpg"); height: clamp(1rem, 50.5vw, 979px); width:640px; position:relative;}
.js_desc {position:absolute; left:15%; /* right:178px; */ top:110px;}
.js_desc h2 {margin-top:42px;}
.js_desc p {margin-top:30px;}
/* #je_section06 .menu_img_box {width:calc(100% - 640px);} */
#je_section06 .menu_img_box {width:clamp(860px, 66vw, 1280px);}
#je_section06 .js_menu_list {display:flex;}

.j_sec06_page .swiper-pagination-bullet { width: 100%; min-height: 30px; background: transparent; opacity: 1; }
.swip_util {position:absolute; width:280px; height:150px; left:15%; /* right:178px; */ bottom:106px;}
.js_nv_box {width:78px; height:30px; position:absolute; top:-10px; left:0;}
.js_page_tit {position:absolute; bottom:0; left:0; cursor:pointer;}
.js_page_tit h3 {position:relative; border-bottom: 2px solid #7a7977; padding-bottom:10px;}
.js_page_tit p {margin-top:20px;}

.js_nv_box .swiper-navigation {width:100%; height:100%; position:relative;}
.js_nv_box .swiper-navigation::after {content:''; width:1px; height:30px; background:#7a7977; left:50%; top:60%; transform:translate(-50%, -50%); position:absolute;}
.js_nv_box .swiper-button-next {background: url('../img/je_img/js_section/slide_next_btn.png') no-repeat; width:15px; height:24px; right:0 !important; bottom:0; top:auto !important;}

.js_nv_box .swiper-button-prev {background: url('../img/je_img/js_section/slide_prev_btn.png') no-repeat; width:15px; height:24px; left:0 !important; bottom:0; top:auto !important;}

.js_nv_box .swiper-button-next::after, .js_nv_box .swiper-button-prev::after {display: none;}

@media screen and (max-width:1530px) {
	.js_desc {position:absolute; left:10%; top:110px;}
	.swip_util {width:280px; height:150px; left:10%; bottom:50px;}

	.js_desc h2 {margin-top: 30px; font-size: 2.85rem;}
	.js_desc p {margin-top: 20px; font-size: 1.475rem;}
}
@media screen and (max-width:1310px) {
	.js_desc {top:50px;}
	.swip_util {bottom:40px;}

	.js_desc .menu_logo img {max-width:35%;}
	#je_section06 .menu_img_box {width:clamp(711px, 66vw, 1280px);}
	.js_nv_box {height:35px; top:0px;}
	.js_page_tit h3 {font-size: 1.888rem; padding-bottom:8px;}

	.js_desc h2 {margin-top: 30px; font-size: 2.55rem;}
	.js_desc p {margin-top: 20px; font-size: 1.375rem;}
}    
@media screen and (max-width:1080px) {

	#je_section06 {height: clamp(800px, 128vw, 1450px);}
	.js_desc {display: flex; text-align: center; top: 50px; flex-direction: column; align-items: center; left: 50%; transform: translate(-50%);}
	.js_desc .menu_logo img {max-width:60%;}
	.js_desc h2 {margin-top:20px;}
	.js_page_tit {left: 50%; transform: translate(-50%);}
	js_nv_box {left: 50%; transform: translate(-50%);}
	.js_page_tit h3 {font-size: 1.888rem; padding-bottom:5px;}
	.js_page_tit p {margin-top:5px;}
	.js_nv_box .swiper-navigation::after {display:none;}
	#je_section06 .menu_desc {width:100%; height:clamp(1rem, 96.5vw, 1080px); background:url("../img/je_img/js_section/js_sec06_bg_02.jpg");}
	.js_nv_box {width:70px;}
	.swip_util {width:100%; height:115px; left: 50%; transform: translate(-50%); text-align: center;}
	.js_nv_box {left: 50%; transform: translate(-50%);}


	#je_section06 .js_menu_list {display:flex; flex-direction: column;}
	#je_section06 .menu_img_box {width:100%;}
}
@media screen and (max-width:780px) {
	#je_section06 {height: clamp(800px, 145vw, 1210px);}
	.js_desc {display: flex; text-align: center; top: 50px; flex-direction: column; align-items: center; left: 50%; transform: translate(-50%);}
	.js_desc .menu_logo img {max-width:60%;}
	.js_desc h2 {margin-top:20px;}
	.js_page_tit {left: 50%; transform: translate(-50%);}
	js_nv_box {left: 50%; transform: translate(-50%);}
	.js_page_tit h3 {font-size: 1.888rem; padding-bottom:5px;}
	.js_page_tit p {margin-top:5px;}
	.js_nv_box .swiper-navigation::after {display:none;}

	#je_section06 .menu_desc {width:100%; height:clamp(966px, 110vw, 1085px); background:url("../img/je_img/js_section/js_sec06_bg_01.jpg");}
	.js_nv_box {width:70px;}
	.swip_util {width:100%; height:115px; left: 50%; transform: translate(-50%); text-align: center;}
	.js_nv_box {left: 50%; transform: translate(-50%);}
}
@media screen and (max-width:450px){
	.js_desc p {width:260px;}
	#je_section06 {height:clamp(710px, 144vw, 1134px);}
	#je_section06 .menu_desc {height:clamp(350px, 119.5vw, 450px);}
}


/* section10 */
.je_section10 {position: relative;}
.store_wrap {margin-bottom:30px;}
.je_sch_form {position: relative;}
.store_sch_box {position:absolute; right:20px; top:50%; transform: translate(0,-50%);}
.store_sch_icon {width: auto;}
.je_store_btn {display: flex; justify-content: center; padding-bottom: 110px;}
.je_store_btn figure img {width: auto;}
@media screen and (max-width:780px){
	.je_store_btn {padding-bottom: 80px;}
}

/*section11*/
.swiper.je_sec11_swip {padding:49px;}
.je_sec11_swip .swiper-slide figure {border-radius:20px; overflow:hidden; box-shadow: 11px 11px 20px 0px rgba(0, 0, 0, 0.1);}
.sec11_btn {text-align:center; padding-bottom:112px;}
.sec11_linkBox {position: relative;}
.sec11_link {position: absolute; top: 0; left: 50%; bottom: 0; transform: translateX(-50%); width: 26%; height: 76%; z-index: 100;}

@media screen and (max-width:780px){
	.swiper.je_sec11_swip {padding:20px;}
	.je_sec11_swip .swiper-slide figure {border-radius: 70px;}
	.sec11_btn a img {width: 82%; margin-top:20px;}
}
@media screen and (max-width:1480px){
	.je_sec11_swip .swiper-slide figure {border-radius: 45px;}
}


 /* section12 */
.je_mn_form input[type="text"], .je_mn_form select, .je_mn_form textarea { width: 100%; padding: 0 14px; color: #333;} 
.je_mn_form input[type="text"], .je_mn_form select{height: 50px;}

.o_ckbox {display: flex;}
.o_ckbox input {border: 1px soild #d5d5d5;}
.o_ckbox input[type=radio]:checked + label span {background: #860301; color:#fff;}
.o_ckbox input[type=radio] + label span {background: #fff; display: block; line-height: 50px; transition:all .3s}
.o_ckbox input[type=radio] {position: absolute;top: 0;left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden;}
.o_ckbox .radio_box {text-align:center; width: 50%; color:#777777;} 


@media screen and (max-width: 780px) {
	.je_mn_form{margin-top: 60px;}
	.je_mn_form select,.je_mn_form input::placeholder,.je_mn_form textarea::placeholder{font-size: 12px;}
}


/* footer */
.o_footer {background: #000; color:#fff; width: 100%;}
.o_ft_left_box_01_01 {margin-bottom:20px;}
.o_footer .o_ft_inr {padding:50px 0 150px; display: flex; justify-content: space-between; align-items:flex-end;}   
.o_ft_subtxt {display:block; color:#999999; font-size:0.938rem; font-weight:400;}

/* left */
.o_ft_left_box_01 {font-size:1.438rem; line-height:30px; font-weight:700; margin-bottom:30px; display:block;}
 .o_ft_sub_01 {margin-bottom:10px;}

/* right */
.o_ft_right {display: flex; flex-direction: column; align-items: flex-end;}
.o_ft_right_box_01, .o_ft_right_box_02 {display:flex;}
.o_ft_right_box_01 {margin-bottom:50px; gap: 0 18px;}
.o_ft_right_box_02 {font-size:0.938rem; font-weight:700; margin-bottom:15px; gap: 0 20px;}

@media screen and (max-width:1080px){
	.o_footer .o_ft_inr {padding:40px 0 210px;}
	.o_ft_subtxt {font-size:1.02rem;}
	.o_ft_left_box_01 {margin-bottom:30px;}
	.o_ft_sub_01 {margin-bottom:5px;}
}
@media screen and (max-width:780px){
	.o_footer .o_ft_inr {padding:30px 0; flex-direction: column; align-items: flex-start;}
	.o_ft_left_box_01 {line-height:25px; margin-bottom:15px;}

	.o_ft_right {display: flex; flex-direction: column; align-items: flex-start;}
	 .o_ft_subtxt {line-height:1.6; font-size: 1.038rem;}
	 .o_ft_right_box_01 {margin-bottom: 15px; margin-top: 15px; gap: 0 15px;}
}

/* 폼 섹션 */
.je_form_section .d_inner2{padding-bottom: 56px;}
.je_mn_form{width: 96%; max-width: 1080px; margin: 0 auto;}
.je_mn_form .je_form_list{display: flex;}
.je_mn_form .je_form_hdr, .je_mn_form .je_form_sec{margin: 12px 0; font-weight: 500;}
.je_mn_form .je_form_hdr{color: #333; width: 20%; display: flex; align-items: center;}
.je_mn_form .je_form_sec{color: #fff; width: 80%; position: relative;}
.je_form_sec.je_form_sltBox { background-color:#fff;}
.je_mn_form .je_form_sec.bor_add {border:1px solid #d5d5d5;}
.je_mn_form input[type="text"], .je_mn_form select, .je_mn_form textarea {border: 1px solid #babdc0; width: 100%; border-radius:0px; padding: 0 13px; color: #333;} 
/* .je_mn_form input[type="text"]::placeholder, .je_mn_form select::placeholder, .je_mn_form textarea::placeholder {color: #b0b0b0;}  */
.je_mn_form input[type="text"], .je_mn_form select{height: 50px;}
.je_mn_form select{background-color: #fff; color: #333; background: url("../img/d_icon/o_arrow_bt.png") no-repeat 98% 50%;   
-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.je_mn_form select::-ms-expand {display:none;}
/* .je_mn_form .je_form_sec:after{width: 98%; content: ''; position: absolute; bottom: 0; height: 1px; background-color: #e4e4e4; left: 0; margin: auto; opacity: .34;} */
/* .je_mn_form .je_form_list:last-of-type .je_form_sec:after{display: none;} */


.je_mn_form .je_label_wrap label:not(:last-of-type){margin-right: 50px;}
.je_mn_form textarea{padding: 14px; resize: none;}
.je_mn_form input::placeholder,.je_mn_form select,.je_mn_form textarea::placeholder{font-size: 14px;}
.je_mn_form input,.je_mn_form select,.je_mn_form textarea {outline:none;}

.je_mn_form .je_pt_btn{margin: 0 auto; width: 100%; max-width:260px;}

.je_mn_form .je_btn_wrap{display: flex; justify-content:center; margin-top: 30px;}
.je_pt_btn{height: 60px; font-size: 19px; color: #fff; background-color: #860301; border: none; cursor: pointer; line-height: 60px; font-weight:800;}

.form_radio_wrap {max-width: 1100px; width: 100%;}
.o_pt_color {color:#333; font-weight: 700;}

.form_check.o_form_check {border:none; background-color: transparent;}
.o_form_check .d_privacy {color:#fff;}
 .d_inner2.o_banner_inr {max-width: 1600px;} 

.o_banner_logo {margin-right:15px;}
.d_privacy {color:#000;}


@media screen and (max-width: 780px) {
	.je_mn_form{margin-top: 0px;}
	.je_mn_form input::placeholder,.je_mn_form select,.je_form_sec textarea::placeholder{font-size: 12px;}
	.o_ft_left_box_01_01 {margin-bottom:10px;}
}

@media screen and (max-width: 500px) {
	#je_section12 .content_img {margin-bottom:25px;}
	#je_section12 .o_sec12_img {margin-top:30px;}
	.je_mn_form .je_form_hdr, .je_mn_form .je_form_sec{margin: 5px 0; font-weight: 500;}
	.je_mn_form input[type="text"], .je_mn_form select{height: 45px;}
	.je_mn_form .je_form_hdr{width: 25%;}
	.je_form_section .d_inner2{padding-bottom: 40px;}
	.je_mn_form .je_pt_btn{margin: 0 auto; width: 100%; max-width:100%;}
	.je_pt_btn{height: 50px;line-height: 50px; font-size:15px;}
	.o_ckbox input[type=radio] + label span {line-height: 45px;}
}
@media screen and (max-width: 400px){
	#je_section12 .o_sec12_img {margin-top:60px;}
}










/* 푸터 */
.d_footer{background-color: #211d1b;}
.d_footer .d_inner{background-color: transparent;}
.d_privacy li a{font-weight: 800;}
.d_ft_info{margin-bottom: 0;}
.d_ft_cont{color: #b0b0b0;}




/* 하단 배너 */
#je_bot_banner {position: fixed;bottom: 0;left: 0; width: 100%;z-index: 70; background-color: #faa61a; height: 80px; display:flex; align-items: center;}
#je_bot_banner .d_inner2,#je_bot_banner .je_bn_tit{display: flex;}
.je_bn_tit{align-items:center;}

.d_form_tit{color: #333;}
.form_check{position: relative; display: flex; justify-content: center; border: 1px solid #c5c1b8; background-color: rgba(255,255,255,.3);}

input#agree_mn {position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.form_radio input[type='radio']:checked + label span, .form_check input[type='checkbox']:checked + label span {
    background: url(../img/d_icon/chk.png) no-repeat 50% 50%;
    border-color: #999999;
}
.je_bn_tit{font-size: 2.5rem; font-weight:900; color: #000;}
.je_bn_small{font-size: 22px;}


.form_btn #btn_submit{background-color: #860301; font-size: 18px; font-weight:900;}
#je_bot_banner .d_inner2{justify-content:space-between;}
#je_bot_banner .form_slt{height: 54px; border-radius: 5px; padding: 0 13px; font-size: 1.125rem; color: #222; background-color: #fff; border: 0; margin-right: 9px;}
.form_name{width: 180px; outline:none;}
.form_tel{width: 180px; outline:none;}
.form_inner{flex-direction:row;}
.form_inner ul:nth-child(1){align-items: center;}
#je_bot_banner .form_check label b{color: #333;}
#je_bot_banner .form_check label span{border: 1px solid #fff; border-radius:50%; width: 20px; height:20px;}
#je_bot_banner .form_check input[type='checkbox']:checked + label span{background-color: #fff; text-decoration: underline;}
#je_bot_banner .form_check input[type='checkbox']:checked + label{text-decoration: underline;}
#je_bot_banner .form_check input[type='checkbox'] label {padding-bottom: 2px;}
#je_bot_banner .form_check input[type='checkbox']:checked + label span {background: url(../img/d_icon/chk_w.png) no-repeat 50% 50%;}
#je_bot_banner .form_radio_wrap{margin: 0 20px;}

@media screen and (max-width: 1480px) {
	.je_bn_tit{font-size: 1.6rem; font-weight:900;}
	.form_name{width: 130px;}
	.form_tel{width: 130px;}
	#je_bot_banner .form_radio_wrap{margin: 0 15px 0 0;}
}

@media screen and (max-width:1080px){
	#je_bot_banner {height: 170px;}
	#je_bot_banner .d_inner2 {width: 100%; display: flex; flex-direction: column; align-items: center;}
	.je_bn_tit {font-size: 2rem;}
	.form_name{width: 140px;}
	.form_tel{width: 140px;}
	#je_bot_banner .form_radio_wrap{margin: 0 15px 0 0;}
	.o_banner_logo {margin-right:10px;}
}

@media screen and (max-width:780px){
	#je_bot_banner {display:none;}
}



@media screen and (max-width: 479px) {
	#je_bot_banner .form_input{width: 110px;}
}