@charset "utf-8";

@import url('fonts-3b2ce8e208e0157179d7ad2960df5188.css');
@import url('base-8430ee7982ff62940f6ca9d70c112e01.css');
@import url('common-bbca8d66a60b93f6bb8528c2801e34aa.css');
@import url('layout-6c1c182cfbab537abf960b8e18e9186d.css');
@import url('swiper-bundle-34bf0dee39025114cf429feb190a4446.css');
@import url('main-e60501a3105107f48cb00466e9c29982.css');

/* 회원가입 */
.step {
    margin-bottom: 65px;
    padding: 55px 0 0 0;
}

.step ul {
    display: flex;
    justify-content: center;
    gap: 70px;
    position: relative;
}

.step ul li {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 120px;
    position: relative;
}

.step ul li::after {
    content: '';
    width: 13px;
    height: 20px;
    background: url(../img/contents/img_step-62d1fa5fceba1312d398b53e07f1e215.png) no-repeat 0 0;
    position: absolute;
    top: 5px;
    right: -43px;
}

.step ul li:last-child:after {
    display: none;
}

.step ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 2px 0 0 0;
    line-height: normal;
    border-radius: 16px;
    border: solid 2px #b2b2b2;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.step ul li span em {
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}

.step ul li strong {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
}

.step ul li.active span {
    background-color: #015dc4;
    border-color: #015dc4;
    color: #fff;
}

.step ul li.active strong {
    color: #015dc4;
}

.member-join {
    width: 560px;
    margin: 0 auto;
}

.member-join-guide {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.member-join-guide p {
    padding: 0 0 0 104px;
    background: url(../img/contents/img_join-8268eb4d2ab8b56506a6592ed804238a.png) no-repeat 0 0;
    font-size: 18px;
    line-height: 1.44;
}

.box-type1 {
    width: 100%;
    padding: 40px 30px;
    border-radius: 3px;
    border: solid 1px #b2b2b2;
    background-color: #fff;
    box-sizing: border-box;
}

.box-type1 h4 {
    margin: 0 0 24px 0;
    font-size: 25px;
    font-weight: bold;
}

.box-type1 .tit-st1 {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid var(--gray1);
}

.box-type1 .tit-st2 {
    margin: 0 0 20px 0;
    font-size: 23px;
    font-weight: bold;
}

.box-type1 .txt-st1 {
    margin: 0 0 5px 0;
    font-size: 17px;
    font-weight: bold;
}
.box-type2 {
    padding: 20px 20px 25px;
    border-top: 2px solid #004093;    
    border-bottom: 1px solid #004093; 
}
.select-subscription-type input[type='checkbox'] + label.round-chk {
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 37px;
    font-size: 20px;
    font-weight: bold;
}

.select-subscription-type input[type='checkbox'] + label.round-chk::before {
    width: 27px;
    height: 27px;
}

.subscription-type {
    margin: 23px 0 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #3d3d3d;
}

.subscription-type a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 70px;
    padding: 24px 0 23px 0;
    border-radius: 2px;
    border: solid 1px #b2b2b2;
    background-color: #fff;
    font-size: 19px;
    font-weight: bold;
    position: relative;
}

.subscription-type a + a {
    margin-top: 15px;
}

.subscription-type a::after {
    content: '';
    width: 20px;
    height: 13px;
    background: url(../img/common/right_arrow-df7b0b2baa93f80f988e79ca7e4c9927.svg) no-repeat 0 0;
    position: absolute;
    top: 31px;
    left: 50%;
    transform: translateX(92px);
}

.terms-conditions-use {
    margin: 23px 0 0 0;
    padding: 25px 0 0 0;
    border-top: 1px solid #3d3d3d;
}

.terms-conditions-use li {
    position: relative;
}

.terms-conditions-use li + li {
    margin-top: 20px;
}

.terms-conditions-use li a {
    font-size: 17px;
    border-bottom: solid 1px #3d3d3d;
    position: absolute;
    top: 0;
    right: 0;
}

.box-type1.self-identification {
    padding: 30px 30px 40px;
}

.certified-cont {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.certified-cont li a {
    display: block;
    width: 100%;
    height: 180px;
    margin: 0 0 15px 0;
    padding: 128px 0 30px;
    border-radius: 2px;
    border: solid 1px #c9c9c9;
    background-color: #fff;
    background-repeat: no-repeat;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

.certified-cont li a strong::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 13px;
    margin-left: 15px;
    background: url('../img/contents/img_move-aff13c3b9513126b33e89677bb2387a2.svg');
}

.certified-cont li:nth-child(1) a {
    background-image: url('../img/contents/icon_authentication01-1d4f419a91b8c08fdc499bf1205d640d.svg');
    background-position: center 41px;
}

.certified-cont li:nth-child(2) a {
    background-image: url('../img/contents/icon_authentication02-e6068e616d234596d4f0fa9e52f5fc1c.svg');
    background-position: center 49px;
}

.certified-cont li.active a,
.certified-cont li a:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-color: #3d3d3d;
}

.certified-cont li p {
    padding: 0 0 0 15px;
    font-size: 18px;
    line-height: 1.33;
    position: relative;
}

.certified-cont li p::before {
    content: '•';
    font-size: 18px;
    position: absolute;
    top: -1px;
    left: 0;
}

.certified-cont li p + p {
    margin-top: 15px;
}

/* 회원정보 입력 */
.member-infor-box h4 {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid var(--gray1);
}

.member-infor-box h5 {
    margin: 0 0 20px 0;
    font-size: 23px;
    font-weight: bold;
}

.enter-member-information {
    margin-bottom: 50px;
}

.enter-member-information .btn-fill-inner {
    height: 45px;
    line-height: 45px;
}

.basic-information {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9bb7c8;
}

.basic-information li {
    display: flex;
}

.basic-information li + li {
    margin-top: 15px;
}

.basic-information li strong {
    display: block;
    min-width: 70px;
    margin-right: 20px;
    font-size: 17px;
    font-weight: bold;
}

.basic-information li span {
    font-size: 17px;
}

.member-infor-box dl + dl {
    margin-top: 30px;
}

.member-infor-box dl dt {
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: bold;
}

.member-infor-box label {
    font-size: 17px;
    font-weight: bold;
}

input[type='text'].input-id {
    width: 410px;
}

.relative .eye-btn {
    width: 24px;
    height: 24px;
    background: url(../img/common/icon_eye-4eb90141661d421379cbdc1f7fea99b8.svg) no-repeat 0 0;
    position: absolute;
    top: 11px;
    left: 93%;
}

.eye-btn.active {
    background-image: url(../img/common/icon_eye_on-e9dc80beedad6b515cc8971309211317.svg);
}

.notice {
    margin-top: 15px;
}

.notice p {
    padding-left: 13px;
    font-size: 16px;
    color: var(--gray1);
    line-height: 1.31;
    position: relative;
}

.notice p::before {
    content: '•';
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}

.notice p + p {
    margin-top: 10px;
}

input[type='text'].input-postal-code {
    width: 242px;
}

input[type='text'].input-school-name {
    width: 374px;
}

/* 가입완료 */
.application-completed {
    padding: 188px 0 0 0;
    background: url(../img/contents/img_completed-f570a9854991e257bdbc2910e788e721.png) no-repeat center 0;
}

.welcome-txt {
    margin-bottom: 20px;
    padding-top: 35px;
    border-top: 1px solid #3d3d3d;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
}

.welcome-txt strong {
    display: block;
    font-size: 30px;
}

.social-linkage-guide {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.5;
}

.social-linkage-btns {
    gap: 10px;
    padding-bottom: 30px;
}

.btn-social-naver,
.btn-social-kakao {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-social-naver {
    background-color: #00c300;
    background-image: url(../img/contents/naver-20f42fd7c82d0b546e88f910efec7b05.png);
}

.btn-social-kakao {
    background-color: #ffe600;
    background-image: url(../img/contents/kakao-b82b8f4bd3f1781eb1f85c357b5c4068.png);
}

/* 로그인 */
.login-area {
    width: 560px;
    margin: 55px auto 100px;
    padding: 40px 30px 30px;
    border-radius: 3px;
    border: solid 1px #b2b2b2;
    background-color: #fff;
}

.login-area h4 {
    margin: 0 0 20px 0;
    font-size: 25px;
    font-weight: bold;
}

.login-area p {
    margin: 0 0 20px 0;
    font-size: 18px;
}

.login-area button {
    display: block;
    width: 100%;
}

.login-area .id-login h4 {
    margin: 0 0 35px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #3d3d3d;
}

.id-login,
.sns-login {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid#b2b2b2;
}

.id-login dl {
    margin-bottom: 30px;
}

.id-login dl dt {
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: bold;
}

.id-login dl dt label {
    font-weight: bold;
}

.id-login dl dd input {
    width: 100%;
    height: 45px;
}

.id-login dl dd:nth-of-type(1) {
    margin-bottom: 30px;
}

.id-login a {
    font-size: 18px;
    font-weight: bold;
}

.id-login a:nth-of-type(-n+2) {
    display: block;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}

.id-login a:nth-of-type(-n+2)::after {
    content: '';
    width: 1px;
    height: 17px;
    background-color: #b2b2b2;
    position: absolute;
    top: 4px;
    right: 0;
}

.sns-login button {
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    background-repeat: no-repeat;
}

.sns-login .btn-naver-login {
    padding: 19px 170px 19px 205px;
    background-color: #00c300;
    background-image: url(../img/contents/naver-20f42fd7c82d0b546e88f910efec7b05.png);
    background-position: 187px 20px;
    color: #fff;
}

.sns-login .btn-kakao-login {
    margin: 10px 0 0 0;
    padding: 16px 175px 16px 212px;
    background-color: #ffe600;
    background-image: url(../img/contents/kakao-b82b8f4bd3f1781eb1f85c357b5c4068.png);
    background-position: 180px 16px;
    color: #381e1e;
}

/* search */
.search-area {
    margin-bottom: 60px;
}

.search-box {
    width: 100%;
    min-height: 100px;
    margin: 0 0 15px 0;
    padding: 30px;
    border: solid 1px #9bb7c8;
    background-color: #eef5f4;
    box-sizing: border-box;
    position: relative;
}

.search-box .search-items {
    display: flex;
    gap: 0 70px;
}

.search-box .search-items + .search-items {
    margin-top: 15px;
}

.search-box dl {
    display: flex;
    gap: 0 18px;
    align-items: center;
    max-width: 398px;
    width: 100%;
}

.search-box dl dt {
    min-width: 57px;
    font-size: 17px;
    font-weight: bold;
    color: #000;
}

.search-box dl dd {
    display: flex;
    gap: 0 7px;
    width: 100%;
}

.search-box dl dd select,
.search-box dl dd input[type=text] {
    width: 100%;
}

.search-btns {
    display: flex;
    justify-content: right;
    gap: 5px;
    margin-top: 15px;
}

.search-btns button {
    width: 120px;
    height: 45px;
    line-height: 45px;
    border-radius: 2px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-repeat: no-repeat;
}

.reset-btn {
    padding: 1px 0 0 29px;
    background-color: #7984b9;
    background-image: url(../img/contents/icon_reset-c2cd20f2ed9144f53217243645c9b964.svg);
    background-position: 28px 15px;
}

.search-btn {
    padding: 1px 0 0 20px;
    background-color: #043dc1;
    background-image: url(../img/contents/icon_search-9d6e46e683538ff604cbebc8ac4a90e7.svg);
    background-position: 34px 16px;
}

.search-total {
    margin-bottom: 20px;
    padding-left: 23px;
    font-size: 20px;
    background: url(../img/contents/img_total-c078a47b3a33d292bfcbe33631c5e7a8.svg) no-repeat 0 4px;
}

/* 마이페이지 */
.manage-my-information {
    width: 560px;
    margin: 55px auto 0;
}

.manage-my-information .tab-content {
    margin: 30px 0 0 0;
    padding: 30px 0;
    border-top: 1px solid #9bb7c8;
    border-bottom: 1px solid #9bb7c8;
}

.detail-box1 {
    width: 100%;
    height: 110px;
    margin: 30px 0 57px;
    padding: 30px 106px 25px;
    border: solid 1px #9bb7c8;
    background-color: #eef5f4;
    background-repeat: no-repeat;
    background-position: 29px 26px;
    background-image: url(../img/contents/img_detail-481fbd4de993866f3ecf60ce5c235e5f.png);
}

.detail-box1 h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

.info-list {
    display: flex;
    align-items: center;
    gap: 50px;
}

.info-list li {
    display: flex;
    gap: 10px;
    font-size: 17px;
}
.info-list1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.info-list1 li {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px;
    border-radius: 10px;
    border: solid 1px #9bb7c8;
    background-color: #f8f8f8;
}

.details-cont h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.contest-list > ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contest-list > ul > li {
    width: 100%;
    padding: 25px 30px;
    border-radius: 10px;
    border: solid 1px #9bb7c8;
    background-color: #fff;
    transition: var(--transition);
    position: relative;
}

.contest-list > ul > li:hover {
    background-color: #eef5f4;
}

.contest-list > ul > li h5 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.contest-list > ul > li .info-list > li {
    gap: 15px;
}

.contest-list > ul > li .btns {
    display: flex;
    gap: 15px;
    position: absolute;
    top: 40px;
    right: 35px;
    z-index: 10;
}

.detail-box2 {
    margin: 130px 0 0;
    position: relative;
}

.detail-box2.img-none {
    margin: 0 0 70px 0;
}

.detail-box2::before {
    content: '';
    width: 100%;
    height: 4px;
    background: url(../img/contents/img_line_dashed-20ebad500909005ad16b8e1a1261c3e3.png) no-repeat 0 0;
    position: absolute;
    top: -4px;
    left: 0;
}

.detail-box2 .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 87px 0 27px;
    border: solid 1px #9bb7c8;
    background-color: #eef5f4;
    position: relative;
}

.detail-box2.img-none .top {
    padding: 27px 0 25px
}

.detail-box2.img-none .top::before {
    display: none;
}

.detail-box2 .top::before {
    content: '';
    width: 142px;
    height: 142px;
    background: url(../img/contents/ci-db46a16b8d8737789e8380b417dad561.png) no-repeat 0 0;
    position: absolute;
    top: -73px;
    left: 50%;
    transform: translateX(-50%);
}

.detail-box2 h4 {
    margin-bottom: 10px;
}

.detail-box2.img-none h4 {
    margin-bottom: 0;
}

.detail-box2 p {
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: bold;
}

.detail-box2 button {
    width: 117px;
    height: 33px;
    line-height: 33px;
    padding: 0 22px 0 40px;
    border-radius: 23px;
    background-color: #041a74;
    background-image: url(../img/contents/img_search-a028df2639f4835f8ee7ac4e730f7858.png);
    background-repeat: no-repeat;
    background-position: 22px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.detail-box2 .info-list {
    justify-content: center;
    padding: 20px 0;
    border-bottom: 1px solid #004093;
}

.detail-box2 .info-list li {
    gap: 15px;
}

.details-view {
    padding: 97px 0 0 0;
    text-align: center;
}

.details-view + .btn-wrap {
    width: 602px;
    margin: 65px auto 0;
}

/* 마이페이지 - 회원유형 변경 신청 */
.membership-type-change .basic-information {
    margin-bottom: 30px;
    border-bottom: 0;
}

.membership-type-change label {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
    font-weight: bold;
}

.choice-input-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

input[type='text'].input-team-search {
    width: 390px;
}

/* 마이페이지 - 경기인 등록/변경 */
.notification-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 18px 20px;
    border-radius: 5px;
    background-color: #f4f7fc;
}
.notification-box p {
    padding: 0 0 0 35px;
    font-size: 18px;
    font-weight: 500;
    color: #041a74;
    position: relative;
}
.notification-box p::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/contents/exclamation_mark-ec990bed28c52345d1a8294a22e3d471.svg) no-repeat 0 0;
    position: absolute;
    top: 1px;
    left: 0;
}
.registration-classification {
    width: 100%;
    padding: 25px 30px;
    border-radius: 10px;
    border: solid 1px #9bb7c8;
    background-color: #fff;
    transition: var(--transition);
    position: relative;
}
.registration-classification .type-check {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: solid 1px #b2b2b2;
}
.registration-classification .type-check label {
    font-size: 18px;
    font-weight: bold;
}
.registration-classification .search-btn,
.registration-classification .reset-btn {
    width: 89px;
    height: 40px;
    line-height: 40px;
	border-radius: 3px;
    font-size: 17px;
    color: #fff;
    background-repeat: no-repeat;
}
.registration-classification .search-btn {
    background-position: 15px 13px;
}
.registration-classification .reset-btn {
    background-position: 20px 12px
}
.activity {
    display: flex;
    align-items: center;
    gap: 20px;
}
.activity-period-select {
    display: flex;
    align-items: center;
    gap: 5px;
}
.activity-period-select label {
    display: block;
    font-size: 17px;
    font-weight: 500;
    margin-right: 5px;
}
.activity-period-select .useDatepicker {
    width: 170px;
}
.activity-period-select .btn-fill-inner {
    background-color: #b42626;
}
[class^=state-color] {
    display: inline-block;
    width: 72px;
    min-width: 43px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box;
}
.state-color-green {
    background-color: #08a26f;
}
.state-color-blue {
    background-color: #1258bf;
}
.state-color-gray {
    background-color: #707070;
}
.registration-classification .btn-wrap button {
    padding: 0 20px 0 45px;
    background-image: url(../img/contents/img_plus-99236f121b45a7c27ed798a709ebfbb5.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 15px center;
}

.agree-box {
    margin-top: 12px;
}

/* 대회일정 */
#tournaments-leagues .detail-box2 {
    margin: 130px 0 70px;
}
#tournaments-leagues .detail-box2 + .btn-wrap {
    margin-top: -40px;
}

#tournaments-leagues .search-area {
    margin-bottom: 45px;
}

#tournaments-leagues h5 {
    margin-bottom: 20px;
}

.relative button {
    position: absolute;
    right: 0;
    top: -11px;
}

table tbody tr td .team-left {
    display: inline-block;
    width: 240px;
    text-align: right;
}

table tbody tr td .vs {
    display: inline-block;
    margin: 0 8px;
}

table tbody tr td .team-right {
    display: inline-block;
    width: 240px;
    text-align: left;
}

.team-left.win,
.team-right.win {
    font-weight: bold;
    color: #0f59bb;
}

.match-table + h5 {
    margin-top: 40px;
}

/* 대진표 토너먼트 */
.matches-area {
    padding: 20px 0 90px;
    border-bottom: 1px solid #004093;
}

.drawArea {
    display: flex;
}

[class*=matches-list] {
    display: flex;
}

.draw {
    width: 546px;
}

.draw .top-area,
.draw .bottom-area,
.draw .first-area,
.draw .second-area,
.draw .third-area,
.draw .fourth-area,
.draw .first-match,
.draw .second-match,
.draw .third-match,
.draw .fourth-match,
.draw .fifth-match,
.draw .sixth-match,
.draw .seventh-match,
.draw .eighth-match,
.draw .ninth-match,
.draw .tenth-match,
.draw .eleventh-match,
.draw .twelfth-match,
.draw .thirteenth-match,
.draw .fourteenth-match,
.draw .fifteenth-match,
.draw .sixteenth-match,
.draw .semi,
.draw .by-default {
    position: relative;
}

.draw .top-area::before,
.draw .bottom-area::before,
.draw .first-area::before,
.draw .second-area::before,
.draw .third-area::before,
.draw .fourth-area::before {
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    background-color: #3d3d3d;
}

.draw .top-area::after,
.draw .bottom-area::after,
.draw .first-area::after,
.draw .second-area::after,
.draw .third-area::after,
.draw .fourth-area::after {
    content: '';
    width: 1px;
    position: absolute;
    background-color: #3d3d3d;
}

.draw .first-match::before,
.draw .second-match::before,
.draw .third-match::before,
.draw .fourth-match::before,
.draw .fifth-match::before,
.draw .sixth-match::before,
.draw .seventh-match::before,
.draw .eighth-match::before,
.draw .ninth-match::before,
.draw .tenth-match::before,
.draw .eleventh-match::before,
.draw .twelfth-match::before,
.draw .thirteenth-match::before,
.draw .fourteenth-match::before,
.draw .fifteenth-match::before,
.draw .sixteenth-match::before,
.draw .semi::before {
    content: '';
    width: 150px;
    height: 1px;
    position: absolute;
    background-color: #3d3d3d;
}

.draw .first-match::after,
.draw .second-match::after,
.draw .third-match::after,
.draw .fourth-match::after,
.draw .fifth-match::after,
.draw .sixth-match::after,
.draw .seventh-match::after,
.draw .eighth-match::after,
.draw .ninth-match::after,
.draw .tenth-match::after,
.draw .eleventh-match::after,
.draw .twelfth-match::after,
.draw .thirteenth-match::after,
.draw .fourteenth-match::after,
.draw .fifteenth-match::after,
.draw .sixteenth-match::after,
.draw .semi::after {
    content: '';
    width: 1px;
    position: absolute;
    background-color: #3d3d3d;
}

.draw ul li {
    height: 148px;
    position: relative
}

.draw ul li div,
.draw ul li span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.draw ul li .regional-team {
    cursor: pointer;
}

.draw ul li .score-match {
    display: none;
}

.draw ul li .team {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 237px;
    height: 70px;
    padding: 15px 25px;
    text-align: center;
    border-radius: 2px;
    border: solid 1px #3d3d3d;
    background-color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.18;
}

.draw ul li .num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 1px 0 0 0;
    border-radius: 50%;
    background-color: #3d3d3d;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative
}

.final-win::before,
.draw .top-area.win::before,
.draw .top-area.win::after,
.draw .bottom-area.win::before,
.draw .bottom-area.win::after,
.draw .first-area.win::before,
.draw .first-area.win::after,
.draw .second-area.win::before,
.draw .second-area.win::after,
.draw .third-area.win::before,
.draw .third-area.win::after,
.draw .fourth-area.win::before,
.draw .fourth-area.win::after,
.draw .first-match.win::before,
.draw .first-match.win::after,
.draw .second-match.win::before,
.draw .second-match.win::after,
.draw .third-match.win::before,
.draw .third-match.win::after,
.draw .fourth-match.win::before,
.draw .fourth-match.win::after,
.draw .fifth-match.win::before,
.draw .fifth-match.win::after,
.draw .sixth-match.win::before,
.draw .sixth-match.win::after,
.draw .seventh-match.win::before,
.draw .seventh-match.win::after,
.draw .eighth-match.win::before,
.draw .eighth-match.win::after,
.draw .ninth-match.win::before,
.draw .ninth-match.win::after,
.draw .tenth-match.win::before,
.draw .tenth-match.win::after,
.draw .eleventh-match.win::before,
.draw .eleventh-match.win::after,
.draw .twelfth-match.win::before,
.draw .twelfth-match.win::after,
.draw .thirteenth-match.win::before,
.draw .thirteenth-match.win::after,
.draw .fourteenth-match.win::before,
.draw .fourteenth-match.win::after,
.draw .fifteenth-match.win::before,
.draw .fifteenth-match.win::after,
.draw .sixteenth-match.win::before,
.draw .sixteenth-match.win::after,
.draw .semi.win::before,
.draw .semi.win::after,
.draw ul li .num.win::before,
.draw ul li .num.win::after {
    background-color: #f00 !important;
    z-index: 20;
}

.left-draw.final-win::before,
.right-draw.final-win::before,
.draw .top-area.win::before,
.draw .bottom-area.win::before,
.draw .first-area.win::before,
.draw .second-area.win::before,
.draw .third-area.win::before,
.draw .fourth-area.win::before,
.draw .first-match.win::before,
.draw .second-match.win::before,
.draw .third-match.win::before,
.draw .fourth-match.win::before,
.draw .fifth-match.win::before,
.draw .sixth-match.win::before,
.draw .seventh-match.win::before,
.draw .eighth-match.win::before,
.draw .ninth-match.win::before,
.draw .tenth-match.win::before,
.draw .eleventh-match.win::before,
.draw .twelfth-match.win::before,
.draw .thirteenth-match.win::before,
.draw .fourteenth-match.win::before,
.draw .fifteenth-match.win::before,
.draw .sixteenth-match.win::before,
.draw .semi.win::before,
.draw ul li .num.win::before {
    height: 2px;
}

.draw .semi.win::before {
    height: 2px !important;
}

.draw .top-area.win::after,
.draw .bottom-area.win::after,
.draw .first-area.win::after,
.draw .second-area.win::after,
.draw .third-area.win::after,
.draw .fourth-area.win::after,
.draw .first-match.win::after,
.draw .second-match.win::after,
.draw .third-match.win::after,
.draw .fourth-match.win::after,
.draw .fifth-match.win::after,
.draw .sixth-match.win::after,
.draw .seventh-match.win::after,
.draw .eighth-match.win::after,
.draw .ninth-match.win::after,
.draw .tenth-match.win::after,
.draw .eleventh-match.win::after,
.draw .twelfth-match.win::after,
.draw .thirteenth-match.win::after,
.draw .fourteenth-match.win::after,
.draw .fifteenth-match.win::after,
.draw .sixteenth-match.win::after,
.draw .semi.win::after,
.draw ul li .num.win::after {
    width: 2px;
}

.draw .semi.win::after {
    width: 2px !important
}

.draw ul li .num::after {
    content: '';
    width: 1px;
    height: 74px;
    background-color: #3d3d3d;
    position: absolute;
    top: 12px;
}

.left-draw li .num::after {
    left: 173px;
}

.draw ul li .num.up::after {
    height: 75px;
    top: -61px;
}

.draw ul li .num.win.up::after {
    /* height: 76px; */
}

.draw ul li .num::before {
    content: '';
    width: 150px;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 12px;
}

.second-team span::after {
    top: -60px;
    left: 327px;
}

.draw .by-default .num::before {
    width: 192px;
}

.draw li .space {
    margin: 0 5px;
    font-size: 14px;
    color: #3d3d3d;
}

.date-time-match:hover {
    cursor: pointer;
}

/* 왼쪽 팀 */
.left-draw {
    position: relative;
}

.left-draw::before {
    content: '';
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 50%;
}

.drawType01 .left-draw::after {
    content: '';
    width: 26px;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    bottom: 134px;
    right: 0;
}

.left-draw .score {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
}

.left-draw .score.score1 {
    top: 96px;
    right: 158px;
}

.left-draw .score.score2 {
    top: 241px;
    right: 11px;
}

.left-draw li .num {
    margin-left: -13px;
}

.left-draw li .num::before {
    left: 24px;
}

/* 오른쪽 팀 */
.right-draw {
    position: relative;
}

.right-draw::before {
    content: '';
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 50%;
    transform: translateY(-52px);
}

.right-draw::after {
    content: '';
    width: 1px;
    background-color: #3d3d3d;
    position: absolute;
}

.right-draw li .team::before {
    right: 303px;
    top: 89px;
}

.right-draw li .team {
    margin-left: 10px;
}

.right-draw li .team::after {
    right: 329px;
    top: 89px;
}

.right-draw li div,
.right-draw li span {
    justify-content: right;
}

.right-draw li .num {
    margin-right: -24px;
}

.right-draw li .num::before {
    right: 24px;
}

.right-draw li .num::after {
    right: 174px;
}

.right-draw .score {
    position: absolute;
    font-size: 16px;
}

.right-draw .score.score1 {
    top: 95px;
    left: 159px;
    font-size: 18px;
    font-weight: bold;
}

.right-draw .score.score2 {
    top: 242px;
    left: 10px;
    font-size: 18px;
    font-weight: bold;
}

.central-board {
    width: 300px;
    box-sizing: border-box;
}

.central-board span {
    display: block;
}

.central-board .final-score {
    font-size: 18px;
    font-weight: bold;
}

.matches-list08 .left-draw::before {
    width: 150px;
    left: 545px;
    transform: translateY(-5px);
}

.matches-list08 .left-draw .second-team .date-time-match {
    margin-left: 260px;
}

.matches-list08 .first-match::before {
    top: 109px;
    left: 397px;
}

.matches-list08 .first-match::after {
    height: 148px;
    top: 109px;
    left: 546px
}

.matches-list08 .second-match::before {
    width: 150px;
    top: 108px;
    left: 397px;
}

.matches-list08 .second-match::after {
    height: 147px;
    top: -41px;
    left: 545px;
}

.matches-list08 .second-match.win::after {
    height: 149px;
}

.matches-list08 .third-match::before {
    top: 108px;
    right: 397px;
}

.matches-list08 .third-match::after {
    height: 148px;
    top: 108px;
    right: 546px;
}

.matches-list08 .fourth-match::before {
    top: 108px;
    right: 397px
}

.matches-list08 .fourth-match::after {
    height: 149px;
    top: -40px;
    right: 546px;
}

.matches-list08 .fourth-match.win::after {
    height: 168px;
}

.matches-list08 .left-draw .fourth-team {
    height: 50px;
    margin-bottom: 25px;
}

.matches-list08 .right-draw::before {
    width: 150px;
    right: 547px;
    transform: translateY(-4px);
}

.matches-list08 .right-draw li .date-time-match {
    padding-left: 60px;
}

.matches-list08 .right-draw .seventh-team .date-time-match {
    padding-left: 25px;
}

.matches-list08 .right-draw .fifth-team {
    height: 50px;
    margin-bottom: 25px;
}

.matches-list08 .right-draw .fifth-team .num::after {
    height: 76px;
    top: -55px;
}

.matches-list08 .right-draw .fifth-team .num.win::after {
    top: -62px;
}

.matches-list08 .central-board {
    padding-top: 108px;
    text-align: center;
}

.matches-list08 .code-guide::before {
    width: 460px;
    left: -25px;
}

/* 참가신청 - 소속팀 선택 */
.application-steps {
    width: 880px;
    margin: 55px auto 0;
}

.application-steps ol {
    display: flex;
    gap: 70px;
    width: 100%;
    position: relative;
}

.application-steps ol li {
    width: 120px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center 62px;
    position: relative;
}

.application-steps ol li.step1 {
    background-image: url(../img/contents/img_application-steps01-048d4148e415b2b0f50a407dd71f781b.png);
}

.application-steps ol li.step2 {
    background-image: url(../img/contents/img_application-steps02-36be6b88d500ca83e6292d7c7ca1cc3b.png);
}

.application-steps ol li.step3 {
    background-image: url(../img/contents/img_application-steps03-537b0502830aa0802df240403db0c066.png);
}

.application-steps ol li.step4 {
    background-image: url(../img/contents/img_application-steps04-6ae14a7819942004aeecd67cb7ac6876.png);
}

.application-steps ol li.step5 {
    background-image: url(../img/contents/img_application-steps05-6d0dd03517045914e6fe7c094c3d714a.png);
}

.application-steps ol li::after {
    content: '';
    width: 13px;
    height: 20px;
    background: url(../img/contents/img_step_next-8a20c6cf8c19d9239f4affcd699aad6d.svg);
    position: absolute;
    top: 5px;
    right: -41px;
}

.application-steps ol li.step5::after {
    display: none;
}

.application-steps ol li strong {
    display: block;
    width: 100%;
    height: 30px;
    margin: 0 0 123px 0;
    padding: 4px 0 5px;
    border-radius: 16px;
    border: solid 2px #b2b2b2;
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.application-steps ol li.active strong {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff;
}

.uniform-Infor {
    gap: 48px;
}

.uniformed-tops,
.uniformed-bottoms {
    height: 104px;
    margin-bottom: 0;
    padding: 0 0 0 120px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.uniformed-tops {
    background-image: url(../img/contents/img_uniformed_tops-a0defde76eb56d3c85388e86160523f1.png);
}

.uniformed-bottoms {
    background-image: url(../img/contents/img_uniformed_bottoms-b1d757a012e7ba4419acffe6a7715d58.png);
}

.payment-participation-fee {
    display: flex;
    align-items: center;
    padding: 16px 0 15px;
    border-top: 2px solid #004093;
    border-bottom: 1px solid #004093;
}

.payment-participation-fee > p {
    padding: 10px 0 9px 65px;
    font-size: 19px;
    background: url(../img/contents/img_participation_fee-ec5ca2e65bb770b2dd57fae2a88a1ebd.png) no-repeat 0 0;
}

.participation-fee {
    align-items: center;
    margin-left: auto;
    position: relative;
}

.participation-fee > p {
    margin-right: 58px;
    font-size: 19px;
    font-weight: bold;
}

.participation-fee > p em {
    font-size: 18px;
    font-weight: bold;
}

.participation-fee > p strong {
    font-size: 25px;
}

.participation-fee select {
    width: 207px;
    height: 45px;
    margin: 0 5px 0 0;
    padding: 13px 15.1px 13px 15px;
    background-position-y: 18px;
    font-size: 16px;
}

.participation-fee .btn-fill-green1 {
    width: 130px;
    height: 45px;
    line-height: 45px;
    padding: 0 18px;
}

.complete {
    padding: 322px 0 97px 0;
    border-top: 2px solid #004093;
    border-bottom: 1px solid #004093;
    background: url(../img/contents/img_complete-10687478c140451146cef0a28ade2315.png) no-repeat center 60px;
}

.complete p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.complete p strong {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

/* 경기결과 */
.match-results-records {
    display: flex;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #004093;
    position: relative;
}
[class^=match-record] {
    position: relative;
}
[class^=match-record] .team-name {
    display: flex;
    align-items: center;
    width: 100%;
    height: 62px;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
}
.match-record-left .team-name {
    padding: 0 0 0 40px;
    border-radius: 5px 0 0 5px;
    background-color: #cb1f1f;
}
.match-record-right .team-name {
    justify-content: right;
    padding: 0 30px 0 0;
    border-radius: 0 5px 5px 0;
    background-color: #0f59bb;
}
[class^=match-record] .table-col {
    position: relative;
}
[class^=match-record] .table-col table {
    border-top: 0;
}
[class^=match-record] .table-col::before,
[class^=match-record] .table-col::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #cfcfcf;
    position: absolute;
    top: 0;
}
.match-record-left .table-col::after {
    right: -50px;
}
.match-record-right .table-col::before {
    left: -50px;
} 
[class^=match-record] .table-col table thead th {
    height: 40px;
    border:0;
    border-left: 1px solid #fff;
    color: #fff;
}
[class^=match-record] .table-col table tbody td {
    height: 40px;
}
[class^=match-record] .table-col table tbody td:first-child {
    border-left: 1px solid #9bb7c8;
}
[class^=match-record] .table-col table tbody td:last-child {
    border-right: 1px solid #9bb7c8;
}
.players-left,
.players-right {
    width: 480px;
}
.players-left .table-col table {
    border-bottom-color: #cb1f1f;
}
.players-left .table-col table thead th {
    background-color: #cb1f1f;
}
.players-left .table-col table thead th:first-child {
    border-left: 1px solid #cb1f1f;
}
.players-right .table-col table {
    border-bottom-color: #0f59bb;
}
.players-right .table-col table thead th {
    background-color: #0f59bb;
}
.players-right .table-col table thead th:first-child {
    border-left: 1px solid #0f59bb;
}
.scoreboard {
    display: flex;
    width: 443px;
    height: 62px;
    color: #fff;
    position: absolute;
    top: 0;
    left: -49px;
}
.scoreboard .result {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 222px;
    box-sizing: border-box;
}
.scoreboard .result em {
    font-size: 19px;
    font-weight: 800
}
.scoreboard .result .score {
    font-size: 28px;
    font-weight: bold;
}
.scoreboard .result-left {
    background-color: #cb1f1f;
}
.scoreboard .result-right {
    padding: 0 0 0 130px;
    background-color: #0f59bb;
}
.scoreboard .vs {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.scoreboard .vs > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detailed-record {
    width: 345px;
    margin:  0 49px 0 48px;
    padding: 102px 50px 0;
    /* background: url(../img/contents/img_record-20878e86d8b3ceb3fa0368cbf8ad32bf.png) no-repeat center calc( 100% - 9px ); */
    position: relative;
}
.detailed-record h5 {
    text-align: center;
}
.detailed-record ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 40px;
    margin-bottom: 30px;
}
.detailed-record ul li {
    display: flex;
    width: 100%;
    height: 40px;
    border: solid 1px #9bb7c8;
}
.detailed-record ul li.no-infor  {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border: 0;
    color: #4a4a4a;
} 
.detailed-record ul li strong {
    display: block;
    width: 68px;
    line-height: 40px;
    text-align: center;
    font-size: 17px;
    font-weight: 800;
}
.detailed-record ul li span {
    display: block;
    width: 110px;
    line-height: 40px;
    border-left: solid 1px #9bb7c8;
    border-right: solid 1px #9bb7c8;
    background-color: #eef5f4;
    text-align: center;
    font-size: 17px;
}
.detailed-record button {
    display: block;
    width: 244px;
    height: 40px;
    margin-top: -32px;
    padding: 11px 0 10px;
    border-radius: 5px;
    background-color: #041a74;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 10;
}

/* 강습회 */
.upload-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

/* 이미지 미리보기 박스 */
.preview-box {
    display: none;
    width: 135px;
    height: 168px; /* 3:4 증명사진 비율 */
    border: solid 1px #c9c9c7;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
}

.preview-box.active {
    display: block;
}

.preview-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 하단 컨트롤 영역 (버튼 + 파일명) */
.file-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
}

.btn-file-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 40px;
    padding: 2px 13px 0;
    background-color: #4a4a4a;
    border-radius: 3px;
    font-size: 17px;
    line-height: 1;
    color: var(--white);
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-file-select:hover {
    background-color: #334155;
}

.file-info {
    display: none;
    align-items: center;
    gap: 10px;
}

.file-info.active {
    display: flex;
}

.file-name {
    font-size: 17px;
}

.btn-delete {
    width: 20px;
    height: 20px;
    background: url(../img/contents/img_btn_delete-ed690d02b9b9aa79f352a818a624208e.png) no-repeat 0 0;
}

.activity-history + .activity-history {
    margin-top: 5px;
}

.btn-print {
    display: block;
    /*width: 40px;*/
    width: 95px;
    height: 40px;
    margin-left: 15px;
    border-radius: 3px;
    /*background: #4a4a4a url(../img/contents/icon_print-ba6313857fe1bd6693d8ba3a53659c5c.svg) no-repeat center;*/
    background-color: #4a4a4a;
    font-size: 17px;
    font-weight: normal;
}

.btn-print:disabled {
    background-color: #bebebe;
}

.upload-area {
    position: relative;
}
.upload-box {
    width: 816px;
    height: 40px;
    padding: 10px 12px;
    border-radius: 2px;
    border: solid 1px #b1b1b1;
    background-color: #fff;
    position: relative;
}
.upload-btn {
    display: block;
    width: 85px;
    height: 40px;
    padding: 10px 0;
    border-radius: 3px;
    background-color: #4a4a4a;
    text-align: center;
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: -1px;
    right: -91px;
}
.file-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 25px;
}
.file-list li a {
    display: block;
    padding: 0 0 0 24px;
    font-size: 17px;
    background: url(../img/contents/icon_attachment-b4e9bb3fefac5c1463c476922cf0bc55.svg) no-repeat 0 1px;
    position: relative;
}
.file-list li .btn-del {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/contents/img_del-ed690d02b9b9aa79f352a818a624208e.png) no-repeat 0 0;
}
#lecture .box-type2 input[type='checkbox'] + label.round-chk {
    font-size: 20px;
    font-weight: 500;
}
#lecture .box-type2 input[type='checkbox'] + label.round-chk.all-agree {
    font-weight: bold;
}
.placehoder {
    font-size: 17px;
    color: #727272;
    position: absolute;
    top: 8px;
    left: 12px;
}

/* 미디어 */
.media {
    padding: 0 0 50px 0;
    border-bottom: 1px solid #004093;
}
.media p {
    font-size: 17px;
}
.media p.stadium {
    margin-bottom: 10px;
}
.media p.count {
    margin-top: 20px;
    padding-left: 26px;
    background: url(../img/contents/icon_view-fc49f9059a27e370f4aa49dc680f925b.svg) no-repeat 0 5px;
}
.major-media,
.media-list1 {
    margin-bottom: 50px;
    position: relative;
}
.major-media a {
    display: flex;
    gap: 30px;
}
.major-media h4 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
[class*=media-list] ul {
    display: flex;
    flex-wrap: wrap;
}
.media-list1 ul {
    gap: 30px 50px;
}
.media-list1 ul li {
    width: 48%;
    position: relative;
}
.media-list1 ul li a {
    display: flex;
    gap: 30px;
}
.media-list1 ul li h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}
.media-list2 ul {
    gap: 20px 30px;
}
.media-list2 ul li {
    width: 23.3%;
}
.media-list2 ul li a {
    display: block;
}
.media-list2 ul li figure figcaption {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

/* 공지사항 상세 */
.notice-view h4 {
	padding: 25px 20px;
    border-top: solid 1px #3d3d3d;
	border-bottom: solid 1px #b2b2b2;
}
[class*=notice-infor] {
	display: flex;
	padding: 25px 20px;
	border-bottom: solid 1px #b2b2b2;
}
[class*=notice-infor] dt {
	margin-left: 60px;
	font-size: 18px;
	font-weight: 500;
	color: #3d3d3d;
}	
[class*=notice-infor] dt:first-child {
	margin-left: 0;
}	
[class*=notice-infor] dd {
	margin-left: 30px;
	font-size: 18px;
	font-weight: normal;
	color: #3d3d3d;
}	
[class*=notice-infor] dd a {
	display: block;
}
[class*=notice-infor] dd a+a {
	margin-top: 5px;
}
.notice-cont {
    font-size: 16px;
    line-height: 1.5;
    white-space: pre-line;
	padding: 20px;
	border-bottom: solid 1px #b2b2b2;
}

/* 레이어 팝업 **/
.modal-pop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 500;
}

.modal-pop .modal-layer {
    min-width: 540px;
    padding: 30px 20px 20px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #707070;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    z-index: 500;
}
.modal-pop .modal-layer.small {
    min-width: 400px;
}
.modal-pop .modal-layer h4 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #3d3d3d;
    font-size: 25px;
    font-weight: bold;
}

.modal-pop .modal-layer .modal-cont {
    background-color: #fff;
    overflow-y: auto;
    position: relative;
}

.modal-pop .note-txt {
    margin-bottom: 20px;
    padding-left: 28px;
    font-size: 18px;
    background: url(../img/contents/img_note-5767f07fd988e32552cf8f950a56b52f.svg) no-repeat 0 4px;
}
.modal-pop .modal-layer .search-box dl dt {
    min-width: 30px;
    font-size: 16px;
}
.modal-pop .modal-layer .table-col table thead th,
.modal-pop .modal-layer .table-col table tbody td {
    font-size: 16px;
}
.modal-pop .modal-layer .search-total {
    margin-bottom: 10px;
    font-size: 18px;
    background-position: 0 2px;
}

/* 팀 검색 모달: 결과가 많을 때 본문만 스크롤(헤더 고정) */
#search-team .table-col {
    max-height: 360px;
    overflow-y: auto;
}
#search-team .res-tbl thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    box-shadow: inset 0 2px 0 #004093, inset 0 -1px 0 #9bb7c8;
}

/* 아이디 찾기 */
.id-check {
    padding: 139px 0 0 0;
    background: url(../img/contents/img_idCheck-ab9cade4d5890fba80384fd4f9b8aaf0.png) no-repeat center 20px;
}

.id-check p {
    text-align: center;
    font-size: 18px;
}

.id-check p strong {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 20px;
    font-weight: bold;
    color: #c81652;
}

#find-pw dl + dl {
    margin-top: 20px;
}

#find-pw dl dt {
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: bold;
}

#find-pw dl dt label {
    font-weight: bold;
}

/* 약관전문 */
.modal-layer.modal-terms {
    width: 700px;
}
.layer_terms {
    overflow: auto;
    max-height: 450px;
    padding: 25px;
    background-color: #f0f0f0;
    color: #555;
}
.layer_terms .tit_cont {
    padding-top: 25px;
    font-size: 15px;
    font-weight: 700;
}
.layer_terms .tit_cont:first-child {
    padding-top: 0;
}
.layer_terms h6.tit_cont {
    font-size: 15px;
    font-weight: 500;
}
.layer_terms .tit_cont + .tit_cont {
    padding-top: 15px;
}
.layer_terms .txt_cont {
    display: block;
    padding-top: 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}
.close {
    width:30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 20px;
    transition: transform 0.4s ease-in-out;
}
.close:before,
.close:after {
    content:' ';
    width: 2px;
    height: 30px;
    position: absolute;
    left: 15px;
    background-color: #000;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}    
.line-list {
    padding: 0 30px;
}
.line-list li {
    display: flex;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #c9c9c9;
}
.line-list li:first-child {
    border-top: solid 1px #c9c9c9;
}
.line-list li span {
    display: block;
    width: 85px;
    font-weight: 500;
}

/* responsive */
@media (max-width: 1400px) {

    .subscription-type {
        margin: 15px 0 0 0;
        padding: 20px 0 0 0;
    }

    .subscription-type a {
        font-size: 16px;
    }

    .subscription-type a::after {
        top: 28px;
        transform: translateX(75px);
    }

    .box-type1 input[type='checkbox'] + label.all-agree {
        font-size: 16px;
        font-weight: bold;
    }

    .terms-conditions-use {
        margin: 15px 0 0 0;
        padding: 20px 0 28px 0;
        border-bottom: 1px solid #004093;
    }

    .terms-conditions-use li a {
        font-size: 15px;
    }

    .enter-member-information .tab.type1 li {
        width: 49%;
    }

    input[type='text'].input-id {
        width: 77%;
    }

    .certified-cont {
        gap: 20px;
        padding: 20px 0 0 0;
        border-top: 1px solid #3d3d3d;
    }

    .certified-cont li a {
        height: 150px;
        margin: 0 0 10px 0;
        padding: 100px 0 30px;
        font-size: 16px;
    }

    .certified-cont li a strong::after {
        margin-left: 10px;
    }

    .certified-cont li:nth-child(1) a {
        background-position: center 29px;
        background-size: 39px 56px;
    }

    .certified-cont li:nth-child(2) a {
        background-position: center 29px;
        background-size: 132px 43px;
    }

    .certified-cont li p {
        font-size: 15px;
        line-height: 1.47;
    }

    .certified-cont li p::before {
        top: -4px;
    }

    .certified-cont li p + p {
        margin-top: 5px;
    }

    .btn-wrap button,
    .btn-wrap a {
        flex: 1;
    }

    .btn-wrap button:first-child {
        flex: 1 1 0;
    }

    .btn-wrap button:last-child {
        flex: 2 1 0;
    }

    .btn-wrap.col-3 button {
        flex: auto;
    }
    .btn-wrap.col-3 button:last-child {
        flex-basis: 100%;
    }

    .btn-wrap.flex-auto button {
        flex: auto;
        width: 100%;
    }

    .btn-wrap button.btn-ht1 {
        height: 50px;
        line-height: 50px;
    }

    #training-education-info .period {
        flex-direction: column;
    }

    .login-area {
        width: 100%;
        margin: 0;
        padding: 20px 20px 30px;
    }

    .sns-login .btn-naver-login {
        padding: 19px 113px 19px 69px;
        background-position-x: 205px;
    }

    .sns-login .btn-kakao-login {
        padding: 16px 125px 16px 79px;
        background-position-x: 202px;
    }

    /* 마이페이지 */
    .manage-my-information {
        width: 100%;
        margin: 10px auto 0;
    }

    .detail-box1 {
        width: calc(100% + 40px);
        height: auto;
        margin: 20px -20px 30px;
        padding: 20px;
        border-right: 0;
        border-left: 0;
        background-size: 26px 31px;
        background-position: 23px 15px;
    }

    .detail-box1 h4 {
        margin-bottom: 20px;
        padding: 0 0 0 38px;
        font-size: 18px;
    }

    .detail-box1 .info-list {
        gap: 10px;
        flex-direction: column;
        align-items: baseline;
    }

    .detail-box1 .info-list li strong {
        display: block;
        min-width: 58px;
        margin-right: 39px;
    }

    .detail-box2 {
        margin: 58px 0 0 0;
    }

    .detail-box2 .top {
        height: auto;
        padding: 40px 0 15px;
    }

    .detail-box2 .top::before {
        width: 68px;
        height: 57px;
        top: -30px;
        background-image: url(../img/contents/m_ci-2492c04ee2c4256e4b0d869e1f03a4ce.png);
    }

    .detail-box2 h4 {
        padding: 0 40px;
        text-align: center;
        font-size: 17px;
    }

    .detail-box2 p {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .detail-box2 button {
        width: 91px;
        height: 25px;
        padding: 0 3px 0 17px;
        background-position: 10px 5px;
        font-size: 14px;
        line-height: 25px;
    }

    .details-view {
        padding: 30px 0 0 0;
    }

    .details-view + .btn-wrap {
        width: 100%;
        margin: 50px 0 0;
    }

    .details-view + .btn-wrap button:first-child {
        flex: auto;
    }

    .contest-list > ul > li {
        height: auto;
        padding: 20px;
    }

    .contest-list > ul > li > a > h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .info-list {
        gap: 30px;
    }

    .info-list li {
        font-size: 16px;
    }

    .contest-list > ul > li > a > .info-list > li {
        gap: 20px;
    }

    .contest-list > ul > li > a > .info-list > li > strong {
        display: block;
        min-width: 55px;
    }

    .relative .eye-btn {
        top: 11px;
        left: 90%;
    }

    /* 회원유형 변경 신청 */
    .enter-member-information {
        margin-bottom: 30px;
    }
    .enter-member-information .btn-fill-inner {
        height: 35px;
        line-height: 35px;
    }
    input[type='text'].input-team-search {
        width: calc(100% - 110px);
    }
    .choice-input-list {
        gap: 15px;
    }
    .choice-input-list li .flex {
        flex-wrap: wrap;    
    }
    .choice-input-list li:nth-of-type(1) .flex {
        flex-wrap: nowrap;
        gap: 5px;
    }
    .choice-input-list li:nth-of-type(2) select.w-160  {
        width: 48%;    
    }

    /* 마이페이지 - 경기인 등록/변경 */
    .notification-box {
        padding: 15px;
    }
    .notification-box p {
        padding: 0 0 0 30px;
        font-size: 16px;
    }
    .registration-classification {
        padding: 15px;
    }
    .info-list1 li {
        flex-direction: column;
        padding: 0 0 20px;
        border:0;
        border-radius: 0;
        border-bottom: 1px solid #9bb7c8;
        background-color: #fff;
    }
    .info-list1 li input[type='text'].w-600 {
        width: 100%;
    }
    .activity {
        width: 100%;
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
        margin-top: 20px;
    }
    .activity-period-select {
        width: 100%;
        flex-wrap: wrap;
    }
    .activity-period-select label {
        flex-basis: 100%;
    }
    .activity-period-select .useDatepicker {
        width: 49%;
    }

    #tournaments-leagues .detail-box2 {
        margin: 43px 0 30px;
    }

    #tournaments-leagues .step-txt {
        padding-bottom: 10px;
        border-bottom: 1px solid #cecece;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
    }

    /*  대회일정 */
    .relative button {
        width: 100%;
        position: static;
    }

    .relative .paging {
        margin-bottom: 30px;
    }

    .table-col table tbody tr td .team-left,
    .table-col table tbody tr td .vs,
    .table-col table tbody tr td .team-right {
        width: 100%;
        padding: 0 0 0 99px;
        text-align: left;
    }

    .table-col table tbody tr td .vs {
        margin: 0;
    }

    /* 대진표 리그, 토너먼트 */
    .match-table,
    .matches-area {
        width: 100%;
        overflow-x: auto;
    }

    .match-table table {
        width: 250%;
    }

    [class^=matches-list] {
        width: 380%;
    }

    #tournaments-leagues h5 {
        margin-bottom: 15px;
    }

    .uniform-Infor {
        gap: 15px;
        flex-direction: column;
        padding-bottom: 30px;
        border-bottom: 1px solid #004093;
    }

    .uniform-Infor.mb-70 {
        margin-bottom: 30px;
    }

    .uniform-Infor .table-row table tbody {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .uniform-Infor .table-row table tbody tr {
        display: flex;
        gap: 10px;
        align-items: center;
        width: 100%;
    }

    .uniform-Infor .table-row table tbody tr.spacing {
        padding: 10px 0 0 0;
    }

    .uniform-Infor .table-row table tbody tr th {
        display: block;
        width: 55%;
        font-size: 15px;
        font-weight: bold;
    }

    .uniform-Infor .table-row table tbody tr td {
        display: block;
        width: 100%;
    }

    .uniform-Infor .table-row table tbody tr td .w-245 {
        width: 100%;
        height: 35px;
    }

    .uniformed-tops, .uniformed-bottoms {
        height: 74px;
        padding: 0 0 0 84px;
        background-size: 74px 73px;
        border-bottom: 0;
    }

    .payment-participation-fee {
        flex-direction: column;
        padding: 0 0 15px;
        border-top: 0;
    }

    .payment-participation-fee > p {
        padding: 4px 0 9px 55px;
        font-size: 15px;
    }

    .participation-fee {
        width: 100%;
        align-items: baseline;
        margin-left: 0;
        flex-direction: column;
    }

    .participation-fee > p {
        margin: 0 0 10px 0;
        font-size: 15px;
    }

    .participation-fee > p strong {
        font-size: 20px;
    }

    .participation-fee select {
        width: calc(100% - 114px);
        height: 40px;
        margin: 0 5px 0 0;
        padding: 11px 15px 10px 15px;
        background-position-y: 15px;
        font-size: 16px;
    }

    .participation-fee .btn-fill-green1 {
        width: 109px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 16px;
    }

    .complete {
        padding: 0 0 230px 0;
        border-top: 0;
        background-position: center 135px;
        background-size: 228px auto;
    }

    .complete p {
        font-size: 16px;
    }

    .complete p strong {
        font-size: 20px;
    }

      /* 경기결과 */
    .match-results-records {
        flex-direction: column;
        padding: 0;
        border-bottom: 0;
    }
    [class^=match-record] .team-name {
        display: flex;
        justify-content: center;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-bottom: 20px;
    }
    .match-record-left .team-name,
    .match-record-right .team-name {
        padding: 0;
        border-radius: 5px;
    }
    .players-left,
    .players-right {
        width: 100%;
    }
    [class^=match-record] .table-col {
        margin-bottom: 0;
        padding: 0;
        border-bottom: 0;
    }
    [class^=match-record] .table-col table thead th,
    [class^=match-record] .table-col table tbody td {
        height: 35px;
    }
    .detailed-record {
        width: 100%;
        height: 506px;
        margin: 0 0 60px 0;
        padding: 65px 0 0 0;
    }
    .detailed-record::before,
    .detailed-record::after {
        display: none;
    }
    .scoreboard {
        width: 100%;
        height: 45px;
        left: 0;
    }
    .scoreboard .result {
        width: 50%;
    }
    .scoreboard .result-left {
        padding: 0 0 0 10px;
    }
    .scoreboard .result-right {
        justify-content: right;
        padding: 0 10px 0 0;
    }
    .scoreboard .result em {
        font-size: 15px;
        font-weight: 500;
    }
    .scoreboard .result .score {
        font-size: 20px;
    }
    .scoreboard .vs {
        width: 100px;
        top: -7px;
    }
    .detailed-record h5 {
        text-align: left;
    }
    .detailed-record ul li {
        height: 35px;
    }
    .detailed-record ul li strong {
        width: 100%;
        flex: 1;
        line-height: 35px;
    }
    .detailed-record ul li span {
        width: 100%;
        flex: 2;
        line-height: 35px;
    }
    .detailed-record button {
        width: 100%;
    }
    .detailed-record ul+div {
        text-align: center;
    }

    /* 강습회 */
    .contest-list > ul > li .btns {
        position: static;
        margin-top: 10px;
    }

    .contest-list > ul > li .btn-fill-inner {
        display: block;
        width: 100%;
    }

    .detail-box2.img-none {
        margin: 0 0 30px 0;
    }

    .btn-file-select {
        width: 100%;
    }

    .upload-content {
        gap: 40px;
    }

    .file-info {
        width: 100%;
        position: absolute;
        bottom: 50px;
        left: 0;
    }

    .file-name {
        font-size: 15px;
    }

    .activity-history select {
        display: block;
        margin-bottom: 5px;
    }

    .activity-history + .activity-history {
        margin-top: 10px;
    }

    .activity-history .btn-fill-inner.w-85 {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .payment-participation-fee.lesson-fees {
        align-items: baseline;
    }

    .btn-print {
        display: none;
    }
     .upload-box {
        width: calc(100% - 85px);
    }    
    .file-list li a {
        overflow: hidden;
        width: 90%;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px;
        background-position: 0 0;
    }
    .box-type2 {
        padding: 20px 0;
    }    
    .box-type2.mb-70 {
        margin-bottom: 30px;
    }
    #lecture .box-type2 input[type='checkbox'] + label.round-chk {
        font-size: 16px;
    }
    .box-type2 .terms-conditions-use {
        padding: 20px 0 0 0;
        border-bottom: 0;
    }
    .placehoder {
        overflow: hidden;
        width: 90%;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px;
        top: 10px;
        left: 10px;
    }

     /* 미디어 */
    .media {
        padding: 0 0 20px 0;
    }
    .media p {
        font-size: 15px;
    }
    .media p.stadium {
        margin-bottom: 5px;
    }
    .media p.count {
        margin-top: 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .major-media, .media-list1 {
        margin-bottom: 20px;
    }
    .major-media a {
        gap: 10px;
        flex-direction: column;
    }
    .major-media h4,
    .media-list1 ul li h4 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.44;
    }
    .media-list1 ul,
    .media-list2 ul {
        gap: 20px;
    }
    .media-list1 ul li,
    .media-list2 ul li {
        width: 100%;
    }
    .media-list1 ul li a {
        flex-direction: column;
        gap: 10px;
    }
    .media-list2 ul li a {
        width: 100%;
    }
    .media-list2 ul li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .media-list2 ul li figure figcaption {
        font-size: 16px;
    }

    /* 공지사항 상세 */ 
	.notice-view h4 {
        padding: 0;
        border:0;
        font-size: 18px;
		line-height: 1.56;
	}
	[class*=notice-infor] dt {
		margin: 0;
		font-size: 16px;
	}
	[class*=notice-infor] dd {
		font-size: 16px;
	}
    .notice-infor1 {
		flex-wrap: wrap; 
        gap: 20px;
        padding: 20px 0;
	}	
	.notice-infor1 dd {
		flex-basis: 83%;
		margin: 0;
	}
	.notice-infor2 {
		display: block;
        margin: 0 0 25px 0;
		padding: 20px 0
	}
	.notice-infor2 dd {
		margin: 0;
	}	
    .notice-cont {
        padding: 0 0 20px 0;
    }

    /* 레이어 팝업 */
    .modal-pop .modal-layer {
        min-width: 100%;
        height: calc(100% - 50px);
        transform: translate(-50%, -45%);
    }
    .modal-pop .modal-layer.small {
        min-width: 100%;
    }

    .modal-pop .modal-layer .modal-cont {
        height: 100%;
    }

    .modal-pop .modal-layer h4 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom-color: #cecece;
        font-size: 18px;
    }
    .modal-pop .modal-layer .search-area {
        display: block;
        height: auto;
        margin-bottom: 20px;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        position: static;
    }
    .modal-pop .modal-layer .search-box {
        height: auto;
        min-height: auto;
    }
    .modal-pop .modal-layer .search-box .search-items {
        flex-direction: column;
        gap: 15px;
    }
    .modal-pop .modal-layer .search-box dl {
        gap: 10px;
        align-items: baseline;
        max-width: 100%;
        flex-direction: column;
    }
    .modal-pop .modal-layer .search-btns {
        margin-top: 20px;
    }
    .modal-pop .modal-layer .search-btn {
        padding: 0;
        background-position-x:  calc( 100% - 59% );
    }

    .modal-pop .note-txt {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 1.47;
        background-position-y: 2px;
    }

    .modal-pop .certified-cont {
        gap: 20px;
        padding: 0;
        border-top: 0;
    }

    .modal-pop .btn-wrap {
        width: 100%;
        margin: 0;
        padding: 0 20px;
        position: absolute;
        bottom: calc(0px + 40px);
        left: 0;
    }

    .modal-pop .btn-ht1 {
        height: 45px;
        line-height: 45px;
    }

    .modal-pop .close-pop {
        display: block;
        position: absolute;
        top: 30px;
        right: 20px;
        z-index: 100;
    }

    /* 약관 */
    .layer_terms {
        max-height: 730px;
    }
}

@media (max-width: 1367px) {
    .search-box .search-items {
        gap: 15px;
    }
    .search-box dl {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }    
    .search-box dl dt {
        font-size: 16px;
    }
    .btn-fill-green1 + .search-total {
        margin-top: 30px;
    }
    .registration-classification .btn-wrap button {
        padding: 0 20px;
        background-position: calc(100% - 54%) 12px;
    }
}    

@media (max-width: 1024px) { 
   /* 대회리그 */
    .search-area {
        display: none;
        min-width: 100%;
        height: calc(100% - 5%);
        padding: 30px 20px 20px;
        border-radius: 20px;
        background-color: #fff;
        position: fixed;
        top: 70px;
        left: 0;
        box-sizing: border-box;
        z-index: 500;
    }
    .search-area .mob-view {
        position: relative;
    }
    .search-area h4 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #cecece;
        font-size: 18px;
        font-weight: 800;
        color: #17181a;
    }
    .search-box {
        margin: 0;
        padding: 0;
        border: 0;
        background-color: #fff;
        overflow-y: auto;
        overscroll-behavior: contain; /* 스크롤이 팝업 외부로 나가지 않게 함 */
    }
    .search-box .search-items { 
        flex-direction: column;
        gap: 30px;
    }
    .search-box .search-items+.search-items {
        margin-top: 30px;
    }
    .search-box dl {
        max-width: 100%;
        gap: 10px;
    }
    .search-btns {
        justify-content: center;
        gap: 7px;
        margin-top: 30px;
    }
    .search-btns button {
        width: 100%;
    }
    .search-btns .reset-btn {
        flex: 1 1 0;
    }
    .search-btns .search-btn {
        flex: 2 1 0;
    }
    .closeSh {
        display: block;
        position: absolute;
        top: 2px;
        right: 0;
        z-index: 100;
    }

    .search-total {
        margin: 0 0 10px 0;
        font-size: 15px;
        background-position: 0 0;
    }

    .call-button {
        position: absolute;
        top: 10px;
        right: 20px;
    }
    .info-list {
        align-items: baseline;
        gap: 10px;
        flex-direction: column;
    }
     .application-steps {
        width: 100%;
        margin: 15px 0 0 0;
    }

    .application-steps ol {
        gap: 53px;
        margin-bottom: 10px;
    }

    .application-steps ol li {
        font-size: 0;
    }

    .application-steps ol li.step1,
    .application-steps ol li.step2,
    .application-steps ol li.step3,
    .application-steps ol li.step4,
    .application-steps ol li.step5 {
        background-image: none;
    }

    .application-steps ol li::after {
        display: none;
    }

    .application-steps ol li strong {
        flex-direction: column;
        width: 30px;
        height: auto;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0;
        font-size: 14px;
        font-weight: normal;
        text-transform: lowercase
    }

    .application-steps ol li.active strong {
        background-color: transparent;
        color: #3d3d3d;
    }

    .application-steps ol li strong em {
        display: block;
        margin: 4px 0 0 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        border: solid 1px #b2b2b2;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
    }

    .application-steps ol li.active strong em {
        background-color: #3d3d3d;
        color: #fff;
    }

    .application-steps ol::after {
        content: '';
        width: calc(100% - 20px);
        height: 2px;
        background-color: #3d3d3d;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: -1;
    }

    .close {
        width:25px;
        height: 25px;
    }
    .close:before,
    .close:after {
        height: 25px;
    }
}

@media (max-width: 900px) {
    /* 회원가입 */
    #join-membership .cont-top {
        border-bottom: 0;
    }

    .step {
        margin-bottom: 10px;
        padding: 15px 0 0 0;
    }

    .step ul {
        gap: 20%;
    }

    .step ul::after {
        content: '';
        width: calc(100% - 20px);
        height: 2px;
        background-color: #3d3d3d;
        position: absolute;
        top: 36px;
        left: 0;
        z-index: -1;
    }

    .step ul li::after {
        display: none;
    }

    .step ul li {
        width: 100%;
    }

    .step ul li span {
        flex-direction: column;
        width: 30px;
        height: auto;
        border-radius: 0;
        border: 0;
        font-size: 14px;
        font-weight: normal;
    }

    .step ul li span em {
        display: block;
        margin: 4px 0 0 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        border: solid 1px #b2b2b2;
        font-size: 15px;
        text-align: center;
    }

    .step ul li strong {
        display: none;
    }

    .step ul li.active span {
        background-color: transparent;
        color: #015dc4;
    }

    .step ul li.active span em {
        background-color: #015dc4;
        color: var(--white);
    }

    .member-join {
        width: 100%;
        margin: 0;
    }

    .step-title {
        margin-bottom: 10px;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
    }

    .member-join-guide {
        margin-bottom: 30px;
        padding: 20px 12px 30px 0;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #004093;
    }

    .member-join-guide p {
        padding: 0 0 0 97px;
        font-size: 15px;
        line-height: 1.47;
    }

    .box-type1,
    .box-type1.self-identification {
        padding: 0;
        border: 0;
    }

    .box-type1 h4 {
        margin: 0 0 20px 0;
        font-size: 18px;
    }

    /* 참가팀 생성 */
    #modal-entrant-team .modal-layer,
    #privacy-policy .modal-layer,
    #terms-conditions .modal-layer {
        width: 100% !important;
    }

    #modal-entrant-team .mb-30 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 769px) {
    .application-steps ol {
        gap: 19%;
    }
}

@media (max-width: 480px) {
    .step ul {
        gap: 14%;
    }

    .id-login,
    .sns-login {
        margin-bottom: 25px;
        padding-bottom: 30px;
    }

    .login-area h4 {
        font-size: 20px;
    }
    .login-area .id-login h4 {
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }
    .id-login dl dt {
        font-size: 15px;
    }
    .id-login dl dd:nth-of-type(1) {
        margin-bottom: 20px;
    }
    .id-login a,
    .login-area p {
        font-size: 16px;
    }
    .login-area button {
        height: 50px;
        line-height: 50px;
    }
    .sns-login button {
        height: 50px;
    }
    .sns-login .btn-naver-login {
        padding: 0 113px 0 69px;
        background-position-y: 15px;
    }
    .sns-login .btn-kakao-login {
        padding: 0 120px 0 79px;
        background-position-y: 11px;
    }
    input[type='text'].input-postal-code {
        width: calc(100% - 85px);
    }
    .application-steps ol {
        gap: 14.5%;
    }

    .registration-classification .btn-wrap button {
        padding: 0 10px;
        background-position-x: calc(100% - 65%);
    }

    #tournaments-leagues .detail-box2 + .btn-wrap {
        margin-top: 0;
    }
}

@media (max-width: 395px) {
    [class*=matches-list] {
        width: 407%;
    }

    .application-steps ol {
        gap: 48px;
    }

    .id-login a {
        font-size: 16px;
    }

    .id-login a:nth-of-type(-n+2) {
        margin-right: 15px;
        padding-right: 15px;
    }

    .id-login a:nth-of-type(-n+2)::after {
        top: 2px;
    }

    .notice-infor1 dd {
        flex-basis: 82%;
    }
}    

@media (max-width: 380px) {
    [class*=matches-list] {
        width: 425%;
    }

    .application-steps ol {
        gap: 43px;
    }

    .uniform-Infor .table-row table tbody tr th {
        width: 59%;
    }

    .sns-login button {
        font-size: 17px;
    }

    .sns-login .btn-kakao-login {
        padding-right: 120px;
    }

    .contest-list > ul > li .btns {
        gap: 10px;
    }
}        

@media (max-width: 365px) {
    [class*=matches-list] {
        width: 445%;
    }

    .application-steps ol {
        gap: 40px;
    }

    .uniform-Infor .table-row table tbody tr th {
        width: 65%;
    }

    .id-login a:nth-of-type(-n+2) {
        margin-right: 12px;
        padding-right: 12px;
    }

    .login-area {
        padding: 20px 15px 30px;
    }

    .sns-login .btn-kakao-login {
        padding-right: 115px;
        padding-left: 75px;
    }

    .btn-wrap button:first-child {
        flex: 1.2 1 0;
    }
    .btn-wrap.col-3 button:first-child,
    .btn-wrap.flex-auto button:first-child {
        flex: auto;
    }

    .contest-list > ul > li {
        padding: 15px;
    }

    .notice-infor1 dd {
        flex-basis: 81%;
    }

}

/* 높이 기준 */
@media (max-height: 935px) {
}

@media (max-height: 900px) {
}

@media (max-height: 845px) {
    .search-box {
        height: calc(100% - 34%);
    }
}

@media (max-height: 815px) {
    .search-box {
        height: calc(100% - 31%);
    }
}

@media (max-height: 740px) {
    .search-box {
        height: calc(100% - 24.7%);
    }
    .modal-pop .modal-layer .modal-cont {
        height: 498px;
    } 
}

@media (max-height: 668px) {
    .search-box {
        height: auto;
    }
    .search-box .search-items {
        gap: 15px;
    }
    .search-btns {
        margin-top: 20px
    }
    .modal-pop .modal-layer .modal-cont {
        height: 425px;
    }
}