.banner_main .banner_wrap ul li {
  flex: 1 1 0;
  /* max-width: 200px; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.banner_main .banner_wrap ul .banner-border {
  border-right: 1px solid #f7f7f7ff;
  /* border-left: 2px solid #f7f7f7ff; */
}
.banner_main .banner_wrap ul li:first-child {
  /* border-left: none !important; */
}
.banner_main .banner_wrap ul li:last-child {
  border-right: none !important;
}

@font-face {
    font-family: 'Jeongmeokbawi';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@media (min-width: 768px) {
  .hambuger_wrap {
    display: none !important;
  }
}
:root {
/* 헤더 배경 이미지 애니메이션 */
  --site_width:1440px;
  --color_primary:  #fccc24;
  --color_second: #EA5B2F;
}

* { margin: 0; padding: 0; box-sizing: border-box;}
a { color: inherit; text-decoration: inherit; }
a:hover, a:focus, a:active { text-decoration: none; }
ul li {list-style: none;}
img { vertical-align: middle; border: none; }

body {font-family: 'Noto Sans KR', sans-serif;color: #333;line-height: 1.5;}
.mobile_only {display: none;}
#mobile_only {display: none;}
.pc_only {display: block;}
#pc_only {display: block;}
.m_only {display: none;}
#banner {display: none;}
/* 메인헤더 */

/* .banner_main .banner_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 50px; height: 50%; margin-bottom: 10px;} */

.m_header {position: relative; width: 100%;  background: #362e04; background: url('../img/header_bg.jpg') no-repeat center/cover; animation: bgAni 20s linear infinite;}
.m_header_wrap {padding-right: 20px; padding-left: 20px; background: #ffffff;  max-width: var(--site_width); margin:auto; display: flex; justify-content: space-between; align-items: center; height: 100px;}
.m_header_wrap img {height: 50px;}
nav > ul {display: flex; justify-content: space-around; align-items: center; gap: 100px;}
nav > ul > li {position: relative; font-size: 18px; font-weight: 500; color: #333; cursor: pointer; padding: 10px 0;}
nav > ul > li:hover {color: #000;}
nav > ul > li .sub-menu {display: none;position: absolute;left: 0;top: 100%;background: #fff;min-width: 180px;box-shadow: 0 4px 16px rgba(0,0,0,0.08);border-radius: 0 0 8px 8px;z-index: 100;}
nav > ul > li.has-sub:hover .sub-menu {display: block;}
nav > ul > li .sub-menu li {padding: 10px 24px;color: #333;font-size: 16px;font-weight: 400;white-space: nowrap;}
nav > ul > li .sub-menu li:hover {color: var(--color_primary)}

#sham_ico img{width: 45px; height: auto; cursor: pointer;}

/* 게시판 댓글 달기 */
.comment_write {width: 100%; margin: 50px auto; }
.comment_write textarea {width: 100%; height: 150px; border: 1px solid #ddd; border-radius: 4px; padding: 10px; font-size: 16px; font-weight: 400; color: #333; resize: none;}
.comment_write input {width: 200px; height: 40px; border: 1px solid #ddd; border-radius: 4px; padding: 10px; font-size: 16px; font-weight: 400; color: #333;}
.comment_write .comment_submit {text-align: right; margin-top: 10px;}
.comment_write .comment_submit button{background: #000; color: #fff; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer;}

/* 메인이미지 (트레일런) */
.visual_1 {background-image: url('/images/visual_5.png'); width: 100%; height: 700px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative; animation: visual1Zoom 20s infinite alternate;}

@keyframes visual1Zoom {
  0% { background-size: 100% 100%; }
  50% { background-size: 130% 130%; }
 100% { background-size: 100% 100%; }
}

/* .event-sponsor-box {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1440px; background: rgba(255, 255, 255, 0.9); z-index: 10; } */

/* 후원사 배너 */
.banner {width: 100%; height: 200px; background: var(--color_primary); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.banner .banner_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%;}
.banner .banner_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 50px; height: 100%;}
.banner .banner_wrap ul li img{width: 100px; padding: 0px;}
.banner .banner_wrap ul li:nth-of-type(1) img{width: 140px; padding: 0px;}

/* 후원사 배너 */
.banner_main {width: 100%; height: 200px; background: var(--color_primary); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.banner_main .banner_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%;}
.banner_main .banner_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 50px; height: 50%; margin-bottom: 10px;}
.banner_main .banner_wrap ul li img{width: 100px; padding: 0px;}
.banner_main .banner_wrap ul li:nth-of-type(1) img{width: 140px; padding: 0px;}


.visual_1 .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_1 .visual_text {position: absolute; top: 50%; right:2%; transform: translateY(-50%); display: block; width: 680px;}
.visual_1 .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_1 .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_1 .visual_text h5 {display: block; color:#fff; background: rgba(0, 0, 0, 0.5); font-size: 30px; font-weight: 900; padding: 10px; margin-bottom: 40px;}

.visual_1 .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_1 .visual_text ul {display: flex; width: 500px;  justify-content: center; align-items: center; margin: 0 auto 20px auto; padding: 0 0px; }
.visual_1 .visual_text ul li:nth-of-type(1) {width: 120px;text-align: left; padding-right: 10px; flex-shrink: 0; }
.visual_1 .visual_text ul li span {width: 100px; border: 0px solid #ccc; background: var(--color_primary); padding: 5px 10px; border-radius: 4px; font-size: 16px; font-weight: 800;}
.visual_1 .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1;  width:auto;}
.visual_1 .visual_text ul li h3 {font-size: 18px; font-weight: 800; padding-left: 20px; color:#ffffff; }
.reg_btn {display: flex; justify-content: center; gap:20px; align-items: center; margin-top: 50px;}
.reg_btn span {font-size: 20px; font-weight: 700; background-color: rgba(252, 204, 36, 0.7); color: #fff; padding: 10px 80px; border-radius: 4px; cursor: pointer;}
.reg_btn span:hover {background: #000; }

/* 메인 타이틀 */
.visual_title_2 {  position: absolute;top: 50%;left: 20px;font-size: 40px;font-weight: 700;color: #ffffff;transform: translateY(-50%);text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
.visual_title_2 h4 {display: block; font-size: 23px; font-weight: 400; margin-top: 10px; color:var(--color_primary); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin-bottom: 30px;}
.visual_title_2 span {background: rgba(234, 91, 47, 0.9); border: 1px solid rgba(234, 91, 47, 0.7); color:#fff; padding: 10px 20px; border-radius: 4px; font-size: 22px; font-weight: 600;}
.visual_title_2 span:hover {background: #000; border:1px solid #000;} 
.visual_title {  position: absolute;top: 50%;left: 20px;font-size: 40px;font-weight: 700;color: #ffffff;transform: translateY(-50%);text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
.visual_title h4 {display: block; font-size: 23px; font-weight: 400; margin-top: 10px; color:var(--color_primary); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin-bottom: 30px;}
.visual_title span {background: rgba(234, 91, 47, 0.9); border: 1px solid rgba(234, 91, 47, 0.7); color:#fff; padding: 10px 20px; border-radius: 4px; font-size: 22px; font-weight: 600;}


/* 메인이미지 (나중 철인3종) */
.visual_2 {background-image: url('/images/visual_2.png'); width: 100%; height: 700px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative; animation: visual1Zoom 20s infinite alternate;}
.visual_2 .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_2 .visual_text {position: absolute; top: 50%; right:2%; transform: translateY(-50%); display: block; width: 680px;}
.visual_2 .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_2 .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_2 .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_2 .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0 0px; }
.visual_2 .visual_text ul li:nth-of-type(1) {width: 150px;text-align: right; padding-right: 20px; flex-shrink: 0; }
.visual_2 .visual_text ul li span {border: 0px solid #ccc; background: var(--color_second); padding: 5px 10px; border-radius: 4px; font-size: 16px; font-weight: 800;}
.visual_2 .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_2 .visual_text ul li h3 {font-size: 18px; font-weight: 800; padding-left: 20px; color:#ffffff;}

/* 메인이미지 (나중 철인3종) */
.visual_3 {background-image: url('/images/naju_ceo5.png'); width: 100%; height: 700px; background-size: cover; background-position: center; display: flex; justify-content: space-around; align-items: center; text-align: center; color: #fff; position: relative; animation: visual1Zoom 20s infinite alternate;}
/* .visual_3 .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_3 .visual_text {position: absolute; top: 50%; right:2%; transform: translateY(-50%); display: block; width: 680px;}
.visual_3 .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_3 .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_3 .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_3 .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0 0px; }
.visual_3 .visual_text ul li:nth-of-type(1) {width: 150px;text-align: right; padding-right: 20px; flex-shrink: 0; }
.visual_3 .visual_text ul li span {border: 0px solid #ccc; background: var(--color_second); padding: 5px 10px; border-radius: 4px; font-size: 16px; font-weight: 800;}
.visual_3 .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_3 .visual_text ul li h3 {font-size: 18px; font-weight: 800; padding-left: 20px; color:#ffffff;} */


.reg_btn_1 {display: flex; justify-content: center; gap:20px; align-items: center; margin-top: 50px;}
.reg_btn_1 span {font-size: 20px; font-weight: 700; background-color: #EA5B2F; color: #fff; padding: 10px 30px; border-radius: 4px; cursor: pointer;}
.reg_btn_1 span:hover {background: #000;}

/* 메인 타이틀 (나중 철인3종) */
.visual_title_1 {  position: absolute;top: 50%;left: 20px;font-size: 40px;font-weight: 700;color: #ffffff;transform: translateY(-50%);text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
.visual_title_1 h4 {display: block; font-size: 23px; font-weight: 400; margin-top: 10px; color:var(--color_primary); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin-bottom: 30px;}
.visual_title_1 span {background:rgba(252, 204, 36, 0.7); border: 1px solid rgba(252, 204, 36, 0.7); color:#fff; padding: 10px 20px; border-radius: 4px; font-size: 22px; font-weight: 600;}
.visual_title_1 span:hover {background: #000; border:1px solid #000;} 

/* 커뮤니티 BG */
.visual_community {background-image: url('/images/community_bg1.png'); width: 100%; height: 400px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_community .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_community .visual_text {position: absolute; top: 50%; right:2%; transform: translateY(-50%); display: block; width: 680px;}

.visual_community .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_community .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_community .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_community .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0 0px; }
.visual_community .visual_text ul li:nth-of-type(1) {width: 150px;text-align: right; padding-right: 20px; flex-shrink: 0; }
.visual_community .visual_text ul li span {border: 0px solid #ccc; background: var(--color_second); padding: 5px 10px; border-radius: 4px; font-size: 18px; font-weight: 800;}
.visual_community .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_community .visual_text ul li h3 {font-size: 22px; font-weight: 800; padding-left: 20px; color:#ffffff;}

/* 커뮤니티 게시판 */
.community {max-width: var(--site_width); margin: 80px auto; padding: 0 20px;}
.community .community_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.community .community_wrap h3 {display: inline; font-size: 34px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; } 
.community .community_wrap ul:nth-of-type(1) {margin-top: 80px;}
.community .community_wrap ul { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px;}
.board {width: 100%; padding: 0px; text-align: center; border: 0px solid #ddd; border-radius: 8px; overflow: hidden; margin-top: 50px;}
.board_wrap {width: 80%; text-align: center;  border-top: 1px solid #ddd; border-bottom: 0px solid #ddd; padding: 20px; margin: auto;}
.board_wrap ul {display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
.board_wrap ul li {font-size: 16px; font-weight: 400; color: #333; padding: 10px 0; width: 100%;}
.board_wrap ul li:nth-of-type(1) {width: 10%; text-align: center; flex-shrink: 0;}
.board_wrap ul li:nth-of-type(2) {width: 60%; text-align: left; padding-left: 20px; flex-grow: 1;}
.board_wrap ul li:nth-of-type(3) {width: 10%; text-align: center; flex-shrink: 0;}
.board_wrap ul li:nth-of-type(4) {width: 10%; text-align: center; flex-shrink: 0;}
.board_wrap ul li:nth-of-type(5) {width: 10%; text-align: center; flex-shrink: 0;}
.board_wrap ul li a {color: inherit; text-decoration: inherit;} 
.reply-wait {background: #ffffff;color: #cf3434;padding: 4px 10px;border-radius: 4px;font-size: 15px;font-weight: 400;margin-left: 6px;border: 1px solid #ddd;}
.reply-done {background: #e2e2e2;color: #222;padding: 4px 10px;border-radius: 4px;font-size: 15px;font-weight: 400;margin-left: 6px;border: 1px solid #bbb;}
.board_wrap.notice-bg {background: #f8f8f8;}
.reply-wait-bg {background: #fff;}
.reply-done-bg {background: #eaeaea;}
.page-nav {text-align:center; margin:20px 0;}
.page-nav a, .page-nav strong {margin:0 6px; font-size:15px; color:#222;}
.page-nav a { text-decoration:none; }
.page-nav {margin-top: 20px; text-align: center;}
.page-nav a {display: inline-block; font-size: 16px; font-weight: 500; color: #333; padding: 8px 12px; margin: 0 4px; border: 1px solid #ddd; border-radius: 4px; }
.page-nav a:hover {background: var(--color_primary); color: #fff; border-color: var(--color_primary);}
.page-nav strong {display: inline-block; font-size: 16px; font-weight: 700; color: #fff; background: var(--color_primary); padding: 8px 12px; margin: 0 4px; border: 1px solid var(--color_primary); border-radius: 4px; }
.board_bottom {display: flex; height: 200px;  justify-content: space-between; align-items: center; width: 80%; margin: auto; padding-bottom: 0px; border-top: 1px solid #ddd; margin-top: 0px;}
.board_bottom h3 {font-size: 20px; font-weight: 700; color: #fff; padding: 20px 0px;}
.board_bottom a {font-size: 16px; font-weight: 500; color: #fff; background: #362e04; padding: 8px 16px; border-radius: 4px; margin-right: 20px;}
.board_bottom a:hover {background: var(--color_second); border-color: var(--color_second);}

/* 커뮤니티 게시판 보기 */
.board_view {max-width: var(--site_width); margin: 50px auto; padding: 0 20px;}
.board_view .board_wrap .notice_title {font-size: 26px; font-weight: 700; color: #333; padding: 20px 0;}
.board_view .board_wrap .notice_info {display: flex; justify-content:center; align-items: center; gap: 20px; font-size: 15px; color: #666; padding-bottom: 20px;}
.board_view .board_wrap .notice_info span {display: flex; justify-content: center; align-items: center; gap: 6px;}
.board_view .board_wrap .notice_content {font-size: 16px; font-weight: 400; color: #333; line-height: 1.8; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd;}
.board_close {text-align: center; margin: 50px 0;}
.board_close span {background: #000; color: #fff; padding: 14px 40px; border-radius: 4px; cursor: pointer;}


/* 커뮤니티 게시판 글등록 */
.board_write {max-width: var(--site_width); margin: 50px auto; padding: 0 20px;}

.board_write .board_write_wrap .notice_title {font-size: 26px; font-weight: 700; color: #333; padding: 20px 0;}
.board_write .board_write_wrap .notice_info {display: flex; justify-content:center; align-items: center; gap: 20px; font-size: 15px; color: #666; padding-bottom: 20px;}
.board_write_btn {text-align: center; margin: 50px 0;}
.board_write_btn button {background: #000; color: #fff; padding: 14px 40px; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer;}

/* 게시판 댓글 */
 .comment_chk {width: 100%; }
 .comment_chk_wrap {width: 80%; background: #ffffff; max-width: var(--site_width); margin: 20px auto; padding: 0 40px;}
 .comment_chk_wrap h3 {font-size: 16px; font-weight: 400; color: #000000; padding: 20px 0px; line-height: 1.5;}
 .comment_chk_wrap span {font-size: 15px; font-weight: 400; color: #535353; padding: 20px 0px; line-height: 1.5;}
 .comment_chk_wrap .comment_list {border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/* 비번확인 */
/* .password_chk {width: 100%; margin: 0 auto;} */
.password_chk_wrap {width: 350px; margin: auto; background: #ffffff;  padding: 0px 0px; text-align: center;}
.password_chk_wrap button {text-align:center; background: #ff0000; margin-top: 30px; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; margin-left: 10px;}
.password_chk_wrap .cancel_btn {text-align:center; background: #858484; margin-top: 30px; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; margin-left: 10px;}

/* 삭제 */
.delete_chk_wrap {width: 350px; margin: auto; background: #ffffff;  padding: 0px 0px; text-align: center;}
.delete_chk_wrap button {text-align:center; background: #ff0000; margin-top: 30px; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; margin-left: 10px;}
.delete_chk_wrap .cancel_btn {text-align:center; background: #858484; margin-top: 30px; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; margin-left: 10px;}

/* 파트너 BG */
.visual_partnership {background-image: url('/images/partner_bg.png'); width: 100%; height: 400px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_partnership .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_partnership .visual_text {position: absolute; top: 10%; right:20%; transform: translateY(-50%); display: block; width: 680px;}
.visual_partnership .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_partnership .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_partnership .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_partnership .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0 0px; }
.visual_partnership .visual_text ul li:nth-of-type(1) {width: 150px;text-align: right; padding-right: 20px; flex-shrink: 0; }
.visual_partnership .visual_text ul li span {border: 0px solid #ccc; background: var(--color_second); padding: 5px 10px; border-radius: 4px; font-size: 18px; font-weight: 800;}
.visual_partnership .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_partnership .visual_text  h3 {font-size: 22px; font-weight: 800; padding-left: 20px; color:#ffffff;}

/* 후원사 BG */
.visual_support {background-image: url('/images/support_bg1.png'); width: 100%; height: 400px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_support .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_support .visual_text {position: absolute; top: 10%; right:20%; transform: translateY(-50%); display: block; width: 680px;}
.visual_support .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_support .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_support .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_support .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0 0px; }
.visual_support .visual_text ul li:nth-of-type(1) {width: 150px;text-align: right; padding-right: 20px; flex-shrink: 0; }
.visual_support .visual_text ul li span {border: 0px solid #ccc; background: var(--color_second); padding: 5px 10px; border-radius: 4px; font-size: 18px; font-weight: 800;}
.visual_support .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_support .visual_text  h3 {font-size: 22px; font-weight: 800; padding-left: 20px; color:#ffffff;}



/* 파트너 */
.partnership {max-width: var(--site_width); margin: 80px auto; padding: 0 0px;}
.partnership .partnership_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.partnership .partnership_wrap h3 {display: inline; font-size: 34px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; } 
.partnership .partnership_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 
.partnership_list {  display: flex;  flex-wrap: wrap; justify-content: center; align-items: center; gap: 50px; padding-top: 100px; text-align: center; }
.partnership_list .partnership_member {width: 380px; height: 340px; border: 1px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 0px;}
.partnership_list .partnership_member:hover {border-top:10px solid var(--color_primary); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.partnership_list .partnership_member li:nth-of-type(1) {padding-top: 20px;}
.partnership_list .partnership_member li:nth-of-type(2) {font-size: 24px; font-weight: 700; color: #333; margin-top: 10px; margin-bottom: 10px;}
.partnership_list .partnership_member li:nth-of-type(3) {font-size: 16px; font-weight: 400; color: #333; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #ddd; padding-top: 40px;}
.partnership_list .partnership_member li:nth-of-type(4) {font-size: 20px; font-weight: 700; color: #333; margin-top: 10px; margin-bottom: 10px;}


/* 파트너사 폼메일 */
.form_mail {width: 100%; margin: 0 auto; padding-top: 50px; background: var(--color_primary);}
.form_mail_wrap {max-width: var(--site_width); margin: auto;  padding: 40px; border-radius: 8px; }
.form_mail_wrap h3 {font-size: 28px; font-weight: 700; color: #333; text-align: center; margin-bottom: 20px;}
.form_mail_wrap span {display: block; font-size: 16px; font-weight: 400; color: #333; text-align: center; margin-bottom: 20px;}
.form_mail_partner {background:var(--color_primary); border: 0px solid #ccc; border-radius: 4px; padding: 10px; width: 100%; font-size: 16px; font-weight: 400; color: #333; margin-bottom: 20px;}
.form_mail_textarea textarea::placeholder {font-size: 16px;font-weight: 400;color: #888;font-family: 'Noto Sans KR', sans-serif;}
.form_mail_textarea textarea {width: 100%;border: 0px solid #ccc;border-radius: 4px;margin: 0 auto;display: block;padding: 10px;}
.form_mail_btn {text-align: center; margin-top: 50px;}
.form_mail_btn button {background: #000; color: #fff; padding: 20px 80px; border: none; border-radius: 4px; font-size: 20px; font-weight: 500; cursor: pointer;}
/* .form_mail_btn .cancel_btn {background: #858484; margin-left: 10px;} */


/* 후원사 */
.sponsor {max-width: var(--site_width); margin: 80px auto; padding: 0 20px;}
.sponsor .sponsor_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.sponsor .sponsor_wrap h3 {display: inline; font-size: 34px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; } 
.sponsor .sponsor_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 
.sponsor_list {  display: flex; flex-wrap: wrap;  justify-content: center; gap: 50px; padding-top: 100px;}
.sponsor_list .sponsor_member {position: relative; width: 380px; height: 340px; border: 1px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 20px;}
.sponsor_list .sponsor_member:hover {border-top:10px solid var(--color_primary); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.sponsor_list .sponsor_member li:nth-of-type(1) {padding: 15px;}
.sponsor_list .sponsor_member li:nth-of-type(2) {font-size: 24px; font-weight: 700; color: #333; margin-top: 10px; margin-bottom: 10px;}
.sponsor_list .sponsor_member li:nth-of-type(3) {font-size: 16px; font-weight: 400; color: #333; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #ddd; padding-top: 40px;}
.sponsor_list .sponsor_member li:nth-of-type(4) {font-size: 20px; font-weight: 700; color: #333; margin-top: 10px; margin-bottom: 10px;}
.sponsor_list .sponsor_member span {position: absolute;top: -10px;left: 0;font-size: 16px;background: var(--color_primary);font-weight: 800;color: #ffffff;padding: 14px;border-radius: 10%;width: 100px;height: 50px;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 24px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.18);border: 3px solid #fff;text-shadow: 1px 2px 6px rgba(0,0,0,0.25);transition: box-shadow 0.2s;}
.sponsor_list .sponsor_member span:hover {box-shadow: 0 12px 32px rgba(0,0,0,0.35), 0 4px 8px rgba(0,0,0,0.22);}

/* MEDIA  */
.media {max-width: var(--site_width); margin: 180px auto; padding: 0 20px;}
.media .media_wrap {border: 0px solid #ddd; padding: 0px 0; width: 100%; text-align: center;}
.media .media_wrap h3 {background: #ffffff; display: inline; font-size: 34px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; } 
.media .media_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 
.media_list .media_view {position: relative; width: 380px; height: 340px; border: 1px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 0px;}
.media_list {  display: flex; flex-wrap: wrap;  justify-content: center; gap: 50px; padding-top: 100px;}


.gallery {max-width: var(--site_width); margin: 80px auto; padding: 0 20px; }
.gallery .gallery_wrap {border: 0px solid #ddd; padding: 0px 0; width: 100%; text-align: center;}
.gallery .gallery_wrap h3 {background: #ffffff; display: inline; font-size: 34px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; } 
.gallery .gallery_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 
.gallery_list .gallery_view {position: relative; width: 380px; height: 340px; border: 1px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 0px;}
.gallery_list {  display: flex; flex-wrap: wrap;  justify-content: center; gap: 50px; padding-top: 100px;}
.gallery_list li{border: 1px solid #ddd; border-radius: 8px; overflow: hidden; position: relative; transition: transform 0.3s; padding: 10px;}
.gallery_title {font-size: 30px; font-weight: 700; color: #333; margin-top: 20px; margin-bottom: 30px;}

/* MEDIA BG */
.visual_media {background-image: url('/images/media_bg.png'); width: 100%; height: 400px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_media .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_media .visual_text {position: absolute; top: 50%; right:2%; transform: translateY(-50%); display: block; width: 680px;}
.visual_media .visual_text img {width: 550px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 40px;}
.visual_media .visual_text h2 {display: block; color:#fff; font-size: 44px; font-weight: 900; margin-bottom: 10px;}
.visual_media .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_media .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0 0px; }
.visual_media .visual_text ul li:nth-of-type(1) {width: 150px;text-align: right; padding-right: 20px; flex-shrink: 0; }
.visual_media .visual_text ul li span {border: 0px solid #ccc; background: var(--color_second); padding: 5px 10px; border-radius: 4px; font-size: 18px; font-weight: 800;}
.visual_media .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_media .visual_text ul li h3 {font-size: 22px; font-weight: 800; padding-left: 20px; color:#ffffff;}


/* ABOUT BG */
.visual_about {background-image: url('/images/about_bg.png'); width: 100%; height: 450px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_about .visual_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.visual_about .visual_wrap .visual_title h3 {text-align: left; display: block; font-size: 40px; font-weight: 800; margin-top: 10px; color:var(--color_primary); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin-bottom: 30px;}
.visual_about .visual_wrap .visual_title h4 {text-align: left;  display: block; font-size: 28px; font-weight: 800; margin-top: 10px; color:#fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin-bottom: 0px;}

/* index about */
.about_cuk {max-width: var(--site_width); margin: 80px auto; padding: 0 20px;}
.about_cuk .about_cuk_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center; margin-bottom: 30px;} 
.about_cuk .about_cuk_wrap h3 {display: inline; font-size: 38px; font-weight: 600; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px;} 
.about_cuk .about_cuk_wrap h3 span { display: inline; margin-right: 20px; font-size: 34px; font-weight: 900; color: #000; text-align: center;  padding-bottom: 20px; } 
.about_cuk .about_cuk_wrap p {display: block; margin-right: 0px; font-size: 16px; font-weight: 400; color: #000; text-align: center;  padding-bottom: 20px; line-height: 2;} 
.about_cuk .about_cuk_wrap  .about_cuk_box { text-align: left; padding-left: 200px; margin-top: 60px;}
.about_cuk .about_cuk_wrap  .about_cuk_txt {display: block; text-align: left; width: 90%;  border-top: 10px solid #ddd; border-left: 10px solid #ddd; background: #000; height: 30px; width: 30px; display: inline-block;}
.about_cuk .about_cuk_wrap  .about_cuk_box2 { text-align: right; padding-right: 200px;}
.about_cuk .about_cuk_wrap  .about_cuk_txt2 {display: block; text-align: left; width: 90%;  border-top: 10px solid #ddd; border-left: 10px solid #ddd; background: #000; height: 30px; width: 30px; display: inline-block;}
.about_cuk .about_cuk_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 

/* index 행사소개 */
.sports_event {width: 100%;  background-image: url('/images/event_bg1.png'); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 0px;}
.sports_event_wrap {max-width: var(--site_width); margin: 0 auto; width: 100%;  }
.sports_event .sport_event_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; padding: 100px; text-align: center;}
.sports_event .sport_event_wrap ul {display: flex; gap: 20px; justify-content: space-between; align-items: center;}
.sports_event .sport_event_wrap ul li{width: 50%; height: auto; text-align: center; }
.sports_event .sport_event_wrap h3 {font-size: 26px; font-weight: 700; color: #ffffff; margin-top: 50px; text-align: center; }
.sports_event .sport_event_wrap h4 {font-size: 18px; font-weight: 400; color: #ffffff; margin-top: 0px; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.sports_event .sport_event_wrap .event_btn {text-align: center; margin-top: 50px; display: flex; justify-content: center; align-items: center; gap: 20px;}
.sports_event .sport_event_wrap .event_btn span {background: #fff; color: #000; padding: 14px 40px; border: none; border-radius: 4px; font-size: 16px; font-weight: 800; cursor: pointer;}
.sports_event .sport_event_wrap .event_btn span:hover {background-color: var(--color_primary);}


/* .about_cuk_list {  display: flex; flex-wrap: wrap;  justify-content: center, gap: 50px; padding-top: 100px;}
.about_cuk_list .partnership_member {width: 380px; height: 340px; border: 1px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; padding: 20px;}
.about_cuk_list .partnership_member:hover {border-top:10px solid var(--color_primary); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.about_cuk_list .partnership_member li:nth-of-type(1) {padding-top: 20px;}
.about_cuk_list .partnership_member li:nth-of-type(2) {font-size: 24px; font-weight: 700; color: #333; margin-top: 10px; margin-bottom: 10px;}
.about_cuk_list .partnership_member li:nth-of-type(3) {font-size: 16px; font-weight: 400; color: #333; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #ddd; padding-top: 40px;}
.about_cuk_list .partnership_member li:nth-of-type(4) {font-size: 20px; font-weight: 700; color: #333; margin-top: 10px; margin-bottom: 10px;}
 */


/* about */
.about {max-width: var(--site_width); margin: 50px auto; padding: 0 20px;}
.about .about_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.about .about_wrap h3 {display: inline; font-size: 20px; font-weight: 400; color: #000; text-align: left; padding-bottom: 20px; } 
.about .about_wrap h4 {display: block; font-size: 34px; font-weight: 900; color: #000; text-align: left; margin-top: 50px; padding-bottom: 20px; } 
.about .about_wrap p {display: block; font-size: 16px; font-weight: 400; color: #000; text-align: left; margin-top: 50px; padding-bottom: 20px; } 
.about .about_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 100px; padding-top: 0px;}
.about .about_wrap ul li:nth-of-type(1) {width: 60%; height: 100%; text-align: left; font-size: 16px; font-weight: 400; color: #333; line-height: 1.8; }
.about .about_wrap ul li:nth-of-type(2) {background-image: url('/images/index_logo.png'); width: 350px; height: 140px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 0px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

/* vision */
.vision {width: 100%; background: #f7f7f7; padding-top: 30px; padding-bottom: 100px; padding-left: 20px; margin-top: 200px;}
.vision .vision_wrap {max-width: var(--site_width); margin: 0px auto; padding: 0 20px; background: #f7f7f7; position: relative;}
.vision .vision_wrap {border: 0px solid #ddd; padding: 0px 0; width: 100%; text-align: center;}
.vision .vision_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 0px;}
.vision .vision_wrap h3 {display: block; font-size: 24px; font-weight: 600; color: #000; text-align: left; padding-bottom: 20px; } 
.vision .vision_wrap h4 {display: block; font-size: 34px; font-weight: 900; color: #000; text-align: left; margin-top: 0px; padding-bottom: 50px; } 
.vision .vision_wrap h5 {display: block; font-size: 20px; font-weight: 500; color: #000000; text-align: left; margin-top: 0px; padding-bottom: 0px; } 
.vision .vision_wrap ul li:nth-of-type(2) {position: absolute; right: 100px; background-image: url('/images/mission_bg1.png'); width: 318px; height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 0px solid #ddd; border-radius: 8px; }

/* mission */
.mission {width: 100%; background: #ffffff; padding-top: 0px; padding-bottom: 100px; padding-right: 20px; padding-top: 80px;}
.mission .mission_wrap {max-width: var(--site_width); margin: 0px auto; padding: 0 20px; background: #ffffff; position: relative;}
.mission .mission_wrap {border: 0px solid #ddd; padding: 0px 0; width: 100%; text-align: center;}
.mission .mission_wrap ul {display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-top: 0px;}
.mission .mission_wrap ul li:nth-of-type(1) {position: absolute; max-width: var(--site_width); left: 100px; background-image: url('/images/mission_bg.png'); width: 295px; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 0px solid #ddd; border-radius: 8px; }
.mission .mission_wrap h3 {display: block; font-size: 24px; font-weight: 600; color: #000; text-align: right; padding-bottom: 20px; } 
.mission .mission_wrap h4 {display: block; font-size: 34px; font-weight: 900; color: #000; text-align: right; margin-top: 0px; padding-top: 0px; padding-bottom: 50px; } 
.mission .mission_wrap h5 {display: block; font-size: 20px; font-weight: 500; color: #000000; text-align: right; margin-top: 0px; padding-bottom: 0px; } 

/* index 하단 POINT */
.point .inner {background-image: url('/images/about_bg.png'); width: 100%; height: 900px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.point {width: 100%;  margin-top: 0px; }   
.point .point_wrap {max-width: var(--site_width); margin: auto; padding: 0px 0;  }
.point .point_wrap h4{display: block; font-size: 40px; color:#fff; font-weight: 700;  margin-bottom: 50px; text-align: center;}
.point .point_wrap ul { display: flex; justify-content: center; align-items: center; gap: 40px;}
.point .point_wrap li {background: rgba(0, 0, 0, 0.1); border: 1px solid #ccc;  padding: 20px; font-size: 16px; font-weight: 400; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; width: 380px;}
.point .point_wrap li:hover {background: rgba(0, 0, 0, 0.7); border: 1px solid var(--color_primary); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

.point .point_wrap li span {display: block; margin-top: 30px;} 
.point .point_wrap li h3 {font-size: 30px; font-weight: 700; color: #ffffff; text-align: center; line-height: 1.5; border-bottom: 1px solid #ddd; margin-top: 50px; padding-bottom: 30px; width: 100%;}
.point .point_wrap li h4 {font-size: 20px; font-weight: 700; color: #ffffff; text-align: center; line-height: 1.5; margin-top: 30px;}

/* 이벤트 대회 안내 */
.event_information {width:100%; background: #ffffff; padding: 50px 20px; margin-top: 0px;}
.event_information {max-width: var(--site_width); margin: 80px auto; padding: 0 20px;}
.event_information .event_information_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.event_information .event_information_wrap h3 {display: inline; font-size: 20px; font-weight: 700; color: #000; text-align: center; border-bottom: 0px solid #ddd; padding: 12px; } 
.event_information .event_information_wrap h5 {display: inline; font-size: 30px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 50px;} 
.event_information .event_information_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center;  } 
.event_information .event_information_wrap .info_box span {padding: 10px 20px; color:#fff; font-size: 17px; font-weight: 700; width: 140px; background: #000;}
.event_information .event_information_wrap .info_box {margin: auto;margin-top: 80px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.event_information .event_information_wrap .info_box ul {border: 1px solid #000; padding: 50px;}
.event_information .event_information_wrap .info_box ul li {display: flex; justify-content: flex-start; align-items: center; gap: 20px; width: 100%;}

/* footer mt 0 으로 */
.footer {width: 100%;height: 330px;background-color: #000000;padding: 20px 0;text-align: center;font-size: 14px;color: #666;margin-top: 0px;}

/* 철인3종 */

.triathlon {width: 100%; background: #000; height: 740px;} 
.triathlon .triathlon_wrap {max-width: var(--site_width); margin: auto; display: flex; justify-content: space-between; align-items: center; height: 100%;}
.triathlon .triathlon_wrap ul {width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px;;}
.triathlon .triathlon_wrap ul li {width: 400px; height: 580px; border: 1px solid #fff; padding: 14px 40px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; }
.triathlon .triathlon_wrap ul .img_1 {background-image: url('/images/tr_1.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.triathlon .triathlon_wrap ul .img_2 {background-image: url('/images/tr_2.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.triathlon .triathlon_wrap ul .img_3 {background-image: url('/images/tr_3.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.triathlon .triathlon_wrap ul li:hover {border: 1px solid var(--color_primary); border: 1px solid var(--color_primary); box-shadow: 0 4px 16px rgba(0,0,0,0.08);}
.triathlon .triathlon_wrap ul li h3 {font-size: 24px; font-weight: 700; color: #ffffff; text-align: center; line-height: 1.5; border-bottom: 1px solid #ddd; margin-top: 50px; padding-bottom: 30px; width: 100%;}
.triathlon .triathlon_wrap ul li h4 {font-size: 16px; font-weight: 400; color: #ffffff; text-align: center; line-height: 1.5; margin-top: 30px;}
.triathlon .triathlon_wrap ul li h4 span {border: 1px solid #fff; padding: 10px; font-weight: 600; color:tomato; margin-top: 34px; display: inline-block;}
.triathlon .triathlon_wrap ul li h4 span:hover {background:var(--color_primary); border: 1px solid var(--color_primary); color:#fff; }
.triathlon .triathlon_wrap ul li h5 {font-size: 17px; font-weight: 600; color: var(--color_primary); text-align: center; line-height: 1.8; margin-top: 30px; }

.date_triathion_1 {margin-top: 30px; text-align: center;}
.date_triathion_2 {margin-top: 30px; text-align: center;}
.date_triathion_3 {margin-top: 30px; text-align: center;}

.btn_th {text-align: center; margin-top: 50px; display: flex; justify-content: center; align-items: center; gap: 20px;}
.btn_th span {font-size: 20px; background: var(--color_primary); padding: 20px 40px; color: #fff; border-radius: 5px;}


/* .half_full {width: 100%; height: 880px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; }
.half_full_wrap {width: 90%; max-width: var(--site_width); text-align: center; }
.half_full_wrap h3 {font-size: 34px; color:#333333; font-weight: 800;  border-left: 0px solid #00A598; padding-left: 0px; height: 4px; margin-bottom: 120px;}
.half_full_wrap h4 {font-size: 16px; color:#333333; font-weight: 400;  margin-bottom: 60px; margin-top: 50px; line-height: 1.8;}
.half_full_wrap h5 {font-size: 16px; color:#333333; font-weight: 600;  margin-bottom: 40px; line-height: 2.2;}
.half_full_wrap h5 i {border: 1px solid #333333; font-size: 16px; border-radius: 4px;  padding: 4px 10px;}
.half_full_wrap h5 span {border-bottom: 1px solid #333333; padding-bottom: 4px; margin-left: 10px; font-weight: 600; color:#3a3a3a;} */


.half_full1 {width: 100%; height: 820px; margin-top: 40px;  display: flex; justify-content: center; align-items: center; }
.half_full_wrap1 > ul {display: flex; justify-content: center; flex-wrap: wrap; align-items: stretch; gap: 15px;}
.half_full_wrap1 > ul li {width: 300px; min-height: 100px; border: 0px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff;}
.half_full_wrap1 .list {padding: 0px; display: flex; border: 1px solid #ddd; border-radius: 10px; flex-direction: column; align-items: center; height: 100%;}
.half_full_wrap1 > h3 {font-size: 34px; text-align: center; color:#333333; font-weight: 800;  border-left: 0px solid #00A598;  margin-bottom: 60px;}
.half_full_wrap1 > h4 {font-size: 16px; text-align: center; color:#333333; font-weight: 400;  margin-bottom: 60px; margin-top: 50px; line-height: 1.8;}
.half_full_wrap1 .list span {font-size: 22px; text-align: center; color:#333333; font-weight: 700;  }
.half_full_wrap1 .list h3 {font-size: 16px; text-align: center; color:#333333; font-weight: 400; }
.half_full_wrap1 .list li:nth-of-type(1) {padding: 15px;}
.half_full_wrap1 .list li:nth-of-type(2) {padding: 15px;}
.half_full_wrap1 h5 {font-size: 16px; text-align: center; margin-top: 40px; color:#333333; font-weight: 600;  margin-bottom: 40px; line-height: 2.2;}
.half_full_wrap1 h5 i {border: 1px solid #333333; font-size: 16px; border-radius: 4px;  padding: 4px 10px;}
.half_full_wrap1 h5 span {border-bottom: 1px solid #333333; padding-bottom: 4px; margin-left: 10px; font-weight: 600; color:#3a3a3a;}

.half_full2 {width: 100%; background: #000; height: 800px; margin-top: 40px;  display: flex; justify-content: center; align-items: center; }
.half_full_wrap2 > ul {display: flex; justify-content: center; flex-wrap: wrap; align-items: stretch; gap: 15px;}
.half_full_wrap2 > ul li {width: 300px; min-height: 100px; border: 0px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff;}
.half_full_wrap2 .list {padding: 0px; display: flex; border: 1px solid #ddd; border-radius: 10px; flex-direction: column; align-items: center; height: 100%;}
.half_full_wrap2 > h3 {font-size: 34px; text-align: center; color:#ffffff; font-weight: 800;  border-left: 0px solid #00A598;  margin-bottom: 60px;}
.half_full_wrap2 > h4 {font-size: 16px; text-align: center; color:#ffffff; font-weight: 400;  margin-bottom: 60px; margin-top: 50px; line-height: 1.8;}
.half_full_wrap2 .list span {font-size: 22px; text-align: center; color:#494949; font-weight: 700;  }
.half_full_wrap2 .list h3 {font-size: 16px; text-align: center; color:#333333; font-weight: 400; }
.half_full_wrap2 .list li:nth-of-type(1) {padding: 15px;}
.half_full_wrap2 .list li:nth-of-type(2) {padding: 15px;}
.half_full_wrap2 h5 {font-size: 16px; text-align: center; margin-top: 40px; color:#ffffff; font-weight: 600;  margin-bottom: 40px; line-height: 2.2;}
.half_full_wrap2 h5 i {border: 1px solid #ffffff; font-size: 16px; border-radius: 4px;  padding: 4px 10px;}
.half_full_wrap2 h5 span {border-bottom: 1px solid #ffffff; padding-bottom: 4px; margin-left: 10px; font-weight: 600; color:#ffffff;}

.half_full3 {width: 100%; height: 750px; margin-top: 40px;  display: flex; justify-content: center; align-items: center; }
.half_full_wrap3 > ul {display: flex; justify-content: center; flex-wrap: wrap; align-items: stretch; gap: 15px;}
.half_full_wrap3 > ul li {width: 300px; min-height: 100px; border: 0px solid #ddd; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff;}
.half_full_wrap3 .list {display: flex; border: 1px solid #ddd; border-radius: 10px; flex-direction: column; align-items: center; height: 100%;}
.half_full_wrap3 > h3 {font-size: 34px; text-align: center; color:#333333; font-weight: 800;  border-left: 0px solid #00A598;  margin-bottom: 60px;}
.half_full_wrap3 > h4 {font-size: 16px; text-align: center; color:#333333; font-weight: 400;  margin-bottom: 60px; margin-top: 50px; line-height: 1.8;}
.half_full_wrap3 .list span {font-size: 22px; text-align: center; color:#333333; font-weight: 700;  }
.half_full_wrap3 .list h3 {font-size: 16px; text-align: center; color:#333333; font-weight: 400; }
.half_full_wrap3 .list li:nth-of-type(1) {padding: 15px; }
.half_full_wrap3 .list li:nth-of-type(2) {padding: 15px;}
.half_full_wrap3 h5 {font-size: 16px; text-align: center; margin-top: 40px; color:#333333; font-weight: 600;  margin-bottom: 40px; line-height: 2.2;}
.half_full_wrap3 h5 i {border: 1px solid #333333; font-size: 16px; border-radius: 4px;  padding: 4px 10px;}
.half_full_wrap3 h5 span {border-bottom: 1px solid #333333; padding-bottom: 4px; margin-left: 10px; font-weight: 600; color:#3a3a3a;}


/* 햄버거 메뉴 + 아코디언 */
header {position: relative;}
.hambuger_wrap {position: absolute;max-width: var(--site_width);top: 0px;width: 85%;background: #222;height: 100%;z-index: 9999;color: #fff;display: none;}
.hambuger_wrap .inner {padding-left: 20px; padding-right: 20px;}
.hambuger_wrap .hambuger .top {margin-top: 30px; text-align: center;}
.hambuger_wrap .hambuger .top > ul {display: flex; justify-content: space-between; align-items: center;}
.hambuger_wrap .hambuger .top:after {content: ""; height: 1px; width: 100%; display: block; background: #e9dddd; margin-top: 10px;}
.hambuger_wrap .hambuger .top > ul  li:nth-of-type(1) {font-size: 20px; font-weight: 700; color:#fff;}
.hambuger_wrap .hambuger .top > ul  li:nth-of-type(2) {background-image: url("../images/hambuger_close.png"); width:40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.hambuger_wrap nav.m-acc {margin-top: 30px;}
.hambuger_wrap nav.m-acc .acc-level-1 {display: flex; flex-direction: column; gap: 0;}
.hambuger_wrap nav.m-acc .acc-item {height: auto; align-items: stretch; padding-left: 0; background: none; color: #fff; font-size: 18px; font-weight: 600;}
.hambuger_wrap nav.m-acc .acc-link, .hambuger_wrap nav.m-acc .acc-header {color: #fff !important; font-size: 18px; font-weight: 600; text-shadow: 0 0 2px #000;}
.hambuger_wrap nav.m-acc .acc-panel-inner a {color: #ddd !important; font-size: 15px;}
.hambuger_wrap nav.m-acc .acc-panel-inner a:hover {color: #fff !important;}
.hambuger_wrap nav.m-acc .acc-item:hover, .hambuger_wrap nav.m-acc .acc-link:hover, .hambuger_wrap nav.m-acc .acc-header:hover {background: #444; color: #FCB908 !important;}
.m-acc, .m-acc ul, .m-acc li{margin:0;padding:0;list-style:none;}
.m-acc{--c-border:#222;--c-text:#fff;--c-dim:#cfcfcf;--dur:.3s;--ease:cubic-bezier(.4,.1,.2,1);font-size:18px;}
.m-acc .acc-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;color:var(--c-text);font:inherit;cursor:pointer;padding:16px 12px;text-align:left;line-height:1.2;font-size:18px;}
.m-acc .acc-header:focus-visible{outline:2px solid #4fa3ff;outline-offset:2px;}
.m-acc .acc-level-1{display:flex;flex-direction:column;gap:0;} /* 명시적 세로 구성 */
.m-acc .acc-item{display:block;width:100%;}
.m-acc .acc-item.about-first{margin-top:38px;}
.m-acc .acc-item > a.acc-link{display:block;padding:16px 12px;text-decoration:none;color:var(--c-text);font-size:18px;}
.m-acc .acc-item > a.acc-link:hover{background:rgba(255,255,255,.05);}    
.m-acc .acc-item{border-bottom:1px solid var(--c-border);} 
.m-acc .acc-arrow{width:11px;height:11px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--dur) var(--ease);}   
.m-acc .acc-header[aria-expanded="true"] .acc-arrow{transform:rotate(-135deg);}   
.m-acc .acc-panel{overflow:hidden;max-height:0;transition:max-height var(--dur) var(--ease), opacity .2s var(--ease);opacity:0;background:rgba(255,255,255,.02);} 
.m-acc .acc-panel.open{opacity:1;} 
.m-acc .acc-panel-inner{padding:10px 20px 14px 28px;} /* 서브 인덴트 증가 */ 
.m-acc .acc-panel-inner a{display:block;padding:8px 0;font-size:16px;color:var(--c-dim);text-decoration:none;} 
.m-acc .acc-panel-inner a:hover{color:#fff;} 
/* 햄버거 end */


/* 단체 */
.group_reg {width: 100%; background: #ffffff;  margin-top: 0px;}
.group_reg .group_wrap {max-width: var(--site_width); margin: 80px auto; padding: 0 0px;}
.group_reg .group_wrap h2 {font-size: 38px; margin-bottom: 30px;}
.group_reg .group_wrap h3 {font-size: 16px; font-weight: 400;}
.group_reg .group_wrap h3:nth-of-type(1) {margin-top: 50px;}

.mount_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 50px;  }
.mount_wrap ul img {width:600px; height:300px; border: 1px solid #ddd; border-radius: 8px; }
/* .mount_wrap div {width: 100%; text-align: center; margin-top: 50px;} */

@media (max-width: 1400px) {
.triathlon .triathlon_wrap ul {flex-wrap: wrap;}}

@media (max-width: 1200px) {
.partnership_wrap {text-align: center;}
.partnership_list {flex-direction: column; align-items: center;}
.half_full1 {height: 1650px; }
.half_full2 {height: 1470px; }
.half_full3 {height: 1400px; }
.triathlon .triathlon_wrap ul .img_1 {height: 480px;}
#board_write table {height: 650px;}
#board_edit table {height: 460px;}

}

@media (max-width:1100px) {nav { display: none; overflow: hidden;}}

@media (max-width: 768px) {
.visual_3 {background-image: url('/images/naju_ceo4.png'); width: 100%; height: 900px; background-size: cover; background-position: center; display: flex; justify-content: space-around; align-items: center; text-align: center; color: #fff; position: relative; animation: visual1Zoom 20s infinite alternate;}
#sham_icon {display: block;}  
.mobile_only {display: block;}
#mobile_only {display: block;}
.m_only {display: block;}
.pc_only {display: none;}
#pc_only {display: none;}
.hidden_title {display: none;}
.m_header_wrap img {height: 40px;}
.m_header_wrap {padding-right: 20px; padding-left: 20px; background: #ffffff;  max-width: var(--site_width); margin:auto; display: flex; justify-content: space-between; align-items: center; height: 70px;}
#c_size {font-size: 10px;}


.visual_1 {background-image: url('/images/visual_m1.png'); width: 100%; height: 750px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_1 .visual_text {left: 50%; transform: translate(-50%, -50%); width: 100%;}
.visual_1 .visual_wrap {height: calc(100vh - 80px);}
.visual_1 .visual_text {top: 50%; padding-right: 20px; padding-left: 20px;}
.visual_1 .visual_text img {width: 380px; height: auto; background: #000000; padding: 10px 20px; margin-bottom: 80px;}
.visual_1 .visual_text h2 {display: block; color:var(--color_primary); font-size: 34px; font-weight: 900; margin-bottom: 10px;}
.visual_1 .visual_text p {font-size: 24px; font-weight: 400; text-shadow: 1px 1px 3px rgba(207, 206, 206, 0.5);}
.visual_1 .visual_text ul {width: 380px;  display: flex; gap:0; justify-content: space-around; align-items: center; margin-bottom: 20px;}
.visual_1 .visual_text ul li:nth-of-type(1) {width: 110px;text-align:left; }
.visual_1 .visual_text ul li span {display: inline; width: 110px; background: var(--color_primary); padding: 5px 5px; border-radius: 4px; font-size: 16px; font-weight: 600;}
.visual_1 .visual_text ul li:nth-of-type(2) {text-align:left; width: 400px;}
.visual_1 .visual_text ul li h3 {font-size: 16px; font-weight: 600; padding-left: 0px; color:#ffffff;}
.reg_btn {display: flex; justify-content: center; gap:20px; align-items: center; margin-top: 100px;}
.reg_btn span {font-size: 20px; font-weight: 700; background: var(--color_primary); color: #fff; padding: 10px 34px; border-radius: 4px; cursor: pointer;}
.reg_btn span:hover {background: #000;}


/* .visual_title {display: none;} */
.visual_title_1 {display: none;}
.visual_title_2 {display: none;}
.visual_about .visual_wrap .visual_title h3 {font-size: 34px;}
.visual_about .visual_wrap .visual_title h4 {font-size: 20px;}

.vision {margin-top: 50px;}
.vision .vision_wrap ul {flex-direction: column; padding-right: 20px;}
.vision .vision_wrap ul li:nth-of-type(2) {position: relative; right: 0px;  width: 200px; height:283px; margin-top: 50px; padding-bottom: 0;}
.vision .vision_wrap h3 {display: block; font-size: 18px; font-weight: 600; color: #000; text-align: left; padding-bottom: 20px; } 
.vision .vision_wrap h4 {display: block; font-size: 34px; font-weight:  900; color: #000; text-align: left; margin-top: 0px; padding-bottom: 50px; } 
.vision .vision_wrap h5 {display: block; font-size: 16px; font-weight: 500; color: #000000; text-align: left; margin-top: 0px; padding-bottom: 0px; } 
.vision {padding-bottom: 50px;}

.mission .mission_wrap ul {padding-right: 20px; padding-left: 20px; flex-direction: column-reverse;}
.mission .mission_wrap ul li:nth-of-type(1) {position: relative; left: 0px;  width: 200px; height:283px; margin-top: 50px; padding-bottom: 0;}
.mission .mission_wrap h3 {display: block; font-size: 18px; font-weight: 600; color: #000; text-align: left; padding-bottom: 20px; } 
.mission .mission_wrap h4 {display: block; font-size: 34px; font-weight: 900; color: #000; text-align: left; margin-top: 0px; padding-bottom: 50px; } 
.mission .mission_wrap h5 {display: block; font-size: 16px; font-weight: 500; color: #000000; text-align: left; margin-top: 0px; padding-bottom: 0px; } 
.mission {padding-bottom: 50px;}

.about {max-width: var(--site_width); margin: 0px auto; padding: 0 20px;}
.about .about_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.about .about_wrap h3 {display: inline; font-size: 20px; font-weight: 700; color: #000; text-align: left; padding-bottom: 20px; } 
.about .about_wrap h4 {display: block; font-size: 34px; font-weight: 900; color: #000; text-align: left; margin-top: 50px; padding-bottom: 20px; } 
.about .about_wrap p {display: block; font-size: 16px; font-weight: 400; color: #000; text-align: left; margin-top: 50px; padding-bottom: 20px; } 
.about .about_wrap span {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: left; margin-top: 0px; padding-bottom: 20px; } 
.about .about_wrap ul {display: flex; justify-content: space-between; align-items: center; gap: 0px; padding-top: 0px;}

.about .about_wrap ul li:nth-of-type(1) {width: 100%; height: 100%; text-align: left; font-size: 16px; font-weight: 400; color: #333; line-height: 2; }
.about .about_wrap ul li:nth-of-type(2) {display: none;}

/* 철인3종 */
.visual_2 {background-image: url('/images/visual_m2.png'); width: 100%; height: 650px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.visual_2 .visual_text {position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); display: block; width: 380px;}
.visual_2 .visual_text img {width: 380px; height: auto; background: rgba(255,255,255,0.8); padding: 10px 20px; margin-bottom: 40px; border-radius: 10px;}
.visual_2 .visual_text h2 {font-size: 30px; font-weight: 900; margin-bottom: 30px;}
.visual_2 .visual_text ul {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 20px;  border-radius: 10px;}
.visual_2 .visual_text ul li:nth-of-type(1) {display: none;}
.visual_2 .visual_text ul li:nth-of-type(2) {text-align: left;flex-grow: 1; width: auto;}
.visual_2 .visual_text ul li h3 {font-size: 20px; font-weight: 600; text-align: center; color:#ffffff; }

.reg_btn_1 {display: flex; justify-content: space-around; gap:20px; align-items: center; margin-top: 50px;}
.reg_btn_1 span {font-size: 17px; font-weight: 700; background-color: #EA5B2F; color: #fff; padding: 10px 4px; border-radius: 4px; cursor: pointer;}


/* index */

.point {width: 100%;  height: 1350px; }
.point .point_wrap {padding: 0; margin-top: 30px; }
.point .point_wrap ul {flex-direction: column; gap: 40px;}
.point .point_wrap h4 {font-size: 28px; margin-bottom: 30px; margin-top: 50px;}
.point .inner {background-image: url('/images/about_bgm.png'); width: 100%; height: 1400px; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}
.point .point_wrap li {background: rgba(0, 0, 0, 0.5);}
.point .point_wrap {max-width: var(--site_width); margin: auto; padding: 0px 0; width: 100%; height: 100%; }

.sport_event_wrap ul {flex-direction: column; justify-content: center; align-items: center;}
.sports_event .sport_event_wrap img {width: 380px;}
.sports_event .sport_event_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; padding: 80px 20px 80px 20px; text-align: center;}
.sports_event .sport_event_wrap ul {display: flex; gap: 120px; justify-content: space-between; align-items: center;}
.sports_event .sport_event_wrap ul li{width: 100%; height: auto; text-align: center; }
.about_cuk_box {display: none;}
.about_cuk_box2 {display: none;}

.about_cuk {max-width: var(--site_width); margin: 0px auto; padding: 0 20px;}

.footer {width: 100%;height: 460px; background-color: #000000; padding: 30px 0;text-align: center;font-size: 14px;color: #666;margin-top: 50px;}
.footer_wrap > ul {display: flex; padding: 20px; justify-content: space-between; align-items: center; gap: 20px; padding-top: 30px;}
.footer_wrap > ul > li {text-align: center !important;}
.footer_wrap > ul > li img {width: 110px; height: auto; margin-top: 30px; margin-bottom: 20px;}

/* 이벤트 대회 안내 */
.event_information {width:100%; background: #ffffff; padding: 50px 20px; margin-top: 0px;}
.event_information {max-width: var(--site_width); margin: 50px auto; padding: 0 20px;}
.event_information .event_information_wrap {border: 0px solid #ddd; padding: 20px 0; width: 100%; text-align: center;}
.event_information .event_information_wrap h3 {display: inline; font-size: 17px; font-weight: 600; color: #000; text-align: center; border-bottom: 0px solid #ddd; padding: 12px; } 
.event_information .event_information_wrap h5 {display: inline; font-size: 24px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 50px;} 
.event_information .event_information_wrap h4 {display: block; font-size: 28px; font-weight: 700; color: #000; text-align: center;  } 
.event_information .event_information_wrap .info_box span {padding: 10px 20px; color:#fff; font-size: 16px; font-weight: 400; width: 380px; background: #000;}
.event_information .event_information_wrap .info_box {margin: auto;margin-top: 80px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.event_information .event_information_wrap .info_box ul {border: 0px solid #000; padding: 0px; display: flex; flex-direction: column; gap: 50px;}
.event_information .event_information_wrap .info_box ul li { display: flex; justify-content: flex-start; flex-direction: column; align-items: center; gap: 10px; width: 380px; text-align: center; line-height: 1.6;}
#mouse_point {margin-bottom: 1px;}
#run_10 {margin-top: 50px;}

.run_10 {width: 100%; height: 1200px; background-color: #f8f8f8; display: flex; justify-content: center; align-items: center; }

/* 파트너 */
  .visual_partnership .visual_wrap {display: flex;justify-content: center; align-items: center;height: 220px; overflow: hidden;}
  .visual_partnership .visual_title {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .visual_partnership .visual_title h3,
  .visual_partnership .visual_title h4 {text-align: center;width: 100%;}


  

.partnership_list {  display: flex;  flex-wrap: wrap; justify-content: center; align-items: center; gap: 50px; padding-top: 50px;}
.partnership .partnership_wrap h4 {display: block; font-size: 22px; font-weight: 00; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 

.form_mail {padding-top: 30px;}

.sponsor .sponsor_wrap h4 {display: block; font-size: 22px; font-weight: 700; color: #000; text-align: center; margin-top: 50px; padding-bottom: 20px; } 
.media_list {  padding-top: 50px ; gap: 30px;}

.media_list .media_view {width: 300px; height: 400px; padding: 10px;}
.media_list iframe {width: 380px; height: 100%; border-radius: 8px;}

/* 커뮤니티 */
.visual_community .visual_text {position: absolute; top: 50%; right: 50%; transform: translate(-50%,-50%); display: block; width: 400px;}
.partnership_list {flex-direction: column;align-items: center;justify-content: center;gap: 32px;padding-top: 40px;}
.visual_community {overflow: hidden;display: flex;justify-content: center;align-items: center;text-align: center;}
.visual_community .visual_wrap {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.visual_community .visual_title {width: 100%;text-align: center;}

.visual_media {margin: auto; }
.visual_media .visual_text {left: 80%; transform: translateY(-50%); display: block; background: #000;}
.visual_media .visual_wrap {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center; padding: 0; margin: 0;  overflow: hidden;}
.visual_media .visual_title {width: 100%;text-align: center; padding-right: 20px; overflow: hidden;}

/* 게시판 */
#board_date {display: none;}
#board_date1 {display: none;}
#board_date2 {display: none;}
#board_date3 {display: none;}

.board_wrap ul li:nth-of-type(1) {width: 0%; text-align: center; flex-shrink: 0;}
.board_wrap ul li:nth-of-type(2) {width: 100%;  text-align: left; padding-left: 0px; padding-top: 14px; flex-grow: 1; ;}
.board_wrap ul li:nth-of-type(3) {width: 0%; text-align: center; flex-shrink: 0;}
.board_wrap ul li:nth-of-type(4) {width: 0%; text-align: center; flex-shrink: 0;}
.board_wrap ul li:nth-of-type(5) {width: 0%; text-align: center; flex-shrink: 0;}
.board_wrap ul li {font-size: 16px;  font-weight: 400; color: #333; padding: 0px 0; height: 50px; width: 100%;}


/* #board_date5 {width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: 600; color:#333;} */
.board_wrap {width: 100%; text-align: center;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0px; margin: auto;}

.triathlon {height: 2000px;} 
.half_full_wrap1, .half_full_wrap2, .half_full_wrap3 {padding: 0 20px;}
.half_full_wrap1 > ul, .half_full_wrap2 > ul, .half_full_wrap3 > ul {flex-direction: column;gap: 15px;}
.half_full_wrap1 > ul li, .half_full_wrap2 > ul li, .half_full_wrap3 > ul li {width: 380px;max-width: 100%;}
.triathlon_wrap {padding: 0 20px;}
.triathlon .triathlon_wrap ul {flex-direction: column;gap: 15px;}
.triathlon .triathlon_wrap ul li {width: 380px;max-width: 100%;min-height: 100px;}
.triathlon .triathlon_wrap ul .img_1 {height: 630px;}
.triathlon .triathlon_wrap ul .img_2 {height: 610px;}
.triathlon .triathlon_wrap ul .img_3 {height: 620px;}
.community table {width: 380px !important;max-width: 100%;margin: 0 auto;table-layout: fixed;}
.community_wrap {width: 380px !important;max-width: 100%;margin: 0 auto;table-layout: fixed;}

.board_close span {background: #000; color: #fff; padding: 14px 20px;}
.comment_chk_wrap {width: 100%; background: #ffffff; max-width: var(--site_width); margin: 20px auto; padding: 0 0px;}


/* 단체 */
.group_reg {width: 100%; background: #ffffff;  margin-top: 0px;}
.group_reg  h2 {margin-top: 50px;}
.group_reg .group_wrap {max-width: var(--site_width); margin: 80px auto; padding: 0 0px;}
.group_reg .group_wrap h2 {font-size: 38px; margin-bottom: 30px;}
.group_reg .group_wrap h3 {font-size: 16px; font-weight: 400;}
.group_reg .group_wrap h3:nth-of-type(1) {margin-top: 80px;}

/* 후원사 배너 */
.banner {width: 100%; padding-bottom: 0px; padding-top: 50px; height: 280px; background: var(--color_primary); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; position: relative;}

.banner .banner_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%; }
.banner h3 {font-size: 26px; display: inline; margin-bottom:150px; color:#fff; font-weight: 700; border-bottom: 4px solid #ffffff; padding-bottom: 5px;}
.banner-swiper {padding-bottom: 0px;}
/* .banner .banner_wrap {max-width: var(--site_width); margin: auto; position: relative; width: 100%; height: 100%;} */
/* .banner .banner_wrap ul {flex-direction: column; gap:100px; justify-content: center; align-items: center; height: 100%;} */
/* .banner .banner_wrap ul li img{width: 200px; padding: 0px;} */
/* .banner .banner_wrap ul li:nth-of-type(1) img{width: 200px; padding: 0px;} */

#banner_main {display: none;}
#banner {display: block;}
/* .banner .banner_wrap ul li:nth-of-type(1) img{width: 140px; padding: 0px;} */

.gallery_title {font-size: 20px; font-weight: 500; color: #333; margin-top: 20px; margin-bottom: 10px;}

}


@media (max-width: 767px) {
  .banner_main {height: auto; min-height: 120px;}
  .banner_main .banner_wrap {padding: 10px 0; height: auto;}
  .banner_main .banner_wrap ul {flex-wrap: wrap; gap: 20px; justify-content: center; height: auto; margin-bottom: 8px;}
  .banner_main .banner_wrap ul li img {width: 70px;}
  .banner_main .banner_wrap ul li:nth-of-type(1) img {width: 90px;}
  .banner_main .banner_wrap .banner-divider {border-top: 1.5px solid #fff; margin: 8px 0;}
}

@media (max-width: 767px) {
  .notice_content {
    max-width: 340px !important;
    margin: 0 auto;
  }
.visual_1 .visual_text h2 {display: block; color:#fff; font-size: 30px; font-weight: 900; margin-bottom: 10px;}
.visual_1 .visual_text h5 {display: block; color:#fff; background: rgba(0, 0, 0, 0.5); font-size: 20px; font-weight: 900; padding: 10px; margin-bottom: 40px;}

  
  .notice_content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }



}