@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap'); :root { --orange: #FB8D27; --blue:#3471EC; --green: #00B762; --m-color:#7401B8; } /* main color */ .c_orange {color:var(--orange) !important;} .c_blue {color:var(--blue) !important;} .c_green {color: var(--green) !important;} /* title */ .kfood_wrap.sports .title.lg::before {content:'K-Sports';} /* K-sports 탭 */ .sports_tab_wrap {display:flex; justify-content:center; gap:0 8px; margin-top:24px;} .sports_tab_wrap {display:flex; border:1px solid #e6e6e6; border-radius:12px;} .sports_tab_wrap li {width:calc(100% / 3); padding:24px 0; font-size:1.467rem; font-weight:500; color:#464646; text-align:center; position:relative; cursor:pointer; color:#464646; text-align: left;} .sports_tab_wrap li:after {display:inline-block; position:absolute; top:50%; right:0; transform: translateY(-50%); width:1px; height:80%; background:#e6e6e6; content:'';} .sports_tab_wrap li.active:after {display:none;} .sports_tab_wrap li.br_none:after {display:none;} .sports_tab_wrap li:last-of-type:after {display:none;} .sports_tab_wrap li a {width:100%; display:flex; gap:.2rem 1rem; align-items:center; justify-content:center; text-align: left; line-height:1.3;} .sports_tab_wrap li a .cate {padding:0 1em; height:32px; text-align:center; line-height:32px; font-size:1.067rem; border-radius:16px;} .sports_tab_wrap li:nth-of-type(1) .cate {background-color:var(--orange); color:#fff;} .sports_tab_wrap li:nth-of-type(2) .cate {background-color:var(--blue); color:#fff;} .sports_tab_wrap li:nth-of-type(3) .cate {background-color:var(--green); color:#fff;} .sports_tab_wrap li.active {border-radius:12px; background:var(--orange);} .sports_tab_wrap li.try.active {background-color:var(--blue);} .sports_tab_wrap li.play.active {background-color:var(--green);} .sports_tab_wrap li.active.story a .cate {color:var(--orange); background-color:#fff;} .sports_tab_wrap li.active.try a .cate {color:var(--blue); background-color:#fff;} .sports_tab_wrap li.active.play a .cate {color:var(--green); background-color:#fff;} .sports_tab_wrap li.active a {color:#fff; font-weight:700;} .sports_tab_container {letter-spacing:-0.03em;} .sports_tab_container > .sports_tab_con {display:none;} .sports_tab_container > .sports_tab_con.active {display:block;} .ksports_inner {max-width:1300px; width:92%; margin:0 auto; word-break:break-all;} .ksports_inner .jeonju_archery { background: #ffffff; width: 100%; min-height: 100vh; position: relative; padding: 6.1875rem 0 0 0; } .ksports_inner .jeonju_archery_title_section { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 6.25rem; position: relative; } .ksports_inner .jeonju_archery_badge { background: var(--orange); color:#fff; border-radius: 5.75rem; padding: 0.5rem 1.75rem; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.5rem; line-height: normal; letter-spacing: -0.01em; margin-bottom: 1.3rem; } .ksports_inner .jeonju_archery_badge.green { background: var(--green);} .ksports_inner .jeonju_archery_badge.blue { background: var(--blue);} .ksports_inner .jeonju_archery_title_content { display: flex; flex-direction: column; gap: 0.625rem; align-items: center; } .ksports_inner .jeonju_archery_main_title { font-weight: 700; font-size: 3.25rem; line-height: 1.2; color: #fb8d27; letter-spacing: -0.03em; margin: 0; white-space: pre-wrap; } .ksports_inner .jeonju_archery_sub_title { font-weight: 500; font-size: 2rem; line-height: normal; color: #111111; letter-spacing: -0.03em; margin: 0; white-space: pre-wrap; } .ksports_inner .jeonju_archery_intro_text { font-weight: 400; font-size: 1.25rem; line-height: 1.6; color: #111111; letter-spacing: -0.03em; margin: 0; } .ksports_inner .jeonju_archery_intro_text p { margin: 0; white-space: nowrap; } .ksports_inner .jeonju_archery_section_01 { width: 100%; display: flex; justify-content: center; margin-bottom: 6.25rem; } .ksports_inner .jeonju_archery_section_02 { width: 100%; display: flex; justify-content: center; margin-bottom: 6.25rem; } .ksports_inner .jeonju_archery_section_03 { width: 100%; display: flex; justify-content: center; margin-bottom: 6.25rem; } .ksports_inner .jeonju_archery_content_wrapper { width: 81.25rem; max-width: 100%; display: flex; flex-direction: column; } .ksports_inner .jeonju_archery_section_01 .jeonju_archery_content_wrapper { gap: 3.75rem; } .ksports_inner .jeonju_archery_section_02 .jeonju_archery_content_wrapper { gap: 2.5rem; } .ksports_inner .jeonju_archery_section_03 .jeonju_archery_content_wrapper { gap: 2.5rem; } .ksports_inner .jeonju_archery_component { display: flex; flex-direction: column; align-items: center; } .ksports_inner .jeonju_archery_section_01 .jeonju_archery_component { gap: 2.5rem; } .ksports_inner .jeonju_archery_section_02 .jeonju_archery_component { gap: 1rem; } .ksports_inner .jeonju_archery_section_02 .jeonju_archery_component:last-child { gap: 2.5rem; } .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component { gap: 1rem; } .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component.list_gap { gap: 2.5rem; } .ksports_inner .jeonju_archery_section_header { display: flex; flex-wrap:wrap; gap: 0.625rem; align-items: center; justify-content: center; } .ksports_inner .jeonju_archery_badge_sm { margin-top:.1em; background: #ffffff; border: 1px solid #fb8d27; border-radius: 5.75rem; padding: 0.25rem 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.25rem; line-height: normal; color: #fb8d27; letter-spacing: -0.01em; flex-shrink: 0; } .ksports_inner .jeonju_archery_badge_sm.green { color: var(--green); border: 1px solid var(--green); } .ksports_inner .jeonju_archery_badge_sm.blue { color: var(--blue); border: 1px solid var(--blue); } .ksports_inner .jeonju_archery_section_title { font-weight: 700; font-size: 2rem; line-height: normal; color: #fb8d27; letter-spacing: -0.03em; margin: 0; text-align: center; flex-shrink: 0; } .ksports_inner .jeonju_archery_image_container_large { width: 81.25rem; height: 33.75rem; position: relative; } .ksports_inner .jeonju_archery_image { width: 100%; height: 100%; border-radius: 1.25rem; overflow: hidden; object-fit: cover; } .ksports_inner .jeonju_archery_image_row { width: 100%; display: flex; justify-content: space-between; gap: 1.25rem;} .ksports_inner .jeonju_archery_image_large_left { width: 53.75rem; height: 25rem; position: relative; } .ksports_inner .jeonju_archery_image_small_right { width: 26.25rem; height: 25rem; position: relative; overflow: hidden; } .ksports_inner .jeonju_archery_image_small_left { width: 26.25rem; height: 25rem; position: relative; } .ksports_inner .jeonju_archery_image_large_right { width: 53.75rem; height: 25rem; position: relative; } .ksports_inner .jeonju_archery_image_caption { position: absolute; bottom: 2.4375rem; right: 3.5625rem; font-weight: 400; font-size: 1rem; line-height: normal; color: #ffffff; letter-spacing: -0.03em; text-align: center; margin: 0; } .ksports_inner .jeonju_archery_text_content { width: 75rem; font-weight: 400; font-size: 1.22rem; line-height: 1.6; color: #111111; letter-spacing: -0.03em; text-align: center; } .ksports_inner .jeonju_archery_text_content_wide { width: 81.25rem; } .ksports_inner .jeonju_archery_text_content p { margin: 0; } .ksports_inner .jeonju_archery_text_content strong { font-weight: 700; } .ksports_inner .jeonju_archery_image_grid { width: 100%; display: flex; justify-content: space-between; gap:1.25rem;} .ksports_inner .jeonju_archery_card { flex: 1; max-width: 26.25rem; } .ksports_inner .jeonju_archery_card_image { width: 26.25rem; height: 22.5rem; position: relative; } .ksports_inner .jeonju_archery_tag { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #fb8d27; border-radius: 0.75rem 0.75rem 0 0; padding: 0.5rem 1.75rem; font-weight: 400; font-size: 1.125rem; line-height: normal; color: #ffffff; letter-spacing: -0.03em; text-align: center; min-width: max-content; } .ksports_inner .jeonju_archery_location_box { width:100%; background: #f5f5f5; border-radius: 0.75rem; padding: 1.25rem 5rem; display: flex; flex-wrap:wrap; gap:.4rem 1.25rem; align-items: center; justify-content: center; } .ksports_inner .jeonju_archery_location_item { display: flex; gap: 0.375rem; align-items: center;} .ksports_inner .jeonju_archery_location_item p { position:relative; display:flex; flex-wrap:wrap; gap:0 .3rem; padding-left:.6rem; line-height: 1.4; font-weight: 400; font-size: 1.125rem; color: #111111; letter-spacing: -0.03em; margin: 0; } .ksports_inner .jeonju_archery_location_item p::before {position:absolute; left:0; top:50%; transform: translateY(-50%); width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #111111; flex-shrink: 0; content:'';} .ksports_inner .jeonju_archery_location_item p a {text-decoration: underline;} .ksports_inner .jeonju_archery_location_item p strong { font-weight: 700; } @media (max-width:1300px){ .sports_tab_wrap li {font-size:1.3rem;} .sports_tab_wrap li a {flex-direction:column; gap:0.5rem;} .sports_tab_wrap li a .cate {font-size:1rem;} } @media (max-width: 1024px) { .ksports_inner .jeonju_archery_title_section, .ksports_inner .jeonju_archery_section_01, .ksports_inner .jeonju_archery_section_02, .ksports_inner .jeonju_archery_section_03 {margin-bottom:4rem;} .ksports_inner .jeonju_archery { padding: 4rem 0 0 0; } .ksports_inner .jeonju_archery_badge { font-size: 1.25rem; padding: 0.375rem 1.5rem; margin-bottom: 1rem; } .ksports_inner .jeonju_archery_main_title { font-size: 2.5rem; } .ksports_inner .jeonju_archery_sub_title { font-size: 1.5rem; } .ksports_inner .jeonju_archery_intro_text { font-size: 1rem; padding: 0 1.25rem; } .ksports_inner .jeonju_archery_intro_text br {display:none;} .ksports_inner .jeonju_archery_intro_text p { white-space: normal; } .ksports_inner .jeonju_archery_content_wrapper { width: 95%; } .ksports_inner .jeonju_archery_section_title {font-size:1.8rem;} .ksports_inner .jeonju_archery_section_01 .jeonju_archery_content_wrapper { gap: 3rem; } .ksports_inner .jeonju_archery_section_02 .jeonju_archery_content_wrapper, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_content_wrapper, .ksports_inner .jeonju_archery_section_01 .jeonju_archery_component, .ksports_inner .jeonju_archery_section_02 .jeonju_archery_component:last-child, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component:last-child, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component.list_gap { gap: 2rem; } .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component { gap: .6rem; } .ksports_inner .jeonju_archery_badge_sm { font-size: 1rem; padding: 0.25rem 0.875rem; } .ksports_inner .ksports_inner .jeonju_archery_section_title { font-size: 1.5rem; } .ksports_inner .jeonju_archery_image {border-radius:.8rem;} .ksports_inner .jeonju_archery_image_container_large { width: 100%; height: 25rem; } .ksports_inner .jeonju_archery_image_large_left { width: 66%; height: 20rem; } .ksports_inner .jeonju_archery_image_small_right { width: 32.3%; height: 20rem; } .ksports_inner .jeonju_archery_image_small_left { width: 32.3%; height: 20rem; } .ksports_inner .jeonju_archery_image_large_right { width: 66%; height: 20rem; } .ksports_inner .jeonju_archery_text_content { width: 95%; font-size: 1rem; } .ksports_inner .jeonju_archery_text_content p br {display:none;} .ksports_inner .jeonju_archery_text_content_wide { width: 95%; } .ksports_inner .jeonju_archery_card_image { width: 100%; height: 18rem; } .ksports_inner .jeonju_archery_tag { font-size: 0.875rem; padding: 0.375rem 1.25rem; } .ksports_inner .jeonju_archery_location_box { width: 100%; padding: 1rem 2.5rem; flex-direction: column; gap: 0.4rem; } .ksports_inner .jeonju_archery_location_item p { font-size: 0.875rem; } } @media (max-width: 768px) { .ksports_inner .jeonju_archery_title_section, .ksports_inner .jeonju_archery_section_01, .ksports_inner .jeonju_archery_section_02, .ksports_inner .jeonju_archery_section_03 {margin-bottom:3rem;} /* tab */ .sports_tab_wrap li a {font-size:0; gap:0;} .sports_tab_wrap li a br {display:none;} .sports_tab_wrap li a .cate {width:100%; border-radius:0;} .sports_tab_wrap {gap:0; border-radius:0;} .sports_tab_wrap li {width:100%; padding:0; border-right:1px solid #e6e6e6;} .sports_tab_wrap li:last-of-type {border-right:none;} .sports_tab_wrap li:after {display:none;} .sports_tab_wrap li.active.story a .cate {color:#fff; background-color:var(--orange);} .sports_tab_wrap li.active.try a .cate {color:#fff; background-color:var(--blue);} .sports_tab_wrap li.active.play a .cate {color:#fff; background-color:var(--green);} .sports_tab_wrap li:nth-of-type(1) .cate {color:var(--orange); background-color:#fff;} .sports_tab_wrap li:nth-of-type(2) .cate {color:var(--blue); background-color:#fff;} .sports_tab_wrap li:nth-of-type(3) .cate {color: var(--green); background-color:#fff;} .ksports_inner .jeonju_archery { padding: 3rem 0 0 0; } .ksports_inner .jeonju_archery_badge { font-size: 1.125rem; padding: 0.375rem 1.25rem; margin-bottom: .2rem; } .ksports_inner .jeonju_archery_main_title { font-size: 2rem; } .ksports_inner .jeonju_archery_sub_title { font-size: 1.25rem; } .ksports_inner .jeonju_archery_intro_text { font-size: 0.9375rem; } .ksports_inner .jeonju_archery_section_header { flex-direction: column; gap: 0.1rem; } .ksports_inner .jeonju_archery_badge_sm { font-size: 0.9375rem; } .ksports_inner .jeonju_archery_section_title { font-size: 1.25rem; } .ksports_inner .jeonju_archery_image_container_large { height: 18rem; } .ksports_inner .jeonju_archery_image_row { flex-direction: column; gap: 1rem;} .ksports_inner .jeonju_archery_image_large_left, .ksports_inner .jeonju_archery_image_small_right, .ksports_inner .jeonju_archery_image_small_left, .ksports_inner .jeonju_archery_image_large_right { width: 100%; height: 15rem; } .ksports_inner .jeonju_archery_text_content { font-size: 0.9375rem; } .ksports_inner .jeonju_archery_image_grid { flex-direction: column; gap: 1rem; } .ksports_inner .jeonju_archery_card { max-width: 100%; } .ksports_inner .jeonju_archery_card_image { height: 15rem; } .ksports_inner .jeonju_archery_tag { font-size: 0.875rem; padding: 0.375rem 1rem; } .ksports_inner .jeonju_archery_location_box { padding: 1rem 1.25rem; gap:.3rem; align-items: flex-start;} .ksports_inner .jeonju_archery_location_item p { font-size: 0.875rem; } .ksports_inner .jeonju_archery_section_01 .jeonju_archery_content_wrapper {gap:2.4rem;} .ksports_inner .jeonju_archery_section_01 .jeonju_archery_component, .ksports_inner .jeonju_archery_section_02 .jeonju_archery_component:last-child, .ksports_inner .jeonju_archery_section_02 .jeonju_archery_content_wrapper, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_content_wrapper, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component.list_gap {gap:1.4rem;} } @media (max-width: 480px) { .season_wrap .tit.sports {background-image: url('/images/visitjj/contents/k-culture/k-sports/img_sports_banner_m.jpg') !important;} .ksports_inner .jeonju_archery_title_section, .ksports_inner .jeonju_archery_section_01, .ksports_inner .jeonju_archery_section_02, .ksports_inner .jeonju_archery_section_03 {margin-bottom:2rem;} .ksports_inner .jeonju_archery { padding: 2rem 0 0 0; } .ksports_inner .jeonju_archery_badge { font-size: 1rem; padding: 0.375rem 1rem;} .ksports_inner .jeonju_archery_main_title { font-size: 1.5rem; padding: 0 1rem; } .ksports_inner .jeonju_archery_sub_title { display:flex; flex-direction: column; font-size: 1.125rem; padding: 0 1rem; } .ksports_inner .jeonju_archery_intro_text { font-size: 0.9rem; } .ksports_inner .jeonju_archery_badge_sm { font-size: 0.875rem; padding: 0.25rem 0.75rem; } .ksports_inner .jeonju_archery_section_title { font-size: 1.125rem; padding:0; } .ksports_inner .jeonju_archery_image_container_large { height: 12rem; } .ksports_inner .jeonju_archery_image_large_left, .ksports_inner .jeonju_archery_image_small_right, .ksports_inner .jeonju_archery_image_small_left, .ksports_inner .jeonju_archery_image_large_right { height: 12rem; } .ksports_inner .jeonju_archery_text_content { font-size: 0.9rem; } .ksports_inner .jeonju_archery_card_image { height: 12rem; } .ksports_inner .jeonju_archery_tag { font-size: 0.875rem; padding: 0.375rem 0.875rem; } .ksports_inner .jeonju_archery_location_box { padding: 0.75rem 1rem; } .ksports_inner .jeonju_archery_location_item { flex-direction: column; align-items: flex-start; text-align: left; gap: 0.25rem; } .ksports_inner .jeonju_archery_location_item p { font-size: 0.875rem; } .ksports_inner .jeonju_archery_location_item p::before {top:10px;} .ksports_inner .jeonju_archery_image_caption { font-size: 0.875rem; bottom: 1rem; right: 1rem; } .ksports_inner .jeonju_archery_image_grid {gap:.5rem;} .ksports_inner .jeonju_archery_section_01 .jeonju_archery_content_wrapper {gap:2rem;} .ksports_inner .jeonju_archery_section_01 .jeonju_archery_component, .ksports_inner .jeonju_archery_section_02 .jeonju_archery_component, .ksports_inner .jeonju_archery_section_01 .jeonju_archery_component, .ksports_inner .jeonju_archery_section_02 .jeonju_archery_component:last-child, .ksports_inner .jeonju_archery_section_02 .jeonju_archery_content_wrapper, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_content_wrapper, .ksports_inner .jeonju_archery_section_03 .jeonju_archery_component.list_gap {gap:.8rem;} .ksports_inner .jeonju_archery_section_01 .jeonju_archery_content_wrapper {gap:1.5rem;} .ksports_inner .jeonju_archery_image_row {gap:.5rem;} }