@charset "utf-8";
@import url("//news.chosun.com/dhtm/css/css_reset_2018.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("https://m.chosun.com/css/swiper.min_341.css");

/*
-Desktop: 986px~
-Tablet: 690~985px
-Mobile: ~689px
*/

* { box-sizing: border-box; } 
html, body { height:100%; overflow:inherit; background-color: #fff; } 
html { -webkit-text-size-adjust:none; } 
body { min-width:300px; word-break:keep-all; word-wrap:break-word; white-space:inherit; color:#000; } 
body, input, button, textarea { font:16px/1.56 'Noto Sans KR', AppleSDGothicNeo-Regular, "맑은 고딕", "Malgun Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim, "Apple SD Gothic Neo", sans-serif; letter-spacing:-0.5px; font-weight: 400; } 
button { border:none; } 
a, a:visited { color:#000; text-decoration:none; } 
#wrapper { position: relative; } 
video { vertical-align: top; } 

.main_visual { display: flex; flex-direction: row; width: 100%; overflow: hidden; position: relative; z-index: 3; justify-content: center; } 
.main_visual .title_wrap { display: block; text-align: center; max-width: 1280px; margin-top: 40px; } 
.main_visual .flex_wrap { display: flex; justify-content: center; } 
.main_visual .title_wrap .title_mo { display: none; } 
.main_visual .title_wrap .sh_main_pick_wrap_mo { display: none; } 

.main_visual .title_wrap .img1 { position: relative; width: 456px; height: 834px; margin-right: 20px; z-index: 3; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025_1.png); background-size: 100%; background-position: center; animation: zoomInOut 1.3s ease forwards } 

.main_visual .title_wrap .sh_main_pick_wrap { position: relative; width: 804px; height: 299px; margin-bottom: 20px; } 
.main_visual .title_wrap .sh_main_pick_sli .slide img { width: 100%; } 

.main_visual .title_wrap .img3 { position: relative; width: 328px; height: 299px; margin-bottom: 20px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025.png); background-size: 100%; background-position: center; animation: zoomInOut 1.3s ease forwards } 
.main_visual .title_wrap .img4 { position: relative; width: 328px; height: 196px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025_2.png); background-size: 100%; animation: zoomInOut 1.3s ease forwards } 
.main_visual .title_wrap .img5 { position: relative; width: 456px; height: 515px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025_3.png); background-size: 100%; background-position: center; animation: zoomInOut 1.3s ease forwards } 
.main_visual .title_wrap .overlay_type { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; animation: reveal 1s ease forwards; } 
.main_visual .title_wrap .overlay_type2 { position: absolute; right: -100%; width: 100%; height: 101%; background-color: #fff; animation: zoomInOut 1.3s ease forwards, reveal2 1s ease forwards; z-index: 2; } 
.main_visual .title_wrap .overlay_type3 { position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; animation: growUp 1s ease-out forwards; } 
.main_visual .title_wrap .overlay_type4 { position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; animation: revealBottomToTop 1s ease-out forwards; } 

.main_visual .title_wrap .flex_column { display: flex; flex-direction: column; } 
.main_visual .title_wrap .flex_row { display: flex; flex-direction: row; } 
.main_visual .title_wrap .mg-rg { margin-right: 20px; } 
.main_visual .title_wrap .button_wrap { position: relative; z-index: 3; margin: 60px auto; width: 100%; display: flex; justify-content: center; } 
.main_visual .title_wrap button { width: 504px; } 
.main_visual .title_wrap .button_wrap .btn_black { background-color: #101010; color: #fff; padding: 20px 15px; font-size: 20px; line-height: 30px; border-radius: 75px; margin-right: 18px; } 
.main_visual .title_wrap .button_wrap .btn_black:hover { background-color: #00ADEF; color: #fff; } 
.main_visual .title_wrap .button_wrap .btn_white { background-color: #fff; color: #707070; padding: 20px 15px; font-size: 20px; line-height: 30px; border-radius: 75px; border: 1.5px solid #d7d7d7; } 
.main_visual .title_wrap .button_wrap .btn_white:hover { background-color: #00ADEF; color: #fff; padding: 21.5px 16.5px; border: none; } 
.title_section { display: flex; flex-direction: column; justify-content: center; width: 46%; margin-left: -46%; padding-left: 100px; background: #df4243; overflow: hidden; animation: title_section_ani 1s forwards ease-in-out 1.5s; } 
.title_section h1 { font-weight: 700; font-size: 72px; line-height: 1.1; color: #fff; letter-spacing: -0.005em; } 
.title_section h1 .title_text_up { overflow: hidden; } 
.title_section ul { display: flex; margin-top: 64px; } 
.title_section ul li { margin-left: 20px; animation: zoom-in-zoom-out 1s ease forwards 3s; transform: scale(0, 0); } 
.title_section ul li:first-child { margin-left: 0; animation: zoom-in-zoom-out 1s ease forwards 2.9s; } 
.title_section ul li button { width: 270px; padding: 20px 0; border-radius: 100px; font-size: 24px; font-weight: 700; transition: 0.3s ease-in-out all; } 
.title_section ul li button.btn_black { color: #fff; background: #000; } 
.title_section ul li button.btn_black:hover { color: #000; background: #fff; } 
.title_section ul li button.btn_white { color: #df4243; background: #f8e0e0; } 
.title_section ul li button.btn_white:hover { background: #fff; } 
.title_section .title_text_up span { display: block; transform: translateY(-100%); animation: up-em 1s linear forwards; animation-timing-function: ease-out; animation-duration: .5s; } 
.title_section .title_text_up:nth-child(1) span { animation-delay: 2.6s; } 
.title_section .title_text_up:nth-child(2) span { animation-delay: 2.68s; } 
.title_section .title_text_up:nth-child(3) span { animation-delay: 2.75s; } 
.video_section { display: block; flex-direction: column; width: 100%; animation: video_animation 1s forwards ease-in-out 1.5s; transition: flex-basis .5s ease-in-out; } 
.video_section .video { width: 100%; height: 100%; object-fit: cover; background: #fff 0 0 no-repeat; background-size: cover; } 

.df_type { color: #df4243 !important; } 

.main_modal_text { display: block; text-align: left; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -0.09px; color: #707070; } 
.fin_modal_img { display: block; position: absolute; left: 0; bottom: 0; background: url(https://image.chosun.com/chuncheonmarathon/2023/fin_modal_background.png) no-repeat; background-size: 100%; background-position: left bottom; border-radius: 8px; width: 100%; height: 100%; } 

.section_time { height: 300px; background-color: #000; z-index: 2; overflow: hidden; } 
.section_time .inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; } 
.section_time .inner .time_title { display: block; color: #fff; font-size: 24px; font-weight: 00; margin-bottom: 24px; } 
.section_time .inner .d_day_section { display: flex; } 
.section_time .inner .d_day_wrap { display: flex; align-items: center; flex-direction: column; } 
.section_time .inner .d_day { color: #fff; font-size: 60px; font-weight: 900; line-height: normal; } 
.section_time .inner .d_day_divide { color: #fff; font-size: 60px; font-weight: 900; margin: 0 41px; } 
.section_time .inner .d_day:first-child { margin-left: 0; } 
.section_time .inner .date_text_content { color: #838383; font-size: 24px; font-weight: 600; } 
.section_time .inner .date_text_content:first-child { margin-left: 0; } 

@media only screen and (min-width : 986px) and (max-width : 1440px){
 .title_section { display: flex; flex-direction: column; justify-content: center; width: 50%; margin-left: -50%; padding-left: 40px; background: #df4243; overflow: hidden; animation: title_section_ani 1s forwards ease-in-out 1.5s; } 
 .title_section h1 { font-size: 60px; } 
 .title_section ul { margin-top: 32px; } 
 .title_section ul li button { width: 200px; height: 62px; padding: 8px 0; font-size: 16px; } 
 .section1 img { display: none; } 
 }

@media all and (max-width: 1280px){
 .main_visual .title_wrap .mg-rg { margin-right: 10px; } 
 .main_visual .title_wrap .sh_main_pick_wrap { position: relative; width: 410px; height: 153px; margin-bottom: 10px; } 
 .main_visual .title_wrap .sh_main_pick_sli .slide img { width: 100%; } 

 .main_visual .title_wrap .img1 { width: 233px; height: 429px; margin-right: 10px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025_1.png) no-repeat; background-size: 100%; } 
 .main_visual .title_wrap .img3 { width: 167px; height: 153px; margin-bottom: 10px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025.png) no-repeat; background-size: 100%; } 
 .main_visual .title_wrap .img4 { width: 167px; height: 100px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025_2.png) no-repeat; background-size: 100%; } 
 .main_visual .title_wrap .img5 { width: 233px; height: 263px; background: url(https://image.chosun.com/halfmarathon/2025/main_banner_2025_3.png) no-repeat; background-size: 100%; } 
 .main_visual .title_wrap button { width: 317.5px; } 

 .section_time .inner .time_title { font-size: 20px; line-height: 30px; } 
 .section_time .inner .d_day_wrap { width: 110px; } 
 .section_time .inner .d_day_divide { font-size: 40px; font-weight: 900; margin: 0 20px; } 
 .section_time .inner .d_day { font-size: 40px; font-weight: 900; margin-bottom: 12px; } 

 .section1 img { display: none; } 
 }

@media all and (max-width: 985px){
 .main_visual { flex-direction: column; height: auto; } 
 .main_visual::before { display: none; } 
 .main_visual .title_wrap .button_wrap { margin: 40px auto; } 
 .section_time { height: 256px; } 
 .title_section { width: 100%; height: auto; padding: 104px 0 104px 0; margin-left: 0; animation: inherit; align-items: center; } 
 .title_section h1 { font-size: 72px; } 
 .title_section ul { margin-top: 48px; } 
 .title_section ul li { margin-left: 20px; } 
 .title_section ul li button { width: 270px; height: 74px; padding: 20px 0; font-size: 24px; } 
 .title_section h1 { text-align: center; } 
 .title_section .title_text_up span { animation: inherit; transform: translateY(0); } 
 .video_section { height:auto; animation: inherit; line-height: 0; } 
 .title_section ul li { animation: inherit; transform: inherit; } 
 .title_section ul li:first-child { animation: inherit; } 
 }

@media all and (max-width: 689px){
 .main_visual { flex-direction: column; height: auto; } 
 .main_visual::before { display: none; } 
 .section_time { height: initial !important; } 
 .section_time .inner { padding: 40px 0; } 
 .title_section { width: 100%; height: auto; padding: 89px 0 89px 0; margin-left: 0; animation: inherit; align-items: center; } 
 .title_section h1 { font-size: 53px; } 
 .title_section ul { margin-top: 40px; } 
 .title_section ul li { margin-left: 15px; } 
 .title_section ul li button { width: 205px; height: 58px; padding: 0 0; font-size: 16px; } 
 .title_section h1 { text-align: center; } 
 .title_section .title_text_up span { animation: inherit; transform: translateY(0); } 
 .video_section { height:auto; animation: inherit; line-height: 0; } 
 .title_section ul li { animation: inherit; transform: inherit; } 
 .title_section ul li:first-child { animation: inherit; } 

 .main_visual .title_wrap { margin-top: 0; } 
 .main_visual .title_wrap .title_mo { display: block; width: 100%; } 
 .main_visual .title_wrap .sh_main_pick_wrap_mo { display: block; width: 100%; margin-bottom: -6px;} 
 .main_visual .title_wrap .sh_main_pick_wrap { display: none; } 
 .main_visual .title_wrap .img1 { display: none; } 
 .main_visual .title_wrap .img2 { display: none; } 
 .main_visual .title_wrap .img3 { display: none; } 
 .main_visual .title_wrap .img4 { display: none; } 
 .main_visual .title_wrap .img5 { display: none; } 

 .main_visual .title_wrap .button_wrap { padding: 16px 16px 25px 16px; margin: 0 auto; position: fixed; bottom: 0; background-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); z-index: 4; } 
 .main_visual .title_wrap button { width: 100%; } 
 .main_visual .title_wrap .button_wrap .btn_black { padding: 12px 32px; font-size: 14px; line-height: 20px; margin-right: 10px; } 
 .main_visual .title_wrap .button_wrap .btn_black:hover { padding: 12px 32px; font-size: 14px; line-height: 20px; margin-right: 10px; } 
 .main_visual .title_wrap .button_wrap .btn_white { padding: 12px 32px; font-size: 14px; line-height: 20px; } 
 .main_visual .title_wrap .button_wrap .btn_white:hover { padding: 12px 32px; font-size: 14px; line-height: 20px; } 
 }

@media all and (max-width: 480px){
 .main_visual { flex-direction: column; } 
 .main_visual::before { display: none; } 
 .title_section { width: 100%; height: 50%; padding-left: 0; margin-left: 0; animation: inherit; align-items: center; } 
 .title_section h1 { font-size: 36px; } 
 .title_section ul { margin-top: 36px; } 
 .title_section ul li { margin-left: 8px; } 
 .title_section ul li button { width: 158px; height: 40px; padding: 8px 0; font-size: 16px; } 
 .title_section h1 { text-align: center; } 
 .title_section .title_text_up span { animation: inherit; transform: translateY(0); } 
 .video_section { height:50%; animation: inherit; } 
 .title_section ul li { animation: inherit; transform: inherit; } 
 .title_section ul li:first-child { animation: inherit; } 
 }

/* section1 */
.section1 { padding: 100px 0; background: #fff; } 
.section1 .inner { max-width: 1280px; margin: 0 auto; display: flex; justify-content: center; background: #fff; } 
.section1 .tt { margin-bottom: 30px; font-size: 42px; font-weight: 900; color: #000; } 
.section1 .tt strong { color: #df4243; } 
.section1 .inner .table { flex-basis: 66.4%; position: relative; } 
.section1 .inner .table .table_title { display: block; text-align: center; color: #222; padding-bottom: 32px; font-size: 38px; line-height: 54px; font-weight: 700; } 
.section1 dl { padding: 24px 0; display: flex; flex-wrap: wrap;} 
.section1 dl:first-child { padding-top: 0; } 
.section1 img { width: 270px; border-radius: 135px; position: absolute; bottom: -70px; right: -130px; background-color: #fff; } 
.section1 dt { font-size: 20px; font-weight: 700; color: #222; width: 164px;; display: flex; align-items: center; flex-shrink: 0;} 
.section1 dd { padding-left: 24px; font-size: 20px; color: #222; flex-grow: 1; line-height: 30px; } 
.section1 dd ul { width: 100%; } 
.section1 dd li { padding: 24px 0; border-top: 2px solid #eaeaea } 
.section1 dd li:last-child { padding-bottom: 0; } 
.section1 dd li span { display: block; margin-top: 2px; font-size: 16px; color: #707070; line-height: 1.5; } 
.section1 dd li .text_red { color: #df4243; } 
.section1 dd li:first-child { border-top: none; padding-top: 0; } 
.section1 .img_motion { position: relative; /*padding: 50px 0 30px 0; */ padding: 0 0 30px 0; } 
.section1 .img_motion div { position: absolute; } 
.section1 .img_motion img { vertical-align: bottom; width: 100%; } 
.section1 .img_motion .item1 { top: 0; left: 0; } 
.section1 .img_motion .item2 { bottom: 30%; right: 0; z-index: 3; } 
.section1 .img_motion .item3 { position: relative; text-align: center; z-index: 2; } 
.section1 .img_motion .item4 { left: 0; bottom: 0; } 

.section1 .img_motion_new span { display: flex; margin-top: 68px; justify-content: center; } 
.section1 .img_motion_new span img { max-width: 328px; } 


@media only screen and (min-width : 986px) and (max-width : 1440px){
 .section1 { padding: 80px 0 60px 0; } 
 .section1 .inner { padding: 0 35px; } 
 .section1 .inner .item { flex-basis: 43%; } 
 .section1 .inner .table { transform: inherit !important; } 

 .section1 .tt { width: auto; margin-bottom: 0; padding-bottom: 80px; font-size: 36px; font-weight: 700; line-height: 50px; transform: inherit !important; } 
 .section1 .img_motion { width: 45%; padding: 0; } 
 .section1 .img_motion .item1 { width: 91px; position: absolute; left: 0; top: 0; } 
 .section1 .img_motion .item2 { width: 58px; position: absolute; right: -30%; bottom: 30%; } 
 .section1 .img_motion .item3 { width: 100%; position: relative; margin-left: 90px; transform: inherit !important; } 
 .section1 .img_motion .item4 { display: none; } 

 .section1 dl { flex-wrap: nowrap; } 
 }

@media all and (max-width: 1280px){
 .section1 .inner .table { width: 663px; flex-basis: initial; } 
 }

@media all and (max-width: 985px){
 .section1 { padding: 64px 0 80px 0; } 
 .section1 .inner { padding: 0 56px; } 
 .section1 .item { display: flex; margin-bottom: 0; overflow: hidden; } 
 .section1 .tt { width: 54%; margin-bottom: 0; padding-bottom: 80px; font-size: 36px; font-weight: 700; line-height: 50px; } 
 .section1 .img_motion { width: 46%; padding: 0; } 
 .section1 .img_motion .item1 { width: 91px; position: absolute; left: 0; top: 0; } 
 .section1 .img_motion .item2 { width: 58px; position: absolute; right: 0; bottom: 30%; } 
 .section1 .img_motion .item3 { width: 147px; position: relative; margin-left: 90px; } 
 .section1 .img_motion .item4 { display: none; } 

 .section1 .img_motion_new { width: 46%; } 
 .section1 .img_motion_new span { display: flex; margin-top: 0; justify-content: end; } 
 .section1 .img_motion_new span img { width: 176px; height: 236px; } 

 .section1 dl { flex-wrap: nowrap; } 
 }
@media all and (max-width: 689px){
 .section_time .inner .time_title { font-size: 14px; line-height: 24px; margin-bottom: 10px; } 
 .section_time .inner .d_day_wrap { width: 64px; } 
 .section_time .inner .d_day_wrap .date_text_content { font-size: 14px; } 
 .section_time .inner .d_day_divide { font-size: 24px; margin: 0 6px; } 
 .section_time .inner .d_day { font-size: 24px; margin-bottom: 10px; } 

 .section1 { padding: 40px 0; } 
 .section1 .inner { padding: 0 16px; flex-direction: column; } 
 .section1 .item { display: flex; margin-bottom: 0; overflow: hidden; } 
 .section1 .tt { width: 62%; margin-bottom: 0; padding-bottom: 76px; font-size: 36px; font-weight: 700; line-height: 50px; } 
 .section1 .img_motion { width: 45%; padding: 0; } 
 .section1 .img_motion .item1 { width: 91px; position: absolute; left: 0; top: 0; } 
 .section1 .img_motion .item2 { width: 58px; position: absolute; right: 0; bottom: 30%; } 
 .section1 .img_motion .item3 { width: 147px; position: relative; margin-left: 90px; } 
 .section1 .img_motion .item4 { display: none; } 

 .section1 dl { flex-wrap: nowrap; padding: 16px 0; } 
 .section1 dt { width: 77px; font-size: 16px; } 
 .section1 dd { padding-left: 6px; font-size: 16px; } 
 .section1 dd li { padding: 16px 0; border-top: 1px solid #eaeaea } 
 .section1 dd li span { font-size: 14px; } 

 .section1 .inner .table { width: initial; flex-basis: 66.4%; } 
 .section1 .inner .table .table_title { font-size: 30px; line-height: 1.4; padding-bottom: 24px; } 
 }

@media all and (max-width: 480px){
 .section1 .inner { padding: 0 16px; flex-direction: column; } 

 .section1 .item { display: flex; justify-content: space-between; margin-bottom: 16px; } 
 .section1 .tt { margin-bottom: 0; padding-bottom: 0; font-size: 20px; font-weight: 700; line-height: 30px; width: inherit; } 
 .section1 .img_motion_new { width: inherit; } 

 .section1 .img_motion { padding: 0; } 
 .section1 .img_motion .item1 { width: 69px; position: absolute; right: -200%; bottom: -20%; } 
 .section1 .img_motion .item2 { width: 44px; position: absolute; right: 10%; bottom: 60%; } 
 .section1 .img_motion .item3 { display: none; } 
 .section1 .img_motion .item4 { display: none; } 

 .section1 .img_motion_new span { display: flex; margin-top: 0; justify-content: end; } 
 .section1 .img_motion_new span img { width: 106px; height: 142px; } 

 .section1 dl { flex-wrap: nowrap; align-items: baseline; } 
 .section1 dt { font-size: 16px; flex-basis: initial; } 
 .section1 dd li span { font-size: 14px; }
 }

/* sponsor */
.sponsor_ad { display: flex; justify-content: center; overflow: hidden; } 
.sponsor_ad .inner { display: flex; justify-content: center; background-color: #00ADEF; } 
.sponsor_ad .inner .left_banner { width: 888px; height: 429px; background: url("https://image.chosun.com/halfmarathon/2025/left_side_banner.png") no-repeat; } 
.sponsor_ad .inner .main_banner { width: 784px; height: 429px; background: url("https://image.chosun.com/halfmarathon/2025/banner_main.png") no-repeat; } 
.sponsor_ad .inner .right_banner { width: 888px; height: 429px; background: url("https://image.chosun.com/halfmarathon/2025/right_side_banner.png") no-repeat; } 
.sponsor_ad img { width: 100%; vertical-align: top; } 

/* section2 */
.section2 { display: block; width: 100%; height: 100vh; overflow: hidden; } 
.section2 .inner { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100vh; } 
.section2 .video { width: 100%; height: 100%; object-fit: cover; background: #fff 0 0 no-repeat; background-size: cover; } 

@media only screen and (min-width : 690px) and (max-width : 985px){
 .section2 { height: auto; } 
 .section2 .inner { position: relative; height: auto; } 
 .section2 .inner video { display: block; line-height: 0; } 

 .sponsor_ad .inner .left_banner { padding: 16px 0; width: 268px; height: 235px; background: url("https://image.chosun.com/halfmarathon/2025/left_side_banner_ta.png") no-repeat; background-position: right; } 
 .sponsor_ad .inner .main_banner { width: 487px; height: 235px; background: url("https://image.chosun.com/halfmarathon/2025/banner_main_ta.png") no-repeat; background-position: center; background-size: 100%; } 
 .sponsor_ad .inner .right_banner { padding: 16px 0; width: 268px; height: 235px; background: url("https://image.chosun.com/halfmarathon/2025/right_side_banner_ta.png") no-repeat; background-position: left; } 
 }

@media all and (max-width: 689px){
 .section2 { height: auto; } 
 .section2 .inner { position: relative; height: auto; } 

 .sponsor_ad .inner .left_banner { padding: 20px 0; width: 263px; height: 164px; background: url("https://image.chosun.com/halfmarathon/2025/left_side_banner_mo.png") no-repeat; background-position: right; } 
 .sponsor_ad .inner .main_banner { width: 242px; height: 164px; background: url("https://image.chosun.com/halfmarathon/2025/banner_main_mo.png") no-repeat; background-position: center; background-size: 100%; } 
 .sponsor_ad .inner .right_banner { padding: 20px 0; width: 263px; height: 164px; background: url("https://image.chosun.com/halfmarathon/2025/right_side_banner_mo.png") no-repeat; background-position: left; } 
 }

/* section3 */
.section3 { position: relative; height:auto; z-index: 3; background: #fff; background-size: cover; overflow: hidden; } 
.section3 .inner { max-width: 1280px; margin: 0 auto; padding: 100px 0; } 
.section3 h1 { margin-bottom: 52px; font-size: 56px; font-weight: 700; color: #000; text-align: center; position: relative; z-index: 3; } 
.section3 p { margin-bottom: 40px; font-size: 18px; font-weight: 400; color: #707070; text-align: center; } 
.section3 .card_wrap { position: relative; z-index: 3; } 
.section3 .cards { display: flex; gap: 32px; } 
.section3 .cards .item { opacity: 1; padding: 22px 0 32px 0; display: flex; align-items: center; flex-direction: column; flex-basis: 25%; border-radius: 30px; background: #fff; } 
.section3 .cards .thumb { width: 160px; height: 160px; margin-bottom: 20px; border-radius: 100%; background: #fd961d; } 
.section3 .cards .icon { margin: 12px 0; } 
.section3 .cards .name { font-size: 24px; font-weight: 700; color: #222; } 
.section3 .cards dl { display: flex; align-items: center; } 
.section3 .cards dt { font-size: 14px; color: #707070; opacity: 0.7; font-weight: 400; } 
.section3 .cards dd { font-size: 16px; color: #707070; font-weight: 500; margin-left: 8px; } 

.section3 .cont_bg { position:absolute; left: 0; top: 0; width:100%; height: 100vh; } 
.section3.on .fixed_img { position:fixed; left:0; top:0; } 
.section3 .fixed_img { position:absolute; width:100%; height:100%; top:0; left:0; } 
.section3 .img_mask { position:absolute; top: 50%; left:50%; transform: translate3d(-50%,-50%,0); overflow: hidden; width: 100%; height: 100%; } 
.section3 .img_wrapper { background: #fff; width: 100%; height: 100%; } 
.section3 .img_wrapper img { width:100%; height:100%; } 
.pin-spacer { background-color: #fff; } 

@media only screen and (min-width : 986px) and (max-width : 1440px){
 .section3 { overflow: hidden; background: url('https://image.chosun.com/chuncheonmarathon/2023/main/section3_bg.png') 0 0 no-repeat #fff; background-size: cover; } 
 .section3 .inner { padding: 60px 35px; } 
 }
@media all and (max-width: 985px){
 .section3 { overflow: hidden; background: url('https://image.chosun.com/chuncheonmarathon/2023/main/section3_bg.png') 0 0 no-repeat #fff; background-size: cover; } 
 .section3 .inner { padding: 60px 0; } 
 .section3 h1 { font-size: 42px; margin-bottom: 40px; } 
 .section3 p { display: none; } 
 .section3 .card_wrap { padding-left: 80px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; user-select: none; position: relative; } 
 .section3 .card_wrap::-webkit-scrollbar { display: none; } 
 .section3 .cards { display: flex; flex-wrap: wrap; width: 1392px; gap: 32px; } 
 .section3 .cards .item { flex-basis: 296px; width: 296px; opacity: 1; } 
 .section3 .cards .thumb { width: 160px; height: 160px; margin-bottom: 15px; } 
 .section3 .cards .thumb img { width: 100%; } 
 .section3 .cards .icon { margin: 12px 0; } 
 .section3 .cont_bg { display: none; } 
 .section3 .cards .item { transform: inherit !important; } 
 }
@media all and (max-width: 689px){
 .section3 { overflow: hidden; background: url('https://image.chosun.com/chuncheonmarathon/2023/main/section3_bg.png') 0 0 no-repeat #fff; background-size: cover; } 
 .section3 .inner { padding: 60px 0; } 
 .section3 h1 { font-size: 36px; margin-bottom: 32px; } 
 .section3 p { display: none; } 
 .section3 .card_wrap { padding-left: 36px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; user-select: none; position: relative; } 
 .section3 .card_wrap::-webkit-scrollbar { display: none; } 
 .section3 .cards { display: flex; flex-wrap: wrap; width: 972px; gap: 16px; } 
 .section3 .cards .item { flex-basis: 222px; width: 222px; opacity: 1; } 
 .section3 .cards .thumb { width: 120px; height: 120px; margin-bottom: 15px; } 
 .section3 .cards .thumb img { width: 100%; } 
 .section3 .cards .icon { margin: 9px 0; } 
 .section3 .cont_bg { display: none; } 
 .section3 .cards .item { transform: inherit !important; } 
 }
@media all and (max-width: 480px){
 .section3 { overflow: hidden; background: url('https://image.chosun.com/chuncheonmarathon/2023/main/section3_bg.png') 0 0 no-repeat #fff; background-size: cover; } 
 .section3 .inner { padding: 30px 0; } 
 .section3 h1 { font-size: 26px; margin-bottom: 16px; } 
 .section3 p { display: none; } 
 .section3 .card_wrap { padding-left: 16px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; user-select: none; position: relative; } 
 .section3 .card_wrap::-webkit-scrollbar { display: none; } 
 .section3 .cards { display: flex; flex-wrap: wrap; width: 956px; gap: 16px; } 
 .section3 .cards .item { flex-basis: 222px; width: 222px; opacity: 1; } 
 .section3 .cards .thumb { width: 120px; height: 120px; margin-bottom: 15px; } 
 .section3 .cards .thumb img { width: 100%; } 
 .section3 .cards .icon { margin: 9px 0; } 
 .section3 .cont_bg { display: none; } 
 .section3 .cards .item { transform: inherit !important; } 

 .section3 .cards .name { font-size: 18px; } 
 .section3 .cards dt { font-size: 12px; } 
 .section3 .cards dd { font-size: 14px; } 
 }

/* section4 */
.section4 { padding: 100px 0; position: relative; background: #f9f9f9; } 
.section4 .inner { max-width: 1062px; margin: 0 auto; } 
.section4 h1 { margin-bottom: 32px; font-size: 56px; font-weight: 700; color: #000; text-align: center; } 
.section4 .notice li { padding: 30px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eaeaea; } 
.section4 .notice li a { display: flex; align-items: center; text-decoration: none; width: 80%; flex-shrink: 0; } 
.section4 .notice li a:hover .tt { text-decoration: underline; } 
.section4 .notice .icon { display: flex; width: 46px; height: 32px; flex-shrink: 0; align-items: center; justify-content: center; font-size: 16px; color: #fff; font-weight: 500; background: #00ADEF; border-radius: 5px; } 
.section4 .notice .tt { margin-left: 12px; font-size: 18px; font-weight: 500; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.section4 .notice .date { font-size: 16px; font-weight: 400; color: #999; } 
.section4 .more_btn { margin-top: 20px; display: flex; justify-content: center; font-size: 20px; line-height: 30px; color: #707070; background-color: #f9f9f9; } 
.section4 .more_btn a { text-decoration: none; padding: 10px; border: 1px solid #d7d7d7; border-radius: 55px; width: 181px; } 
.section4 .more_btn a:hover { border: 1px solid #999; color: #222; } 
@media only screen and (min-width : 986px) and (max-width : 1440px){
 .section4 .inner { padding: 0 35px; } 
 }
@media all and (max-width: 985px){
 .section4 { padding: 80px 56px; } 
 .section4 h1 { font-size: 42px; margin-bottom: 40px; } 
 }
@media all and (max-width: 689px){
 .section4 { padding: 40px 0; } 
 .section4 .inner { padding: 0 16px; } 
 .section4 h1 { font-size: 30px; margin-bottom: 36px; }
 .section4 .notice li { padding: 0; padding-bottom: 16px; margin-bottom: 20px; }
 .section4 .notice li:last-child { margin-bottom: 0;}
 .section4 .notice .tt { font-size: 16px; line-height: 1.5; } 

 .section4 .more_btn { margin-top: 20px; text-align: center; font-size: 16px; line-height: 24px; color: #707070; } 
 .section4 .more_btn a { text-decoration: none; padding: 10px; border: 1px solid #d7d7d7; border-radius: 55px; width: 152px; } 
 }
@media all and (max-width: 480px){
 .section4 { padding: 40px 0; } 
 .section4 .inner { padding: 0 16px; } 
 .section4 h1 { margin-bottom: 30px; font-size: 26px; } 
 .section4 .notice .icon { font-size: 14px; font-weight: 400; } 
 .section4 .notice .date { display: none; } 
 .section4 .notice .tt { font-size: 16px; } 
 .section4 .more_btn { margin-top: 17px; font-size: 16px; } 
 }

.section5 { position: relative; background: #fff; } 
.section5 .inner { max-width: 1062px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 64px 0 120px 0; } 
.section5 a { display: block; width: 180px; height: 50px; } 
.section5 a img { width: 100%; vertical-align: top; } 
.section5 .img_bg { width: 358px; height: 204px; margin: 64px auto 24px auto; }
.section5 .seperate { width: 100%; max-width: 1080px; height: 1px; background-color: #d7d7d7; margin: auto; } 
.section5 .img_type2 { display: block; text-align: center; width: 180px; height: 36.8px; } 
.section5 .img_type2 img { width: 83px; } 

@media all and (max-width: 985px){
 .section5 .inner { justify-content: space-between; row-gap: 32px; column-gap: 120px; flex-wrap: wrap; max-width: 480px; margin: 0 auto; padding: 46px 0 80px 0; } 
 .section5 a { flex-shrink: 0; flex-grow: 0; } 
 .section5 .img_bg { margin: 64px auto 24px auto; } 
 .section5 .seperate { width: 656px } 
 .section5 .img_type1 { width: 100%; height: 100%; display: block; text-align: center; } 
 .section5 .img_type1 img { width: 180px; height: 50px; } 
 }
@media all and (max-width: 689px){
 .section5 .inner { justify-content: space-between; row-gap: 20px; column-gap: 24px; flex-wrap: wrap; padding: 24px 0 40px 0; max-width: 328px; } 
 .section5 .img_bg { width: 188px; height: 108px; margin: 48px auto 48px auto; } 
 .section5 .seperate { width: 328px } 
 .section5 a { flex-shrink: 0; flex-grow: 0; } 
 .section5 a { display: block; width: 126px; height: 36px; } 
 .section5 .img_type1 { width: 100%; height: 100%; display: block; text-align: center; } 
 .section5 .img_type1 img { width: 126px; height: 36px; } 
 .section5 .img_type2 { display: flex; justify-content: center; width: 126px; height: 36.8px; align-items: center; } 
 .section5 .img_type2 img { width: 58.1px; } 
 }

@media all and (max-width: 480px){
 .section5 .inner { justify-content: space-between; row-gap: 20px; column-gap: 24px; flex-wrap: wrap; } 
 }

.fixed_btn { width: 142px; height: 142px; background: #000; border-radius: 100%; position: fixed; bottom: 100px; right: 124px; z-index: 90; transition: all 0.3s ease-out; opacity: 0; visibility: hidden; } 
#wrapper.on .fixed_btn { opacity: 1; visibility: visible; } 
.fixed_btn a { display: flex; height: 100%; align-items: center; justify-content: center; } 
.fixed_btn span { font-size: 24px; font-weight: 700; color: #fff; } 
@media all and (max-width: 985px){
 .fixed_btn { bottom: 76px; right: 56px; } 
 }
@media all and (max-width: 689px){
 .fixed_btn { width: 106px; height: 106px; bottom: 80px; right: 25px; } 
 .fixed_btn span { font-size: 18px; } 
 }
@media all and (max-width: 480px){
 .fixed_btn { width: 80px; height: 80px; bottom: 75px; right: 15px; } 
 .fixed_btn span { font-size: 14px; } 
 }

@keyframes test { 
 0% { opacity: 0; visibility: hidden; transform: translate3d(300px, 0, 0); } 

 100% { opacity: 1; visibility: visible; transform: scale(1,1) translate3d(0, 0, 0); } 
 }

@keyframes up-em { 
 0% { transform: translateY(100%); } 

 100% { transform: translateY(-0.06em); } 
 }

@keyframes slide-top { 100% { filter: opacity(0.5) drop-shadow(0 0 0 #00ADEF); } 
 }

@keyframes video_animation { 
 0% { width: 100% } 

 100% { width: 54% } 
 }

@keyframes title_section_ani { 
 0% { margin-left: -46% } 

 100% { margin-left: 0 } 
 }

@keyframes zoom-in-zoom-out { 
 0% { transform: scale(0, 0); } 
 50% { transform: scale(1.1, 1.1); } 
 100% { transform: scale(1, 1); } 
 }

 @keyframes reveal { 
 from { transform: translateX(0); } 
 to { transform: translateX(100%); }  } 
 
 @keyframes reveal2 { 
 from { left: 0%; } 
 to { left: -100%; }} 
 
 @keyframes zoomInOut { 
 from { background-size: 350%; }
 to { background-size: 100%; } } 
 
 @keyframes growUp { 
 from { top: 0; } 
 to { top: -100%; } 
 }
 
 @keyframes revealBottomToTop { 
 from { top: 0; } 
 to { top: 100%; } 
 }