@charset "UTF-8";
#container > .con_wrap { padding-bottom: 0 !important; }

.main_wrap { background: transparent; padding: 0; }
.main_wrap > .inner { width: 100%; max-width: none; /* 메인 비주얼. */ /* 메인 런너 정보. */ /* 메인 코스안내 */ /* 메인 기념품 안내 */ /* 메인 공지사항 */ /* 메인 후원사 소개 */ }
.main_wrap > .inner .main_visual { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; height: 1020px; background-color: #fcc219; overflow: hidden; }
.main_wrap > .inner .main_visual .main_visual_height { display: none; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_visual { height: 830px; } }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual { height: auto; margin-bottom: 92px; overflow: visible; }
  .main_wrap > .inner .main_visual .main_visual_height { display: block; } }
.main_wrap > .inner .main_visual:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: auto 1020px; background-repeat: no-repeat; background-position: top center; background-image: url("images/main_timer_bg.webp"); z-index: 3; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_visual:before { background-image: url("images/main_timer_bg_m.webp"); background-position: bottom center; } }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual:before { content: none; } }
.main_wrap > .inner .main_visual:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("images/main_timer_bg.webp"); filter: blur(20px); z-index: 2; }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual:after { content: none; } }
.main_wrap > .inner .main_visual .main_visual_cons { position: relative; z-index: 4; }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual .main_visual_cons { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_day { font-size: 24px; font-weight: 800; letter-spacing: 1px; line-height: 1; color: #613200; margin-bottom: 25px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_day { margin-top: 95px; } }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_day { font-size: 14px; margin-top: 30px; margin-bottom: 10px; } }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_img1 { margin-bottom: 25px; }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_img1 img { width: 426px; }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_img1 { margin-bottom: 10px; }
  .main_wrap > .inner .main_visual .main_visual_cons .main_visual_img1 img { width: 50%; } }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_dec { font-size: 44px; font-weight: 600; line-height: 1; color: #613200; text-shadow: white 2px 0px 0px, white 1.75517px 0.958851px 0px, white 1.0806px 1.68294px 0px, white 0.141474px 1.99499px 0px, white -0.832294px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.701566px 0px, white -1.30729px -1.5136px 0px, white -0.421592px -1.95506px 0px, white 0.567324px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.558831px 0px; margin-bottom: 70px; }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_dec br { display: none; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_dec { font-size: 34px; line-height: 1.3; margin-bottom: 20px; }
  .main_wrap > .inner .main_visual .main_visual_cons .main_visual_dec br { display: inline; } }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_dec { font-size: 24px; } }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_btn { margin-bottom: 63px; }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_btn { margin-bottom: 0; } }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer { margin-bottom: 130px; }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer > ul { display: flex; justify-content: center; }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer > ul > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 120px; height: 130px; color: #FDAF17; background-color: rgba(84, 80, 69, 0.9); margin: 0 8px; padding-top: 15px; line-height: 1; font-size: 48px; font-weight: 800; position: relative; }
.main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer > ul > li:after { content: attr(data-text); width: 100%; font-size: 12px; font-weight: 500; letter-spacing: 0; margin-top: -50px; text-transform: uppercase; }
@media only screen and (max-width: 768px) { .main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer { margin-bottom: 0; position: absolute; bottom: -92px; left: 0; width: 100%; }
  .main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer > ul { height: 92px; background-color: rgba(84, 80, 69, 0.9); padding: 0 20px; }
  .main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer > ul > li { background-color: transparent; height: 92px; font-size: 32px; padding-top: 5px; }
  .main_wrap > .inner .main_visual .main_visual_cons .main_visual_timer > ul > li:after { margin-top: -30px; } }
.main_wrap > .inner .main_runner_info { padding: 168px 0; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_info { padding: 60px 0; } }
.main_wrap > .inner .main_runner_info > .container > .row > .col-xl-7 { padding-right: 70px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_info > .container > .row > .col-xl-7 { padding-right: 8px; margin-bottom: 30px; } }
.main_wrap > .inner .main_runner_info h2 { line-height: 1.25; margin-bottom: 36px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_info h2 { font-size: 30px; } }
.main_wrap > .inner .main_runner_info h2 br { display: none; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_info h2 br { display: inline; } }
.main_wrap > .inner .main_runner_info .dec { font-size: 21px; line-height: 1.45; color: #514F4B; font-weight: 300; margin-bottom: 40px; }
.main_wrap > .inner .main_runner_info hr { display: block; position: relative; height: 3px; border: 0; margin: 34px 0; }
.main_wrap > .inner .main_runner_info hr:before { content: ""; width: 100%; height: 1px; background-color: #F3EADB; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.main_wrap > .inner .main_runner_info .runner_count { align-items: center; }
.main_wrap > .inner .main_runner_info .runner_count > .flex-shrink-0 .avatar_wrap { padding-right: 38px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_info .runner_count > .flex-shrink-0 .avatar_wrap { padding-right: 25px; } }
.main_wrap > .inner .main_runner_info .runner_count > .flex-shrink-0 .avatar_wrap > span { display: inline-block; width: 52px; height: 52px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-right: -25px; }
.main_wrap > .inner .main_runner_info .runner_count > .flex-shrink-0 .avatar_wrap > span:last-child { margin-right: 0; }
.main_wrap > .inner .main_runner_info .runner_count > .flex-grow-1 { font-size: 24px; font-weight: 500; line-height: 1.4; }
.main_wrap > .inner .main_runner_info .runner_count > .flex-grow-1 strong { font-weight: 800; }
.main_wrap > .inner .main_runner_info .runner_count > .flex-grow-1 p { font-weight: 400; font-size: 21px; color: #514F4B; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_info .runner_count > .flex-grow-1 p { font-size: 18px; } }
.main_wrap > .inner .main_runner_load { padding: 168px 0; background-image: url("images/main_runner_load_bg.webp"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.main_wrap > .inner .main_runner_load:before { content: ""; width: 100%; height: 100%; background-color: rgba(59, 51, 42, 0.7); position: absolute; top: 0; left: 0; z-index: 1; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_load { padding: 60px 0; } }
.main_wrap > .inner .main_runner_load > .container { position: relative; z-index: 2; }
.main_wrap > .inner .main_runner_load > .container h2 { margin-bottom: 35px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_load > .container h2 { margin-bottom: 5px; } }
@media only screen and (min-width: 1024px) { .main_wrap > .inner .main_runner_load > .container > .row { margin-left: -50px; margin-right: -50px; }
  .main_wrap > .inner .main_runner_load > .container > .row > .col-xl-6 { padding-left: 50px; padding-right: 50px; } }
.main_wrap > .inner .main_runner_load > .container > .row .card { position: relative; background-color: #FFF9EF; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_load > .container > .row .card { margin-top: 30px; } }
.main_wrap > .inner .main_runner_load > .container > .row .card a:before { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; content: ""; }
.main_wrap > .inner .main_runner_load > .container > .row .card .card-footer > .d-flex { align-items: center; justify-content: space-between; padding: 20px; font-size: 24px; font-weight: 500; line-height: 1.3; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_runner_load > .container > .row .card .card-footer > .d-flex { font-size: 20px; } }
.main_wrap > .inner .main_souvenir { background-color: #FFF9EF; padding: 168px 0 84px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_souvenir { padding: 60px 0 30px; } }
.main_wrap > .inner .main_souvenir h2 { line-height: 1.35; margin-bottom: 35px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_souvenir h2 { font-size: 30px; } }
.main_wrap > .inner .main_souvenir .souvenir_row { text-align: center; font-size: 16px; text-align: center; font-weight: 500; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_souvenir .souvenir_row { margin-top: 45px; }
  .main_wrap > .inner .main_souvenir .souvenir_row .col-6:first-child { margin-bottom: 30px; } }
.main_wrap > .inner .main_souvenir .souvenir_row .souvenir_img { margin-bottom: 25px; }
.main_wrap > .inner .main_notice { background-color: #FFF9EF; padding: 84px 0 168px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_notice { padding: 30px 0 60px; } }
.main_wrap > .inner .main_notice h2 { line-height: 1.35; margin-bottom: 21px; }
.main_wrap > .inner .main_notice .notice_col { padding: 40px 35px; background-color: #fff; border: 1px solid #f3eadb; margin: 8px 0; font-size: 21px; line-height: 1.3; position: relative; height: 210px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_notice .notice_col { padding: 20px 15px; font-size: 18px; height: 170px; } }
.main_wrap > .inner .main_notice .notice_col:hover { border-color: #FC8300; transition: all ease .3s; }
.main_wrap > .inner .main_notice .notice_col.more { background-image: url("images/icon_more_plus.svg"); background-repeat: no-repeat; background-position: center; }
.main_wrap > .inner .main_notice .notice_col .tit { height: 55px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_notice .notice_col .tit { height: 45px; margin-top: 10px; } }
.main_wrap > .inner .main_notice .notice_col .date { margin-top: 25px; font-size: 16px; color: #A4A29D; }
.main_wrap > .inner .main_notice .notice_col a:after { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; content: ""; }
.main_wrap > .inner .main_support { background-color: #262626; color: #fff; padding: 168px 0 153px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_support { padding: 60px 0 45px; } }
.main_wrap > .inner .main_support h2 { color: #fff; line-height: 1.3; }
.main_wrap > .inner .main_support hr { display: block; height: 130px; position: relative; border: 0; }
.main_wrap > .inner .main_support hr:before { content: ""; width: 100%; height: 2px; background-color: #323232; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; border: 0; }
@media only screen and (max-width: 640px) { .main_wrap > .inner .main_support hr { height: 55px; } }
.main_wrap > .inner .main_support .row > .col { flex: 1 0 0; margin: 15px 0; }
.main_wrap > .inner .main_support .row > .col img { width: auto; height: 32px; }
@media only screen and (max-width: 1024px) { .main_wrap > .inner .main_support .row > .col { flex: 0 0 auto; width: 33.33333%; } }
@media only screen and (max-width: 640px) { .main_wrap > .inner .main_support .row > .col { width: 50%; margin: 20px 0; text-align: left; }
  .main_wrap > .inner .main_support .row > .col img { height: 24px; } }
