html, 
body { font-size: 6.25px; color: #323232; }
img { width: 100%; }
.inner { max-width: 1280px; }
.sub_visual { position: relative; width: 100%; height: 60rem; overflow: hidden; }
.sub_visual img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.sub_visual_title { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.5); }
.sub_visual_title h1 { font-size: 9.2rem; font-weight: 900; color: #fff; }
.sub_visual2 { overflow: visible; margin-bottom: 10rem; }
.sub_visual2 .img { position: absolute; inset: 0; display: flex; justify-content: center; align-items: flex-start; overflow: visible; }
.sub_visual2 .img img { width: 80%; height: 70rem; }

.sub_container { padding: 17rem 0; }
.sub_container .inner { max-width: 1000px; }
.sub_section { padding: 22rem 0; }
.sub_section:last-child { padding-bottom: 0; }
.sub_content_title { text-align: center; color: #000; margin-bottom: 8rem; }
.sub_content_title > p { font-size: 4.7rem; font-weight: 300; margin-bottom: 2rem; }
.sub_content_title > h1 { font-size: 9.2rem; font-weight: 900; }
.sub_content_title > h1 + p { margin-top: 3rem; line-height: 1.5; }
.sub_content_title > h2 { font-size: 7.7rem; font-weight: 700; margin-bottom: 1.5rem; }
.sub_content_title2 { text-align: center; margin-bottom: 15rem; }
.sub_content_title2 > h1 { font-size: 16rem; font-weight: 700; }
.sub_content_title2 > p { font-size: 6rem; font-weight: 900; margin-top: 1em; color: #000; }
.sub_content_title2 > .t2 { font-size: 9rem; font-weight: 500; }

.table_fixed table { table-layout: fixed; }

@media(max-width: 768px){
	.sub_content_title2 > h1 { font-size: 13rem; }
}

/* brand */
.brand_area { text-align: center; }
.brand_area h1 { font-size: 7.7rem; font-weight: 700; margin-bottom: 8.8rem; }
.brand_area p { font-size: 4rem; font-weight: 300; color: #323232; line-height: 1.8em; }
.brand_area > img { margin: 5rem 0; }
.brand_area .bdtxt { display: inline-block; background: var(--primary); color: #eed020; padding: 0.3em 1em; border-radius: 8rem; margin: 16rem 0 5rem; }
.brand_area .email { text-align: center; margin-top: 18rem; }

.story_row { display: flex; justify-content: flex-start; align-items: center; gap: 6.5rem; margin: 10rem auto 0;  }
.story_row img { height: 75rem; }
.story_row .text { flex-grow: 1; text-align: left; }
.story_row h1 { margin-bottom: 8rem; }
.story_row p { font-size: 3rem; }
.story_row ul p:first-child { font-weight: 700; }
.story_row .text > p:last-child { margin-top: 8rem; }
.story_row .t2 p { display: flex; justify-content: flex-start; align-items: center; }
.story_row .t2 p:before { content: ""; width: 3rem; height: 3rem; margin-right: 1rem; }
.story_row .t2 p:first-child:before { background-image: url(../img/visual/sub_01_icon_01.png); background-repeat: no-repeat; background-size: cover; }

.brand_text { text-align: center; padding: 9rem 0; margin-top: 9rem; border-top: 1px solid #322222; }
.brand_text h1 { margin-bottom: 3rem; }

.brand_text2 { text-align: center; }
.brand_text2 p { font-size: 5.2rem; font-weight: 700; padding: 1rem;  }
.brand_text2 h1 { font-size: 9rem; font-weight: 900; -webkit-text-stroke: 1px var(--primary); background: #edcf20; color: #edcf20; padding: 3rem 0; }
.brand_text2 .t1 { background: var(--primary); color: #edcf20; }
.brand_text2 .t2 { color: var(--primary); }

.img_section { margin-top: 8rem; width: 100%; max-width: 1280px; margin: 0 auto; }

.brand_map { max-width: 1280px; margin: 0 auto; }
.brand_map > h1 { font-size: 22rem; font-weight: 900; color: var(--primary); }
.brand_map .text { display: flex; justify-content: center; align-items: flex-start; text-align: left; gap: 6rem; }
.brand_map .text h1 { margin-bottom: 0; flex-shrink: 0; font-weight: 900; }
.brand_map .text p { font-size: 2.4rem; }
.brand_map .text .t1 { display: inline-block; font-weight: 700; font-size: 3rem; padding: 2rem 0; margin-bottom: 2rem; background-image: url(../img/visual/sub_01_icon_02.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.map_area { width: 76%; height: 700px; border: 1px solid #656565; margin: 15rem auto 0; }


@media(max-width: 1300px){
	.brand_area h1 { font-size: 7rem; }
	.brand_area p { font-size: 3.6rem; }

	.brand_map > h1 { font-size: 18rem; }
	.brand_map .text { flex-wrap: wrap; }
 	.brand_map .text h1 { width: 100%; text-align: center; }
 	.map_area { width: 100%; max-width: calc(100% - 12rem); }
	.story_row img { height: 82rem; }
}
@media(max-width: 768px){ 
	.story_row { flex-direction: column; }
	.story_row img { height: 100%; width: 100%; object-position: center; object-fit: cover; }
	.story_row .img { order: 1; width: 100%; height: 130rem; overflow: hidden; border-radius: 5rem; }
	.story_row .text { order: 2; }

	.brand_area .inner {  max-width: calc(100% - 12rem); }
	.brand_area .img_section { margin-top: 8rem; }
	.brand_area h1 { font-size: 8.2rem; }
	.brand_area p { font-size: 5.7rem; word-break: keep-all; }
	.brand_area > img { margin: 6rem 0; }
	.brand_area .bdtxt { font-size: 7.2rem; }

	.brand_map { display: flex; justify-content: center; align-items: center; flex-direction: column; }
	.brand_map > h1 { font-size: 14rem; }
	.brand_map .text { flex-direction: column; align-items: stretch; }
	.brand_map .text h1 { font-size: 8rem; }
	.brand_map .text p { font-size: 4.5rem; }
	.brand_map .text .t1 { font-size: 6rem; }
	.map_area { height: 500px; }
}

/* menu */
.sub_menu_tablist { display: flex; justify-content: center; align-items: center; gap: 1.3rem; margin-bottom: 15rem; }
.sub_menu_tablist li { flex: 1; border: 1px solid #969696; border-radius: 1rem; text-align: center; overflow: hidden; }
.sub_menu_tablist a { display: block; font-size: 4rem; font-weight: 300; line-height: 1em; color: #969696; padding: 2rem; }
.sub_menu_tablist li.active a { background: #000; border-color: #000; color: #fff; }
.sub_menu_tablist li:hover {
  background-color: #000;
  color: #fff;
}

.sub_menu_area + .sub_menu_area { margin-top: 15rem; }
.sub_menu_title { text-align: center; margin-bottom: 15rem; }
.sub_menu_title p { font-size: 4.7rem; font-weight: 500; }
.sub_menu_title > img { width: 30rem; }
.sub_menu_title span { display: inline-block; font-size: 4rem; font-weight: 500; padding: 3rem 6.6rem; border: 1px solid currentColor; border-radius: 2rem; }
.sub_menu_title p + span { margin-top: 4.5rem; }

.sub_menu_list { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; text-align: center; gap: 15rem 0; }
.sub_menu_list li { width: calc(100%/3); }
.sub_menu_list .thumb { padding: 0 3em; margin: 0 auto 5.5rem; }
.sub_menu_list .thumb.subM { max-width: 260px; }
.sub_menu_list .thumb img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.sub_menu_list .sauce { margin-bottom: 5.5rem; padding: 0 3rem; }
.sub_menu_list .sauce img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.sub_menu_list .tit { font-size: 4.3rem; font-weight: 500; margin-bottom: 4rem; }
.sub_menu_list .desc { font-size: 3rem; font-weight: 300; margin-bottom: 4rem; line-height: 1.2; }
.sub_menu_list .topping { font-size: 2.5rem; font-weight: 300; color: var(--primary); min-height: 3em; }

.sub_menu_price { display: ; justify-content: flex-start; align-items: center; gap: 2em; margin-top: 3.5rem; }
.sub_menu_price span { display: inline-flex; justify-content: center; align-items: center; gap: 0.7rem; font-size: 2.4rem; font-weight: 500; }
.sub_menu_price span + span { margin-left: 2rem; }
.sub_menu_price span:before { content: ""; display: flex; justify-content: center; align-items: center; width: 3.4rem; height: 3.4rem; border-radius: 50%; }
.sub_menu_price span:nth-child(1):before,
.sub_menu_price span:nth-child(1) em { content: "S"; background: #2c7c7a; color: #fff; }
.sub_menu_price span:nth-child(2):before,
.sub_menu_price span:nth-child(2) em { content: "M"; background: #eed020; color: var(--primary); }
.sub_menu_price span:nth-child(3):before { content: "L"; background: var(--primary); color: #eed020; }
.sub_menu_price span.won:before { content: "￦"; background: #2c7c7a; color: #fff; }
.sub_menu_price span.ea:before,
.sub_menu_price span.piece:before { display: none; }
.sub_menu_price span em { display: inline-flex; justify-content: center; align-items: center; font-style: inherit; font-size: 1.6rem; font-weight: 900; width: 3.4rem; height: 3.4rem; border-radius: 3rem; }
.sub_menu_price span.piece em,
.sub_menu_price span.ea em { width: auto; height: 3.4rem; padding: 0 0.9rem; }

@media(max-width: 1300px){
	
}
@media(max-width: 768px){
	html, body { font-size: calc(150vw / 192); }
	.inner { max-width: calc(100% - 12rem); }
	.sub_menu_tablist { flex-wrap: wrap; justify-content: flex-start; }
	.sub_menu_tablist li { flex: inherit; flex-shrink: 0; width: 24%; }
	.sub_menu_list li { width: 50%; }
	.sub_menu_price span.ea em,
	.sub_menu_price span.piece em { width: auto; padding: 0 1rem; }
	.sauce_list li:nth-child(3) { margin-right: 50%; }
}
@media(max-width: 500px){ 
	.sub_menu_area + .sub_menu_area { margin-top: 30rem; }
	.sub_menu_tablist a { font-size: 4.8rem; }
	.sub_menu_title > img { width: 45%; }
	.sub_menu_title p { font-size: 7.7rem; }
	.sub_menu_title span { width: 100%; font-size: 6rem; }
	.sub_menu_list li { width: 100%; }
	.sub_menu_list .thumb { padding: 0; }
	.sub_menu_list .thumb img { height: auto; width: 100%; }
	.sub_menu_list .tit { font-size: 7.3rem; }
	.sub_menu_list .desc { font-size: 7rem; }
	.sub_menu_list .topping { font-size: 6.5rem; }
	.sub_menu_price span { font-size: 5.4rem; gap: 1.5rem; }
	.sub_menu_price span + span { margin-left: 3rem; }
	.sub_menu_price span:before,
	.sub_menu_price span em { width: 8.4rem; height: 8.4rem; border-radius: 5rem; }
	.sub_menu_price span em,
	.sub_menu_price span.ea em,
	.sub_menu_price span.piece em { font-size: 4.7rem; width: auto; height: 8.4rem; padding: 0 3rem; }
	.sauce_list li:nth-child(3) { margin-right: 0%; }
	
}
/* menu end */


/* 가맹점 */
	.franchise_table { max-width: 1280px; margin: 0 auto; }
	.franchise_table table { width: 100%; border-collapse: collapse; }
	.franchise_table th,
	.franchise_table td { text-align: center; height: 8rem; font-size: 1.8rem; padding: 0 1em; border: 1px solid #989898; }
	.franchise_table th { background: #e4bfbb; border-top: 1px solid #ba6056; }
	.franchise_table th:first-child,
	.franchise_table td:first-child { border-left: none; }
	.franchise_table th:last-child,
	.franchise_table td:last-child { border-right: none; }

	@media(max-width: 768px){
		.franchise_table { max-width: inherit; white-space: nowrap; overflow: scroll; margin: 0 -6rem; padding: 0 6rem; }
		.franchise_table th,
		.franchise_table td { font-size: clamp(14px, 4.5rem, 4.5rem); height: 4em; }
	}

/* 가맹점 end */

/* faq */
	.faq_list { text-align: center; }
	.faq_list li { margin-top: 1em; font-size: 3rem; line-height: 1.5; }
	.faq_list p:nth-child(2) { font-weight: 700; }
	.faq_list p:nth-child(2):before { content: ""; width: 1em; height: 1em; display: inline-block; background-image: url(../img/visual/sub_01_icon_03.png); background-size: cover; margin: 0 0.3em 0.15em; vertical-align: middle; }
	@media(max-width: 768px){
		.faq_list p { text-align: left; line-height: 1.8; font-size: clamp(14px, 4.5rem, 4.5rem); }
	}
/* faq end */


/* 창업안내 */
	.consult_table { max-width: 1280px; margin: 0 auto; padding-top: 15rem; }
	.consult_table .sub_content_title2 { margin-bottom:  }
	.consult_table .table_area > p { font-size: 6rem; font-weight: 500; margin-bottom: 4rem; text-align: center; }
	.consult_table .table_area + .table_area { margin-top: 15rem; }
	.consult_table table { width: 100%; border-collapse: collapse; border-top: 2px solid #ba6056; }
	.consult_table th,
	.consult_table td { text-align: center; height: 15rem; font-size: 1.8rem; padding: 0 1em; border: 1px solid #989898; font-size: 2.7rem; font-weight: 500; }
	.consult_table th { background: #e4bfbb; }
	.consult_table th:first-child,
	.consult_table td:first-child { border-left: none; }
	.consult_table th:last-child,
	.consult_table td:last-child { border-right: none; }
	.consult_table tbody tr:last-child { background: #eed020; color: #fff; }

	.consult_bg { background-image: url(../img/visual/sub_05_02.png); background-size: cover; background-position: center; }
	.consult_bg .sub_content_title,
	.consult_bg .sub_content_title > h1 { color: #fff; }
	.consult_bg .text { margin-top: 8rem; text-align: center; color: #fff; }
	.consult_bg .text h1 { font-size: 7.7rem; color: #eed020; line-height: 1.5; }
	.consult_bg .text p { font-size: 4.7rem; margin-top: 1rem; }
	.consult2_step { position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 12rem; color: #fff; border-top: 0.1rem solid #fff; margin: 13rem 0 0; padding-bottom: 50rem; }
	.consult2_step li { position: relative; padding-top: 6rem; }
	.consult2_step li:after { content: ""; position: absolute; left: 0; top: -1.65rem; width: 3.3rem; height: 3.3rem; background: #fff; border-radius: 50%; }
	.consult2_step li > p { font-size: 2.5rem; font-weight: 300; line-height: 1.7; }
	.consult2_step .tit { margin-bottom: 3rem; }
	.consult2_step .tit p { font-size: 3rem; font-weight: 500; }
	.consult2_step .tit p:first-child { font-size: 3.3rem; color: #eed020; }

	@media(max-width: 1300px){
		.sub_content_title2 > .t2 { font-size: 8rem; }
		.consult_table { max-width:  calc(100% - 12rem); }
		.consult2_step  { gap: 4rem; }
	}
	@media(max-width: 768px){
		.consult_table { max-width: inherit; width: 100%; }
		.consult_table .table_fixed table { table-layout: inherit; }
		.consult_table .table { white-space: nowrap; overflow: scroll; padding: 0 6rem; }
		.consult_table th,
		.consult_table td { font-size: clamp(14px, 4.5rem, 4.5rem); height: 4em; }
		.consult_table .table_area > p { font-size: clamp(18px, 7.2rem, 7.2rem); }

		.consult_bg .text h1 { font-size: 5.7rem; }
		.consult_bg { text-align: center; }
		.consult2_step { display: inline-flex; flex-direction: column; text-align: left; border-top: 0;  gap: 0; padding-bottom: 0rem; }
		.consult2_step li { padding: 3rem 6rem; }
		.consult2_step li:not(:last-child) { border-left: 1px solid #fff; }
		.consult2_step li:after { top: 0; left: -1.65rem; }
		.consult2_step .tit p { font-size: 4.3rem; }
		.consult2_step .tit p:first-child { font-size: 4.7rem; }
		.consult2_step li > p { font-size: 4rem; }
	}
/* 창업안내 // */

/* 창업문의 */
.apply_form { max-width: 1280px; margin: 0 auto; }
.apply_form table { width: 100%; border-collapse: collapse; }
.apply_form th,
.apply_form td { font-size: 2.7rem; border: 1px solid #ddd; padding: 1em; }
.apply_form tr th:first-child,
.apply_form tr td:first-child { border-left: 0; }
.apply_form tr th:last-child,
.apply_form tr td:last-child { border-right: 0; }
.apply_form tr th { background: #fafafa; }
.apply_form input, 
.apply_form textarea { border: 1px solid #e5e5e5; width: 100%; padding: 1.5rem 2rem; }
.apply_form textarea { height: 15em; }
.apply_form .terms { margin-top: 6rem; }
.apply_form .terms .tit { font-size: 3rem; font-weight: 700; margin-bottom: 2rem; }
.apply_form .terms .doc { padding: 2rem; background: #fafafa; border: 1px solid #ddd; height: 20rem; overflow: auto; }
.apply_form .terms .doc pre { font-size: 2rem; line-height: 1.5; white-space: pre-line; }
.apply_form .terms .check { display: flex; justify-content: center; align-items: center; margin-top: 4rem; gap: 1em; }
.apply_form .terms .check a { font-size: 2rem; padding: 1rem 1.5rem; border: 1px solid #ddd; }
.apply_form .terms .checkbox { display: flex; justify-content: flex-start; align-items: center; font-size: 2rem; gap: 0.5em; cursor: pointer; }
.apply_form .terms .checkbox input { width: 1em; height: 1em; }
.apply_form .terms .checkbox span { font-weight: 500; }
.apply_form .terms .quick { display: flex; justify-content: center; align-items: center; margin-top: 8rem; gap: 1em;  font-size: 2.7rem; }
.apply_form .terms .quick a { display: flex; justify-content: center; align-items: center; gap: 0.5em; }
.apply_form .terms .quick p { font-size: inherit; }
.apply_form .terms .quick .icon { width: 1.3em; height: 1.8em; display: flex; justify-content: center; align-items: center; }
.apply_form .terms .quick .icon img { width: 100%; }
.apply_form .terms .quick li:nth-child(3) .icon img { width: 88%; }
.apply_form .btn_area { margin-top: 8rem; }
.apply_form .btn_area .btn { font-size: 4.7rem; padding: 1.5rem 8rem; }
@media(max-width: 768px){ 
	.apply_form { max-width: 100%; }
	.apply_form th, 
	.apply_form td { font-size: clamp(12px, 3.7rem, 3.7rem); }
	.apply_form th { word-break: keep-all; }
	.apply_form input, 
	.apply_form textarea { padding: 2rem; }
	.apply_form .terms { margin-top: 8rem; }
	.apply_form .terms .tit { font-size: 4.2rem; margin-bottom: 3rem; }
	.apply_form .terms .doc { padding: 3rem; height: 30rem; }
	.apply_form .terms .doc pre { font-size: clamp(12px, 3.7rem, 3.7rem); }
	.apply_form .terms .check { justify-content: space-between; }
	.apply_form .terms .checkbox,
	.apply_form .terms .check a { font-size: clamp(12px, 3.7rem, 3.7rem); }
	.apply_form .terms .quick { flex-wrap: wrap; gap: 0.5em 0; font-size: 4.7rem; }
	.apply_form .terms .quick li { width: 100%; }
	.apply_form .terms .quick a { justify-content: flex-start; }
	.apply_form .btn_area .btn { width: 100%; font-size: 5rem; padding: 3rem; border-radius: 8rem; }
}

/* 가맹절차 */
.step_area ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 5.6rem 4.4rem; width: 133.2rem; margin: 0 auto; }
.step_area li { width: 40rem; height: 40rem; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; background-image: url(../img/visual/sub_04_icon_05.png); background-size: cover; }
.step_area span { display: inline-flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; background: var(--primary); color: #fff; font-size: 2.6rem;  font-weight: 500; border-radius: 50%; }
.step_area h1 { font-size: 3.8rem; font-weight: 500; margin: 1.3rem 0 3rem; }
.step_area p { font-size: 2.3rem; font-weight: 500; color: #000; line-height: 1.3; }
@media(max-width: 768px){ 
	.step_area ul { width: 100%; justify-content: center; }
	.step_area li { width: 70rem; height: 70rem; }
	.step_area span { font-size: 3.7rem;  width: 7rem; height: 7rem; }
	.step_area h1 { font-size: 7.7rem; }
	.step_area p { font-size: 4.2rem; }
}
/* 가맹절차 // */


/* 이벤트 */
.event_area,
.news_area { padding-top: 6rem; max-width: 1280px; margin: 0 auto; }
.bbs_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; }
.bbs_header .total { font-size: 2.1rem; font-weight: 700; }
.bbs_header .inp { display: flex; justify-content: flex-end; align-items: stretch; gap: 1rem; }
.bbs_header .inp input { flex: 1; font-size: 2.1rem; border: 1px solid #969696; border-radius: 1rem; padding: 1rem 2rem; height: 6rem; }
.bbs_header .inp input::placeholder { color: #969696; }
.bbs_header .inp button { flex-shrink: 0; font-size: 2.1rem; font-weight: 700; background: #555; color: #fff; padding: 1rem 4rem; border-radius: 1rem; }

.bbs_thumb_list { padding: 6rem 0; border-top: 1px solid #000; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 6rem 3rem; }
.bbs_thumb_list li { width: calc((100% - 6rem)/3); text-align: center; }
.bbs_thumb_list .thumb { position: relative; aspect-ratio: 1.47/1; overflow: hidden; border-radius: 3rem; }
.bbs_thumb_list .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.3s; -webkit-transition: all 0.3s; }
.bbs_thumb_list .t1 { font-size: 2.7rem; font-weight: 700; padding: 2rem 0; }
.bbs_thumb_list .t2 { font-size: 1.8rem; font-weight: 400; color: #322222; }
.bbs_thumb_list a:hover .thumb img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.bbs_thumb_list .overlay { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.5); }
.bbs_thumb_list .overlay p { color: #fff; font-size: 2.7rem; font-weight: 700; }

.bbs_table_list { width: 100%; border-top: 1px solid #000; }
.bbs_table_list table { width: 100%; border-collapse: collapse; }
.bbs_table_list th,
.bbs_table_list td { font-size: 2.2rem; padding: 3rem 2rem; text-align: center; white-space: nowrap; border-bottom: 1px solid #ddd; }
.bbs_table_list th { background: #fafafa; }
.bbs_table_list a { white-space: normal; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.4em; }
.bbs_table_list a:hover { text-decoration: underline; }
.bbs_table_list .badge { background: var(--primary); color: #fff; font-weight: 700; padding: 0.5rem 2rem; border-radius: 0.5rem; }

.bba_pagination { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 6rem; }
.bba_pagination a { display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; border-radius: 50%; font-size: 2.2rem; font-weight: 700; opacity: 0.6; }
.bba_pagination a:hover { opacity: 1; }
.bba_pagination .active a { background: var(--primary); color: #fff; opacity: 1; }

@media(max-width: 1024px){ 
	.event_area,
	.news_area { max-width: 100%; }
}
@media(max-width: 768px){ 
	.bbs_header { flex-direction: column; align-items: stretch; gap: 4rem; margin-bottom: 5rem; }
	.bbs_header .total { font-size: 3.7rem; }
	.bbs_header .inp { gap: 2rem; }
	.bbs_header .inp input,
	.bbs_header .inp button { font-size: 4.2rem; }
	.bbs_header .inp input { flex: 1; padding: 5rem 3rem; }
	.bbs_thumb_list li { width: 100%; }
	.bbs_thumb_list .t1 { font-size: 5rem; padding-top: 5rem; }
	.bbs_thumb_list .t2 { font-size: 4.2rem; padding-bottom: 5rem; }
	.bbs_thumb_list .overlay p { font-size: 7rem; }

	.bbs_table_list table { display: block; }
	.bbs_table_list thead { display: none; }
	.bbs_table_list tr { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 4rem 0; gap: 2rem; }
	.bbs_table_list td { border: none; padding: 0; font-size: 3.2rem; }
	.bbs_table_list td:nth-child(1) { display: none; }
	.bbs_table_list td:nth-child(2) { width: 100%; }
	.bbs_table_list .notice td:nth-child(1) { display: block; }
	.bbs_table_list .badge { font-size: 3.2rem; }
	.bbs_table_list a { font-size: 4.7rem; font-weight: 700; -webkit-line-clamp: 2; margin-bottom: 2rem; }
	.bba_pagination a { font-size: 3.2rem; width: 6rem; height: 6rem; }
}
/* */


/* 매장안내 */
	.map_search_area { display: flex; justify-content: flex-start; align-items: stretch; background: #fafafa; margin-top: 12rem; }
	.map_search_area .map_area { margin: 0; width: 50%; height: auto; border: 0; background: #ddd; }
	.map_search { width: 50%; padding: 6rem;}
	.map_search input::placeholder { color: #969696; }
	.map_search select,
	.map_search input { flex: 1; font-size: 2.1rem; font-weight: 700; border: 1px solid #969696; border-radius: 1rem; padding: 1rem; height: 6rem; width: 9em; background: #fff; }
	.map_search select { color: #969696; background-image: url(../img/visual/arrow_down.png); background-repeat: no-repeat; background-position: right 1.5rem center; background-size: 2rem; }
	.map_search .field { display: flex; justify-content: flex-end; align-items: stretch; gap: 2rem; margin-bottom: 2rem; }
	.map_search .field button {
		flex-shrink: 0;
	    font-size: 2.1rem;
	    font-weight: 700;
	    background: #555;
	    color: #fff;
	    padding: 1rem 4rem;
	    border-radius: 1rem;
	}
	.map_shop_list { margin-top: 6rem; padding-top: 6rem; border-top: 1px solid #ddd; }
	.map_shop_list ul { height: 80rem; overflow: auto; }
	.map_shop_list ul::-webkit-scrollbar { width: 2rem; height: 2rem; }
	.map_shop_list ul::-webkit-scrollbar-thumb { background-color: #ccc; border: 0.6rem solid #fafafa; background-clip: content-box; }
	.map_shop_list li { padding: 4rem; background: #fff; border-radius: 1rem; border: 1px solid #ddd; }
	.map_shop_list li + li { margin-top: 2rem; }
	.map_shop_list .t1 { font-size: 3.7rem; font-weight: 700; margin-bottom: 2rem; }
	.map_shop_list .t2 { font-size: 2.1rem; color: #322222; margin-bottom: 1rem; }
	.map_shop_list .t3 { font-size: 2.1rem; font-weight: 700; }

	@media(max-width: 768px){ 
		.map_search .field input,
		.map_search .field select,
		.map_search .field button { font-size: 4.2rem; }
		.map_search .field input { flex: 1; padding: 5rem 3rem; }
		.map_search .field select { padding: 2rem; height: auto; }

		.map_search_area { flex-direction: column; align-items: stretch; }
		.map_search,
		.map_search_area .map_area { width: 100%; max-width: 100%; }
		.map_search_area .map_area { height: 50rem; }
		.map_shop_list .t1 { font-size: 5rem; margin-bottom: 3rem; }
		.map_shop_list .t2 { font-size: 3.7rem; margin-bottom: 2rem; }
		.map_shop_list .t3 { font-size: 3.7rem; }

	}
/* 매장안내 end */


/* frame */
.quick_apply_wrap,
.quick_apply_wrap .quick_apply { visibility: visible; opacity: 1; margin-bottom: 0; }
@media(max-width: 1308px){
	html, body { font-size: calc(110vw / 200); }
	.sub_container .inner { max-width: calc(100% - 12rem); }
}

@media(max-width: 768px){ 
	html, 
	body { font-size: calc(150vw / 192); color: #323232; }
	.sub_container .inner {  }

}


/* bbs detail */
.bbs_detail_area { max-width: 800px; border-top: 1px solid #000; margin: auto; }
.bbs_detail_head { padding: 4.5rem 3rem; }
.bbs_detail_head h1 { font-size: 9.1rem; font-weight: 900; margin-bottom: 2.2rem; }
.bbs_detail_head p { font-size: 3.6rem; font-weight: 300; color: #322222; }
.bbs_detail_body { padding: 6rem 3rem 6rem; font-size: 4.1rem; font-weight: 300; line-height: 1.5; }
.bbs_detail_body img { width: 100%; margin-bottom: 6rem; }
.bbs_detail_body p { font-size: inherit; }
.bbs_detail_paginatin { text-align: center; margin-top: 6rem; }
.bbs_detail_paginatin a { display: inline-block; font-size: 3.6rem; font-weight: 500; color: #323232; border: 1px solid currentColor; border-radius: 8rem; padding: 2rem 5rem; }
@media(max-width: 768px){ 
	.bbs_detail_head h1 { font-size: 8.1rem; }
	.bbs_detail_head p { font-size: 3.4rem; }
	.bbs_detail_body p { font-size: 4.2rem; }
	.bbs_detail_paginatin a { width: 100%; font-size: 4.2rem; padding: 3rem; }
}


/* tracker */
.trackr_nav { position: sticky; top: 110px; z-index: 1000; padding: 2rem; text-align: center; }
.trackr_nav ul { 
	display: inline-flex; 
	justify-content: center; 
	align-items: center; 
	padding: 3rem; 
	background: rgba(255,255,255,0.89); 
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    width: 100%;
    max-width: 800px;
    border-radius: 8rem;
}
.trackr_nav li { flex: 1; font-size: 3rem; font-weight: 700; cursor: pointer; }
.trackr_nav li.active { color: var(--primary); }
@media(max-width: 768px){  
	#tab1 { padding-top: 22rem; }
	.trackr_nav { padding: 4rem; top: 56px; }
	.trackr_nav ul { padding: 0rem 4rem; }
	.trackr_nav li { flex: inherit; flex-grow: 1; padding: 4rem 0; font-size: 4.7rem; }
}


/* 공지사항 */
.bbb_edit_area { border-top: 1px solid #000; max-width: 1000px; margin: 0 auto; }
.bbb_edit_area .btn_area { margin-top: 6rem; display: flex; justify-content: center; align-items: center; gap: 2rem; }
.bbb_edit_area .btn_area button,
.bbb_edit_area .btn_area a { display: flex; justify-content: center; align-items: center; width: 30rem; height: 10rem; font-size: 3.7rem; border: 1px solid #e5e5e5; }
.bbb_edit_area .btn_area button { background: #000; color: #fff; border-color: #000; }
.bbs_edit_option { max-width: 1280px; margin: 0 auto; }
.bbs_edit_option table { width: 100%; border-collapse: collapse; }
.bbs_edit_option th,
.bbs_edit_option td { font-size: 2.7rem; border: 1px solid #ddd; padding: 1em; height: 12.2rem; word-break: keep-all; }
.bbs_edit_option tr th:first-child,
.bbs_edit_option tr td:first-child { border-left: 0; }
.bbs_edit_option tr th:last-child,
.bbs_edit_option tr td:last-child { border-right: 0; }
.bbs_edit_option tr th { background: #fafafa; }
.bbs_edit_option input, 
.bbs_edit_option textarea { border: 1px solid #e5e5e5; width: 100%; padding: 1.5rem 2rem; }
.bbs_edit_option input[type="date"] { max-width: 30rem; }
.bbs_edit_option .checkbox { display: flex; justify-content: flex-start; align-items: center; font-size: 2.7rem; gap: 0.5em; cursor: pointer; }
.bbs_edit_option .checkbox input { width: 1em; height: 1em; }
.bbs_edit_option .checkbox span { font-weight: 500; }
.bbs_edit { width: 100%; background: #eee; margin-top: 3rem; }
.bbs_edit + .bbs_edit_option { margin-top: 3rem; }
.bbs_edit + .bbs_edit_option tr:last-child th,
.bbs_edit + .bbs_edit_option tr:last-child td { border-bottom-color: #000; }

.bbs_edit_option .file-field { display: flex; justify-content: flex-start; align-items: stretch; gap: 1rem; max-width: 90rem; }
.bbs_edit_option .file-field label,
.bbs_edit_option .file-field button { display: flex; justify-content: center; align-items: center; width: 18rem; height: 8.4rem; border: 1px solid #e5e5e5; cursor: pointer; }
.bbs_edit_option .file-field label:hover { background: #000; color: #fff; border-color: #000; }
.bbs_edit_option .filetext-field { margin-top: 2rem; display: flex; justify-content: flex-start; align-items: stretch; max-width: 90rem; border: 1px solid #e5e5e5; }
.bbs_edit_option .filetext-field input,
.bbs_edit_option .filetext-field label { height: 8.4rem; border: 0; }
.bbs_edit_option .filetext-field label { white-space: nowrap; display: flex; justify-content: center; align-items: center; padding: 1rem 3rem;  background: #eee; border-right: 1px solid #e5e5e5; }


@media(max-width: 768px){  
	.bbs_edit_option th,
	.bbs_edit_option td,
	.bbs_edit_option .checkbox { font-size: 14px; }
	.bbs_edit { height: auto; }

	.bbs_edit_option .file-field { flex-wrap: wrap; }
	.bbs_edit_option .file-field input { width: 100%; }
	.bbs_edit_option .file-field label, 
	.bbs_edit_option .file-field button { 
		width: calc(50% - 0.5rem);
		height: 12rem;
	 }

	 .bbs_edit_option .filetext-field { margin-top: 3rem; }
	 .bbs_edit_option .filetext-field input, .bbs_edit_option .filetext-field label { height: 12rem; }
	 .bbb_edit_area .btn_area button,
	 .bbb_edit_area .btn_area a { width: calc(50% - 0.5rem); height: 15rem; font-size: 4.7rem; }
}