/* Updated 2024.5.31 */
#wrap {
    display:flex; flex-direction: column;
    padding:0; margin:0;
    width:100%; min-height: 100vh !important; height:100%;
}
#sub {min-height: calc(100vh - 77px);}
@media (max-width: 575.98px) {#sub {min-height: calc(100vh - 115px);}}
@media (max-width: 319.98px) {#sub {min-height: calc(100vh - 138px);}}

.container-fluid {max-width: 1320px;}

/* Nav */
#ddmenu {position:relative; z-index: 1000; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);}
header {display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; height: 70px; border-bottom: 1px solid #e5e7e8;}
#ddmenu .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
    align-self: stretch;
    cursor: pointer;
}
.header-item.header-utility, .header-item.header-title {white-space: nowrap; cursor: default;}
.header-item img.logo {width:100px;}
.header-item .hstack {font-weight:600; font-size: 14px; letter-spacing:0; color: #000;}
.header-item .hstack .vr {margin:0 1rem; align-self: center; min-height:12px !important; opacity: 0.15;}

.header-item.header-utility button, 
.header-item.header-utility button:focus,
.header-item.header-utility button:active {padding: 0 8px; border:0 !important;}
.header-item.header-nav, .header-item.header-utility {padding: 0;}
.header-item.header-nav span, .header-item.header-utility span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    align-items: center;
    align-self: stretch;
    color:#000 !important;
}
.header-item.header-utility span small.icon-new-alert {
    display: block;
    position: absolute;
    top: 8px;
    left: 18px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    padding: 2.5px;
    background-color:#00b34a;
}
.dropdown-notice .dropdown-menu {
    width: 320px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0.25rem;
}
.dropdown-notice .b-dropdown-text {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #52575c;
}
.dropdown-notice .b-dropdown-text .card {border: none;}
.dropdown-notice .b-dropdown-text .card .badge {
    display:inline-block; margin-right:4px; vertical-align: 1px; font-weight:500; color: #fff !important;}
.dropdown-notice .b-dropdown-text .card .card-header {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fafafa;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #000;
}
.dropdown-notice .b-dropdown-text .card .card-header h6 {font-size: 16px; line-height:20px;}
.dropdown-notice .b-dropdown-text .card .card-body {padding:0; height: auto; max-height:192px;}
.dropdown-notice .b-dropdown-text .card .card-body .list-group-item {padding: 1rem 10px;}
.dropdown-notice .b-dropdown-text .card .card-body p {
    margin-bottom:8px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-notice .b-dropdown-text .card .card-body span.text-date {padding:0; font-size:13px; color: #9b9fa3 !important;}
.dropdown-notice .b-dropdown-text .card .card-body span.text-date i {font-size:14px;}
.dropdown-notice .b-dropdown-text .card .card-footer {
    padding: 12px 20px;
    background-color: #fafafa;
    border-top: 1px solid rgba(0,0,0,.1);
}
.dropdown-notice .b-dropdown-text .card .card-footer a {color: #52575c;}
.dropdown-notice .b-dropdown-text .card .card-footer a:hover {color: #000;}

.dropdown-account .dropdown-menu {
    min-width: auto;
    padding: 0 0 10px;
    margin: 0;
    font-size: 14px;
    color: #52575c;
    white-space: nowrap;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0.25rem;
}
.dropdown-account .b-dropdown-text {
    padding: 16px 20px 15px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
    background-color: #fafafa;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.dropdown-account .dropdown-item {
    padding: 10px 20px 10px 19px;
    clear: both;
    font-weight: 400;
    color: #52575c;
    background-color: transparent;
    border: 0;
}
.dropdown-account .dropdown-item i {vertical-align:-4px; font-size:18px;}
.dropdown-account .dropdown-item:hover {color: #000;}

.header-item.header-nav span.navi_back {padding: 0 4px; font-size: 20px;}
.header-item.header-nav span.navi_home {
    margin-left: 4px;
    width: 28px;
    background: url("/img/home-2-line.svg") no-repeat center;
    background-size: 20px;
}
.header-item.header-title {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-transform: uppercase; font-weight: 700; color: #000;
}

#ddmenu .container-fluid > ul {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    position:relative;
    /* z-index:1000; */
    list-style: none;
}
#ddmenu .container-fluid > ul > li {flex: 1 0 0%; position:relative; text-align: center;} 
#ddmenu .container-fluid > ul > li.mobile-nav-header {display:none;} 
#ddmenu .container-fluid > ul > li .nav-item {
    display:block;
    position: relative;
    line-height:48px;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    font-weight:600;
    color:#000 !important;
    white-space: nowrap;
}
#ddmenu .container-fluid > ul > li .nav-item::before {
    content: "";
    background-color: #000;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 0;
}
#ddmenu .container-fluid > ul > li .nav-item:hover::before,
#ddmenu .container-fluid > ul > li .nav-item.active::before,
#ddmenu .container-fluid > ul > li.over .nav-item::before {width: 100%;}
#ddmenu .nav-menu li .dropdown {width:100%; left:50%; transform:translateX(-50%); padding:0; margin:0; display:none; position:absolute; overflow:hidden; top:100%;}
#ddmenu .nav-menu li.over .dropdown {display:block;}
#ddmenu .nav-menu li.over .dropdown a:hover,
#ddmenu .nav-menu li.over .dropdown a:focus {color: #000;}
#ddmenu .nav-menu li.over .dropdown .dd-inner {
    position:relative; padding:20px 0; border:1px solid #dcdee0; border-top:none; 
    text-align:center; white-space:nowrap; background:#fff;
}
#ddmenu .column {display:inline-block; width:100%; text-align:center; vertical-align:middle; white-space:normal;}
#ddmenu .column li a {
    position:relative; display:block; margin:0; padding:0; 
    line-height:2rem; color:#676d73; text-decoration:none; font-size:15px; font-weight: 500;   
}
#ddmenu .column li a.active {color: #000;}
#ddmenu .column li a span {position:relative; display:inline-block; padding:0 4px; margin:4px 0;}
#ddmenu .column li a span::before {
    content: "";
    background-color: #000;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 0;
}
#ddmenu .nav-menu li.over .dropdown a:hover span::before,
#ddmenu .nav-menu li.over .dropdown a:focus span::before,
#ddmenu .nav-menu li.over .dropdown a.active span::before {width: 100%;}

@media (max-width:991.98px) {
    header {height: 56px;}
    .hamburger-icon {
        width: 20px;
        height: 16px;
        position: relative;
        cursor: pointer;
        display: inline-block;
        margin:0 4px;
    }
    .hamburger-icon span {
        background-color: #000;
        position: absolute;
        border-radius: 2px;
        width: 100%;
        height: 2px;
        display: block;
        right: 0;
    }
    .hamburger-icon span:nth-child(1) {top: 0; width: 80%;}
    .hamburger-icon span:nth-child(2) {top: 7px;}    
    .hamburger-icon span:nth-child(3) {bottom: 0; width: 60%;}
    .header-item:hover .hamburger-icon span:nth-child(1) {top: -1px;}
    .header-item:hover .hamburger-icon span:nth-child(3) {bottom: -1px;}

    #ddmenu .container-fluid > ul {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 100%;
        transform: translateX(100%);
        transition: transform .5s ease-in-out, visibility .5s ease-in-out;
        visibility: hidden;
        width: 85%;
        height: 100vh;
        background:#fff;
 
    }
    #ddmenu .container-fluid > ul.open {
        flex-direction: column;
        visibility: visible;
        transform: translateX(-100%);
        transition: transform .5s ease-out, visibility 0s ease-out;
    }
    #ddmenu .container-fluid > ul.open > li {flex-grow: 0; position:relative; font-size:16px; text-align:left; box-sizing:border-box;}
    #ddmenu .container-fluid > ul > li .nav-item::before {content: none;}
    #ddmenu .container-fluid > ul.open > li .nav-item::before {all: unset; content: ""; display:block; position:absolute; right:0 !important; width:12px; height:2px; top:50%; margin-top:-2px; background:#bcbfc2; transition:.2s;}
    #ddmenu .container-fluid > ul.open > li .nav-item::after {content: ""; display:block; position:absolute; right:5px !important; width:2px; height:12px; background:#bcbfc2; top:50%; margin-top:-7px; transition:.2s;}
    #ddmenu .container-fluid > ul.open > li.over .nav-item::after {transform:rotate(90deg); background:#000;}
    #ddmenu .container-fluid > ul.open > li .nav-item.active::before,
    #ddmenu .container-fluid > ul.open > li .nav-item.active::after {background: #000;}

    #ddmenu .container-fluid > ul > li.mobile-nav-header {display: flex; flex-direction: column; padding: 16px 18px; background-color: #f8f9fa; border-bottom: 1px solid #ebeced !important;}
    #ddmenu .container-fluid > ul > li.mobile-nav-header > div {display: flex; align-items: center;}
    #ddmenu .container-fluid > ul > li.mobile-nav-header > div strong {margin: 1px 0 0 2px; color: #000;}
    #ddmenu .container-fluid > ul > li.mobile-nav-header i,
    #ddmenu .container-fluid > ul > li.mobile-nav-header .mo_close {color: #000; cursor:pointer;}
    #ddmenu .container-fluid > ul > li.mobile-nav-header i small.icon-new-alert {
        display: block;
        position: absolute;
        top: 2px;
        left: 18px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        padding: 2.5px;
        background-color:#00b34a;
    }
    #ddmenu .container-fluid > ul > li.mobile-nav-header select {margin-top: 12px; font-size: 14px;}
    #ddmenu .container-fluid > ul > li.mobile-nav-header + li {margin-top: 12px;}

    #ddmenu .container-fluid > ul > li .nav-item {padding:14px 0; line-height:1; margin:0 24px 0 20px;}
    #ddmenu .nav-menu li.over .dropdown {position:relative; top:unset; left:unset; transform:unset;}
    #ddmenu .nav-menu li.over .dropdown .dd-inner {padding:0; border:none; background:none;}
        
    #ddmenu .column {display:block; width:auto; padding:16px 0; border:none; background:#fcfcfc;}
    #ddmenu .column li {display:inline-block; width:100%; padding-left:16px; text-align:left;}
    #ddmenu .column li a {line-height: 2em; font-size: 14px;}
    /* Offcanvas Backdrop */
    #ddmenu .menu-icon-active::after {content: ""; width:100%; height:100vh; position:fixed; top: 0; left:0; background:rgba(0, 0, 0, .6); /* z-index: 1000; */} 
}

/* Page */
.page-header {display: flex; align-items: center; height: 80px;}
.page {
    padding: 16px;
    margin:0 auto 80px;
    min-height: calc(100vh - 355px);
    border-radius: calc(0.25rem - 1px);
    background-color:#fff;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}
.tab-main + .page {border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);}
@media (max-width: 991.98px) {
    nav + .container-fluid {padding: 0;}
    .page {
        padding: 24px 16px;
        margin:0 auto 0;
        min-height: calc(100vh - 171px);
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .tab-main + .page {padding-top: 16px;}
}

/* footer */
footer:not(.modal-footer) {padding: 24px 0; background-color: #000; color: #9b9fa3;}
footer .logo-wrapper {display: flex; align-items: flex-end;}
footer img.logo {margin-right: 8px; width: 100px; cursor: pointer;}
footer .copyright {font-size:13px !important; color: #fff; opacity: 0.95;}
@media (max-width: 319.98px) {
    footer .logo-wrapper {flex-direction: column !important; align-items: center;}
    footer img.logo {margin-right: 0;}
    footer .copyright {margin-top: 10px;}
}
footer small.vr {margin: 0 8px; min-height: 10px; background-color: #fff; opacity: 0.4;}
footer a:hover {color: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}

/* Main */
.datepicker-main {display: none !important;}
#main .breadcrumb {display: none;}
#main .datepicker-main {display: flex !important; width: 140px;}
.monthly-status h6 {display: flex; align-items: center; margin-bottom: 10px;}
.monthly-status .arrow {margin-right: -3px; opacity: 0.6;}
.monthly-status small {color: #86888a;}
/* .monthly-status h3 {margin-top: 12px;} */
.monthly-status span.box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 52px;
    height: 52px;    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* SCROLL TOP */
.gotop {
    width:60px; height:60px; position:fixed; right:5%; bottom:35px; z-index:100;
    background:#fff; border-radius:50%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    opacity:0; visibility:hidden; transition:all .2s;
}
.gotop i {color:#000; font-size:40px; width:60px; line-height:60px; text-align:center;}
.gotop.on {opacity:1; visibility:visible;}
.gotop.on.bottom {bottom: 85px;}
@media (max-width:991.98px) {
    .gotop {bottom:45px; width:40px; height:40px;}
    .gotop i {font-size:20px; width:40px; line-height:40px;}
    .gotop.on.bottom {bottom: 92px;}
}

/* Login */
.login-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 490px;
    height: 100vh;
}
.login-content {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    max-width: 448px;
    width: 100%;
    padding: 0 16px;
}
.login-content .card {
    padding: 2rem;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}
.login-content .card .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
    text-align: center;
    text-transform: uppercase;
}
.login-content .card .card-header img {display:block; width:130px; margin: 0 auto;}
.login-content .card .card-header h6 {margin: 1.5rem 0 1rem; font-size: 14px; font-family: 'Montserrat', sans-serif;}
.login-wrapper .footer {
    position: absolute;
    width: 100%;
    height: 60px;
    padding: 20px 0;
    bottom: 0;
    text-align: center;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    color:#86888a;
    background-color: transparent;
}
.login-bg-position {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
}
.login-bg {
    background-image: url("/images/login-bg.png");
    background-position: center;
    background-size: cover;
}
.login-bg .bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: url("/images/login-headline.svg") no-repeat center;
    background-size: 25%; /* calc(100vh - 30%); */
    background-position-y: calc(100vh / 15%); /* 30%; */
}
.login-bg .shape {
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.login-bg .shape > svg {
    width: 100%;
    height: auto;
    fill: #f9f9f9;
}
@media (max-width:991.98px) {
	.login-bg .shape > svg {fill: #fff;}
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .login-bg .bg-overlay {background-size: 40%;}
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .login-bg .bg-overlay {background-size: 60%;}
}
@media (max-width: 575.98px) {
    .login-wrapper {min-height: 640px;}    
    .login-bg-position {height: 280px;}
    .login-content {top: 160px; transform: translate(-50%, 0);}
    .login-bg .bg-overlay {background-position-y: 30%; background-size: 80%;}
}
@media (max-height: 991.98px) {
    .login-bg .bg-overlay {background-position-y: 30%;}
}
@media (max-height: 767.98px) {
    .login-bg .bg-overlay {background-position-y: 17%;}
}
@media (max-height: 639.98px) {
    .login-bg .bg-overlay {display: none;}
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    .login-bg .bg-overlay {display: none;}
} /* smartphones, touchscreens */

/* 계정관리 */
.account-mng {display: flex;}
.account-mng .icon-box {
    display: flex; justify-content: center; align-items: center; width: 56px; height: 56px;
}

/* 매장 */
h5.fw-semibold {letter-spacing: 0; font-family: 'Montserrat', sans-serif !important;}
h5.fw-semibold small {
    display: inline-block; vertical-align: middle; 
    letter-spacing: -2px; font-family: var(--bs-font-monospace);
    font-size: 12px !important; font-weight: 400 !important; opacity: 0.8 !important;
}

/* modal-info-shop */
.goods-details table + table {border-top: 1px solid #e5e7e8 !important;}
.goods-details > table tr td:last-child {width: 28px !important; padding: 0 !important;}
/* modal-register-club */
.current-use-club {background: rgba(0, 179, 74, 0.05);}

/* 회원 */
.table.last-borderless tr td > div.border-bottom:last-of-type {border-bottom: 0 !important;}
.table.last-borderless .toggle-content td[colspan="4"] .card {margin-top: 8px;}
/* .table.last-borderless .toggle-content td[colspan="4"] .card:first-child {margin-top: 0 !important;} */

/* 통계 */
@media (min-width: 576px) {
    .stats .filter-group.row {width: 63%;}
}
@media (min-width: 768px) {
    .stats .filter-group.row {width: 50%;}
}
.stats .filter-group.row {--bs-gutter-x: 0.5rem;}
.stats .filter-group > .mx-datepicker {width: auto !important;}
.stats text {font-size: 12px !important; font-family: 'Montserrat', sans-serif !important;}
.stats .table-responsive table th, .stats .table-responsive table td,
.stats .table th, .stats .table td{
    font-size: 13px !important; white-space: nowrap !important; text-align: center;
}

.top-rank .img-wrapper {
    position: relative; /* overflow: hidden; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-rank .img-wrapper img {
    align-self: stretch;
    max-width: 100%;
    min-width: 56px;
    height: auto;
    object-fit: cover;
    object-position: center;
}
.top-rank .badge {
    position: absolute;
    top: 0; left: 0;
    padding: 0 0 0 2px !important;
    width: 36px; height: 36px; line-height: 36px;
    font-size: 18px; font-weight: 700; font-family: 'Montserrat', sans-serif;
    border-radius: 0; background-color: #ef2b49;
}
.top-rank .badge > span {
    font-family: var(--bs-font-monospace);
    font-size: 11px; font-weight: 400;
}

#sub .table .btn.btn-xs {line-height:12px; display:inline-block; max-height:initial; margin-top:-2px;}
#sub a[href^="mailto"] {color:#000; text-decoration:underline;}
#sub a[href^="mailto"]:hover {color:#00B34A !important;}

#sub .pc-none {display:none;}

#sub .page p.info {margin-bottom:30px; font-size:18px; line-height:1.4;}
#sub label.d-table-cell, #sub p.d-table-cell {padding:1.375em 0.75em 1.25em; line-height:1.25em; word-wrap: break-word !important; word-break: break-word !important;}
#sub label.d-table-cell {font-weight:700; text-align:center; color:#000;}
#sub p.d-table-cell {color:#52575c;}

/* sub page common element ============================ */
.goods-name {text-transform: capitalize; font-weight:500; font-size: inherit; color: #000 !important;}
.goods-kind {text-transform: capitalize; font-weight:500; font-size: 0.875rem; color: #008086 !important;}
.shop-name {text-transform: capitalize; font-weight:500; font-size: inherit; color: #000 !important;}
.brand-name {text-transform: uppercase; font-weight:500; font-size: inherit; color: #0033a1 !important; letter-spacing: -0.2px;}
.goods-kind .brand-name::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 12px !important;
    min-height: 12px !important;
    align-self: unset;
    margin: 0 0.5em;
    vertical-align: -1px;
    background-color: #000;
    opacity: 0.25;
}
.price-unit {
    font-family: var(--bs-font-monospace);
    font-size: 12px !important; font-weight: 400 !important;
    letter-spacing: -1px;
    color: #ef2b49;
}

.basic-info span[class^="material"] {margin-right: 4px; font-size: 16px; color: #bcbfc2;}

.video-state {
    display: inline-block; width: 22px; height: 14px; 
    background-repeat: no-repeat; background-position: center; background-size: 94%;
}
.has-video {background-image: url("/img/live-fill.svg");}
.has-no-video {background-image: url("/img/no-video-line.svg"); opacity: 0.3;}

/* 골프 스윙분석 */
.specs .collapse-content {background-color: transparent;}
.specs .collapse-content .goods-name {font-size: 20px; font-weight: 700; letter-spacing: -0.2px; line-height: 1em;}
.specs .current-spec .table-type > div {
    flex: 0 0 auto; width: 50%; padding: 0.5rem; line-height: 1em; font-size: 13px; color: #86888a;
}
.specs .current-spec .table-type > div:nth-last-child(-n+2) {border-bottom: 0;}
.specs .current-spec .shaft-info {display: flex; flex-direction: column; height: 100%;}

#modal-shot-list .table-type {border-top: 1px solid #adb0b3; border-bottom: 0;}
#modal-shot-list .table-type > div:nth-last-child(-n+4) {border-bottom: 0;}
@media (min-width: 360px) {
    .specs .current-spec .shaft-info > .table-type:last-child > div {width: 25%; border-bottom: 0;}
}
@media (min-width: 420px) {
    .specs .current-spec .table-type > div {flex: 0 0 auto; width: 25%;}
    .specs .current-spec .table-type > div:nth-last-child(-n+4) {border-bottom: 0;}
}
@media (min-width: 576px) {
    .specs .current-spec .table-type > div {flex: 0 0 auto; width: 16.6666666667%;}
    .specs .current-spec .table-type > div:nth-last-child(-n+6),
    #modal-shot-list .table-type > div:nth-last-child(-n+6) {border-bottom: 0;}
}

/* 스윙보기 > 등록정보 */
#popover-container {position: relative;}
#popover-container .popover-reg-info {
    top: 32px !important;
    left: 8px !important;
    transform: none !important;
}
.popover-reg-info ul {display: table; background-color: #fff;}
.popover-reg-info ul li {display: table-row; line-height: 1.25em;}
.popover-reg-info ul li > * {display: table-cell; padding: 4px 0; white-space: nowrap;}
.popover-reg-info ul li strong {padding-right: 8px; white-space: nowrap;}

section.swing-anls > .row {
    --bs-gutter-x: 0.5rem; --bs-gutter-y: 0.5rem; margin: 0;
    padding: 0 0.25rem 0.5rem; background-color: #fafafa;
}
section.swing-anls .row div[class^="col-lg"] {display: flex;}
section.swing-anls .row div.row {padding:0; border:0;}

/* Side, Top View & Club Path */
section.swing-anls .row div.col-lg-4 > div {justify-content: center; align-items: center;}
section.swing-anls .row div.col-lg-4 > div canvas {width: 100% !important;}

section.swing-anls div.item {
    position: relative;
    display: flex;
    padding: 0.5rem; 
    min-height: 100px;
    border-width: 1px; border-style: solid; border-color:#e5e5e5 #ccc #bfbfbf #e5e5e5;
    text-align:center; font-size:14px; color: #9b9fa3; background-color: #fff;
}
section.swing-anls div.col:hover {border-color:#676d73; cursor: pointer;}

/* 스윙 뷰 - 7가지 구분 동작 */
section.swing-anls .row.swing-seq div {
    padding: 0; justify-content: center; align-items: center;
    border-width: 1px; border-style: solid; border-color:#e5e5e5 #ccc #bfbfbf #e5e5e5;
    font-size: 12px; font-weight: 500; white-space: nowrap; text-transform: capitalize; color: #000;
}
section.swing-anls .row.swing-seq div:not(:last-child) {border-right: 0;}
section.swing-anls .row.swing-seq div.col:hover,
section.swing-anls .row.swing-seq div.col.active {
    background-color: #000; border-color: #000; color: #fff;
    -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-out;
}
section.swing-anls .row.swing-seq div span {padding: 1em 0.5em;}
section.swing-anls .row.swing-seq div img {padding: 2px;}
section.swing-anls .row.swing-seq div.col:hover img,
section.swing-anls .row.swing-seq div.col.active img {
    filter: invert(100%) sepia(0%) saturate(7458%) hue-rotate(64deg) brightness(91%) contrast(111%);
}

/* 스윙 뷰 - 체중그래프 */
.swing-wt {
    margin-top: 0.5rem; justify-content: center; align-items: center; /* min-height: 5rem; */
    background-image: url("/img/shoeprint.svg");
    background-size: 22px;
	background-repeat: no-repeat;
    background-position: 39px center;
}
.swing-wt::before {display: block; content: ""; width: 100%; height: 1px; background-color: #dcdee0;}
.swing-wt > div, .swing-wt div > div {padding: 0; border: 0 !important;}
.swing-wt .wt-info {position: absolute; display: flex; width: calc(100% - 16px); height: calc(100% - 16px);}
.swing-wt .wt-value {position: relative; flex: 0 0 84px; font-size: 10px; font-weight: 500;}
.swing-wt .wt-value div {display: flex; flex-direction: column;}
.swing-wt .wt-value input {
    width: 24px; border: 1px solid #e5e7e8; border-radius: 4px;
}
.swing-wt .wt-graph {margin: 0 8px; display: flex; flex: 0 0 auto; width: calc(100% - 100px) !important;}

/* 광고등록 */
section.adv > .row {
    --bs-gutter-x: 0.5rem; --bs-gutter-y: 0.5rem; margin: 0;
    padding: 0 0.25rem 0.5rem; background-color: #fafafa;
}
section.adv .row div:not([class|=col-md]) {
    display: flex;
    padding: 0.5rem; text-align:center;
    border-width: 1px; border-style: solid; border-color:#e5e5e5 #ccc #bfbfbf #e5e5e5;
}
section.adv .row div:not([class|=col-md]):hover {border-color:#52575c; cursor: pointer;}
section.adv .row div.row {padding:0; border:0;}
section.adv .row div[class^="col-md"] {display: flex;}
section.adv .adv-item {
    position: relative; 
    min-height: 80px;
    font-size:14px; color: #000; background-color: #fff;
}
section.adv .adv-item::before {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    display: block; width: 100%; padding: 32px 0 4px;
}
section.adv .adv-item.adv-video::before {
    content: "동영상 광고";
    background: url("/img/video-add-line.svg") no-repeat top center;
    background-size: 31px; opacity: 0.45;
}
section.adv .adv-item.adv-title::before {
    content: "타이틀 광고";
    background: url("/img/image-add-line.svg") no-repeat top center;
    background-size: 28px; opacity: 0.45;
}
section.adv .adv-item.adv-goods::before {
    content: "제품 광고";
    background: url("/img/image-add-line.svg") no-repeat top center;
    background-size: 28px; opacity: 0.45;
}
section.adv .adv-item.has-item::before {all: unset;}
section.adv .adv-item.adv-item-selected {border: 1px solid #52575c !important;}
section.adv .adv-item.adv-item-selected.adv-video::before,
section.adv .adv-item.adv-item-selected.adv-title::before,
section.adv .adv-item.adv-item-selected.adv-goods::before {opacity: 1; color: #35383b;}
section.adv .adv-item img {max-width: 100%; height: auto;}
section.adv .adv-goods img {align-self: center;}
section.adv .adv-goods p {flex: 1 1 auto; padding: 0.5rem 0.5rem 0;}

@media (max-width: 575.98px) {
    section.adv .adv-goods {flex: 0 0 auto; width: 100%;}
    section.adv .adv-goods:nth-of-type(2) {margin: 0.5rem 0;}
    section.adv .adv-goods img {width: 40%;}
    section.adv .adv-goods p {display: flex; padding: 0.5rem 0.75rem; text-align: left;}
    section.adv .adv-goods span {align-self: center;}
}

/* 구질 및 클럽 분석 */
section.fitting-anls h6 {display: flex;}
section.fitting-anls h6 mark {margin: 0 0 0 auto; padding-top: 4px; font-size: 13px; font-weight: 400;}
@media (max-width: 479.98px) {
    section.fitting-anls h6 {flex-direction: column;}
    section.fitting-anls h6 mark {margin: 4px 0 0 0;}
}
section.fitting-anls .card {border: 0; border-radius: 0;}
section.fitting-anls small.rounded-circle {
    display: inline-block; width: 16px; height: 16px; margin-right: 4px;
    vertical-align: 1px; line-height: 17px; text-align: center;
    font-size: 11px; color: #fff;
}
section.fitting-anls .pitch-anls canvas {width: 100% !important; max-height: 300px;}

div[id^="modal-adv"] .card-body {
    border-top: 1px solid #e5e7e8;
    line-height: 1em; text-align: center;
}
div[id^="modal-review"] label.list-group-item,
div[id^="modal-lesson"] label.list-group-item {
    display: flex;
    padding: 0.5rem;
    align-items: center;
    color: #52575c;
    border-top: 1px solid #e5e7e8;
    border-radius: inherit;
}
div[id^="modal-review"] label.list-group-item + label.list-group-item,
div[id^="modal-lesson"] label.list-group-item + label.list-group-item {margin-top: 16px;}

/* 원 포인트 레슨 */
section.fitting-lesson textarea.form-control-plaintext {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
}
section.fitting-lesson .rating-wrapper {
    width: 100%;
    align-items: center;
    border: 1px solid rgba(0, 179, 74, 0.3);
}
section.fitting-lesson .rating-wrapper label {
    display: flex;
    padding: 4px 10px;
    white-space: nowrap; font-weight: 500; font-size: 14px;
    color: #00b34a;
    background-color: rgba(0, 179, 74, 0.06);
}

/* 스펙 등록 sticky-column */
.reg-spec .table-responsive {margin: 0;}
.reg-spec .table.b-table th,
.reg-spec .table.b-table td {padding: 0.5rem;}
.reg-spec .table.b-table select {width: 100%; min-width: 84px;}
.reg-spec .table.b-table .b-table-sticky-column[rowspan] {padding: 0;}
.reg-spec .table.b-table .b-table-sticky-column[rowspan] .sticky-column-rowspan {display: flex; align-items: center;}
.reg-spec .table.b-table .b-table-sticky-column[rowspan] .sticky-column-rowspan > div{flex-grow: 1;}
.reg-spec .table.b-table .b-table-sticky-column[rowspan] .sticky-column-rowspan > div:first-child {padding: 0 12px;}
.reg-spec .table.b-table .b-table-sticky-column[rowspan] .sticky-column-rowspan div.flex-column > div {
    padding-top: 0.5rem !important; padding-right: 0.5rem !important; padding-bottom: 0.5rem !important;
}
.reg-spec .table.b-table .b-table-sticky-column[rowspan] .sticky-column-rowspan div.flex-column > div:not(:last-child) {
    border-bottom: 1px solid #e5e7e8 !important;
}

/* 샤프트 & 그립 */
.reg-etc .card {border: 0; border-radius: 0;}
.reg-etc .card-title {
    margin: 0; padding: 12px;
    font-weight: 500; text-transform: capitalize; color: #fff;
    background-color: #35383b;
}
.reg-etc .card-title + div {min-height: 80px;}
.reg-etc img[src*="no-img"]{max-height: 80px;}
.reg-etc .card-footer {
    padding: 0;
    background-color: #fff;
    border: 0;
}
.reg-etc .card-footer > .table {border-width: 1px;}

/* SubCourse */
#sub .subcourse {padding: 0.75rem;}
#sub .subcourse h6 {margin-bottom: 0.5rem; line-height: 1.2; font-weight: 500;}
#sub .subcourse small {font-size: .875em;}
#sub .subcourse:nth-child(2) {border-top: 1px solid #E5E7E8;}

#sub button span.icon-sprite-social {position:absolute; top:11px; left:12px;}
#sub button span.icon-sprite-social.icon-facebook {left:11px;}
#sub button span.icon-sprite-social.icon_apple {left:10px;}

/* Scorecard */
#scorecard {margin-top:70px;}
#scorecard .round-summary h5 {margin-bottom:0.5em; line-height:1.2em;}
#scorecard .round-summary .d-flex {align-items:center;}
#scorecard .round-summary .text-date {margin:0.5em 0; font-size:14px;}
#scorecard .round-summary .type-play {
    padding:5px 6px 4px;
    font-size:11px;
    font-weight:500;
    color: #fff;
    text-align:center;
    text-transform:uppercase;
    vertical-align:baseline;
    border-radius:2px;
}
#scorecard .round-summary .type-play.stroke {background-color:#0033A1;}
#scorecard .round-summary .type-play.newperio {background-color:#FF9800;}
#scorecard .round-summary .total-score {font-size:64px; font-weight:700; letter-spacing:-1px;}
#scorecard .round-summary .total-score small {display:inline-block; margin-left:2px; vertical-align:3px; letter-spacing:0; font-size:0.375em;}
#scorecard .round-summary .total-score small span {display:inline-block; vertical-align:-1px;}

#scorecard .round-record {margin-top:40px;}
#scorecard .round-record + .round-record {margin-top:70px;}
#scorecard .round-record h6 {
    font-size:18px; padding: 1.2em 10px; text-align:center; 
    border-top: 2px solid #35383b !important; border-bottom:1px solid #676D73;
}
#scorecard .round-record .row > div[class|=col] {
    display:flex; justify-content:center; padding:1.25em 0 calc(1.25em - 1px) !important;
    text-align:center; word-wrap: break-word !important; word-break: break-word !important;
    border-right:1px solid #E5E7E8; border-bottom:1px solid #E5E7E8; color:#676D73;
}
#scorecard .round-record .row > div.col-2 {color:#000;}
#scorecard .round-record .row > div[class|=col]:last-of-type {border-right:none; font-weight:500; color:#000;}
#scorecard .round-record .row > div[class|=col] > div {align-self:center !important; position:relative;}
#scorecard .round-record .row.fill-gray > div[class|=col] {line-height:1.25; font-weight:500; color:#000;}

#scorecard .round-record .row > div[class|=col] > div span {
    display:inline-block; position:absolute; top:50%; left:50%; 
    margin-top:-1.25em; margin-left:-1.25em; width:2.5em; height:2.5em; line-height:2.5em;
    box-sizing:border-box; border-radius:50%; font-weight:400;
}
#scorecard .round-record .row > div[class|=col] > div span.eagle {border:1px solid #00B34A;}
#scorecard .round-record .row > div[class|=col] > div span.eagle::after {
    content: ""; display:block; 
    width:2em; height:2em; border-radius:50%; border:1px solid #00B34A; 
    position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;
}
#scorecard .round-record .row > div[class|=col] > div span.birdie {border:1px solid #00B34A;}
#scorecard .round-record .row > div[class|=col] > div span.par {background-color:rgba(0, 0, 0, 0.03);}
#scorecard .round-record .row > div[class|=col] > div span.bogey {border-radius:2px; border:1px solid #000;}
#scorecard .round-record .row > div[class|=col] > div span.d-bogey {border-radius:2px; border:1px solid #000;}
#scorecard .round-record .row > div[class|=col] > div span.d-bogey::after {
    content: ""; display:block; 
    width:2em; height:2em; border-radius:2px; border:1px solid #000; 
    position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;
}
#scorecard .round-record .row > div[class|=col] > div span.t-bogey-over {border-radius:2px; border:2px solid #EF2B49;}

#scorecard .box {margin-bottom:40px; padding:1.5rem 0;}
#scorecard .box p {position:relative; display:inline-block; padding:0 1rem; font-size:14px; line-height:1em; color:#aaaeb3;}
#scorecard .box p span {margin-right:5px; width:14px; height:14px; display:inline-block; position:relative; top:2px;}
#scorecard .box p.eagle span {border-radius:50%; border:1px solid #00B34A;}
#scorecard .box p.eagle span::after {content: ""; display:block; position:absolute; top:50%; left:50%; width:8px; height:8px; transform:translate(-50%, -50%); border-radius:50%; border:1px solid #00B34A;}
#scorecard .box p.birdie span {border-radius:50%; border:1px solid #00B34A;}
#scorecard .box p.par span::after {content: "0"; display:block; width:14px; height:14px; background:#f8f9fb; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute; color:#686c6f; line-height:14px; border-radius:50%; text-align:center;}
#scorecard .box p.bogey span {border-radius:2px; border:1px solid #000;}
#scorecard .box p.d-bogey span {border-radius:2px; border:1px solid #000;}
#scorecard .box p.d-bogey span::after {content: ""; display:block; position:absolute; top:50%; left:50%; width:8px; height:8px; transform:translate(-50%, -50%); border-radius:2px; border:1px solid #000;}
#scorecard .box p.t-bogey-over span {border-radius:2px; border:2px solid #EF2B49;}

@media (max-width: 991.98px) {
    #scorecard {margin-top:40px;}
    #scorecard .round-summary h5 {font-size:18px;}
    #scorecard .round-record {margin-top:30px;}
    #scorecard .round-record + .round-record {margin-top:40px;}    
    #scorecard .round-record h6 {font-size:16px;}
    #scorecard .round-record .row > div[class|=col] > div span {
        margin-top:-1em; margin-left:-1em; width:2em; height:2em; line-height:2em;
    }
    #scorecard .round-record .row > div[class|=col] > div span.eagle::after,
    #scorecard .round-record .row > div[class|=col] > div span.d-bogey::after {width:1.5em; height:1.5em;}    
    #scorecard .box {margin-bottom:30px; padding:1rem 0 0;}
    #scorecard .box p {padding:1.25rem 0.25rem 0.5rem; text-align:center; font-size:11px;}
    #scorecard .box p span {position:absolute; top:0; left:50%; transform:translateX(-50%);}
} 

@media (min-width:576px) {
    #scorecard .round-summary .player .center-cropped {width:64px; height:64px;}
    
}
   
@media (max-width:479.98px){
    #scorecard .round-summary .d-flex {align-items:flex-end;}
    #scorecard .round-summary .total-score {font-size:40px;}
    #scorecard .round-record h6 {font-size:14px;}
    #scorecard .round-record .row * {font-size:12px;}

}    

@media (max-width:319.98px){
    #scorecard .round-summary .d-flex {flex-direction: column !important; align-items:flex-start;}
    #scorecard .round-summary .total-score {margin-top:8px;}

}  

/* Membership > My Records > My Tournaments > Leaderboard */
.myrank {margin:0 auto 27px; text-align:center; border-left:1px solid #E5E7E8; border-top:1px solid #E5E7E8;}
.myrank ul.box {display:flex; flex-wrap:wrap; min-height:100%; list-style-type:none; align-self: stretch !important; border-right:1px solid #E5E7E8; border-bottom:1px solid #E5E7E8;}
.myrank ul.box li {flex: 1 1 auto; box-sizing:border-box; padding:16px; align-self: stretch !important;}
.myrank ul.box li:nth-child(1) {flex: 0 1 25%; padding-right:0;}
.myrank ul.box li .rounded-circle {display:block; margin:0 auto; width:64px; height:64px; text-align:center;}
.myrank ul.box li .rounded-circle i {overflow:hidden; line-height:64px; font-size:36px; color:#fff;}
.myrank ul.box li h2 {margin-bottom: 0.5rem; padding-top:0.3rem;}
.myrank ul.box li h2 small {font-size:16px;}
.myrank ul.box li h2 + p{font-size:14px; text-transform: uppercase; color:#676D73;}

/* Swing Video */
#sub .board_view h3 {margin:0 0 0.75em !important; line-height:1.25em;}
#sub .board_view .cate {display:inline-block; color:#00b34a;}
#sub .board_view .view {color:#9b9fa3; font-size:15px; margin-left:1em;}
#sub .board_view .view i {margin-right:8px; vertical-align: text-top;}
#sub .board_view .content {margin:4em auto 6em; line-height:1.5em; color:#676d73;}
#sub .board_view .box .by {margin-bottom:40px;}
#sub .board_view .box .by b i {font-size:18px; font-weight:500; margin-right:5px;margin-top: -3px;}

/* Sign Up, Inquiry, MyProfile */
#sub .bp-w440-lt .row {--bs-gutter-x:24px; margin:0 auto;}
#sub .bp-w440-lt > .row:first-of-type {border-top:2px solid #35383d;}
#sub .bp-w440-lt > .row {border-bottom:1px solid #cdcfd1; margin:0 auto;}
#sub .bp-w440-lt > .row .col-lg-9 {margin:12px 0;}
#sub .bp-w440-lt .row.gx-0 {--bs-gutter-x:0;}
#sub .bp-w440-lt > .row .d-table {margin:0;}
#sub .bp-w440-lt > .row .d-table .btn-xs {margin-left:0.5em; padding:0 8px; height:20px; font-size:14px; line-height:1em;}
#sub .bp-w440-lt .input-group input[type="file"] {display:none !important;}
#sub .bp-w440-lt .col-lg-4.set {width:32%; padding:0; margin-right:2%; background:coral;}
#sub .bp-w440-lt .col-lg-4.set:last-of-type {margin-right:0;}
#sub .bp-w440-lt label {text-align:left;}
#sub .bp-w440-lt small {display:block; margin-top:0.5rem; line-height:1.25em; color:#676D73;}
#sub .bp-w440-lt .exp{display:none;}
#sub .bp-w440-lt .agree_box {display:block; margin:40px 0;}
#sub .bp-w440-lt > .row:last-of-type {--bs-gutter-x:0; margin-top:40px; border-bottom:none !important;}

/* Tournament > Join Tournamen */
#sub.guide .wrap-1200 h4 {line-height:32px; margin-bottom:20px;}
#sub.guide .wrap-1200 p {line-height:1.5em; color:#676D73;}
#sub.guide .wrap-1200 h5 {margin:2em 0 1em;}
#sub.guide .wrap-1200 ul {margin-top:40px; padding:40px; list-style-type:none; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); background:#fff; overflow:hidden;}
#sub.guide .wrap-1200 ul li {float:left; width:calc(33.333% - 50px); margin-right:75px; position:relative;}
#sub.guide .wrap-1200 ul li:last-of-type {margin-right:0;}
#sub.guide .wrap-1200 ul li span {display:block; margin-bottom:24px; font-size:12px; font-weight:500; color:#000;}
#sub.guide .wrap-1200 ul li h6 {margin-bottom:10px; padding:0.25em;}
#sub.guide .wrap-1200 ul li p {padding:0.25em; font-size:15px;}
#sub.guide .wrap-1200 ul li i {position:absolute; color:#005339; transform:rotate(180deg); font-size:26px; position:absolute; right:-50px; top:40px;}

/* How to join mini game */
#sub.minigame .page h3.subtitle {margin-top:0;}
#sub.minigame .w-60 {line-height:1.5em; color:#676D73;}
#sub.minigame .w-60 > p {margin-bottom:20px;}
#sub.minigame .w-60 .box::after {content: ""; display:block; visibility:hidden; clear:both;}
#sub.minigame .w-60 .box span {float:left; width:1rem; display:inline-block;}
#sub.minigame .w-60 .box p {float:left; width:calc(100% - 24px); margin-bottom:20px;}

/* Support */
article {display:flex;}
.article-header {border-top:2px solid #35383b; border-bottom:1px solid #E5E7E8;}
.article-header {padding:24px 2px;}
.article-header h5 {margin:0 0 20px; font-weight:600; line-height: 1.25em;}
.article-header .d-flex {font-size: 14px; color:#9B9FA3;}
.article-header .icon.badge {margin-right:8px;}
.article-header .ms-sm-auto {display: flex;}
.article-header .ms-sm-auto > span {display: flex; align-items: center;}
.article-header i {margin-right:2px; font-size:16px !important; color:#afb1b3;}

.article-attach {padding:1em 2px; font-size: 14px; color:#000; border-bottom:1px solid #E5E7E8;}
.article-attach a i {margin-right:4px; font-size:16px !important; color:#000;}
.article-attach a:hover {text-decoration:underline; color:#000 !important; cursor:pointer;}
.article-body {padding:30px 2px 60px; line-height:1.5em; color:#52575c;}
.article-footer {flex-direction:column; border-top:1px solid #35383b; border-bottom:1px solid #35383b;}
.article-footer div {padding:14px 8px;}
.article-footer div.prev {border-bottom:1px solid #E5E7E8;}
.article-footer div a {display:flex; align-items:center;}
.article-footer i {margin-right:8px; font-size:20px; color:#000;}
.article-footer span {
  display:inline-block; max-width:calc(100% - 30px); padding-top:1px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9B9FA3;
}
.article-footer a span {color:#52575c;}
.article-footer a span:hover {color:#000 !important;}
.article-footer .no-data a i {color:#9B9FA3;}
.article-footer .no-data a span {color:#9B9FA3 !important;}
@media (max-width: 575.98px) {
    .article-body {padding:20px 2px 40px; font-size:14px;}
}
@media (max-width: 991.98px) {
    .article-footer span {padding:4px 0; font-size:14px;}
}

.notice-list, .resrc-list {overflow:hidden; white-space:nowrap;}
.notice-list td.col-6, .resrc-list td.col-6 {max-width:80px; overflow:hidden; text-overflow: ellipsis;}
.notice-list .icon.badge {min-width:48px;}
.resrc-list .icon.badge {min-width:56px;}
.notice-list a.more, .resrc-list a.more {text-decoration:none;}
.notice-list a.more:hover, .resrc-list a.more:hover {text-decoration:underline;}

/* Terms of Use & Privacy Policy */
#sub.terms .page, #sub.privacy .page {margin-top:0px;}
.rule {line-height:1.5em; color:#52575c;}
.rule-overview {padding:40px 0 38px; border-top:1px solid #35383b; border-bottom:1px solid #E5E7E8;}
.rule-list h5 {margin:50px 0 20px; font-size:18px; font-weight:600;}
.rule-list li+li {margin-top:0.5em;}
.rule-list ul {list-style-type:none;}
.rule-list ul.sub-item {margin-top:0.5em;}
.rule-list ul.sub-item li+li {margin-top:0;}
.rule-list ul.sub-item span {font-size:18px !important; color:#676D73;}
.rule-list p.add {padding-left:1.25em;}
.rule-list h6 {margin:1em 0 0.25em; font-weight:600; color:#52575c;}
.rule-list ul.type-circle {list-style-type:circle; padding-left: 1.25rem;}
.rule-list ul.type-circle li+li {margin-top:0;}

/* video */
a.position-relative.video-box {
    display:block; overflow:hidden; margin:0 auto;
}
a.position-relative.video-box .mask {
    position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#000; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter:alpha(opacity=10); opacity:0.1; 
    -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-out;
}
a.position-relative.video-box video{
    display:block; max-width:100%; height:auto; 
    -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-out;
}
a.position-relative.video-box:hover .mask {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; transition:all .2s ease-out;
}
a.position-relative.video-box:hover video {
    -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);
}
a.position-relative.video-box span[class^="icon"] {
    position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%, -50%); width:40px; height:40px; 
    background:url("/img/ico_play_circle_white_32px.png") no-repeat center center; background-size:32px 32px; -webkit-background-size:32px 32px;
}
@media (max-width:1199.98px) {
    #scorecard .wrap-1200:nth-of-type(3) {margin-left:5%; width:95%;}
    #scorecard .tab-content #pills-1 .list > .table:first-of-type {width:100px;}
    #scorecard .tab-content #pills-1 .list .table * {font-size:14px;}
    #scorecard .list {-ms-overflow-style: none; scrollbar-width: none;}
    #scorecard .list .fix-table {margin-left:100px;}
    #scorecard .list::-webkit-scrollbar {display:none;}
    #scorecard .list .scorecard_title {border-bottom:0;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #scorecard .list .fix-table {width:calc(100% - 158px); margin-left:100px;}
}    
@media (max-width:991.98px) {
    .wrap {width:90%; height:100%;}

    /* td {font-size:14px !important;} */

    #sub .page h3.subtitle {margin:40px 0 20px; font-size:20px;}
    #sub .page h3.subtitle .material-icons-outlined {font-size:20px;}
    #sub .page p.info {font-size:16px; margin-bottom:20px;}    
    #sub label.d-table-cell, #sub p.d-table-cell {padding:0.75em; line-height:1.5em;}
    
    #sub .date-select input[type="date"] {max-width: calc(50% - 7px);}
    #sub .date-select::before {top:24px; left:calc(50% - 2px);}
    #sub .date-select select {max-width:calc(100% - 47px);margin-top:10px; margin-left:0;}

    #sub .mobile_title {
        display:block; color:#fff; font-size:32px;
        font-weight:700; text-align:center; line-height:1em;
        position:absolute; left:50%; top:56%; transform:translate(-50%, -56%); width:100%;
    }
    
    /* 아래 두 선언 /components/membership/Scorecard.vue */
    #sub .m-none {display:none !important;}
    #sub .pc-none {display:block !important;}

    /* Membership > My Records > My Tournaments > Leaderboard */
    .myrank ul.box li .rounded-circle {display:block; margin:0 auto; width:44px; height:44px;}
    .myrank ul.box li .rounded-circle i {line-height:44px; font-size:26px !important;}
    .myrank ul.box li h2 {margin-bottom: 0.4rem; padding-top:0.1rem; font-size:24px;}
    .myrank ul.box li h2 small {font-size:14px !important;}
    .myrank ul.box li h2 + p {font-size:12px;}

    /* Find_Id_Pwd */
    #sub .find_idpwd h4 {font-size:18px;}
    #sub .find_idpwd .row {--bs-gutter-x:0;}
  
    /* How to join mini game */
    #sub.minigame .w-60, #sub.minigame .w-40 {width:100% !important;}
    #sub.minigame .w-60.pe-5 {padding-right:0 !important;}
    #sub.minigame .mt-4 {margin-top: 0 !important;}
    #sub.minigame h4 {font-size:20px; line-height:26px;}
    #sub.minigame .w-60 p, #sub.minigame .w-60 .box span {font-size:14px;}

    #sub .bp-w440-lt .row {--bs-gutter-x:1.5rem;}
    #sub .bp-w440-lt input[type="text"], #sub .bp-w440-lt input[type="password"] {height:45px; margin:0;}
    #sub .bp-w440-lt select {
        height: 45px !important;
		line-height: 45px !important;
		max-height: 45px;
		font-size: 14px;
    }
    #sub .bp-w440-lt textarea {font-size:14px; margin:0;}
    #sub .bp-w440-lt > .row > div {width:60%;}
    #sub .bp-w440-lt > .row > div:first-of-type {width:40%;}
    #sub .bp-w440-lt > .row:last-of-type > div {width:100%;} /* button */
    #sub .bp-w440-lt > .row .col-lg-9 {margin:10px 0;}
    #sub .bp-w440-lt .col-lg-9 > .row > .col-lg-4 {width:100%; margin-bottom:10px;}
    #sub .bp-w440-lt .col-lg-9 > .row > .col-lg-4:last-of-type {margin-bottom:0;}
    #sub .bp-w440-lt .agree_box {margin:24px 0;}
    #sub .bp-w440-lt .agree_box label, #sub .bp-w440-lt .agree_box label a{font-size:12px; line-height:1.4;}
    #sub .bp-w440-lt .agree_box .form-check-input[type="checkbox"] {width:1em; height:1em;}

    /* Terms of Use & Privacy Policy */
    .rule {font-size:14px;}
    .rule-overview {padding:20px 0 18px;}
    .rule-list h5 {margin:30px 0 10px; font-size:16px;}
    .rule-list ul.sub-item span {font-size:16px !important;}
    .rule-list h6 {font-size:14px;}
    
    #sub.guide .wrap-1200 h4 {font-size:20px; line-height:26px;}
    #sub.guide .wrap-1200 p {font-size:14px;}
    #sub.guide .wrap-1200 h5 {font-size:18px;}
    #sub.guide .wrap-1200 ul {margin-top:30px; padding:36px;}
    #sub.guide .wrap-1200 ul li {float:none; margin-bottom:75px; margin-right:0; width:100%;}
    #sub.guide .wrap-1200 ul li:last-of-type {margin-bottom:0; }
    #sub.guide .wrap-1200 ul li i {transform:rotate(270deg); right:calc(50% - 9px); top:unset; margin-left:-13px; bottom:-50px; font-size:18px;}
}

@media (min-width:768px) {
    a.position-relative.video-box {width:280px;}
}

@media (max-width:767.98px) {
    #sub .bp-w440-lt div.me-2{flex: 1 1 100% !important; margin-bottom: 0.5rem;}
    #sub .bp-w440-lt div.me-2 img{margin:0 5px 5px 0;}
    #sub .bp-w440-lt .exp{display:inline-block; font-size:12px; color:#676D73;}
}

@media (max-width: 575.98px) {
    /* Membership > My Records > My Tournaments > Leaderboard */
    .myrank ul.box li:nth-child(1) {-ms-flex:0 1 100%; flex:0 1 100%; max-width:100%; padding-right:16px; padding-bottom:0;}
    .myrank ul.box li:nth-child(2) {padding-top:4px;}

    #sub .p44 .col-lg-4 {min-width:100%;}
    #sub .p44 h3.subtitle {line-height:1;}
    #sub .find_idpwd .h-100 {padding: 1.5rem;}
}

@media (min-width:440px) and (max-width: 767.98px) {
    a.position-relative.video-box {width:160px;}
}

@media (max-width:439.98px) {
    a.position-relative.video-box {width:100px;}
    a.position-relative.video-box span[class^="icon"]{background-size:24px 24px; -webkit-background-size:24px 24px;}

    #sub .p36 .col-lg-4 a .video-box span[class^="icon"]{background-size:24px 24px; -webkit-background-size:24px 24px;}
    #sub .p36 .fill-white span:first-of-type::after{display:none;}
    #sub .p36 .fill-white span.lh-lg {display:block !important; margin-right:0;}

    #sub .bp-w440-lt > .row > div {width:100% !important;}
    #sub .bp-w440-lt .row>* {padding:0;}
    #sub .bp-w440-lt .col-lg-3 {border-bottom:1px solid #E5E7E8;}
    #sub .bp-w440-lt .d-flex.pt-4 {justify-content: center !important;} /* recaptcha */
    #sub .bp-w440-lt .col-lg-9 .form-check {margin:12px 0 12px 10px;}
}