@charset 'utf-8';
@font-face {
	font-family: 'Binggrae-Two';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ChosunCentennial';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}



/* sub_hd */
.sub_hd { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; height:44.2rem; }
.sub_hd.sub01 { background-image:url('../img/contents/sub_top_bnr01.jpg'); }
.sub_hd.sub02 { background-image:url('../img/contents/sub_top_bnr02.jpg'); }
.sub_hd.sub03 { background-image:url('../img/contents/sub_top_bnr03.jpg'); }
.sub_hd.sub04 { background-image:url('../img/contents/sub_top_bnr04.jpg'); }
.sub_hd.sub05 { background-image:url('../img/contents/sub_top_bnr05.jpg'); }

.sub_hd .h_tit_box { position:absolute; left:0; right:0; top:50%; transform:translateY(-75%); text-align:center; }
.sub_hd .h_tit_box h3 { font-size:5.0rem; line-height:1.35; color:#fff; letter-spacing:-1px; }
.sub_hd .h_tit_box .text { font-size:3.0rem; line-height:1.35; color:#fff; font-weight:400; letter-spacing:-1px; }

.sub_hd .sub_menu_box { position:absolute; left:0; bottom:0; right:0; display:block; height:8.0rem; text-align:center; background-color:rgba(0,0,0,0.6); }
.sub_hd .sub_menu_box .btn_menu { display:inline-block; line-height:8.0rem; border:0; cursor:pointer; font-size:3.2rem; color:#fff; }
.sub_hd .sub_menu_box .btn_menu span { position:relative; display:inline-block; padding-right:3.4rem;  }
.sub_hd .sub_menu_box .btn_menu span:after { position:absolute; right:0; top:2.3rem; display:block; width:2.8rem; height:2.8rem; background-repeat:no-repeat; background-position:center;  background-image:url('../img/icons/ic_select_arrow.png'); background-size:100% auto; content:""; }
.sub_hd .sub_menu_box.show .btn_menu span:after { transform: rotate(180deg); }
/* sub_menu_list */
.sub_hd .sub_menu_box .sub_menu_list { position:absolute; left:50%; top:8.9rem; display:block; width:29.3rem; background-color:#fff; border:1px solid #c6c6c6; border-radius:20px; z-index:100; transform:translateX(-50%); display:none; }
.sub_hd .sub_menu_box .sub_menu_list ul { padding:2.5rem 0; }
.sub_hd .sub_menu_box .sub_menu_list li { font-size:3.2rem; line-height:6.4rem; text-align:center; }
.sub_hd .sub_menu_box .sub_menu_list li a { display:block; }
.sub_hd .sub_menu_box .sub_menu_list li.current { font-weight:700; }



/* contents */
.contents { padding:7.0rem 2.3rem 16.0rem 2.3rem; }


/* 1-1. 브랜드 스토리 
* * * * * * * * * * * * * * * * * * * */
#brand_story { }
#brand_story .contents { }
#brand_story .contents .title { font-size:4.6rem; line-height:1.25; color:#45392f; font-family: 'Binggrae-Two'; text-align:center; margin-bottom:5.5rem; }
#brand_story .contents .title em { display:inline-block; background-color:#7ba02d; color:#fff; padding:0 0.5rem; 
	opacity: 1;
	/*
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	*/
}
#brand_story .contents .img { text-align:center; margin-bottom:6.0rem; }
#brand_story .contents .img img { width:100%; height:auto; }
#brand_story .contents .text { font-size:3.2rem; line-height:1.55; text-align:center; margin-bottom:14.0rem; }
#brand_story .contents .text em { color:#7ba02d; font-weight:700; }


/* 1-2. 연혁 
* * * * * * * * * * * * * * * * * * * */
#history .contents { padding:10.0rem 0 15.0rem 0; }
.history_list { }
.history_list li { position:relative; margin-bottom:8.0rem; text-align:center; background-repeat:no-repeat; background-position:center top; background-size:100% auto; }
.history_list li .img { position:relative; display:inline-block; width:26.7rem; height:26.7rem; border-radius:26.0rem; overflow:hidden; margin-bottom:2.5rem; z-index:10; }
.history_list li .img img { width: 100%; height: auto; transition: transform 0.5s ease; }
.history_list li .img.zoomed img { transform: scale(1.5); cursor: zoom-out; }
.history_list li dl { }
.history_list li dt { font-size:5.2rem; line-height:1.35; color:#5e9114; font-weight:700; margin-bottom:3.0rem; font-style:italic; }
.history_list li dd { font-size:3.2rem; line-height:1.35; text-align:center; letter-spacing:-1px; }
.history_list li dd p { margin-bottom:1.0rem; display:flex; justify-content:center; gap:10px; }
.history_list li dd p b { font-weight:700; display:inline-block; }
.history_list li dd p span { text-align:left; }

.history_list li.y2026 { background-image:url('../img/contents/history_line09.png'); }
.history_list li.y2025 { background-image:url('../img/contents/history_line08.png'); }
.history_list li.y2024 { background-image:url('../img/contents/history_line07.png'); }
.history_list li.y2023 { background-image:url('../img/contents/history_line06.png'); }
.history_list li.y2022 { background-image:url('../img/contents/history_line05.png'); }
.history_list li.y2021 { background-image:url('../img/contents/history_line04.png'); }
.history_list li.y2020 { background-image:url('../img/contents/history_line03.png'); }
.history_list li.y2019 { background-image:url('../img/contents/history_line02.png'); }
.history_list li.y2018 { background-image:url('../img/contents/history_line01.png'); }

.history_list li .effect { position:absolute; top:0; left:50%; display:block; background-repeat:no-repeat; background-position:center; background-size:100% auto; z-index:10; }
.history_list li .effect.e1 { width:11.8rem; height:9.0rem; background-image:url('../img/contents/ic_effect01.png'); transform:translateX(110%); z-index:1; top:-3.0rem; }
.history_list li .effect.e2 { width:14.8rem; height:14.4rem; background-image:url('../img/contents/ic_effect02.png'); transform:translateX(-195%); top:17.0rem; }
.history_list li .effect.e3 { width:19.2rem; height:19.2rem; background-image:url('../img/contents/ic_effect03.png'); transform:translateX(70%); top:18.0rem; }
.history_list li .effect.e4 { width:12.4rem ; height:19.7rem; background-image:url('../img/contents/ic_effect04.png'); transform:translateX(-210%); top:-4.0rem;  }
.history_list li .effect.e5 { width:15.0rem; height:14.6rem; background-image:url('../img/contents/ic_effect05.png'); transform:translateX(120%); top:-3.0rem; }
.history_list li .effect.e6 { width:16.0rem; height:16.0rem; background-image:url('../img/contents/ic_effect06.png'); transform:translateX(-194%); top:-4.0rem; }



/* 1-3. 센트럴 키친 
* * * * * * * * * * * * * * * * * * * */
#central_kitchen .contents { padding-top:11.0rem; }
#central_kitchen h4 { font-family: 'Binggrae-Two'; margin-bottom:5.0rem; font-size:4.6rem; line-height:1.35; letter-spacing:-1px; text-align:center; }
#central_kitchen h4 span { display:inline-block; background-color:#6ca638; color:#fff; padding:0 0.7rem; 
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}
#central_kitchen .sub_text { font-size:3.2rem; line-height:1.85; color:#242422; text-align:center; margin-bottom:8.0rem; }
#central_kitchen .sub_text b { font-weight:700; }
.central_kitchen_img { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.7rem 1.6rem; overflow:hidden; }
.central_kitchen_img li { text-align:center; overflow:hidden; border-radius:2.0rem; overflow:hidden; }
.central_kitchen_img li:hover img { transform: scale(1.2, 1.2); transition-duration: 0.7s; }
.central_kitchen_img li img { width:100%; height:auto; transition-duration: 0.5s;}
.central_kitchen_img li:nth-child(1) { grid-column: 1 / span 2; }
.central_kitchen_img li:nth-child(4) { grid-column: 1 / span 2; }
.central_kitchen_img li:nth-child(6) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end:7; }


/* 1-4. 오시는길 
* * * * * * * * * * * * * * * * * * * */
#location { }
#location h4 { font-size:3.8rem; line-height:1.45; margin-bottom:5.0rem; font-weight:700; text-align:center; }
#location .loaction_map { margin-bottom:3.5rem; }
#location .loaction_map .root_daum_roughmap { width:100% !important; }
#location .loaction_map .root_daum_roughmap .wrap_map { height:42.0rem !important; }
#location .address_info { }
#location .address_info dl { display:grid; grid-template-columns:11.6rem 1fr; border-bottom:1px solid #c6c6c6; padding-bottom:1.5rem; margin-bottom:1.5rem; }
#location .address_info dt,
#location .address_info dd { font-size:3.2rem; line-height:1.45; color:#242422; box-sizing:border-box; }
#location .address_info dt { font-weight:700; padding-left:2.0rem; }
#location .address_info dd { }
#location .address_info dd p { margin-bottom:10px; }



/* 2. 메뉴 
* * * * * * * * * * * * * * * * * * * */
#menu .contents { padding-top:9.0rem; }
#menu h4 { position:relative; font-size:3.8rem; line-height:1.35; letter-spacing:-1px; text-align:center; padding-bottom:6.8rem; margin-bottom:10.5rem; background-repeat:no-repeat; background-position:center bottom;  background-image:url('../img/contents/menu_title_bg.png'); background-size:55.6rem auto; color:#4f2c12; }
#menu h4 span { display:inline-block; background-color:#6ca638; color:#fff; padding:0 0.7rem; }

.menu_list { display:grid; grid-template-columns:repeat(2, 1fr); gap:2.0rem; }
.menu_list li { }
.menu_list li .imgbx { position:relative; overflow:hidden; border-radius:2.0rem; }
.menu_list li img { width:100%; height:auto; transition-duration: 0.5s; }
.menu_list li:hover img { transform: scale(1.2, 1.2); transition-duration: 0.7s; }
.menu_list li .tit  { position:absolute; left:0; right:3.0rem; bottom:2.8rem; text-align:right; color:#ffff; font-size:2.2rem; line-height:1.35; letter-spacing:-1px; font-weight:400; }

#menu .total { text-align:center; margin-top:3.0rem; font-size:3.8rem; line-height:1.35; color:#4f2c12; margin-top:8.0rem; }



/* 3-1. 창업정보 :: 라임반찬의 경쟁력
* * * * * * * * * * * * * * * * * * * */
#competitiveness { }
#competitiveness .contents { padding:0; }

/* sec 1 */
#location_map { position:relative; background-repeat:repeat-y; background-image:url('../img/contents/location_map_bg.jpg'); background-position:center top; background-size: 100% auto; padding:7.6rem 2.0rem 4.0rem 2.0rem; }

#location_map div.cover { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(64,48,43,0.9); z-index:0; }
#location_map div.title { position:relative; font-size:5.0rem; font-weight:700; line-height:1.35; color:#fff; text-align:center; letter-spacing:-1px; margin-bottom:4.0rem; }
#location_map div.title em { font-size:2.7rem; color:#fff265; font-family: 'ChosunCentennial'; font-weight:400; margin-bottom:2.0rem; }
#location_map div.text { position:relative; font-size:1.8rem; font-weight:300; line-height:1.55; color:#fff; text-align:center; letter-spacing:-1px;  margin-top:4.0rem; }

#location_map .map_area { position:relative; margin:0 -2.3rem; }
#location_map .map_area .map2 { position:absolute; left:0; right:0; top:0; z-index:11; }
#location_map .map_area .menu_list_map { position:absolute; left:0; right:0; top:0; z-index:12; }

/* sec 2 */
#comparison { position:relative; }
.comparison_target { position:absolute; left:0; right:0; top:-12.0rem; display:block; }
#comparison .private_store { position:relative;  }
#comparison .private_store .info { position:relative; background-repeat:repeat-y; background-image:url('../img/contents/private_store_bg.jpg'); background-position:center top; background-size:cover; }
#comparison .private_store .text_box { background-color:#242422; padding:5.0rem 1.0rem 10.0rem 1.0rem; font-size:3.0rem; line-height:1.85; color:#fff; text-align:Center; }

#comparison .lime_store { position:relative; }
#comparison .lime_store .info { position:relative; background-repeat:repeat-y; background-image:url('../img/contents/lime_store_bg.jpg'); background-position:center top; background-size:cover; }
#comparison .lime_store .info:before { position:absolute; left:50%; top:0; transform:translate(-50%, -40%); display:block; width:18.0rem; aspect-ratio: auto 1 / 1.2; background-repeat:no-repeat; background-image:url('../img/contents/img_vs.png'); background-position:center; background-size:100% auto; content:""; }
#comparison .lime_store .text_box { background-color:#242422; padding:5.0rem 1.0rem 5.0rem 1.0rem; font-size:3.0rem; line-height:1.85; color:#fff; text-align:center; }
#comparison .lime_store .text_box em { font-weight:700; color:#fff265; }

#lime_store .icon_car { position:absolute; top:60%; left:10%; display:block; width:39%; transition: left 0.5s ease; transform:translateY(-50%); }
#lime_store .icon_car.on { left:55%; }

#kitchen { padding-top:7.0rem; }
#kitchen h4 { position:relative; font-size:5.0rem; line-height:1.45; color:#242422; text-align:center; letter-spacing:-2px; margin-bottom:5.0rem; }
#kitchen h4 em.opacity_gif { color:#ec6527; font-weight:700; 
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

.ck_process { position:relative; background-repeat:repeat-y; background-image:url('../img/contents/central_kitchen_bg.jpg'); background-position:center top; background-size:cover; padding:8.0rem 2.2rem; }
.ck_process .tit { font-size:3.2rem; font-family: 'ChosunCentennial'; text-align:center; letter-spacing:-1px; color:#fff; margin-bottom:5.0rem; }

.ck_support { position:relative; }
.ck_support dl { position:relative; padding:3.4rem 0 3.4rem 2.7rem ; background-color:#ffffff; border-radius:2.0rem; overflow:hidden; margin-bottom:6.5rem; }
.ck_support dl dt { float:left; font-size:3.2rem; line-height:1.35; font-weight:700; }
.ck_support dl dd { margin-left:11.0rem; }

.ck_support .swiper-slide { width:38.8rem; padding-right:1.5rem; }


/* sec 3 */
#store_interior { padding-top:7.0rem; }
#store_interior h4 { position:relative; font-size:5.0rem; line-height:1.35; color:#242422; text-align:center; letter-spacing:-2px; margin-bottom:6.0rem; }
#store_interior h4 b { color:#9cb439; font-weight:700; }

#slide_interior { position:relative; padding:0 2.2rem 8.0rem 2.2rem; background-color:#18250d; }
#slide_interior .swiper-slide { border-radius:2.0rem; overflow:hidden; }
#slide_interior .swiper-pagination { position:static; margin-top:5.0rem; }
#slide_interior .swiper-pagination .swiper-pagination-bullet { background-color:#c6c6c6; width:2.0rem; height:2.0rem; opacity:1; }
#slide_interior .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#9cb439; }

#interior_image { display:grid; grid-template-columns:repeat(2, 1fr); padding:2.2rem; gap:1.8rem 1.2rem; box-sizing:border-box; box-sizing:border-box; background-color:#18250d; }
#interior_image li { position:relative; border-radius:5px; overflow:hidden; }
#interior_image li img { width:100%; height:auto; transition: transform .35s;  }
#interior_image li:hover img { transform:scale(1.2); }
#interior_image li:nth-child(1),
#interior_image li:nth-child(4) { grid-column: 1 / 3;  }

/* 3-2. 창업정보 :: 인테리어
* * * * * * * * * * * * * * * * * * * */
#interior { }
/* interior_tab */
#interior_tabs { text-align:center; display:flex; align-items:center; justify-content:center; margin-bottom:9.0rem; }
#interior_tabs li { width:21.0rem; margin:0 1.0rem; font-size:2.933rem; font-weight:700; }
#interior_tabs li a { display:block; background-color:#e3e3e3; color:#242422; border-radius:6.8rem; overflow:hidden; height:6.2rem; line-height:6.8rem; }
#interior_tabs li a.current { background-color:#9cb439; color:#fff; }
#interior h5.tit { font-size:4.0rem; color:#242422; line-height:1.35; text-align:center; letter-spacing:-1px; font-weight:700; margin-bottom:4.0rem; }

#interior .main { position:relative; }
#interior .main .text_box { position:absolute; left:6.0rem; top:8.5rem; }
#interior .main .text_box dt,
#interior .main .text_box dd { line-height:1.45; }
#interior .main .text_box dt { font-size:3.2rem; color:#7a9f2d; font-weight:700; }
#interior .main .text_box dd { font-size:2.4rem; color:#242422; margin-top:2.0rem; } 

#tab_exterior { margin-bottom:12.0rem; }
#tab_exterior .main { position:relative; margin:0 -2.3rem; margin-bottom:2.2rem; }

#slide_bnr { position:relative; }
#slide_bnr .swiper-pagination { position:static; margin-top:4.2rem; }
#slide_bnr .swiper-pagination .swiper-pagination-bullet { background-color:#c6c6c6; width:2.0rem; height:2.0rem; opacity:1; }
#slide_bnr .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#9cb439; }

#tab_interior { }
#tab_interior .main { position:relative; margin:0 -2.3rem; margin-bottom:2.0rem; }
#tab_interior .main .text_box { top:50%; left:0; padding:4.0rem 2.0rem 4.0rem 6.0rem; background-color:rgba(0,0,0,0.6); border-radius:0 5.0rem 5.0rem 0; transform:translateY(-40%); }
#tab_interior .main .text_box dt,
#tab_interior .main .text_box dd { color:#fff; }
#tab_interior .img_box1 { margin-bottom:3.5rem; }
#tab_interior .text_box2 { font-size:2.4rem; line-height:1.45; text-align:Center; color:#242422; margin-bottom:3.5rem; }
#tab_interior .text_box2 em { color:#9cb439; font-weight:700; }
#tab_interior .img_box2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.8rem; }



/* 3-3. 창업정보 :: 창업절차 및 비용
* * * * * * * * * * * * * * * * * * * */
#procedures { }
#procedures h4 { font-size:3.8rem; color:#242422; line-height:1.35; text-align:center; letter-spacing:-1px; font-weight:700; margin-bottom:2.0rem; }
#procedures .summary { font-size:2.8rem; line-height:1.35; color:#242422; text-align:center; letter-spacing:-2px; margin-bottom:5.0rem; }

#procedures .startup_procedures { background-color:#c6c6c6; padding:1px; box-sizing:border-box; margin-bottom:13.0rem;}
#procedures .startup_procedures .list { display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; }
#procedures .startup_procedures .list li { position:relative; overflow:hidden; }
#procedures .startup_procedures .list li img { width:100%; height:auto; vertical-align:middle; }
#procedures .startup_procedures .list li img.basic { position:absolute; left:0; top:0; z-index:1; opacity:1; transition: opacity 0.5s; }
#procedures .startup_procedures .list li img.bg { z-index:0; }
#procedures .startup_procedures .list li.on img.basic { opacity:0; }

/* .startup_costs */
#procedures .startup_costs { }
#procedures .startup_costs .table_unit { text-align:right; font-size:1.7rem; line-height:1.35; color:#242422; font-weight:300; margin-bottom:0.5rem; }
#procedures .cost_table { margin-bottom:25px; }
#procedures .cost_table table { width:100%; }
#procedures .cost_table th,
#procedures .cost_table td { font-size:2.2rem; line-height:1.3; font-weight:400; padding:1.0rem 0.5rem; border-bottom:1px solid #9d9d9c; border-left:1px solid #9d9d9c; vertical-align:middle; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#242422; }
#procedures .cost_table thead { }
#procedures .cost_table thead th { position:relative; background-color:#9cb439; color:#fff; border-left:0; border-bottom:0; height:5.0rem; padding:0; }
#procedures .cost_table thead th:after { position:absolute; right:0; top:1.2rem; bottom:1.2rem; display:block; content:""; width:1px; background-color:#fff; }
#procedures .cost_table thead th:last-child:after { display:none; }
#procedures .cost_table tfoot th { background-color:#e1e8c3; border-left:0; }
#procedures .cost_table tfoot td { background-color:#e1e8c3; }
#procedures .cost_table tbody th { border-left:0; }
#procedures .cost_table tbody td { }
#procedures .cost_table tbody td span { color:#c6c6c6; }
#procedures .cost_table td.price { text-align:center; }
#procedures .cost_table td.price em { color:#e63323; font-weight:700;
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}
#procedures .cost_table td.price s { color:#878787; }
#procedures .cost_table td.subject { text-align:left; padding-left:1.5rem; }

#procedures .startup_costs .notice_box { font-size:1.7rem; line-height:1.45; text-align:right; font-weight:400; letter-spacing:-1px; color:#706f6f; }




/* 3-4. 창업정보 :: 성공 창업스토리
* * * * * * * * * * * * * * * * * * * */
#success_story { }
#success_story .contents { }
#success_story h4 { text-align:center; font-size:3.8rem; font-weight:400; line-height:1.45; margin-bottom:5.0rem; }
#success_story h4 em { font-weight:700; color:#7ba02d; }
#success_story h4 em span { position:relative; }
#success_story h4 em span:after { position:absolute; left:0; bottom:-1.2rem; width:11.2rem; height:1.6rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/text_underline.png'); background-size:100% auto; content:""; }

#slide_story { position:relative; }
#slide_story .swiper-button-prev,
#slide_story .swiper-button-next { position:absolute; top:22%; z-index:10; width:5.4rem; height:5.4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; margin-top:0; transform:translateY(-50%);}
#slide_story .swiper-button-prev:after,
#slide_story .swiper-button-next:after { display:none; }
#slide_story .swiper-button-prev { left:3.2rem; background-image:url('../img/icons/ic_slide_btn_prev.png'); }
#slide_story .swiper-button-next { right:3.2rem; background-image:url('../img/icons/ic_slide_btn_next.png'); }


/* 3-5. 창업정보 :: FAQ
* * * * * * * * * * * * * * * * * * * */
#faq { }
#faq .contents { }
#faq h4 { text-align:center; font-size:3.8rem; font-weight:700; line-height:1.45; margin-bottom:5.5rem; }

/* faq_list */
#faq_list { background-color:#fff; border-bottom:2px solid #6ca638; }
#faq_list dl { padding:1.8rem 1.3rem; border-top:2px solid #6ca638; }
#faq_list dl dt { position:relative; font-size:3.2rem; color:#242422; line-height:1.45; font-weight:400; padding-left:5.0rem; padding-right:4.0rem; letter-spacing:-1px; }
#faq_list dl dt:before { position:absolute; left:0; top:-0.1rem; content:"Q."; color:#6ca638; font-weight:700; }
#faq_list dl dt .btn { position:absolute; right:-1.3rem; top:50%; display:block; width:7.0rem; height:7.7rem; content:""; background-repeat:no-repeat; background-image:url('../img/icons/ic_faq_open_gr.png'); background-position:center right; background-size:5.0rem auto; cursor:pointer; border:0; outline:none; transform:translateY(-50%); }
#faq_list dl.open dt .btn { background-image:url('../img/icons/ic_faq_close_gr.png'); }
#faq_list dl dd { font-size:3.0rem; color:#242422; line-height:1.55; display:none; }
#faq_list dl dd .text_box { position:relative; padding:2.0rem 4.0rem 0 5.0rem; }
#faq_list dl dd .text_box:before { position:absolute; left:0; top:1.9rem; content:"A."; font-weight:700; }



/* 4. 매장안내
* * * * * * * * * * * * * * * * * * * */
#store h4 { text-align:center; font-size:3.8rem; line-height:1.45; margin-bottom:3.5rem; }

.map_area { border-radius:2.0rem; overflow:hidden; margin-bottom:6.0rem; }
.map_area #map { width:100%; height:50.0rem !important; }
.search_area { position:relative; margin-bottom:8.0rem; }
.search_area .fr_input { display:block; width:100%; height:6.8rem; font-size:2.6rem; line-height:1.35; padding:0 9.0rem 0 3.8rem; box-sizing:border-box; border:2px solid #e3e3e3; border-radius:7.0rem; }
.search_area .fr_input::placeholder { opacity:0.5; }
.search_area .btn_search { position:absolute; right:0; top:0; display:block; width:9.0rem; height:100%; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_search.png'); background-size:3.2rem auto; border:0; cursor:pointer; }

.store_list { }
.store_list li { margin-bottom:8.0rem; }
.store_list li .img { border-radius:2.0rem; height:50.0rem; overflow:hidden; text-align:center; margin-bottom:4.5rem; }
.store_list li .img img { width:100%; height:auto; vertical-align:middle; } 
.store_list li .info { }
.store_list li .info dl { display:grid; grid-template-columns:17.0rem 1fr; margin-bottom:1.5rem; }
.store_list li .info dl:last-child { margin-bottom:0; }
.store_list li .info dt,
.store_list li .info dd { font-size:3.2rem; line-height:1.35; color:#242422; }
.store_list li .info dt { font-weight:700; }
.store_list li .info dd { word-break:keep-all; }
.store_list li .info dd .btn_map_view { font-weight:700; color:#6ca638; }

 
 
 
/* 5. 가맹문의
* * * * * * * * * * * * * * * * * * * */
#franchis { background-color:#ededed; }
#franchis .sub_hd { height:23.0rem; }
#franchis .sub_hd .h_tit_box { transform: translateY(-40%); }
#franchis .sub_hd .h_tit_box .text { font-size:3.467rem; color:#45392f; }
#franchis .sub_hd .h_tit_box h3 { font-size:6.5rem; color:#45392f; }

#franchis .contents { padding-top:0; padding-bottom:10.0rem; }

.check_privacy { position:relative; min-height:9.7rem; background-color:#fff; padding:2.5rem 16.0rem 2.5rem 1.7rem; box-sizing:border-box; margin-bottom:5.8rem; }
.check_privacy label { position:relative; padding-left:4.7rem; display:inline-block; font-size:2.5rem; line-height:1.35; cursor:pointer; color:#45392f; padding-top:1.1rem; letter-spacing:-1.5px; }
.check_privacy label input { display:none; }
.check_privacy label span { display:block; }
.check_privacy label span:before { position:absolute; left:0; top:0.5rem; display:block; width:3.6rem; height:3.6rem; background-color:#e3e3e3; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_check.png'); background-size:100% auto; border-radius:3.6rem; content:""; }

.check_privacy .btn_view_privacy { position:absolute; right:2.3rem; top:2.8rem; display:block; height:4.2rem; line-height:4.2rem; background-color:#dadada; font-size:2.154rem; padding:0 1.2rem; border:0; cursor:pointer; overflow:hidden; }
.check_privacy .btn_view_privacy span { display:inline-block; position:relative; padding-right:2.0rem; }
.check_privacy .btn_view_privacy span:after { position:absolute; right:0; top:1.3rem; display:block; width:1.4rem; height:1.4rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_toggle_arrow.png'); background-size:100% auto; content:""; }
.check_privacy label input:checked + span:before { background-color:#6ca638; }
.check_privacy.show { margin-bottom:2.3rem; }
.check_privacy.show .btn_view_privacy span:after { transform: rotate( 180deg ); }

#terms_box { position:relative; background-color:#e0e0e0; height:84.2rem; margin-bottom:1.4rem; display:none; }
#terms_box:after { position:absolute; display:block; width:34px; right:0; top:0; bottom:0; content:""; }
#terms_box .scrollbar-inner { min-height:100%; max-height:100%; }
#terms_box .text_box { padding:4.0rem 3.5rem 4.0rem 2.5rem; font-size:2.5rem; line-height:1.45; }
#terms_box .text_box .tit { font-size:3.0rem; line-height:1.45; font-weight:700; margin-bottom:3.5rem; } 
#terms_box .btn { position:absolute; right:0; width:2.6rem; height:3.6rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; z-index:9; }
#terms_box .btn.up { top:0; background-image:url('../img/icons/ic_scroll_up.png'); }
#terms_box .btn.down { bottom:0; background-image:url('../img/icons/ic_scroll_down.png'); }
#terms_box .scroll-element { right:0; top:40px; height:calc(100% - 80px); width:2.6rem; }
#terms_box .scroll-element_track { opacity:1; }
#terms_box .scroll-bar { background-color:#706f6f; opacity:1; left:0.7rem; width:1.2rem; border-radius:2.0rem; }

#franchis .content { background-color:#fff; padding:5.0rem 3.0rem; }
#franchis .content .top { margin-bottom:2.7rem; }
#franchis .content .top h4 { display:block; font-size:3.733rem; line-height:1.35; text-align:center; color:#45392f; font-weight:700; }
#franchis .content .top .noti { position:relative; display:block; font-size:2.5rem; line-height:1.35; text-align:center; color:#45392f; margin-top:1.5rem; }
#franchis .content .top .noti:before { display:inline-block; background-color:#e30613; width:6px; height:6px; border-radius:6px; vertical-align:middle; content:""; margin-right:5px; }

#franchis .content .formbx { }
#franchis .content .formbx dl { position:relative; margin-bottom:2.4rem; }
#franchis .content .formbx dl:last-child { margin-bottom:0; }
#franchis .content .formbx dl dt,
#franchis .content .formbx dl dd { color:#242422; }
#franchis .content .formbx dl dt { position:relative; font-size:2.5rem; line-height:1.45; display:none; }
#franchis .content .formbx dl dd { }
#franchis .content .formbx dl dd .fr_input { display:block; width:100%; height:7.0rem; line-height:7.4rem; border:2px solid #e3e3e3; border-radius:7.0rem; box-sizing:border-box; vertical-align:middle; overflow:hidden; padding:0 1.0rem 0 4.4rem; font-size:2.5rem; }
#franchis .content .formbx dl.req:before { position:absolute; left:2.8rem; top:3.1rem; display:block; background-color:#e30613; width:0.6rem; height:0.6rem; border-radius:0.6rem; content:""; }
#franchis .content .formbx dl dd .ta { display:block; width:100%; height:22.0rem; border:2px solid #e3e3e3; border-radius:1.5rem; box-sizing:border-box; vertical-align:middle; overflow:hidden; padding:2.0rem 1.0rem; font-size:2.5rem; resize:none; }

#franchis .content .formbx dl.dl_store { display:grid; grid-template-columns:18.0rem 1fr; margin-bottom:5.0rem; margin-top:6.3rem; }
#franchis .content .formbx dl.dl_store.req:before { left:0rem; top:3.1rem; }
#franchis .content .formbx dl.dl_store dt { display:block; line-height:7.4rem; padding-left:1.5rem; }
#franchis .content .formbx dl .check_store { position:relative; border:2px solid #e3e3e3; width:25.7rem; display:grid; grid-template-columns:repeat(2, 1fr); border-radius:25.0rem; box-sizing:border-box; text-align:center; overflow:hidden; }
#franchis .content .formbx dl .check_store:after { content:""; height:100%; width:2px; display:block; background-color:#e3e3e3; position:absolute; left:50%; top:0; margin-left:-1px; }
#franchis .content .formbx dl .check_store label { display:block; font-size:2.5rem; height:7.0rem; line-height:7.2rem; cursor:pointer; }
#franchis .content .formbx dl .check_store label input { display:none; }
#franchis .content .formbx dl .check_store label span { display:block; background-color:#fff; }
#franchis .content .formbx dl .check_store label input:checked + span { background-color:#6ca638; color:#fff; }

#franchis .content .formbx dl.dl_content { }
#franchis .content .formbx dl.dl_content.req:before { left:0rem; top:1.2rem; }
#franchis .content .formbx dl.dl_content dt { display:block; padding-left:1.5rem; margin-bottom:1.5rem; }

#franchis .content .formbx .tail_btns { text-align:center; margin-top:5.4rem; }
#franchis .content .formbx .tail_btns .btn_submit { display:block; background-color:#6ca638; text-align:center; width:100%; height:10.0rem; line-height:10.0rem; font-size:3.769rem; color:#fff; font-weight:700; border:0; outline:none; border-radius:1.5rem; }


 
/* 6. 개인정보취급방침
* * * * * * * * * * * * * * * * * * * */
#privacy { background-color:#ededed; }
#privacy h3 { font-size:5.0rem; line-height:1.45; text-align:center; font-weight:700; margin-bottom:3.0rem; }
#privacy .textarea { font-size:3.0rem; line-height:1.55; }





/*key frame*/
@-webkit-keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}
@-moz-keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}
@-ms-keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}
@keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}