/*와이드*/#contents { width: 100%; padding: unset;} .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail, .btm_team.team_marg { width: 940px; margin: 0 auto;} .klocalfood33_ver2 { margin: 0 auto; max-width: 1920px; overflow: hidden;} .klocalfood33_ver2{ background: url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=50c909d4-3467-4f84-90b3-890c927f3c31) 50% 0; background-position: top; background-size: auto; background-repeat: no-repeat;} .klocalfood33_ver2 .section .inr{ max-width: 940px; margin: 0 auto; position: relative; text-align: center;} .klocalfood33_ver2 .sec02 .inr{ background-color: #5e381a; text-align: center; padding: 3% 0; border-radius: 40px;} .klocalfood33_ver2 .tab_menu div{ display: inline-block; width: 120px; padding: 5px 0; margin: 0.5% 1%; background-color: #c1996b; border-radius: 20px; text-align: center; vertical-align: middle;} .klocalfood33_ver2 .food_contents .contents{ margin: 0px 67px; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; gap: 25px 25px; justify-content: flex-start;} .klocalfood33_ver2 .JUL .food_contents .contents{ justify-content: center !important;} .klocalfood33_ver2 .AUG .food_contents .contents{ justify-content: center !important;} .klocalfood33_ver2 .sec02 .inr .tab_menu .off { background-color: #c1996b;} .klocalfood33_ver2 .sec02 .inr .tab_menu .on { background-color: #e53212 !important;} .klocalfood33_ver2 .food_contents > div {display:none;} .klocalfood33_ver2 .food_contents > div.on {display:inline-block;} @media screen and (max-width: 1023px) { #contents { width: auto;} .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail, .btm_team.team_marg { width: 100%; PADDING: 2% 2%;} .klocalfood33_ver2 .section .inr { max-width: NONE; WIDTH: 100%;} .klocalfood33_ver2 img {width:100%;} .klocalfood33_ver2 .tab_menu div { width: 13%; border-radius: 10px; margin: 1% 1%;} .klocalfood33_ver2 .tab_menu div img { width: 50%;} .klocalfood33_ver2 .food_contents .contents { margin: 2% 3%; gap: 10px 10px;} .klocalfood33_ver2 .food_contents .contents .con_box{ width: 48%;} } $(document).ready(function() { $('.klocalfood33_ver2 .food_contents > div.on').show(); $('.klocalfood33_ver2 .tab_menu div').click(function() { $('.tab_menu div').removeClass('on'); $(this).addClass('on'); $('.klocalfood33_ver2 .food_contents > div').removeClass('on').hide(); const selectedClass = $(this).attr('id'); $('.klocalfood33_ver2 .food_contents .' + selectedClass).addClass('on').show(); }); });