@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;
}



/* layout */
.container { min-height:calc(100vh - 570px); box-sizing:border-box; overflow:hidden; }
.contents { position:relative; width:1180px; margin:0 auto;  min-height:500px; z-index:9; padding:125px 0 140px 0; }


/* sub_top */
.sub_top { position:relative; }
.sub_top .hgroup { position:relative; text-align:center; height:612px; background-repeat:no-repeat; background-position:center; background-color:#000; background-image:url('../img/contents/sub_top_img01.jpg'); background-size:cover; border-bottom:1px solid #ededed; box-sizing:border-box; padding-top:210px; }
.sub_top .hgroup h3 { text-align:center; font-size:62px; line-height:1.15; font-weight:700;   font-weight: 500; color:#fff; text-shadow:0 0 10px #333; }
.sub_top .hgroup .text { text-align:center; font-size:33px; line-height:1.15; font-weight:400; margin-top:15px;   font-weight: 500; color:#fff; text-shadow:0 0 10px #333; }


/* tabs_wr */
.tabs_wr { position:absolute; left:0; bottom:0; right:0; height:54px;  }
.tabs_wr .tabs { position:absolute; left:0; top:0; right:0; text-align:center; z-index:99; background-color:rgba(0,0,0,0.6); }
.tabs_wr .tabs li { position:relative; display:inline-block; font-size:18px; color:#666666; vertical-align:middle; margin:0 35px; line-height:54px; cursor:pointer; font-weight:500;   font-weight: 500; }
.tabs_wr .tabs li:after { position:absolute; left:0; bottom:0; right:0; display:block; height:7px; background-color:#6ca638; z-index:9; content:""; display:none; }
.tabs_wr .tabs li a { display:block; color:#fff; }
.tabs_wr .tabs li.current { font-weight:700; }
.tabs_wr .tabs li.current:after { display:block; }

.tabs_wr.fixed .tabs { position:fixed; }



/* 1. 브랜드 소개
* * * * * * * * * * * * * * * * * * * * * * * */
section.sec { position:relative; }
section.sec h4 { text-align:center; font-size:40px; line-height:1.45;  font-weight: 700; margin-bottom:100px; }

#sec_brand { overflow:hidden; }

.brandstory_main { position:relative; margin-bottom:124px; height:504px; background-repeat:no-repeat; background-position:center top;  background-image:url('../img/contents/brand_story_main_bg.jpg'); }
.brandstory_main .text_box { position:absolute; left:85px; top:50%; transform:translateY(-50%); font-size:45px; line-height:1.25; color:#fff; }

.brand_story { width:1180px; margin:0 auto; }
.brand_story li { position:relative; display:grid; grid-template-columns:repeat(2, 1fr); }
.brand_story li .img { }
.brand_story li .info { display:flex; font-size:29.33px; line-height:1.45; text-align:center; color:#42423e;  justify-content: center; align-items: center; letter-spacing:-1px;}
.brand_story li .info em { color:#6ca638; font-weight:700; }


/* sec_history */
#sec_history { background-color:#ffe163; overflow:hidden; }
#sec_history .contents { width:1920px; }
#sec_history h4 { margin-bottom:50px; }
#sec_history .brand_history { position:relative; background-repeat:no-repeat; background-position:center bottom; background-image:url('../img/contents/brand_history_bg.png'); background-size:100% auto; height:1413px; padding-top:680px; }
#sec_history .brand_history .bnr { }
#sec_history .brand_history .bnr.step1 { position:absolute; left:0; bottom:0; right:0; z-index:10; }
#sec_history .brand_history .bnr.step2 { position:absolute; left:0; top:0; right:0; bottom:0; z-index:11; }

#sec_history .brand_history .history { position:absolute; left:0; z-index:10; }
#sec_history .brand_history .history dt { color:#5e9114; font-weight:900; font-size:37px; line-height:1.35; margin-bottom:10px; text-align:center; }
#sec_history .brand_history .history dd { }
#sec_history .brand_history .history dd ul { }
#sec_history .brand_history .history dd ul li { display:grid; grid-template-columns:60px 1fr; font-size:20px; line-height:1.45; margin-bottom:7px; }
#sec_history .brand_history .history dd ul li p { letter-spacing:-1px; }
#sec_history .brand_history .history dd ul li .m { font-weight:700; }

#sec_history .brand_history .history.y2026 { left:287px; bottom:1670px; }
#sec_history .brand_history .history.y2025 { left:750px; bottom:1670px; }
#sec_history .brand_history .history.y2024 { left:1265px; bottom:1670px; }

#sec_history .brand_history .history.y2023 { left:1200px; bottom:855px; }
#sec_history .brand_history .history.y2022 { left:827px; bottom:855px; }
#sec_history .brand_history .history.y2021 { left:361px; bottom:855px;  }

#sec_history .brand_history .history.y2020 { left:1280px; top:1630px; }
#sec_history .brand_history .history.y2019 { left:823px; top:1630px; }
#sec_history .brand_history .history.y2018 { left:302px; top:1630px; }


.history_content { position:relative; padding-left:325px; margin-top:130px; }
.history_content h3 { position:absolute; left:35px; top:0; font-size:74px; font-weight:700; line-height:1.10; color:#242422; }
.history_content .history_list { }
.history_content .history_list > dl { display:grid; grid-template-columns:120px 1fr; margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #e3e3e3; }
.history_content .history_list dl:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.history_content .history_list dl dt,
.history_content .history_list dl dd { font-size:26px; line-height:1.35; }
.history_content .history_list dl dt { color:#6ca638; font-weight:700; }
.history_content .history_list dl dd { }
.history_content .history_list dl dd dl { display:grid; grid-template-columns:70px 1fr; gap:15px; margin-bottom:15px; }
.history_content .history_list dl dd dl dt { text-align:right; color:#242422; font-weight:400; }
.history_content .history_list dl dd dl dd { }












/* sec_location */
#sec_central_kitchen { }
#sec_central_kitchen .contents { padding-bottom:10px; }
#sec_central_kitchen h4 { margin-bottom:75px; font-size:40px; line-height:1.10; letter-spacing:-1px; }
#sec_central_kitchen h4 span { display:inline-block; background-color:#6ca638; color:#fff; padding:7px 5px 0 5px;
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

#sec_central_kitchen .sub_text { font-size:29px; line-height:1.75; color:#242422; text-align:center; margin-bottom:115px; }
#sec_central_kitchen .sub_text b { font-weight:700; }

.central_kitchen_img { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; overflow:hidden; }
.central_kitchen_img li { text-align:center; 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; }

/* sec_location */
#sec_location { }
#sec_location:after { position:absolute; left:0; right:0; bottom:0; background-color:#ededed; height:518px;  content:""; }
#sec_location .top { margin-bottom:55px; text-align:center; }
#sec_location .top h4 { font-size:40px; line-height:1.35; margin-bottom:80px; }
#sec_location .top .text { font-size:40px; line-height:1.35; margin-top:10px; }
#sec_location .loaction_map { }
#sec_location .address_info { margin-top:35px; width:100%; overflow:hidden; }
#sec_location .address_info dt,
#sec_location .address_info dd { font-size:24px; line-height:1.45; color:#242422; }
#sec_location .address_info dt { font-weight:700; float:left; }
#sec_location .address_info dd { float:right; text-align:right; }
#sec_location .address_info dd p { margin-bottom:10px; }



/* 2. 메뉴소개
* * * * * * * * * * * * * * * * * * * * * * * */
#menu .sub_top .hgroup { background-image:url('../img/contents/sub_top_img02.jpg'); }
#menu .sub_top .hgroup h3 { color:#fff;  }
#menu .sub_top .hgroup .text { color:#fff; }
#menu .contents { padding:120px 0 180px 0; z-index:10; }

#menu .contents h4 { text-align:center; font-size:48px; line-height:1.25; font-weight:400; padding-bottom:85px; color:#4f2c12; background-repeat:no-repeat; background-image:url('../img/menu/menu_tit_bg.png'); background-position:center bottom; margin-bottom:40px; }
#menu .contents .text { position:relative; font-size:48px; line-height:1.35; color:#242422; text-align:center; margin-top:65px; font-weight:700; z-index:10; }

#menu .sec { position:relative; z-index:10; }
#sec_menu1 { }
#sec_menu2 { background-color:#f3f3f5; }
#sec_menu3 { }
#sec_menu4 { background-color:#f3f3f5; }
#sec_menu3 .contents { padding-top:180px; }
#sec_menu4 .contents { padding-top:270px; }

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

#menu .container { position:relative; }
#menu .menu_sec_img { position:absolute; left:50%; display:block; background-repeat:no-repeat; background-position:center;  z-index:1;}
#menu .menu_sec_img.bgimg01 { top:590px; background-image:url('../img/menu/menu_sec_img01.png'); width:435px; height:671px; margin-left:-1025px; }
#menu .menu_sec_img.bgimg02 { top:-350px; background-image:url('../img/menu/menu_sec_img02.png'); width:626px; height:664px; margin-left:335px; }
#menu .menu_sec_img.bgimg03 { top:815px; background-image:url('../img/menu/menu_sec_img03.png'); width:680px; height:840px; margin-left:-940px; }
#menu .menu_sec_img.bgimg04 { top:-290px; background-image:url('../img/menu/menu_sec_img04.png'); width:599px; height:506px; margin-left:370px; }
#menu .menu_sec_img.bgimg05 { top:950px; background-image:url('../img/menu/menu_sec_img05.png'); width:534px; height:670px; margin-left:-940px; }
#menu .menu_sec_img.bgimg06 { top:-75px; background-image:url('../img/menu/menu_sec_img06.png'); width:789px; height:665px; margin-left:185px; }
#menu .menu_sec_img.bgimg07 { top:1065px; background-image:url('../img/menu/menu_sec_img07.png'); width:580px; height:731px; margin-left:-970px; }



/* 3. 창업정보
* * * * * * * * * * * * * * * * * * * * * * * */
section.sec h5 { font-size:48px; line-height:1.45; text-align:center; color:#4f2c12; font-weight:700; margin-bottom:95px; }

#startups { }
#startups .sub_top .hgroup { background-image:url('../img/contents/sub_top_img03.jpg'); }
#startups .contents { padding:0; }
#startups .contents h4 { text-align:center; font-size:40px; line-height:1.25; font-weight:400; color:#242422; padding-top:135px; margin-bottom:40px; }

/* 1) 라임반찬 경쟁력 */
#sec_competitiveness .contents { }
#sec_competitiveness .content { position:relative; left:50%; transform:translateX(-50%); width:1920px; }

#location_map { position:relative; background-repeat:repeat-x; background-image:url('../img/contents/location_map_bg.jpg'); background-position:center; height:980px; background-size: auto 100%; }
#location_map div { position:absolute; opacity:0; }
#location_map div.step1 .t1 { opacity:0; padding-left:50px; }
#location_map div.step1 .t2 { opacity:0; padding-left:50px; }
#location_map div.step1 .t3 { opacity:0; padding-left:50px; }
#location_map div.step1 .t4 { opacity:0; padding-left:50px; }
#location_map div.step1 .t5 { opacity:0; padding-left:50px; }

#location_map div.cover { left:0; top:0; right:0; bottom:0; background-color:rgba(64,48,43,0.9); }
#location_map div.title { left:365px; top:184px; font-size:50.33px; font-weight:700; line-height:1.19; color:#fff; }
#location_map div.text { left:0; right:0; bottom:50px; font-size:16px; font-weight:300; line-height:1.55; color:#fff; text-align:center; }

#location_map div.lc_menu1 { left:860px; top:161px; }
#location_map div.lc_menu2 { left:942px; top:161px; }
#location_map div.lc_menu3 { left:1148px; top:161px; }
#location_map div.lc_menu4 { left:1312px; top:161px; }
#location_map div.lc_menu5 { left:1452px; top:288px; }
#location_map div.lc_menu6 { left:1367px; top:525px; }
#location_map div.lc_menu7 { left:1130px; top:647px; }
#location_map div.lc_menu8 { left:860px; top:647px; }
#location_map div.lc_menu9 { left:689px; top:570px; }
#location_map div.lc_menu10 { left:860px; top:366px; }

#location_map.on div.lc_menu1 { left:820px; top:121px; opacity:1; }
#location_map.on div.lc_menu2 { left:942px; top:121px; opacity:1; }
#location_map.on div.lc_menu3 { left:1148px; top:121px; opacity:1; }
#location_map.on div.lc_menu4 { left:1352px; top:121px; opacity:1; }
#location_map.on div.lc_menu5 { left:1492px; top:288px; opacity:1; }
#location_map.on div.lc_menu6 { left:1407px; top:565px; opacity:1; }
#location_map.on div.lc_menu7 { left:1130px; top:687px; opacity:1; }
#location_map.on div.lc_menu8 { left:820px; top:687px; opacity:1; }
#location_map.on div.lc_menu9 { left:649px; top:570px; opacity:1; }
#location_map.on div.lc_menu10 { left:820px; top:366px; opacity:1; }

#location_map.on div.step1 { animation:1s ease 0s normal forwards 1 fadein; z-index:10; }
#location_map.on div.step1 .t1 { animation:1s ease 0.0s normal forwards 1 fade-left; z-index:10; padding-left:50px; }
#location_map.on div.step1 .t2 { animation:1s ease 0.3s normal forwards 1 fade-left; z-index:10; padding-left:50px; }
#location_map.on div.step1 .t3 { animation:1s ease 0.6s normal forwards 1 fade-left; z-index:10; padding-left:50px; }
#location_map.on div.step1 .t4 { animation:1s ease 0.9s normal forwards 1 fade-left; z-index:10; padding-left:50px; }
#location_map.on div.step1 .t5 { animation:1s ease 1.2s normal forwards 1 fade-left; z-index:10; padding-left:50px; }

#location_map.on div.step2 { animation:1s ease 0.5s normal forwards 1 fadein; z-index:11; }
#location_map.on div.step2b { animation:1s ease 1.7s normal forwards 1 fadein; z-index:11; }

#location_map div.step3,
#location_map div.step4,
#location_map div.step5,
#location_map div.step6,
#location_map div.step7,
#location_map div.step8,
#location_map div.step9,
#location_map div.step10,
#location_map div.step11,
#location_map div.step12 { transition-property: opacity, left, top; transition-duration: 1s, 1s, 1s; transition-delay:2.5s; z-index:12; }



@keyframes fade-left{
	from { padding-left:50px; opacity:0 }
	to { padding-left:0px; opacity:1 }
}

@keyframes fadein{
	from { opacity:0 }
	to { opacity:1 }
}

/* kitchen_system */
#kitchen_system { position:relative; }
#kitchen_system .t_copy01 { position:absolute; top:92px; left:433px; }
#kitchen_system .t_copy02 { position:absolute; top:92px; left:1130px; }
#kitchen_system .icon_car { position:absolute; top:444px; left:950px; transition: left 0.5s ease; }
/*
#kitchen_system.on .t_copy01,
#kitchen_system.on .t_copy02 {
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: 2;
}
*/
#kitchen_system .icon_car.on { left:1359px; }
#kitchen_system #target1 { position:absolute; left:0; top:-250px; right:0; display:block; height:10px; z-index:10; }

#kitchen_system .text_box_wr { position:absolute; left:320px; right:300px; bottom:55px; text-align:center; display:grid; grid-template-columns:repeat(2, 1fr); }
#kitchen_system .text_box_wr .text_box { font-size:26px; line-height:1.65; font-weight:400; color:#fff; letter-spacing:-1px; } 
#kitchen_system .text_box_wr .text_box em { color:#fff265; font-weight:700; }



/* 1-2) Central Kitchen */
#central_kitchen { }
/* title_ck */
.title_ck { position:relative; font-size:60px; line-height:1.10; color:#242422; text-align:center; padding:200px 0 50px 0; letter-spacing:-2px; }
.title_ck span.opacity_gif { font-size:73px;  color:#ec6527; font-weight:700; 
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}


/* ck_process */
.ck_process { position:relative; height:1300px; background-image:url('../img/contents/process_bg.jpg'); }
.ck_process .tit { text-align:Center; padding:70px 0 60px 0; } 

.ck_support { position:relative; left:50%; transform:translateX(-50%); width:1187px; }
.ck_support dl { position:relative; overflow:hidden; margin-bottom:22px; padding:34px; height:234px; background-color:#ffffff; }
.ck_support dl dt { float:left; font-size:40px; line-height:1.35; font-weight:700; }
.ck_support dl dd { margin-left:166px; }

.ck_support .swiper-slide { width:388px; padding-right:15px; }

#ck_support01 { width:935px; position:relative; }
#ck_support01 .swiper-slide { }



/* 2) 인테리어 */
#sec_interior { }
#sec_interior .contents h4 { color:#242422; font-size:65px; margin-bottom:80px; letter-spacing:-2px; }
#sec_interior .contents h4 b { color:#9cb439; font-size:72px; font-weight:700; }
#sec_interior .content { position:relative; left:50%; transform:translateX(-50%); width:1920px; }
#sec_interior .interior_main { position:relative; height:964px; background-repeat:no-repeat; background-position:center bottom; background-image:url('../img/contents/interior_main.jpg'); background-size:auto 100%; }
#sec_interior .interior_main .items { position:absolute; z-index:10; }
#sec_interior .interior_main .features1 { left:1080px; top:25px; }
#sec_interior .interior_main .features2 { left:1161px; top:167px; }
#sec_interior .interior_main .features3 { left:1080px; top:312px; }
#sec_interior .interior_main .interior_detail { position:absolute; left:0; right:0; bottom:129px; text-align:center;  }
#sec_interior .interior_main .interior_detail li { display:inline-block ;box-sizing:border-box; padding:0 4px; width:390px; vertical-align:bottom; transition: width 0.3s;  }
#sec_interior .interior_main .interior_detail li img { width:100%; height:auto; }
#sec_interior .interior_main .interior_detail li:hover { width:440px; }


/* interior_tab */
#interior_tabs { padding:210px 0 0 0; text-align:center; display:flex; align-items:center; justify-content:center;  }
#interior_tabs li { width:210px; height:62px; line-height:67px; margin:0 11px; font-size:29px; font-weight:700; }
#interior_tabs li a { background-color:#e3e3e3; color:#242422; display:block; border-radius:31px; height:62px; overflow:hidden; }
#interior_tabs li a.current { background-color:#9cb439; color:#fff; }

#exterior,
#interior { position:relative; }
#exterior h5.tit,
#interior h5.tit { text-align:center; font-size:40px; line-height:1.35; padding:100px 0 80px 0; font-weight:700; color:#242422; margin-bottom:0; }
#exterior .body,
#interior .body { position:relative; }
#exterior .text_box,
#interior .text_box { position:absolute; left:368px; top:174px; z-index:10; }
#exterior .text_box dt,
#interior .text_box dt { font-size:32px; line-height:1.45; color:#242422; margin-bottom:20px; font-weight:700; letter-spacing:-1px; }
#exterior .text_box dd,
#interior .text_box dd { font-size:24px; line-height:1.45; color:#242422; letter-spacing:-2px; }
#interior .text_box dt,
#interior .text_box dd { color:#fff; }

#interior .text_box { left:211px; top:466px; }
#interior .text_box2 { position:absolute; left:1060px; top:438px; font-size:25.83px; line-height:1.45; text-align:Center; color:#242422; letter-spacing:-1px; }
#interior .text_box2 em { color:#9cb439; font-weight:700; }


/* 3) 창업 절차 */
#sec_procedures { overflow:hidden; }
#sec_procedures h5 { padding-top:190px; margin-bottom:35px; font-size:40px; color:#242422; line-height:1.45; text-align:center; margin-bottom:20px; }
#sec_procedures .hgroup { margin-bottom:65px; }
#sec_procedures .hgroup h5 { margin-bottom:20px; }
#sec_procedures .hgroup .text { font-size:32px; line-height:1.45; color:#242422; text-align:center;  }

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

/* .startup_costs */
.startup_costs { }
.startup_costs h5 { }
.startup_costs .table_unit { text-align:right; font-size:18px; line-height:1.35; color:#242422; font-weight:300; margin-bottom:10px; }

.cost_table { margin-bottom:25px; }
.cost_table table { width:100%; }
.cost_table th,
.cost_table td { font-size:24px; line-height:1.3; font-weight:400; padding:17px 5px; border-bottom:2px solid #9d9d9c; border-left:2px solid #9d9d9c; vertical-align:middle; box-sizing:border-box; text-align:center; }

.cost_table thead { }
.cost_table thead th { position:relative; background-color:#9cb439; color:#fff; border-left:0; border-bottom:0; height:80px; }
.cost_table thead th:after { position:absolute; right:0; top:18px; display:block; content:""; width:2px; height:44px; background-color:#fff; }
.cost_table thead th:last-child:after { display:none; }

.cost_table tfoot th { background-color:#e1e8c3; border-left:0; }
.cost_table tfoot td { background-color:#e1e8c3; }

.cost_table tbody th { border-left:0; }
.cost_table tbody td { }

.cost_table td.price { text-align:center; }
.cost_table td.price em { color:#e63323; font-weight:700;
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}
.cost_table td.price s { color:#878787; }
.cost_table td.subject { text-align:left; padding-left:20px; }

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



/* 4) 성공 스토리 */
#sec_success_story { padding-top:70px; }
#sec_success_story .contents { width:100%; height:1428px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/sec_success_story_bg.jpg'); background-size:cover; }
#sec_success_story h3 { text-align:center; margin-bottom:65px; padding-top:134px; }

#story { position:relative; left:50%; transform:translateX(-50%); width:100vw; }
#story .swiper-slide { width:641px; width:725px; /* padding-top:62px; */ padding:65px 44px 0 44px; box-sizing:border-box; }
#story .swiper-slide.swiper-slide-active { padding:0; }
#story .swiper-slide.swiper-slide-active img { /* transform:scale(1.1); */ }
#story .swiper-slide.swiper-slide-prev { padding:65px 54px 0 34px; }
#story .swiper-slide.swiper-slide-next { padding:65px 34px 0 54px; }

#story .swiper-button-prev,
#story .swiper-button-next { position:absolute; top:20%; z-index:10; width:57px; height:57px; background-repeat:no-repeat; background-position:center; background-size:cover; margin-top:0; }
#story .swiper-button-prev:after,
#story .swiper-button-next:after { display:none; }
#story .swiper-button-prev { left:50%; background-image:url('../img/icons/ic_slide_btn_prev.png'); transform:translateX(-580%); }
#story .swiper-button-next { right:50%; background-image:url('../img/icons/ic_slide_btn_next.png'); transform:translateX(580%); }


/* 5) 창업 FAQ */
#sec_faq { background-color:#f3f3f5; }
#sec_faq .contents { padding-bottom:200px; }
#sec_faq .contents h4 { margin-bottom:65px; }

/* faq_list */
#faq_list { background-color:#fff; border-bottom:4px solid #9ab238; }
#faq_list dl { padding:10px; padding:12px 25px; border-top:4px solid #9ab238; }
#faq_list dl dt { position:relative; font-size:29px; color:#242422; line-height:1.25; font-weight:400; padding-left:50px; }
#faq_list dl dt:before { position:absolute; left:0; top:0; content:"Q."; color:#6ca638; font-weight:700; }
#faq_list dl dt .btn { position:absolute; right:-18px; top:50%; display:block; width:64px; height:64px; content:""; background-repeat:no-repeat; background-image:url('../img/icons/ic_faq_open_gr.png'); background-position:center; 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:24px; color:#242422; line-height:1.55; display:none; }
#faq_list dl dd .text_box { position:relative; padding:25px 50px 35px 88px; }
#faq_list dl dd .text_box:before { position:absolute; left:50px; top:24px; content:"A."; font-weight:700; }



/* 4. 매장안내
* * * * * * * * * * * * * * * * * * * * * * * */
#store .sub_top .hgroup { background-image:url('../img/contents/sub_top_img04.jpg'); padding-top:250px; }
#store .contents { padding-top:150px; }
#store .contents h3 { text-align:Center; font-size:48px; line-height:1.45; color:#4f2c12; margin-bottom:35px; }

.map_area { margin-bottom:60px; }
.map_area iframe { width:100%; height:410px; }
.search_area { position:relative; margin-bottom:70px; }
.search_area .fr_input { display:block; width:100%; height:68px; line-height:1.35; padding:0 120px 0 50px; box-sizing:border-box; border:2px solid #e3e3e3; border-radius:70px; font-size:21px;  }
.search_area .fr_input::placeholder { opacity:0.5; }
.search_area .btn_search { position:absolute; right:0; top:0; display:block; width:120px; height:100%; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_search.png');  border:0; cursor:pointer; }

.store_list { display:grid; grid-template-columns:repeat(3, 1fr); gap:35px; }
.store_list li { border:1px solid #e3e3e3; }
.store_list li .img { height:288px;  overflow:hidden; text-align:center; }
.store_list li .img img { width:100%; height:auto; vertical-align:middle; } 
.store_list li .info { border-top:1px solid #e3e3e3; padding:30px 20px; }
.store_list li .info dl { display:grid; grid-template-columns:80px 1fr; margin-bottom:10px; }
.store_list li .info dl:last-child { margin-bottom:0; }
.store_list li .info dt,
.store_list li .info dd { font-size:18px; line-height:1.35; color:#242422; }
.store_list li .info dd { font-weight:300; word-break:keep-all; }
.store_list li .info dd .btn_map_view { font-weight:700; color:#6ca638; }
.store_list li .info dd { }

 
 
 
/* 5. 가맹문의
* * * * * * * * * * * * * * * * * * * * * * * */
#franchis { background-color:#ededed; }
#franchis .contents { padding-top:150px; }
#franchis .hgroup { margin-bottom:60px; }
#franchis .hgroup h3 { font-size:71px; line-height:1.35; text-align:center; color:#45392f; }
#franchis .hgroup .text { font-size:35px; line-height:1.35; text-align:center; color:#45392f; }

.check_privacy { position:relative; height:97px; background-color:#fff; margin-bottom:17px; padding:22px 30px; box-sizing:border-box; }
.check_privacy label { position:relative; padding-left:50px; display:inline-block; font-size:27px; line-height:52px; cursor:pointer; }
.check_privacy label input { display:none; }
.check_privacy label span { display:block; }
.check_privacy label span:before { position:absolute; left:0; top:5px; display:block; width:36px; height:36px; background-color:#e3e3e3; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_check.png'); border-radius:35px; content:""; }
.check_privacy .btn_view_privacy { position:absolute; right:50px; top:22px; display:block; height:52px; line-height:52px; background-color:#dadada; font-size:27px; padding:0 25px; border:0; cursor:pointer; }
.check_privacy .btn_view_privacy span { display:inline-block; position:relative; padding-right:30px; }
.check_privacy .btn_view_privacy span:after { position:absolute; right:0; top:5px; display:block; width:36px; height:36px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_toggle_arrow.png'); content:""; }
.check_privacy .btn_view_privacy.show span:after { transform: rotate( 180deg ); }
.check_privacy label input:checked + span:before { background-color:#6ca638; }

#terms_box { position:relative; background-color:#d2d2d2; height:624px; margin-bottom:27px; display:none; }
#terms_box:after { position:absolute; display:block; width:34px; right:0; top:0; bottom:0; background-color:#fff; content:""; }
#terms_box .scrollbar-inner { min-height:100%; max-height:100%; }
#terms_box .text_box { padding:35px 60px 35px 20px; font-size:14px; line-height:1.3; }
#terms_box .text_box .tit { font-size:18px; line-height:1.35; font-weight:700; margin-bottom:35px; } 

#terms_box .btn { position:absolute; right:0; width:34px; height:35px; background-repeat:no-repeat; background-position:center; background-size:100% auto; z-index:9; }
#terms_box .btn.up { top:0; background-image:url('../img/contents/ic_scroll_up.png'); }
#terms_box .btn.down { bottom:0; background-image:url('../img/contents/ic_scroll_down.png'); }

#terms_box .scroll-element { right:0; top:40px; height:calc(100% - 80px); width:34px; }
#terms_box .scroll-element_track { background-color: #fff; opacity:1; }
#terms_box .scroll-bar { background-color:#706f6f; opacity:1; left:8px; width:18px; border-radius:20px; }


#franchis .content { background-color:#fff; padding:80px 64px 80px 65px; }
#franchis .content .top { margin-bottom:80px; }
#franchis .content .top h4 { display:inline-block; font-size:37px; line-height:1.35; text-align:center; color:#45392f; font-weight:700; }
#franchis .content .top .noti { position:relative; display:inline-block; font-size:20px; line-height:1.35; text-align:center; color:#45392f; margin-left:25px; padding-left:15px; }
#franchis .content .top .noti:before { position:absolute; left:0; top:8px; display:block; background-color:#e30613; width:6px; height:6px; border-radius:6px; content:""; }
#franchis .content .formbx { }
#franchis .content .formbx dl { display:grid; grid-template-columns:240px 1fr; margin-bottom:18px; }
#franchis .content .formbx dl dt,
#franchis .content .formbx dl dd { color:#45392f; }
#franchis .content .formbx dl dt { position:relative; font-size:30px; line-height:66px; padding-left:20px; }
#franchis .content .formbx dl dd { }
#franchis .content .formbx dl dd .fr_input { display:inline-block; width:300px; height:66px; border:2px solid #e3e3e3; border-radius:5px; box-sizing:border-box; vertical-align:middle; overflow:hidden; padding:0 10px; font-size:30px; }
#franchis .content .formbx dl.req dt:before { position:absolute; left:0; top:25px; display:block; background-color:#e30613; width:6px; height:6px; border-radius:6px; content:""; }
#franchis .content .formbx dl dd .ta { display:block; width:100%; height:220px; border:2px solid #e3e3e3; border-radius:5px; box-sizing:border-box; vertical-align:middle; overflow:hidden; padding:20px 10px; font-size:30px; resize:none; }
#franchis .content .formbx dl dd .at { display:inline-block; font-size:30px; vertical-align:middle; text-align:center; padding-top:15px; }
#franchis .content .formbx dl dd .select { display:inline-block; width:200px; height:66px; border:2px solid #e3e3e3; border-radius:5px; box-sizing:border-box; vertical-align:middle; overflow:hidden; padding:0 10px; font-size:30px; outline:none; cursor:pointer; background-repeat:no-repeat; background-position:right center; background-image:url('../img/icons/ic_select_ar.jpg'); }

#franchis .content .formbx dl.email dd { display:grid; grid-template-columns:300px 50px 1fr; }
#franchis .content .formbx dl dd .mail_addr { display:grid; grid-template-columns:260px 1fr; }
#franchis .content .formbx dl dd .mail_addr .fr_input { width:auto; border-radius:5px 0 0 5px; }
#franchis .content .formbx dl dd .mail_addr .select { border-left:0; border-radius:0 5px 5px 0; }

#franchis .content .formbx dl .check_store { position:relative; border:2px solid #e3e3e3; width:300px; display:grid; grid-template-columns:repeat(2, 1fr); border-radius:5px; 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 { font-size:30px; line-height:62px; 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 .tail_btns { text-align:center; margin-top:85px; }
#franchis .content .formbx .tail_btns .btn_submit { display:inline-block; background-color:#6ca638; text-align:center; width:307px; height:64px; line-height:64px; font-size:30px; color:#fff; border:0; outline:none; border-radius:5px; }





/* 약관 및 개인정보 보호 */
h4.tit { font-size:18px; line-height:1.45; margin-bottom:35px; }
.terms_content { font-size:15px; line-height:1.75; }
.terms_content h4.tit { font-size:28px; line-height:1.45; margin-bottom:80px; padding-top:0; text-shadow:1px 1px 3px #333; }



/*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}}