/* Kfood > 전주김밥 */

:root{
    --primary:#dd3861;
    --white:#fff;
    --radius-lg:2em;
}

html,body                                                           {font-size:16px;}
.jb_special.kimbap .con_inner                                       {max-width:1320px;}
/* visual Section */
.jb_special .kimbap_visual                                          {position:relative; padding-top:28%; overflow:hidden;}
.jb_special .kimbap_visual img.kimbap_bg                            {position: absolute; left:0; top:0; width:100%; height:100%;}
.jb_special .kimbap_visual img.kimbap_bg.mobile_bg                  {display:none;}
.jb_special .kimbap_visual .kimbap_bg                               {width:100%; height:100%; object-fit:cover; object-position:bottom; border-radius:0 0 200px 200px;}
.jb_special .choose_content                                         {position:absolute; top:36%; left:0; width:100%; padding:0 1.3rem; text-align:center; transform:translateY(-50%);}
.jb_special .choose_content p                                       {font-size:2.667rem; letter-spacing:-0.055em; color:#222; font-weight:700;}
.jb_special .choose_content h2                                      {font-size:3.6rem; letter-spacing:-0.055em; color:var(--primary); font-weight:700;}
.jb_special .choose_content h2 br                                   {display:none;}
/* 인트로 */
.intro                                                              {margin-top:4rem; text-align: center;}
.intro p                                                            {font-size:1.563rem; font-weight:400; letter-spacing:-0.06em; line-height:1.6; color:#8c8c8c;}
.intro p em                                                         {font-weight:700;}
.kimbap_tap_wrap li                                                 {flex:1; padding:1.3rem 0; font-size: 1.6rem; font-weight: 700; color:#222; text-align:center; letter-spacing:-0.055em;}
.kimbap_tap_wrap li a                                               {display: flex; gap:8px; justify-content:center;}
.kimbap_tap_wrap li.active                                          {background-color:var(--primary); font-weight:500; color:#fff; border-radius:2em;}
.kimbap_tab_con .list_img                                           {position: relative;}
.kimbap_tab_con .list_img .img_guide{position: absolute; right:2rem; bottom:1.5rem; z-index:100; color: rgba(255,255,255,.6); font-size:.938rem; font-weight:300;}
.kimbap_tab_con .list_img img                                       {width:100%; border:2px solid #222; border-radius:2em;}
.kfood_wrap .kimbap_tab_con .tit_wrap                               {margin:0;}
.kimbap_tab_container                                                       {margin-top:6.25rem;}
.kimbap_list_wrap .num_badge                                                {position:relative; border-radius:2em; z-index: 100; display: flex; align-items:center; width: 140px; height:45px; line-height:45px; padding-left:45px; overflow:hidden; background-color:#4f4f4f; color:#fff; font-size:1.625rem; font-family: 'YeogiOttaeJalnanGothic'; border:2px solid #222;}
.kimbap_list_wrap .num_badge.mb                                             {margin-bottom:.5rem;}
.kimbap_list_wrap .num_badge.absolute                                       {position: absolute; bottom:-22px; left:2rem;}
.kimbap_list_wrap .num_badge::after                                         {content:''; width:45px; height:45px; position:absolute; right:0; top:50%; transform:translateY(-50%); background-image:url('/resources/jns-img/special/kimbap/img_kimbap.png'); background-size:cover; background-repeat:no-repeat;}
.kimbap_tab_con                                                                        {display:none; flex-direction:column;}
.kimbap_tab_con.con1                                                                   {gap:6.25rem 0;}
.kimbap_tab_con.active                                                                 {display: flex;}
.kimbap_tab_con  .kimbap_list_wrap .list                                               {padding:0 2rem;}
.kimbap_tab_con  .kimbap_list_wrap .list.flex                                          {gap:0 2rem; margin-top:3rem; align-items:center;}
.kimbap_tab_con  .kimbap_list_wrap .tit_wrap .title                                    {font-size:2.375rem; font-weight:700; color:var(--primary); letter-spacing:-0.075em;}
.kimbap_tab_con  .kimbap_list_wrap .tit_wrap .sub_tit                                  {margin-top:0.2rem; font-size:1.625rem; font-weight:400; font-family:"Outfit", sans-serif; color:#222222; letter-spacing:-0.02em;}
.kimbap_tab_con  .kimbap_list_wrap .list .tit_wrap                                     {width:calc(35% - 1rem); text-align:left;}
.kimbap_tab_con  .kimbap_list_wrap .list p.list_con                                    {width:calc(65% - 1rem); font-size:1.313rem; line-height:1.6; letter-spacing:-0.055em; word-break:keep-all;}
.kimbap_tab_con .kimbap_list_wrap.full .list.flex                                      {justify-content:center;}
.kimbap_tab_con .kimbap_list_wrap.full .list .tit_wrap                                 {width:100%; text-align:center;}
.kimbap_tab_con .kimbap_list_wrap.full .list p.list_con                                {width:100%; margin-top:1.375rem; text-align:center; letter-spacing: -0.055em;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout                                       {display: flex; flex-wrap:wrap; gap:5.125rem 1.25rem; margin-top:2rem;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li                                    {width: calc((100% - 2.5rem) / 3);}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap                          {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:45px 0; border-radius:2.5em; border:2px solid #222}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap .tit_badge               {position:absolute; top:-28px; left:50%; transform:translateX(-50%); display:flex; justify-content: center; align-items: center; width:80%; max-width:380px; height:56px;  text-align:center; letter-spacing:-0.055em; font-weight:700; color:#fff; border:2px solid #222; border-radius:2.5em;  background-color:var(--primary);}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap .check_list              {display: flex; flex-direction: column; gap:8px 0; text-align: center; font-weight:700; color:#fff;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap .check_list.left         {text-align:left;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap.bgc1                     {background-color:#fff6cf;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap.bgc2                     {background-color:#ffebd0;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap                          {padding:0 1rem;text-align:center; margin-top:1.4rem; letter-spacing: -0.055em;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap em                       {font-size:1.625rem; font-weight:700; color:var(--primary);}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap p                        {margin-top:.4rem; font-size:1.313rem; font-weight:400; color:#222;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout.two                                   {gap:0 1rem; margin-top:4.375rem;}
.kimbap_tab_con .kimbap_list_wrap ul.list_layout.two li                                {width: calc((100% - 1rem) / 2);}
.kimbap_list_wrap ul.list_layout.two li .img_wrap                                      {padding:90px 0; font-size: 1.5rem; letter-spacing:-0.055em;}
.kimbap_list_wrap .bg                                                                  {background-repeat:no-repeat; background-size:cover; background-position:center;}
.kimbap_list_wrap .banner_bg                                                           {position:relative; display:flex; flex-direction:column; align-items:center; gap:2.188rem 0; margin-top:1.75rem; padding:4rem 0 13.125rem; background-color:#fff6cf; border-radius:2.5em; border:2px solid #222; overflow:hidden;}
.kimbap_list_wrap .banner_bg::after{content:''; width:100%; height:300px; position:absolute; bottom:0; left:0; background-image:url('/resources/jns-img/special/kimbap/img_banner_bg.png'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.kimbap_list_wrap .banner_bg .bn_tit                                                   {position:relative; display:flex; align-items: center; flex-direction:column; gap:2rem; padding-top:1.875rem; border-top:1px solid #222;}
.kimbap_list_wrap .banner_bg p                                                         {font-size:1.5rem; text-align:center; font-weight:400; letter-spacing:-0.055em; line-height:1.6;}
.kimbap_list_wrap .banner_bg p em                                                      {font-size:1.75rem; font-weight:700;}
.kimbap_list_wrap .banner_bg .link_wrap                                                {gap:10px; margin-top:0; justify-content: center;}
.kimbap_list_wrap .banner_bg .link_wrap a                                              {display:block; width: calc((100% - 40px)/5); padding:1.25rem 0; font-size:1.313rem; font-weight:400; text-align:center; color:#222; letter-spacing:-0.055em; background-color:var(--white); border:1px solid #222; border-radius: var(--radius-lg);}
.kimbap_list_wrap .banner_bg .link_wrap a:hover                                        {transition: color .3s; color:var(--primary); border-color:var(--primary);}
.kimbap_list_wrap .banner_bg .bn_tit::after                                            {content:''; width:30px; height:41px; position:absolute; top:-24px; left:50%; transform:translateX(-50%); background-image:url('/resources/jns-img/special/kimbap/img_kimbap.png'); background-size:cover; background-repeat:no-repeat;}


@media all and (max-width:1400px){
    .kimbap_tab_con .kimbap_list_wrap .list p.list_con br       {display:none;}
}
@media all and (max-width:1300px){
    .kimbap_tab_con .kimbap_list_wrap .list                     {padding:0;}
    .kimbap_tap_wrap li                                         {padding:1rem 0; font-size: 1.3rem;}
    .kimbap_tap_wrap li img                                     {width:25px; height:34px;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .title          {font-size:2.2rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .sub_tit        {font-size:1.4rem;}
    .kimbap_tab_con.con1                                        {gap:80px;}
    .kimbap_list_wrap .num_badge                                {font-size:1.5rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap em    {font-size:1.5rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap p     {font-size:1.3rem;}
    .kimbap_list_wrap .banner_bg p                                      {font-size:1.4rem;}
    .kimbap_list_wrap .banner_bg p em                                   {font-size: 1.5rem;}
}
@media all and (max-width:1200px){
    .jb_special .kimbap_visual                                  {padding-top:40%;}
}
@media all and (max-width:1024px){
    /* visual Section */
    .jb_special .kimbap_visual                                  {height: 450px; padding-top:unset;}
    .jb_special .choose_content                                 {top:38%;}
    .jb_special .choose_content h2                              {font-size:3rem; text-shadow: 0 0 30px white;}
    .jb_special .choose_content p                               {font-size:2.4rem;}
    .jb_special .kimbap_visual .kimbap_bg                       {border-radius:0 0 160px 160px;}

    .kimbap_tap_wrap .tab_mobile                                {display:block;}
    .kimbap_tap_wrap .tab_pc                                    {display:none;}
    .kimbap_tab_container                                       {margin-top:2.2rem;}
    .kimbap_tap_wrap li                                         {padding:.8rem 0; font-size:1.2rem;}
    .kimbap_tab_con .kimbap_list_wrap .list .tit_wrap           {width:100%;}
    .kimbap_tab_con .kimbap_list_wrap.full .list p.list_con     {margin-top:1.6rem;}
    .kimbap_tab_con .kimbap_list_wrap .list p.list_con          {width:100%; margin-top:1rem; font-size:1.1rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .title          {font-size:1.8rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .title br       {display:none;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .sub_tit        {font-size:1.3rem;}
    .kimbap_tab_con.con1                                        {gap:60px;}
    .kimbap_list_wrap .num_badge                                {width:120px; padding-left:35px; font-size:1.3rem; border:1px solid #222;}
    .kimbap_tab_con .kimbap_list_wrap .list.flex                {margin-top:2.2rem;}
    .kimbap_tab_con .list_img img                               {border:1px solid #222; border-radius:1em 1em 1em 0;}
    .kimbap_list_wrap .num_badge.absolute                       {left:0;}
    .kimbap_list_wrap .num_badge.absolute.lg                        {width:160px; padding-left:36px; left:50%;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout                {gap:4rem 1.25rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap   {border:1px solid #222; border-radius:1em;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout.two            {margin-top:3.6rem;}
    .kimbap_list_wrap ul.list_layout.two li .img_wrap               {font-size:1.4rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap .tit_badge    {top:-22px; height:45px; line-height:45px; padding:0 1rem; border:1px solid #222;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap               {margin-top:1.2rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap em            {font-size:1.4rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap p             {font-size:1.2rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap p br          {display:none;}

    .kimbap_list_wrap .banner_bg                                                {margin-top:1.4rem; padding:4rem 2rem 11rem; border-radius: 1em;}
    .kimbap_list_wrap .banner_bg::after                                         {height:221px;}
    .kimbap_list_wrap .banner_bg p                                              {font-size:1.3rem;}
    .kimbap_list_wrap .banner_bg p em                                           {font-size: 1.4rem;}
    .kimbap_list_wrap .banner_bg .link_wrap                                     {max-width:none;}
    .kimbap_list_wrap .banner_bg .link_wrap a                                   {padding:1rem 0; font-size:1.2rem;}
    .kimbap_tap_wrap li img                                                     {width:20px; height:27px;}
    .kimbap_tab_con .list_img .img_guide                                        {bottom:1rem; right:1rem; font-size:.8rem; color:rgba(255,255,255,.8);}
    .kimbap_tab_con .food_type                                                  {margin-top: 4.25rem;}
    .kimbap_tab_con .food_type .food_img_con                                    {margin-top:3rem;}
    .kimbap_tab_con .food_type .food_img_con img                                {border-radius:1em;}
}
@media all and (max-width:900px){
    .jb_special .kimbap_visual img.kimbap_bg.pc_bg                      {display:none;}
    .jb_special .kimbap_visual img.kimbap_bg.mobile_bg                  {display: block;}
    .jb_special .choose_content img                                     {width:30%;}
    .jb_special .choose_content h2 br                                   {display:block;}
    .jb_special .choose_content                                         {top:50%;}
}
@media all and (max-width:768px){

    /* visual Section */
    .jb_special .kimbap_visual               {height:380px;}
    .jb_special .kimbap_visual .kimbap_bg     {border-radius: 0 0 120px 120px;}
    .jb_special .choose_content h2          {font-size:2.4rem;}
    .jb_special .choose_content p           {font-size:2rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .title              {font-size:1.6rem;}
    .kimbap_tab_container                                           {margin-top:1.8rem;}
    .kimbap_list_wrap .num_badge                                    {width:106px; height:40px; padding-left:30px; line-height:40px; font-size:1.2rem;}
    .kimbap_list_wrap .num_badge::after                             {width:40px; height:40px;}
    .kimbap_tab_con .kimbap_list_wrap.full .list p.list_con         {margin-top:1.3rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout                {gap:3rem 1rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout.two            {flex-direction:column; gap:3rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout.two li         {width:100%;}
    .kimbap_list_wrap ul.list_layout.two li .img_wrap               {padding:60px 0; font-size:1.3rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li                 {gap:2rem 1rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap       {margin-top:1.1rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap p     {font-size:1.1rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap em    {font-size:1.3rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li                 {width:calc((100% - 1rem) / 2);}
    .kimbap_tab_con.con1                                                {gap:50px;}
    .kimbap_list_wrap .banner_bg                                        {margin-top:1.3rem; padding:4rem 2rem 10rem;}
    .kimbap_list_wrap .banner_bg::after                                 {height:165px;}
    .kimbap_list_wrap .banner_bg p br                                   {display:none;}
    .kimbap_list_wrap .banner_bg p br.m_display                         {display:block;}
    .kimbap_list_wrap .banner_bg p                                      {font-size:1.2rem;}
    .kimbap_list_wrap .banner_bg p em                                   {font-size: 1.3rem;}
}
@media all and (max-width:600px){
    .jb_special .choose_content img                                     {width:24%;}
    .kimbap_tab_con.con1                                                {gap:30px;}
    .kimbap_list_wrap ul.list_layout.two li .img_wrap                   {padding:50px 0 40px; font-size:1.1rem;}
    .kimbap_list_wrap .num_badge.absolute                               {bottom:-16px;}
    .kimbap_list_wrap .num_badge.absolute.lg                            {width:140px; padding-left:30px;}
    .kimbap_list_wrap .num_badge                                        {width:80px; height:30px; line-height:30px; padding-left:20px; font-size:1.1rem;}
    .kimbap_list_wrap .num_badge::after                                 {width:30px; height:30px;}
    .kimbap_tab_con .kimbap_list_wrap.full .list p.list_con             {display:none; margin-top:.4rem;}
    .kimbap_tab_con.unique_con .kimbap_list_wrap.full .list p.list_con  {display:block; margin-top:.4rem; font-size:1.067rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .title                  {font-size: 1.4rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .sub_tit                {font-size:1.2rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .sub_tit br             {display:none;}
    .kimbap_tab_con .kimbap_list_wrap .list.flex                        {margin-top:1.2rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout                    {margin-top:1rem; gap:1rem .8rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li                 {width:calc((100% - .8rem) / 2);}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout.two                {margin-top:2.4rem; gap:2.4rem;}
    .kimbap_tab_con .kimbap_list_wrap .list p.list_con                  {margin-top:.5rem; font-size:.938rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap       {margin-top:.3rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap em    {font-size:1.2rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap p     {margin-top:.2rem; font-size:.938rem; line-height:1.4;}
    .kimbap_tap_wrap li                                                 {padding:.5rem 0;}
    .kimbap_list_wrap .banner_bg                                        {margin-top:1rem; padding:2rem 1.6rem 8rem; gap:1.188rem 0;}
    .kimbap_list_wrap .banner_bg::after                                 {height:129px;}
    .kimbap_list_wrap .banner_bg .link_wrap                             {width:100%; gap:6px;}
    .kimbap_list_wrap .banner_bg .link_wrap a                           {width:calc((100% - 6px)/2); font-size:.938rem; padding:.6rem 0;}
    .kimbap_list_wrap .banner_bg .bn_tit                                {gap:1rem; padding-top:1rem;}
    .kimbap_list_wrap .banner_bg p                                      {font-size:.938rem;}
    .kimbap_list_wrap .banner_bg p em                                   {font-size: 1rem;}
    .kimbap_list_wrap .banner_bg .bn_tit::after                         {width:20px; height:27px; top:-16px;}
    .kimbap_tab_con .food_type                                          {margin-top: 1.875rem;}
    .kimbap_tab_con .food_type .food_img_con                            {margin-top:2rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout.type .img_wrap         {padding:20px 0;}
    .kimbap_list_wrap ul.list_layout.type .img_wrap img                     {width:100px;}
    .kimbap_tab_con .list_img .img_guide                                    {bottom:.5rem; right:.5rem; font-size:.625rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .img_wrap .tit_badge    {top:-30px;}
}

@media all and (max-width:480px){
    .kimbap_tap_wrap li                                                 {font-size:1rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .title                  {font-size:1.3rem;}
    .kimbap_tab_con .kimbap_list_wrap .tit_wrap .sub_tit                {margin-top:0; font-size:1.1rem;}
    .kimbap_tab_con .kimbap_list_wrap ul.list_layout li .con_wrap em    {font-size:1.13rem;}
    .jb_special .kimbap_visual img.kimbap_bg                            {object-position: 15%;}
    .kimbap_list_wrap .banner_bg                                        {padding:2rem 1.6rem 4rem;}
    .kimbap_list_wrap .banner_bg::after                                 {height:103px;}
    .kimbap_list_wrap ul.list_layout.two li .img_wrap                   {padding:40px 0 25px; font-size:1rem;}
}
@media all and (max-width:468px){
    /* visual Section */
    .jb_special .kimbap_visual                                          {height:220px;}
    .jb_special .choose_content h2                                      {font-size:1.8rem;}
    .jb_special .choose_content p                                       {font-size:1.6rem;}
    .jb_special .kimbap_visual .kimbap_bg                               {border-radius: 0 0 60px 60px;}
}