/* CSS Document
Theme Name: KLPGA Web
Theme URI:
Description: KLPGA 한국여자프로골프협회 theme
Author: ibiz communication
Author URI:
*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------- FONT STYLES ----------------------------------*/
/*--------------------------------------------------------------------------------*/
/* 애플산돌고딕 폰트 적용 */
@font-face {
font-family: "SDGothicL";
src: url("https://cdn.klpga.co.kr/DATA/resources/web/fonts/AppleSDGothicNeoL.ttf") format("truetype");
font-style: light;
font-weight: 100;
}
@font-face {
font-family: "SDGothic";
src: url("https://cdn.klpga.co.kr/DATA/resources/web/fonts/AppleSDGothicNeoM.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: "SDGothicSB";
src: url("https://cdn.klpga.co.kr/DATA/resources/web/fonts/AppleSDGothicNeoSB.ttf") format("truetype");
font-style: bold;
font-weight: 500;
}
@font-face {
font-family: "SDGothicB";
src: url("https://cdn.klpga.co.kr/DATA/resources/web/fonts/AppleSDGothicNeoB.ttf") format("truetype");
font-style: bolder;
font-weight: 700;
}
/* Roboto 폰트 적용 */
@font-face {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
src: url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Regular.woff2) format('woff2'),
url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Regular.woff) format('woff'),
url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Roboto Medium'; font-style: normal; font-weight: 500;
src: url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Medium.woff2) format('woff2'),
url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Medium.woff) format('woff'),
url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Roboto Bold'; font-style: normal; font-weight: 700;
src: url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Bold.woff2) format('woff2'),
url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Bold.woff) format('woff'),
url(https://cdn.klpga.co.kr/DATA/resources/web/fonts/Roboto-Bold.otf) format('opentype');
}
/*--------------------------------------------------------------------------------*/
/*------------------------------------ Basic -------------------------------------*/
/*--------------------------------------------------------------------------------*/
html { -webkit-font-smoothing: antialiased; font-size:14px; scroll-behavior: smooth; }
body { background-color: #FFF; letter-spacing: -0.5px; }
body,td,form,input, select, textarea {
font-size:14px;
font-family: 'SDGothic', 'Open Sans', sans-serif;
color:#333;
line-height:1.5rem;
margin:0 0 0 0 ;
}
table, img {border:none;border-spacing:0px;border-collapse:collapse;}
tr, td, th {padding:0px;color: hsl(0, 0%, 20%);}
form,input, select, textarea {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #feebf2;
scrollbar-highlight-color: #feebf2;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #feebf2;
}
a {selector-dummy:expression(this.hideFocus=true);}
a:link { color:#333; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:active { color:#333; text-decoration:none;}
ul, li {list-style:none; margin:0; padding:0}
li { padding-left:20px; padding-bottom:5px;}
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; line-height: 1.2em; margin:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
h1 { font-size: 48px; font-size: 2rem; }
h2 { font-size: 26px; font-size: 1.6rem; }
h3 { font-size: 20px; font-size: 1.24rem; }
h4 { font-size: 16px; font-size: 1.125rem; }
h5 { font-size: 14px; font-size: 1rem; }
h6 { font-size: 12px; font-size: 0.938rem; }
.fs-1 { font-size: 2rem !important; }
.fs-2 { font-size: 1.6rem !important; }
.fs-3 { font-size: 1.24rem !important; }
.fs-4 { font-size: 1.125rem !important; }
.fs-5 { font-size: 1rem !important; }
.fs-6 { font-size: 0.938rem !important; }
.fs-7 { font-size: 0.875rem !important; }
.fs-8 { font-size: 0.75rem !important; }
.line-1 { line-height: 1em !important; }
.line-2 { line-height: 1.2em !important; }
.line-3 { line-height: 1.5em !important; }
.line-4 { line-height: 2em !important; }
.line-5 { line-height: 3em !important; }
small, label { font-size: 0.875rem; }
.caption { font-size: 0.875rem; }
p, pre { line-height: 1.2rem; font-size: 1rem; }
textarea { border: none; outline: 0; color: #000; padding: 6px; }
input { border: none; outline: 0; color: #000; }
select { border: none; outline: 0; color: #000; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
tr td, th { border: 1px solid #ddd; padding: 1rem 1.4rem; text-align: inherit; text-align: -webkit-match-parent; }
span, dt, dd { display: inline-block; font-weight: normal; }
dl { position: relative; display: flex; margin-bottom: 0; }
ul.ps-0 li { padding-left: 0; }
.container { text-align: left; margin: 0 auto; position: relative; }
.container-out { padding-right: var(--bs-gutter-x, 1rem) !important; padding-left: var(--bs-gutter-x, 1rem) !important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.keycolor, .keycolor a { color: #3251F5 !important; }
.keybg { background: #3251F5 !important; }
.fw-thin { font-family: "SDGothicL", 'Open Sans', sans-serif; font-weight: 100 !important; }
.fw-normal { font-family: "SDGothic", 'Open Sans', sans-serif; font-weight: 300 !important; }
.fw-sb { font-family: "SDGothicSB", 'Open Sans', sans-serif; font-weight: 500 !important; }
.fw-bold { font-family: "SDGothicB", 'Open Sans', sans-serif; font-weight: 700 !important; }
.ps-6 { padding-left: 3.75rem !important; }
.ps-7 { padding-left: 5rem !important; }
.ps-8 { padding-left: 6rem !important; }
.m-6 { margin: 4rem !important; }
.my-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.mt-6 { margin-top: 4rem !important; }
.mb-6 { margin-bottom: 4rem !important; }
.rounded-4 { border-radius: 0.4rem !important; }
.rounded-5 { border-radius: 0.5rem !important; }
.rounded-8 { border-radius: 0.8rem !important; }
.rounded-10 { border-radius: 1rem !important; }
.rounded-15 { border-radius: 1.5rem !important; }
.rounded-20 { border-radius: 2rem !important; }
.rounded-30 { border-radius: 3rem !important; }
.rounded-40 { border-radius: 4rem !important; }
.rounded-top { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.rounded-top-left { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; }
.rounded-bottom-right { border-bottom-right-radius: 1rem !important; }
img { max-width: 100%; }
.text-dark, .darkcolor, .darkcolor a { color: #333 !important; }
.text-gray, .graycolor, .graycolor a { color: #666 !important; }
.text-lightgray, .lightgraycolor, .lightgraycolor a { color: #9a9a9a !important; }
.text-disabled { color: #CCC !important; }
.text-gold, .goldcolor, .goldcolor a { color: #BFAE88 !important; }
.text-black, .blackcolor, .blackcolor a { color: #000 !important; }
.text-red, .redcolor, .redcolor a { color: #FF0045 !important; }
.text-orange, .orangecolor, .orangecolor a { color: #FD684C !important; }
.text-blue, .bluecolor, .bluecolor a { color: #0C73FD !important; }
.text-darkblue, .darkbluecolor, .darkbluecolor a { color: #000086 !important; }
.text-btncolor, .btncolor { color: #254BB0; }
.text-green, .greencolor, .greencolor a { color: #0C7301; }
.text-neongreen, .neongreencolor, .neongreencolor a { color: #03FFB6; }
.text-violet { color: #8150FF !important; }
.border-dark { border-color: #333 !important; }
.border-darkgray { border-color: #707070 !important; }
.border-gray { border-color: #ababab !important; }
.border-lightgray { border-color: #ccc !important; }
.border-bodycolor { border-color: #DDD !important; }
.border-gold { border-color: #BFAE88 !important; }
.border-red { border-color: #FF0045 !important; }
.border-green { border-color: #90D5AC !important; }
.border-green-opacity { border-color: rgb(144, 213, 172, 0.25) !important; }
.border-primary { border-color: #631BFA !important; }
.border-primary-opacity { border-color: rgb(99, 27, 250, 0.125) !important; }
.border-blue { border-color: #3251F5 !important; }
.border-lightblue { border-color: #ccd4fd !important; }
.border-violet { border-color: #8150FF !important; }
.bg-none, .bg-0 { background: transparent !important; }
.bg-red { background: #FF0045 !important; }
.bg-klpgared { background: #F65259 !important; }
.bg-dark { background: #3f3f3f !important; }
.bg-darkgray { background: #707070 !important; }
.bg-gray { background: #c4c4c4 !important; }
.bg-lightgray { background: #E2E2E2 !important; }
.bg-light { background: #F6F6F6 !important; }
.bg-bright { background: #FAFAFA !important; }
.bg-bodycolor { background: #FAFAFA !important; }
.bg-blue { background: #3251F5 !important; }
.bg-lightblue { background: #EDF5FF !important; }
.bg-babyblue { background: #007EFC !important; }
.bg-skyblue { background: #D8E5F4 !important; }
.bg-darkblue { background: #001D6C !important; }
.bg-bluegradient { background: linear-gradient(to bottom, #001D6C, #0F62FE) !important; }
.bg-lightbluegradient { background: linear-gradient(to bottom, #A8D7FF, #FFF) !important; }
.bg-pink { background: #FE6F6F !important; }
.bg-lightpink { background: #f9f2fb !important; }
.bg-green { background: #03FFB6 !important; }
.bg-orange { background: #eb8007 !important; }
.bg-violet { background: #8150FF !important; }
.bg-weather01 { background: #f91018 !important; }
.bg-weather02 { background: #fd5b1f !important; }
.bg-weather03 { background: #fe8e39 !important; }
.bg-weather04 { background: #fec530 !important; }
.bg-weather05 { background: #f6f82c !important; }
.bg-weather06 { background: #ffff68 !important; }
.bg-weather07 { background: #c8fc6e !important; }
.bg-weather08 { background: #8afe6a !important; }
.bg-weather09 { background: #60fd65 !important; }
.bg-weather10 { background: #1cfe38 !important; }
.textshadow { text-shadow: 2px 2px 12px rgb(0, 0, 0, 0.8); }
.boxshadow, .boxshadow-primary { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.boxshadow-lg { box-shadow: 4px 7px 5px 0px rgba(0, 0, 0, 0.075); }
.bottomshadow { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.075); }
.topshadow { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.075); }
.innershadow { box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.innershadow-sm { box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.075); }
.boxshadow-none { box-shadow: none !important; }
.boxshadow-primary:hover { border: 0 !important; box-shadow: 0px 4px 4px 0px rgba(99, 27, 250, 0.4); }
.bg-img { background-repeat: no-repeat; background-position: center; background-size: cover; }
.bg-img-top { background-repeat: no-repeat; background-position: top; background-size: cover; }
.bg-contain { background-repeat: no-repeat; background-position: center; background-size: contain; }
.mc-only { display: none !important; }
.pc-only { display: block; }
span.mc-only { display: none; }
span.pc-only { display: inline-block; }
.section-bottom .container { width: 100%; padding-right: var(--bs-gutter-x, 0.5rem); padding-left: var(--bs-gutter-x, 0.5rem); }
.match-height>[class*=col] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
.match-height>[class*=col]>.card { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
/* 영문폰트 변경 */
.font-sfcompact { font-family: "Roboto"; }
.font-sfcompact-bold, .font-sfcompact.fw-bold, .font-sfcompact strong { font-family: 'Roboto Bold'; }
.font-sfpro { font-family: "Roboto"; }
.font-sfpro-bold, .font-sfpro.fw-bold, .font-sfpro strong { font-family: 'Roboto Bold'; }
/*--------------------------------------------------------------------------------*/
/*------------------------------------ Header ------------------------------------*/
/*--------------------------------------------------------------------------------*/
.site-header { width: 100%; margin: 0 auto; background: #FFF; }
/* .site-header.cambio_header { position: fixed; top: 0; z-index: 999; } */
.header-menu { display: flex; padding: 1rem 0; }
.top-brand { float: left; margin-right: 3.5rem; }
.top-navi ul li { float: left; padding: 0 25px; }
.top-navi ul li a { font-family: 'Roboto Medium'; color: #000; }
.top-navi ul li a:hover { color: #F65259; }
.top-right ul li { float: right; margin-left: 1rem; }
.right-member { font-family: 'Roboto Medium'; }
.main-menu .nav-item { line-height: 58px; padding: 0; }
.main-menu { position: relative; width: 100%; height: 58px; background: #254BB0; color: #FFF; }
.main-menu .navbar { padding: 0; }
.main-menu .navbar-nav { z-index: 99; }
.main-menu .navbar-nav .nav-link { padding: 0 36px; color: #FFF; }
.main-menu .navbar-nav .nav-link.dropdown-toggle { padding: 0 20px; }
.main-menu .navbar-nav .nav-link.show, .main-menu .navbar-nav .nav-link:hover { color: #03ffb6; }
.main-menu .navbar-toggler { display: block; padding: 0; margin-right: 50px; z-index: 98; }
.main-menu .collapse:not(.show) { display: none !important; }
#mainmenu-tabContent .tab-pane { position: absolute; top: 58px; left: 0; content: ""; width: 100%; height: 356px; background-color: #3251f5; z-index: 3; }
.main-nav .nav-link { font-size: 1.2rem; background: none; color: #FFF; line-height: 58px; padding: 0 2rem; font-family: "SDGothicSB" }
.main-nav .nav-link:hover, .main-nav .nav-link.active { background: none; color: #03ffb6; }
.sub-menu { display: inline-block; margin-left: 100px; margin-top: 1.5rem; }
.sub-menu li { padding-bottom: 10px; }
.sub-menu .sub-item { font-size: 1.25rem; color: #FFF; }
.sub-menu .sub-item:hover { color: #03ffb6; }
.dropdown-menu li { padding-left: 0; }
.right-nav .dropdown-toggle.show { background: #3251f5; color: #FFF; }
.right-nav .dropdown-menu { background: #3251f5; right: 0; left: auto; min-width: 240px; padding: 1rem; margin-top: 0; border: 0; border-radius: 0; }
.right-nav .dropdown-menu li { padding-left: 0; padding-bottom: 0; }
.right-nav .dropdown-menu li a { color: #FFF; padding: 0 1rem; line-height: 2.4rem; }
.right-nav .dropdown-menu li a:hover { background: #3251f5; color: #03ffb6; }
.right-share details { position: relative; }
.right-share details > summary { position: relative; list-style: none; }
.right-share details summary::-webkit-details-marker { display:none; }
.right-share details[open] summary::after { position: absolute; top: 27px; left: 3px; content: "▲"; color: #254BB0; }
.share-wrapper { position: absolute; top: 42px; left: -30px; width: 130px; background: #FFF; padding: 1rem; z-index: 999; }
.share-wrapper h4 { padding: 0.5rem; }
.share-wrapper ul li { float: left; margin-left: 0; padding: 8px; }
.share-wrapper ul li a { display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background-color: #eee; text-align: center; }
.share-wrapper ul li a:hover { background-color: #C4C6C9; }
.right-lang details { position: relative; }
.right-lang details > summary { position: relative; list-style: none; }
.right-lang details summary::-webkit-details-marker { display:none; }
.right-lang details[open] summary::after { position: absolute; top: 27px; left: 3px; content: "▲"; color: #254BB0; }
.right-lang details[open] ul { position: absolute; top: 42px; left: -30px; width: 130px; background: #FFF; padding: 1rem 0.25rem; z-index: 999; box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.1); }
.right-lang details[open] ul li { float: left; width: 100%; margin: 0; padding-left: 0; }
.right-lang details[open] ul li a { display: block; width: 100%; font-size: 1.125rem; line-height: 1.8; padding-left: 1rem; font-family: "Roboto"; }
.right-lang details[open] ul li a:hover { background-color: #F2F4F8; }
.menu-opened .main-nav, .menu-opened .right-nav { display: none; }
.header-menu.klpga { background-color: #F5F5F5; padding: 0.25rem 0; }
.header-menu.klpga .right-lang { position: relative; margin-left: 3rem; padding-left: 3rem; min-width: 140px; }
.header-menu.klpga .right-lang::before { position: absolute; top: 3px; left: 0; content: ""; width: 1px; height: 17px; background-color: rgb(74, 79, 84, 0.25); }
.main-menu.klpga { display: flex; align-items: center; height: 48px; background: linear-gradient(to right, #FFF 50%, #3251F5 50%); }
.main-menu.klpga .navbar { background-color: #FFF; }
.main-menu.klpga .top-brand { margin-top: 0.75rem; min-width: 150px }
.main-menu.klpga .nav-item { line-height: 45px; margin-right: 36px; }
.main-menu.klpga .nav-item.dropdown { background-color: #3251F5; line-height: 48px; margin-right: 0; min-width: 140px; }
.main-menu.klpga .navbar-nav.right-nav { height: 48px; }
.main-menu.klpga .navbar-nav .nav-link { font-size: 1.125rem; color: #000; line-height: 45px; }
.main-menu.klpga .navbar-nav .nav-link.dropdown-toggle { color: #FFF; line-height: 48px; text-align: center; font-size: 1.25rem; }
.main-menu.klpga .main-nav .nav-link { padding: 0; border-bottom: 3px solid rgb(0, 0, 0, 0); }
.main-menu.klpga .main-nav .nav-link:hover, .main-menu.klpga .main-nav .nav-link.active { color: #000; border-bottom: 3px solid #F65259; }
/*-- nav --*/
#navi-icon.opened { display: block; visibility: visible; z-index: 999; }
#navi-icon.opened .navi-icon-line { width: 18px; }
#navi-icon { padding: 12px 0; position: relative; width: 45px; height: 56px; font-size: 0; color: transparent; cursor: pointer; background-color: transparent; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; }
.navi-icon-line { left: 0; display: block; position: absolute; width: 22px; height: 2px; background-color: #FFF; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 991; }
.navi-icon-line:first-child { top:18px; left: 12px; }
.navi-icon-line:nth-child(2) { top:24px; width: 15px; left: 16px; }
.navi-icon-line:nth-child(3) { top:30px; width: 6px; left: 20px; }
#navi-icon.opened .navi-icon-line { -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
#navi-icon.opened .navi-icon-line:first-child { background-color: #000; -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); top: 16px; left: 17px;}
#navi-icon.opened .navi-icon-line:nth-child(2) { background-color: #000; -webkit-transform: scaleX(0); transform: scaleX(0); }
#navi-icon.opened .navi-icon-line:nth-child(3) { background-color: #000; -webkit-transform: translateY(-11px) rotate(45deg); transform: translateY(-11px) rotate(45deg); top: 36px; left: 17px; }
/*-- fullwidth navi --*/
.nav-fullwidth { width: 320px; }
.nav-fullwidth .nav-link { position: relative; background: none; color: #FFF; text-align: left; font-size: 1.8rem; min-width: 240px; font-family: "Roboto"; padding: 2rem; }
.nav-fullwidth .nav-link.active { background: none; color: #03FFB6; }
.nav-fullwidth .nav-link:after { position: absolute; right: 40px; margin-top: -6px; content: ""; width: 30px; height: 30px; background-image: url("data:image/svg+xml,"); }
.nav-fullwidth .nav-link.active:after { background-image: url("data:image/svg+xml,"); }
#v-fullwidth-tabContent { position: relative; background: #1748CB; margin-top: -30px; width: calc(100% - 320px); height: calc(100vh - 54px); padding: 5rem 0 5rem 4rem; z-index: 1; }
#v-fullwidth-tabContent .title { width: 100%; border-bottom: 1px solid rgb(255, 255, 255, 0.75); margin-bottom: 2rem; }
#v-fullwidth-tabContent .title h2 { padding-top: 0.5rem; }
#v-fullwidth-tabContent .title a { color: #FFF; }
#v-fullwidth-tabContent .title a:hover { color: #03FFB6; }
#v-fullwidth-tabContent h1 { padding-bottom: 1rem; }
#navbarNavDropdown { position: fixed; overflow: auto; top: 54px; width: 100%; background: #3251F5; height: calc(100% - 54px); padding-top: 30px; z-index: 97; }
#navbarNavDropdown:after { position: fixed; top: 54px; right: 0; content: ""; width: 50%; height: 100%; background: #1748CB; }
.sitemap { height: 400px; }
.sitemap a { color: #FFF; }
.sitemap a:hover { color: #03FFB6; }
.sitemap .cat-title { font-size: 1.5rem; font-family: "SDGothicSB"; display: block; margin-bottom: 1.5rem; }
.sitemap ul li { padding-left: 0; padding-bottom: 1rem; }
.sitemap ul li a { font-size: 1.25rem; font-family: "SDGothicL"; }
.sitemap ul li a:hover { border-bottom: 1px solid #03FFB6; }
.sitemap .inline-icon { text-align: center; color: #FFF; margin-right: 0.5rem; margin-left: -0.5rem; }
.sitemap .inline-icon { width: 23px; height: 23px; border-radius: 50%; background-color: #103EB8; }
.sitemap .inline-icon img { max-width: 11px; }
.sitemap ul li:hover .inline-icon { background-color: #03FFB6; }
.sitemap ul li:hover .inline-icon img { filter: brightness(0) invert(1); }
.sitemap ul.cat-media li a { border-bottom: 0; }
.sitemap ul.cat-media li:last-child a { font-size: 1.125rem; }
/*-- mobile navi --*/
.nav-fullwidthmc { position: absolute; z-index: 999; width: calc(100% - 4rem); margin-left: 1.5rem; padding-bottom: 1rem; }
.nav-fullwidthmc .nav-link { background: none; border: 0; text-align: left; color: #FFF; font-size: 1.8rem; padding: 1rem 0 1.5rem; font-family: "SDGothicL"; }
.nav-fullwidthmc .nav-link:hover, .nav-fullwidthmc .nav-link.active, .nav-fullwidthmc li a:hover { color: #03FFB6; }
.nav-fullwidthmc .nav-link:after { position: absolute; left: 140px; margin-top: -5px; content: ""; width: 30px; height: 30px; background-image: url("data:image/svg+xml,"); }
.nav-fullwidthmc .nav-link:hover:after { background-image: url("data:image/svg+xml,"); }
.nav-fullwidthmc .nav-link.dropdown:after { position: absolute; left: 140px; top: 14px; content: ""; width: 30px; height: 30px; background: url("../images/btn-toggle.svg") no-repeat center; }
.nav-fullwidthmc .nav-link.dropdown:hover:after { background: url("../images/btn-toggle-green.svg") no-repeat center; }
.nav-fullwidthmc details > summary { list-style: none; }
.nav-fullwidthmc details summary::-webkit-details-marker { display:none; }
.nav-fullwidthmc details ul { margin-left: 200px; margin-top: -24px; }
.nav-fullwidthmc details ul li a { font-size: 1.4rem; color: #FFF; line-height: 1.8; }
.nav-fullwidthmc details ul li a:hover { color: #03FFB6; }
.footer-navi { padding-top: 1rem; padding-left: 0.5rem; margin-bottom: 1.5rem; position: fixed; bottom: 0; }
.footer-navi .nav-link { font-size: 1.4rem; color: #FFF; line-height: 1.2; font-family: 'Roboto Medium'; }
#v-fullwidthmc-tabContent { position: absolute; top: 1rem; left: 50%; z-index: 9; }
#v-fullwidthmc-tabContent li a { display: block; font-size: 1.25rem; padding-bottom: 1rem; }
#v-fullwidthmc-tabContent .tab-pane:nth-child(1) { margin-top: 0; }
#v-fullwidthmc-tabContent .tab-pane:nth-child(2) { margin-top: 4rem; }
#v-fullwidthmc-tabContent .tab-pane:nth-child(3) { margin-top: 8rem; }
#v-fullwidthmc-tabContent .tab-pane:nth-child(4) { margin-top: 12rem; }
.pane-footer.horizontal { display: block; margin-top: 2rem; margin-left: 1.5rem; padding-bottom: 1rem; width: 160px; }
.pane-footer.horizontal h2 { width: 100%; padding-bottom: 1rem; }
.pane-footer.horizontal .footer-link { display: flex; text-align: left; color: #FFF; margin-right: 0.2rem; }
.pane-footer.horizontal .footer-link .btn { margin-right: 1rem; }
.pane-footer.horizontal .footer-link .btn:hover { background-color: #03FFB6; }
.pane-footer.horizontal .footer-link:hover { color: #03FFB6; }
.pane-footer.horizontal .footer-link p { font-size: 1rem; line-height: 3.2rem; }
/*-- leftsearch --*/
.navbar-search { display: inline-block; margin: 4px 2px; width: 100%; height: 50px; min-width: 50px; vertical-align: bottom; width: auto; z-index: 99; }
.btn-search { display: inline-block; margin: 4px 2px; font-size: 14px; padding-left: 32px; padding-right: 32px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: white; }
.btn-search:hover { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; color: black; }
.btn-search { position: absolute; min-width: 49px; margin: 0; padding: 0; right: 0; border-radius: 0.25rem 0 0 0.25rem; }
.form-control-search:focus + .btn-search { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; background: #FFF; color: #000; left: 0; right: auto; z-index: 10; }
.form-control-search:focus + .btn-search img { filter: brightness(1) invert(1); }
.form-control-search { position: absolute; outline: none; border: none; padding: 0; width: 0; height: 50px; border-radius: 0; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; left: auto; right: 49px; }
.form-control-search:focus { padding: 0 0 0 0; background: #FFF; width: calc(100% - 49px); left: 49px; border-radius: 0 0.25rem 0.25rem 0; z-index: 10; }
.form-control-search::placeholder { color: #000; }
.form-control-search::-webkit-search-cancel-button { right:20px; }
.form-control-search::-ms-clear, .form-control-search::-ms-revea { margin-right:20px }
datalist { padding: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
datalist option { padding-left: 2rem; }
/*--------------------------------------------------------------------------------*/
/*---------------------------------- section status ------------------------------*/
/*--------------------------------------------------------------------------------*/
/* main status */
.section-status { padding: 0; background: #FFF; height: 94px; display: none; }
.section-status .container-fluid { overflow: hidden; }
.section-status.scroll-snap { position: fixed; top: 0; z-index: 999; }
.section-status .container-fluid .col-12 { position: relative; }
.section-status .status-divider { display: block; margin-top: 12px; width: 2px; height: 70px; background-color: #F7F7F7; }
.status-player-swiper .swiper-slide::after, .status-likeplayer-swiper .swiper-slide::after { position: absolute; top: 12px; right: 0px; content: ""; display: block; width: 2px; height: 70px; background-color: #F7F7F7; }
.section-status::after { position: absolute; top: auto; margin-top: -1rem; content: ""; width: 100%; height: 1rem; box-shadow: 0 0.3rem 0.3rem rgb(0 0 0 / 10%); z-index: 2; }
.status-logo { margin-right: 2rem; }
.status-tourtitle { display: flex; padding: 0.625rem 0; }
.status-tourtitle label { margin-top: 0.75rem; margin-bottom: 0.5rem; }
.status-tourtitle h2 { line-height: 2rem; font-family: "SDGothicSB" }
.status-dayinfo { display: flex; justify-content: space-between; }
.section-status .divider { margin: 1rem 0.5rem; padding: 0.625rem 0; }
.d-day { display: flex; justify-content: space-around; padding-top: 2rem; width: 35%; }
.d-day h2 { height: 26px; font-size: 1.4rem; color: #3251F5; border: 1px solid #999; border-radius: 1rem; padding: 0.2rem 2rem; text-align: center; margin: 1rem 1rem 0.25rem; }
.d-day h2.round { width: 32px; height: 32px; line-height: 32px; color: #3251F5; padding: 0; font-size: 1.2rem; background-color: #03FFB6; border: none; border-radius: 50%; }
.d-day h3 { padding-top: 1.2rem; }
.d-day h3.live { padding-top: 1rem; }
.d-day h3.end { background-color: #3251F5; color: #FFF; padding: 0; width: 60px; height: 32px; line-height: 32px; text-align: center; margin-top: 1rem; box-shadow: 4px -4px 0px #03FFB6; }
.d-day h3.during { background-color: #03FFB6; color: #3251F5; padding: 0; width: 76px; height: 32px; line-height: 32px; text-align: center; margin-top: 0.5rem; }
.d-day::after { content: ""; display: block; width: 1px; height: 30px; background: #3251F5; margin-left: 2rem; margin-top: 0.75rem; }
.d-count { display: inline-block; font-size: 1.6rem; line-height: 3em; padding: 0.625rem 0; }
.d-calendar { position: relative; margin-top: 1rem; padding: 0.625rem 0; }
.status-weather { display: flex; width: 60%; min-height: 58px; }
.d-weather { font-size: 1.4rem; line-height: 2.5em; text-align: center; padding-top: 2rem; width: 25%; }
.weather-index { margin-top: -3px; }
.weather-index .badge { font-weight: normal; }
.d-calendar::after { position: absolute; top: 1rem; right: 0; content: ""; width: 1px; height: 30px; background-color: #3251F5; }
/* status */
.nav-status { padding: 1.25rem 0; }
.nav-status .nav-link { color: #878787; font-size: 1.063rem; padding: 0.25rem 0; font-family: "SDGothicSB" }
.nav-status .nav-link.active { background: none; color: #325ED0; }
.status-leaderboard { display: flex; justify-content: space-between; }
.status-totalplayer .swiper-slide, .status-likeplayer .swiper-slide { padding: 1rem 0; }
.status-player-swiper, .status-likeplayer-swiper { position: relative; overflow: hidden; display: flex; width: calc(100% - 80px); }
.status-player-swiper .swiper-wrapper, .status-likeplayer-swiper .swiper-wrapper { }
.status-swiper-button-wrapper { position: relative; width: 80px; }
.status-like-entry { display: flex; }
.status-like-entry h3 { position: absolute; padding: 0.5rem; font-size: 1.125rem; color: #707070; width: 45px; text-align: right; font-family: "Roboto"; z-index: 2; }
.status-like-entry .avatar-lg { margin: 0.5rem 0.25rem 0 3.5rem; }
.status-player dt { display: block; font-size: 1.2rem; line-height: 2.4rem; }
.status-player dd { color: #FC8740; font-size: 0.875rem; margin-right: 0.25rem; margin-bottom: 0; font-family: 'Roboto Medium'; font-weight: 600; }
.status-player dd:last-child { color: #000; }
.status-player dd span { color: #707070; font-family: "Roboto"; margin-right: 0.25rem; }
.status-player .swiper-slide::after { position: absolute; top: -14px; right: 0px; content: ""; display: block; width: 2px; height: 99px; background: #F7F7F7; }
.status-swiper-button-wrapper .swiper-button-prev { top: 45px; background-image: url(../images/btn-status-prev.svg); }
.status-swiper-button-wrapper .swiper-button-next { top: 45px; background-image: url(../images/btn-status-next.svg); }
.status-tourlive { padding: 1rem 0; font-family: "SDGothicSB" }
.status-tourlive .badge { width: 27px; height: 27px; line-height: 18px; border-radius: 50%; margin-right: 0.75rem; background-color: #03FFB6; font-size: 0.875rem; color: #3251F5; }
.status-touricon { display: flex; margin-top: 1.4rem; }
/*--------------------------------------------------------------------------------*/
/*------------------------------------ main area ---------------------------------*/
/*--------------------------------------------------------------------------------*/
.section-area { width:100%; height: auto; margin:0 auto; position: relative; }
.section-tourinfo { background: linear-gradient(to bottom, #c7e6fd 5%, #d3f1fc 10%, #a6e5f4 20%, #92e6e1 50%, #89c7ff 80%, #FFF 80%); padding-top: 5rem; overflow: hidden; }
.nav li { padding-left: 0; padding-bottom: 0; }
/* card */
.tourinfo-card { min-height: 560px; }
.tourinfo-card .card-header h2 { font-weight: bold; }
.tourinfo-card .card-header, .tourinfo-card .card-footer { background: #FFF; border: none; }
.tourinfo-card .card-header { padding: 1.75rem 1.75rem 0.5rem; }
.tourinfo-card .card-header h3 { font-weight: bold; }
.tourinfo-card .card-body { padding: 0rem 1.75rem; }
.tourinfo-card .nav { margin-bottom: 0.25rem; }
.tourinfo-card .nav-link, .nav-underline .nav-item span { padding: 0.5rem 0 0.25rem; }
.scroll-wrapper { overflow-y: scroll; }
.scroll-wrapper::-webkit-scrollbar { width: 8px; }
.scroll-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #CDCDD8; border-radius: 8px; }
.scroll-wrapper::-webkit-scrollbar-thumb { background: #F6F6F6; box-shadow: inset 0 0 2px #CDCDD8; border-radius: 8px; }
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background: #F6F6F6; }
.overview-logo { text-align: center; border-bottom: 1px solid rgb(0, 0, 134, 0.25); }
.overview-logo img { max-height: 100px; }
.overview-logo h2 { font-weight: bold; padding-bottom: 10px; }
.overview-list { position: relative; padding: 2rem; background: linear-gradient(to right, #263191, #51A0FD); height: 85px; margin-bottom: 2rem; }
.overview-list .list-item { position: relative; width: 100%; height: 90px; background: #FFF; padding: 1rem 0.625rem; border-color: rgb(0, 0, 134, 0.3); }
.overview-list .list-item h5 { text-align: left; font-size: 1.125rem; color: #000086; margin-bottom: 0.75rem; font-family: "SDGothicSB"; }
.overview-list .list-item h6 { text-align: left; font-size: 1rem; color: #000086; font-family: "SDGothicSB"; }
.overview-list .list-item span { display: flex; justify-content: end; }
.overview-list .more-link { position: absolute; top: 0.75rem; right: 0.75rem; }
.btn-live, .btn-ticket { min-width: 66px; height: 33px; background-color: #2EFEB6; border-radius: 0.25rem; font-size: 0.875rem; line-height: 1; font-family: "SDGothicSB"; padding: 0.25rem 0.5rem; box-shadow: 2px 2px 0px 0px #BEBCBC; }
.btn-live:hover, .btn-ticket:hover { margin-left: -0.25rem; box-shadow: 4px 4px 0px 0px #BEBCBC; }
.btn-live { padding: 0.125rem 0.25rem 0.125rem 2.25rem; text-align: left; background: #2EFEB6 url(../images/btn-live.svg) no-repeat 3px center; }
.btn-live-inline { padding: 0.12rem 1.5rem 0.12rem 0.5rem; text-align: left; background: #2EFEB6 url(../images/live-morelink.svg) no-repeat center; background-position-x: 95%; box-shadow: 2px 2px 0px 0px #BEBCBC; }
.btn-ticket { padding: 0.625rem 0.25rem; }
.overview-content { padding: 1rem 0; }
.overview-item label { padding: 0 2rem; font-size: 0.925rem; margin: 1rem 0 0.25rem; }
.overview-item h4 { padding: 1rem 2rem; background-color: rgb(242, 244, 248, 0.5); font-size: 1.25rem; }
.overview-item-list { font-size: 0.875rem; line-height: 1.4; }
.overview-item-list dt { margin-right: 1rem; }
.overview-item-list dd { margin-bottom: 0.25rem; }
.btn-itembox { display: block; width: 100%; font-size: 1.25rem; font-weight: bold; color: #4A4F54; border: 1px solid rgb(61, 111, 248, 0.25); border-radius: 0.5rem; padding: 1.5rem 0rem 1.5rem 1rem; margin-bottom: 1rem; text-align: left; }
.btn-itembox .inline-icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; margin-right: 0.5rem; }
.btn-itembox:hover .inline-icon { background: linear-gradient(to right, #04BAFD, #00FE15); }
.btn-itembox:hover .inline-icon img { filter: brightness(0) invert(1); }
.player-total { padding: 0.5rem 1.5rem; }
.player-total dt { width: 50%; text-align: left; margin-bottom: 0; }
.player-total dd { width: 50%; text-align: right; margin-bottom: 0; }
.player-division { padding: 0.5rem 1.5rem; background: #F2F4F8; }
.division-item { padding: 0.25rem 0rem; color: #000; }
.division-item dt { width: 50%; text-align: left; line-height: 1rem; font-size: 0.938rem; margin-bottom: 0;}
.division-item dd { width: 50%; text-align: right; line-height: 1rem; font-size: 0.938rem; margin-bottom: 0; }
.favorite-player { background: #F1F7F9; border-radius: 1rem; margin-bottom: 0.25rem; }
.favorite-player li { padding: 0.5rem 0; }
.list-player li { background: #F1F7F9; padding: 0.5rem 0; }
.list-player li:nth-child(even) { background: #FFF; }
.avatar { position: relative; display: inline-flex; background-color: #F4F2F0; width: 32px; min-width: 32px; height: 32px; border-radius: 50%; text-align: center; }
.avatar-sm { position: relative; display: inline-flex; background-color: #F4F2F0; width: 25px; min-width: 25px; height: 25px; border-radius: 50%; text-align: center; }
.avatar-lg-frame { position: relative; display: inline-flex; background-color: #F4F2F0; width: 46px; height: 46px; border-radius: 50%; text-align: center; }
.avatar-lg-frame::after { position: absolute; top: -4px; left: -4px; content: ""; display: block; width: 54px; height: 54px; background: url("../images/avatar-lg-frame.svg") no-repeat center; background-size: contain; }
.avatar-lg { position: relative; display: inline-flex; background-color: #F4F2F0; width: 50px; min-width: 50px; height: 50px; border-radius: 50%; text-align: center; }
.avatar-xl { position: relative; display: inline-flex; background-color: #F4F2F0; width: 72px; min-width: 72px; height: 72px; border-radius: 50%; text-align: center; }
.avatar-xxl { position: relative; display: inline-flex; background-color: #F4F2F0; width: 105px; min-width: 105px; height: 105px; border-radius: 50%; text-align: center; }
.avatar-xxxl { position: relative; display: inline-flex; background-color: #F4F2F0; width: 155px; min-width: 155px; height: 155px; border-radius: 50%; text-align: center; }
.avatar-champions { position: relative; display: inline-flex; background-color: #F4F2F0; width: 240px; min-width: 240px; height: 240px; border-radius: 50%; text-align: center; }
.avatar-winner { background: url("../images/avatar-winner-bg.svg") no-repeat center; }
.avatar-winner-sm { background: url("../images/avatar-winner-bg.svg") no-repeat center 15px; background-size: contain; width: 67px; height: 70px; overflow: hidden; }
.avatar-winner-sm img { max-width: 80%; }
.avatar-winner.winner-blue { background: url("../images/avatar-winner-bgblue.svg") no-repeat center; }
.avatar-winner.winner-red { background: url("../images/avatar-winner-bgred.svg") no-repeat center; }
.avatar.border-green { border: 1px solid #03FFB6; }
.avatar.border-orange { border: 1px solid #FD684C; }
.avatar.border-blue { border: 1px solid #0027FF; }
.avatar.border-yellow { border: 1px solid #FFEB00; }
.list-header { font-size: 0.875rem; padding: 0rem 1rem; color: #FFF; }
.rank-player.header-blue { padding: 0 0.625rem; background: linear-gradient(to bottom, #00E1FE, #042AFD); }
.rank-player.header-blue, .rank-player.header-blue a { color: #FFF; }
.rank-player.header-darkblue { padding: 0 0.625rem; background: linear-gradient(to bottom, #3B6EE5, #162852); }
.rank-player.header-darkblue, .rank-player.header-darkblue a { color: #FFF; }
.rank-player.header-red { padding: 0 0.625rem; background: linear-gradient(to bottom, #FFD693, #FF0000); }
.rank-player.header-red, .rank-player.header-red a { color: #FFF; }
.rank-player li { padding: 0.75rem 0; font-size: 1.125rem; border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.rank-player li.winner { border-bottom: none; }
.rank-player li.winner .row { align-items: center; }
.rank-player li span { line-height: 25px; }
.rpoint-index { width: 100%; font-size: 0.75rem; }
.rpoint-index dt { width: 50%; text-align: right; margin-bottom: 0; color: #3251F5; }
.rpoint-index dd { width: 50%; text-align: right; margin-bottom: 0; }
.ability-index { width: 100%; font-size: 0.75rem; line-height: 1.2rem; }
.ability-index dt { width: 35%; margin-bottom: 0.125rem; }
.ability-index dd { width: 40%; text-align: center; margin-bottom: 0.125rem; }
.ability-index dd:last-child { width: 25%; text-align: right; }
.ability-index .progress { height: 0.875rem; margin-top: 2px; }
.ability-index .progress-bar { height: 0.875rem; background-color: #03FFB6; font-size: 0.625rem; color: #000; }
.title-green { border-bottom: 1px solid rgb(3, 2255, 182, 0.25); padding-left: 0.25rem; margin-bottom: 0.5rem; }
.title-green .inline-icon { margin-right: 0.5rem; }
.table-miniboard { font-size: 1.125rem; margin-bottom: 0; }
.table-miniboard>:not(caption)>*>* { padding: 0.5rem 1rem !important; }
.table-miniboard .miniboard-header { margin-top: 2.4rem; border-bottom: 1px solid #3251F5; }
.table-miniboard .miniboard-header span { font-size: 1rem; }
.miniboard-body { margin: 0.5rem 0; padding: 0.25rem 1rem; background-color: #F1F7F9; border-radius: 1rem; line-height: 1.8; }
.miniboard-body.underline { margin: 0; padding: 0.5rem 0; background: none; line-height: 2.4; }
.miniboard-body.underline .row { margin: 0; border-bottom: 1px solid rgb(0, 0, 0, 0.2); }
.table-miniboard thead th { font-family: "SDGothicSB"; border-top: 1px solid rgb(0, 0, 134, 0.25); border-bottom: 1px solid rgb(0, 0, 134, 0.25); }
.table-miniboard tbody { background-color: #F1F7F9; border-radius: 1rem; }
.table-miniboard th, .table-miniboard td { border-color: transparent; padding: 6px 12px; text-align: center; font-size: 1.125rem; }
.table-miniboard .player-group { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: start; }
.table-miniboard .player-name { margin-right: 1rem; }
.table-miniboard .player-spon { max-width: 66px; }
.inline-round { position: absolute; margin-left: -15px; margin-top: -4px; background-color: #03FFB6; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; }
.bg-favorite { padding: 2rem; text-align: center; background: linear-gradient(to bottom, #01F140, #03D3A8, #03C7CF); border-radius: 0.5rem; }
.bg-favorite h3 { margin: 1.5rem 0; font-size: 1.5rem; font-family: "Roboto", "SDGothicSB"; }
.bg-favorite p { text-align: left; font-size: 1.25rem; color: #FFF; line-height: 1.4; font-family: "SDGothicSB"; text-shadow: 0px 3px 3px rgb(0, 0, 0, 0.1); }
.bg-realtime { background: linear-gradient(to bottom, #FFF 5%, #00E1FE 5%, #042AFD 90%, #FFF 10%) !important; padding: 0rem 0.75rem !important; }
.realtime-list { height: 400px;}
.realtime-list.scroll-wrapper::-webkit-scrollbar { width: 5px; }
.realtime-list.scroll-wrapper::-webkit-scrollbar-track { background: rgb(255, 255, 255, 0.1); border-color: transparent; box-shadow: none; }
.realtime-list.scroll-wrapper::-webkit-scrollbar-thumb { background: #00E1FE; }
.realtime-list .table-drop { padding-left: 0; }
.realtime-list .table-drop details { background: #FFF; border-radius: 0.25rem; border: 1px solid #DCDCDC; }
.realtime-list .table-drop details > summary { list-style: none; font-size: 1.125rem; }
.realtime-list .table-drop details summary::-webkit-details-marker { display:none; }
.realtime-list .table-drop details summary .table-realtime { border-bottom: 1px solid #e1e2e4; }
.realtime-list .table-drop .details-pannel { width: 100%; }
.table-realtime { background: #FFF; padding: 0 1rem; border-radius: 0.25rem; margin-bottom: 0; }
.table-realtime table { border-radius: 1rem; }
.table-realtime.border-blue { border: 1px solid #3251F5; }
.table-realtime th, .table-realtime td { padding: 8px 6px; border-color: transparent; }
.table-realtime td:nth-child(1), .table-realtime td:nth-child(2) { width: 20px; }
.table-realtime .form-check-like .form-check-input { background-size: 20px 20px; }
.table-realtime label { padding-bottom: 5px; }
.table-realtime h4 { padding-bottom: 0; }
.realtime-shottable { background: #FFF; padding: 1px 0; border-radius: 0.25rem; margin-bottom: 0; }
.realtime-shottable th, .realtime-shottable td { padding: 6px; border: 0; height: 38px; font-size: 0.925rem; }
.realtime-shottable th { }
.realtime-shottable th:nth-child(1), .realtime-shottable td:nth-child(1) { width: 30px; }
.realtime-shottable th:nth-child(2) { width: 40px; text-align: center; }
.realtime-shottable tr { border-color: transparent; }
.realtime-shottable tr:last-child { border-color: transparent; }
.realtime-shottable tr:nth-child(odd) { background-color: rgb(0, 0, 0, 0.04); }
.realtime-shottable .hole-number { width: 40px; height: 22px; line-height: 22px; border-radius: 5px; background-color: #001386; color: #FFF; text-align: center; }
.realtime-list .table-drop details summary .realtime-shottable tr:nth-child(odd) { background-color: #FFF; }
.hole-number { width: 40px; height: 18px; line-height: 20px; border-radius: 9px; background-color: #001386; color: #FFF; text-align: center; }
.starwinner-wrapper { color: #FFF; background: linear-gradient(to bottom, #3B6EE5, #162852); box-shadow: 0px 3px 3px 0px #000; padding: 0.5rem 0.5rem 0; margin-bottom: 1rem; border-radius: 0.5rem; }
.starwinner-wrapper .starwinner { display: flex; align-items: end; padding: 0.25rem; margin-top: 0.5rem; height: 100%; }
.starwinner-wrapper dl { margin-bottom: 0.5rem; border-bottom: 1px solid #707070; }
.starwinner-wrapper dt { width: 80px; font-size: 0.875rem; text-align: left; }
.starwinner-wrapper dd { display: flex; align-items: end; }
.starwinner-wrapper dd h3 { padding-bottom: 0; }
.barchart-wrapper { border: 1px solid #ddd; margin-bottom: 0.5rem; }
.barchart-title { font-size: 1rem; padding-left: 1rem; background-color: rgb(0, 19, 134, 0.1); margin: 0 !important; }
.barchart-wrapper h4 { margin: 0.25rem 0.5rem 0; }
.barchart-wrapper .SG-chart-wrapper { margin-top: -0.5rem; }
.bg-winnersback { background-color: #2C50A3 !important; color: #FFF; }
.winnersback-header { background: linear-gradient(to bottom, #2C50A3 30%, #FFF 10%); padding: 0.5rem 1.75rem; }
.winnersback-inner { padding: 1rem 2rem; background-color: #FFF; border-radius: 0.5rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
.winnersback-inner ul { margin-top: 1rem; }
.winnersback-inner li { display: flex; }
.winnersback-inner label { font-size: 1rem; width: 60px; }
.winnersback-inner h3 { position: relative; color: #001D6C; margin-bottom: 0.25rem; }
.winnersback-list { background-color: #fafafa; padding: 0.5rem 1.75rem; }
.winnersback-list .list-item { position: relative; }
.winnersback-list label { position: relative; color: #001D6C; font-size: 1rem; letter-spacing: 1px; font-family: "SDGothicSB"; margin: 0.5rem; }
.winnersback-list h3 { position: relative; width: 100%; background-color: #FFF; padding: 0.5rem 1rem; border: 1px solid #f0f0f0; color: #001D6C; margin-bottom: 0.5rem; }
.winnersback-list h3 span { width: 60px; font-family: "SDGothicSB" }
.winnersback-list small { display: block; width: 100%; color: #707070; }
/* section */
.section-title { position: relative; padding: 6rem 0 1rem; font-size: 3rem; font-family: "SDGothicSB"; margin-bottom: 2rem; }
.section-search { background-color: #FFF; border-radius: 0.5rem; }
.section-search.right-after { float: right; margin-top: -50px; }
.section-search .input-group { border: 1px solid rgb(50, 81, 245, 0.25); border-radius: 0.5rem; }
.section-search .input-group input { flex: 1 1 auto; }
.section-media { padding: 4rem 0 6rem; }
.section-media .navbar-expand-lg { margin-bottom: 3rem; }
.section-media .navbar-brand { float: left; margin-right: 3rem; font-size: 3rem; font-family: "SDGothicSB"; margin-bottom: 0.5rem; }
.section-upcoming { overflow: hidden; }
.section-upcoming .bg-img-top img { padding: 3rem 0; }
.section-upcoming .bg-green { height: 2rem; margin-bottom: 1rem; }
.board-card { background-color: #FFF; border: 0; padding: 1.5rem; margin-bottom: 1.5rem; }
.board-card .card-header { background-color: #FFF; color: #3251F5; }
/*-- Tabmenu --*/
.nav-bluegradient { background: linear-gradient(to right, #263191, #51A0FD); padding: 0 1rem; }
.nav-bluegradient .nav-link { position: relative; color: #FFF; padding: 0.25rem 0; margin: 0.25rem; font-size: 1.125rem; }
.nav-bluegradient .nav-link.active, .nav-underline .show > .nav-link { background: #03FFB6; color: #000; font-family: "SDGothicSB"; }
.nav-miniboard { padding: 0 1rem; }
.nav-miniboard .nav-link { position: relative; background-color: #F2F4F8; color: #000; padding: 0.5rem 0; margin: 0; font-size: 1.125rem; }
.nav-miniboard .nav-link.active, .nav-miniboard .show > .nav-link { background: linear-gradient(to right, #263191, #51A0FD); color: #FFF; font-family: "SDGothicSB"; }
.nav-underline { border-top: 1px solid rgb(0, 0, 134, 0.25); border-bottom: 1px solid rgb(0, 0, 134, 0.25); }
.nav-underline .nav-item, .nav-underline .nav-link { position: relative; color: #000; font-size: 1.125rem; font-family: "SDGothicSB"; }
.nav-underline .nav-link.active, .nav-underline .show > .nav-link { background: #FFF; color: #000; border-radius: 0; border-bottom: 2px solid #03FFB6; }
.nav-switch { float: right; border: 1px solid rgb(0, 0, 0, 0.25); }
.nav-switch .nav-link { color: #A8A8A8; font-family: "Roboto"; padding: 0.4rem 1.5rem; }
.nav-switch .nav-link.active, .nav-switch .show > .nav-link { border-radius: 0; background-color: #03FFB6; color: #3251F5; }
.nav-switch-round { border-radius: 0.5rem; }
.nav-switch-round .nav-link { border-radius: 0.5rem; color: #000; background-color: #FFF; }
.nav-switch-round .nav-link.active, .nav-switch-round .show > .nav-link { border-radius: 0.5rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
.nav-media .nav-item { padding-left: 1rem; }
.nav-media .nav-link { font-size: 1.625rem; color: #000; }
.nav-media .nav-link.active, .nav-media .show > .nav-link { color: #3251F5; background: none; border-radius: 0; border-bottom: 2px solid #3251F5; }
.nav-ranking { margin-bottom: 2rem; }
.nav-ranking .nav-item { padding-right: 20px; }
.nav-ranking .nav-link { background: none; color: #000; font-size: 1.25rem; }
.nav-ranking .nav-link.active, .nav-ranking .show > .nav-link { background: none; border: 1px solid #3251F5; color: #3251F5; }
.navbar-player-wrapper { margin-bottom: 2rem; }
.player-btngroup { margin-right: 2rem; }
.navbar-player { flex: 1 1 auto; }
.nav-player { margin: 0; }
.nav-player .nav-item { padding-right: 30px; }
.nav-player .nav-link { background: none; color: #000; font-size: 1.5rem; padding: 0.5rem 0; }
.nav-player .nav-link.active, .nav-player .show > .nav-link { background: none; border-radius: 0; border-bottom: 2px solid #3251F5; color: #3251F5; }
/* item */
.item-tourinfo { width: 100%; padding: 0.25rem 0.75rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.075); }
.item-tourinfo dt { width: 35%; font-size: 0.75rem; color: #3251F5; line-height: 1rem; }
.item-tourinfo dd { width: 65%; font-size: 0.875rem; color: #000; line-height: 1rem; font-weight: bold; padding-top: 0.75rem; }
.item-broadcast { width: 100%; border: 1px solid #ddd; height: 36px; margin-top: 0.5rem; }
.item-broadcast::before { position: absolute; top: -3px; left: 3px; content: ""; display: block; width: 100%; height: 3px; background-color: #D8E4F4; }
.item-broadcast::after { position: absolute; top: -3px; right: -3px; content: ""; display: block; width: 3px; height: 36px; background-color: #D8E4F4; }
.item-broadcast dt { width: 25%; line-height: 36px; font-size: 0.75rem; color: #FFF; text-align: center; background: #3251F5 url("../images/broadcast-dt-bg.svg") no-repeat center; }
.item-broadcast dd { width: 40%; line-height: 36px; font-size: 0.75rem; text-align: center; }
.item-broadcast dd:last-child { width: 45%; font-size: 0.75rem; color: #3251F5; font-family: 'Roboto Medium'; }
.item-overview { width: 100%; height: 33px; background: linear-gradient(to bottom, #002177, #0F62FE) }
.item-overview dt { width: 20%; line-height: 33px; font-size: 0.875rem; color: #FFF; text-align: center; font-family: "Roboto"; background-image: url("../images/overview-dt-bg.svg"); background-repeat: no-repeat; background-position: center; }
.item-overview dd { position: relative; width: 50%; line-height: 33px; color: #FFF; text-align: center; font-weight: bold; font-size: 0.875rem; }
.item-overview dd::before { position: absolute; top: 5px; left: 0; content: ""; display: block; width: 1px; height: 24px; background-color: #FFF; opacity: 0.25; }
.item-overview dd:last-child { width: 30%; font-size: 0.75rem; font-family: 'Roboto Medium'; font-weight: normal; }
.item-filter, .item-filter span { line-height: 1.68rem; }
.item-distance { padding: 0.4rem 0; }
.item-distance .progress { background-color: #E2EAEC; height: 1.2rem; border-radius: 0; border-right: 1px solid rgb(0, 0, 0, 0.25); }
.item-distance .progress-bar { position: relative; height: 0.4rem; margin: 0.4rem 0; background-color: #03FFB6; }
.item-distance .progress-bar::after { position: absolute; right: 0; content: ""; display: block; width: 8px; height: 8px; background-color: #3251F5; border-radius: 50%; border: 1px solid #FFF; }
/* hole */
.hole-header { margin-bottom: 1.5rem; justify-content: center; }
.hole-header .hole-title { margin-right: 2rem; }
.hole-header .vr { margin: 0 2rem; }
.hole-header sup { top: -1em; margin: auto 1rem; }
.hole-body { position: relative; padding: 2rem; background: url("../images/main-holebg.png") no-repeat center; background-size: cover; min-height: 530px; }
.hole-body-map { position: relative; margin-bottom: 2rem; }
.hole-body-map .nav-switch { position: absolute; top: 0; right: 0; z-index: 2; }
.map-wrapper { width: fit-content; margin: auto; position: relative; }
.map-wrapper svg { width: 100%; position: absolute; left: 0; }
.hole-body-dl { margin-top: 1rem; }
.hole-body-dl hr { margin: 1.2rem 0; }
.hole-body-dl dl { width: 100%; }
.player1 path { stroke: #fe3534; stroke-width: 1.4444; }
.player1 circle { fill: #fe3534; }
.player2 path { stroke: #e4e212; stroke-width: 1.4444; }
.player2 circle { fill: #e4e212; }
.player3 path { stroke: #3942ec; stroke-width: 1.4444; }
.player3 circle { fill: #3942ec; }
.bg-aces { background: #db5602; }
.bg-eagles { background: #FF2424; }
.bg-birdies { background: #FC8740; }
.bg-par { background: #F2F2F0; }
.bg-bogeys { background: #15A8D2; }
.bg-Dbogeys { background: #3251F5; }
.text-aces { color: #db5602; }
.text-eagles { color: #FF2424; }
.text-birdies { color: #FC8740; }
.text-par { color: #F2F2F0; }
.text-bogeys { color: #15A8D2; }
.text-Dbogeys { color: #3251F5; }
.aces { }
.eagles { background: url(../images/scorecard-bg-eagles.svg) no-repeat center; }
.eagles.active { background: url(../images/scorecard-bg-eagles-white.svg) no-repeat center; }
.birdies { background: url(../images/scorecard-bg-birdies.svg) no-repeat center; }
.birdies.active { background: url(../images/scorecard-bg-birdies-white.svg) no-repeat center; }
.par { }
.bogeys { background: url(../images/scorecard-bg-bogeys.svg) no-repeat center; }
.bogeys.active { background: url(../images/scorecard-bg-bogeys-white.svg) no-repeat center; }
.Dbogeys { background: url(../images/scorecard-bg-Dbogeys.svg) no-repeat center; }
.Dbogeys.active { background: url(../images/scorecard-bg-Dbogeys-white.svg) no-repeat center; }
.fairway-group { display: flex; }
.fairway-list { position: relative; width: 27%; padding-left: 1.5rem; }
.fairway-list:first-child { width: 19%; padding-left: 0; }
.fairway-list::after { position: absolute; top: 1.4rem; right: 0; content: ""; display: block; width: 1px; height: 38px; background-color: rgb(0, 0, 0, 0.25); }
.fairway-list:last-child:after { display: none; }
.num-fairway { width: 33px; height: 33px; line-height: 33px; font-size: 1.6rem; text-align: center; color: white; border-radius: 0.25rem; padding: 0.125rem; }
.live-boardgroup table { margin-bottom: 0; }
.boardgroup-list { margin-bottom: 0; }
.boardgroup-list th { padding: 4px 6px; border-color: transparent; font-size: 1rem !important; border-bottom: 2px solid #3251F5 !important; vertical-align: middle; }
.boardgroup-list th:first-child { text-align: left; padding-left: 0; }
.boardgroup-list th:first-child h2 { background-color: #868686; color: #FFF; width: 80px; text-align: center; line-height: 1.5; padding-bottom: 0; }
.boardgroup-list td { padding: 8px 8px !important;border-color: transparent; vertical-align: middle; }
.boardgroup-list tr:last-child td { border-bottom-color: transparent;}
.boardgroup-list td:nth-child(1), .boardgroup-list td:nth-child(2) { width: 20px; }
.boardgroup-list .form-check-like .form-check-input { background-size: 20px 20px; }
.boardgroup-list label { padding-bottom: 5px; }
.boardgroup-list h3, .boardgroup-list h4 { padding-bottom: 0; }
.boardgroup-list .player-group .btn { padding: 0; }
.boardgroup-list .table-striped-columns>:not(caption)>tr>:nth-child(2n), .boardgroup-list .table-striped>tbody>tr:nth-of-type(odd)>* { background-color: #FFF; }
.boardgroup-list .table-striped-columns>:not(caption)>tr>:nth-child(1n), .boardgroup-list .table-striped>tbody>tr:nth-of-type(even)>* { background-color: rgb(242, 244, 248, 0.5); }
/* media */
.media-wrapper { margin-bottom: 1.5rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.media-wrapper:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
.media-thumb img { width: 100%; }
.video-thumb { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 5px; }
.video-thumb iframe { position: absolute; width: 100%; height: 100%; }
.media-caption { display: inline-block; margin: 1.5rem 1.2rem; }
.media-caption label { font-size: 1.2rem; border-bottom: 2px solid #3251F5; }
.media-caption .label-sns { border-bottom: 2px solid #F40000; }
.media-caption .label-member { border-bottom: 2px solid #F40000; }
.media-caption h2 { font-weight: bold; padding: 1rem 0; }
.media-caption h4 { font-weight: bold; padding: 1rem 0; height: 70px; }
.media-caption a { color: #000; }
.more-view:hover { opacity: 0.75; }
/* section-ranking */
.section-ranking { background: linear-gradient(to bottom, #FFF 52.3%, #F1F7FF 52.3%); }
.section-ranking .tab-content .point-swiper, .section-ranking .tab-content .location-swiper { padding-right: 120px; }
.ranking-card { border-color: rgb(139, 243, 211, 0.5); }
.ranking-card .card-header { padding: 0.125rem 1rem; background: linear-gradient(to right, #04BAFD, #00FE15); }
.ranking-card .card-body { border: 0; padding: 0; background-color: #FFF; }
.ranking-card .card-body .bg-lightblue { background-color: #D8E4F4 !important; }
.ranking-card .card-footer { border: 0; background-color: #FFF; }
.player-list { padding-left: 1rem; padding-right: 1rem; }
.player-list li { font-size: 16px; font-size: 1.125rem; padding: 0.75rem 0; border-bottom: 1px solid rgb(132, 124, 214, 0.25); }
.player-list li .avatar-lg, .player-list li .avatar { float: left; }
.player-list li .player-name small { display: block; color: #AEAEAE; font-size: 1rem; line-height: 1.4; }
.player-name, .player-name a { color: #000; }
.ranking-card .player-name small { font-size: 1rem; }
.underline-title { display: inline-block; border-bottom: 3px solid #3251F5; }
.list-top .fs-2 { color: #254BB0; }
.list-top .player-name a { color: #254BB0; }
.list-top.player-list li { border-bottom: none; }
.btn-circlearrow { position: relative; font-size: 1.4rem; color: #3251F5; padding-left: 60px; }
.btn-circlearrow::before { position: absolute; top: 0px; left: 0; content: ""; display: inline-block; width: 43px; height: 32px; background: url(../images/btn-circlearrow.svg) no-repeat center; }
.btn-circlearrow:hover { color: #112fc0; }
/* section-player */
.section-player { background: linear-gradient(to bottom, #91CCFF, #FFF); padding-top: 5rem; }
#player-tabContent { height: 546px; }
#player-tabContent .row { margin-top: 0; }
.winner-table { position: relative; padding-bottom: 3rem; background: url(../images/winnertable-bg.svg) no-repeat bottom center; }
.player-wrapper { position: relative; margin-top: 1rem; margin-bottom: 4rem; }
.player-rankinfo { position: absolute; top: 1rem; left: 2rem; color: #3251F5; z-index: 1; }
.player-rankinfo label { font-size: 1.25rem; font-family: "Roboto"; }
.player-rankinfo h2 { font-size: 3rem; padding-left: 0.5rem; font-family: "Roboto", "SDGothic"; }
.player-winnerbg { position: relative; display: flex; justify-content: space-between; height: 338px; background-color: #FFF; background-size: contain !important; border-radius: 0.5rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.player-winnerbg.winner-rookie, .player-winnerbg.winner-power { background: #FFF url(../images/player-winnerbg-rookie.svg) no-repeat bottom center; }
.player-winnerbg.winner-winners { background: #FFF url(../images/player-winnerbg-winners.svg) no-repeat bottom center; }
.player-winnerbg.winner-k10 { background: #FFF url(../images/player-winnerbg-k10.svg) no-repeat bottom center; }
.player-winnerthumb { display: flex; max-width: 49%; margin-left: 1%; margin-top: 15%; }
.player-winnerthumb img { margin-top: auto; max-height: 100%; }
.player-winnerbg ul { width: 45%; margin-left: 5%; margin-top: 15%; }
.player-winnerbg ul li { padding-left: 0; }
.player-winnerbg ul h3 { font-size: 2rem; color: #000086; padding-bottom: 0; }
.player-winnerbg ul .player-winner-name { display: flex; }
.player-winnerbg ul .player-winner-year { height: 34px; font-family: "Roboto"; font-weight: bold; }
.player-winnerbg .form-check-like .form-check-input { width: 28px; height: 28px; background-size: 28px 28px; margin-top: -2px; background-image: url("data:image/svg+xml,"); }
.player-winnerbg .form-check-like .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,"); }
.player-winnerbg ul .player-winner-spon { color: #6F6F6F; }
.player-winner-title { color: #001D6C; font-size: 1.125rem; padding: 5.4rem 0 1rem; }
.player-winner-bottom { color: #FFF; font-size: 1.875rem; padding: 1.25rem 0; font-family: "Roboto"; font-weight: bold; }
.player-winner-bottom small { font-size: 1rem; margin-left: 1rem; }
.player-wrapper .more-view { position: absolute; bottom: 4rem; left: 50%; display: block; width: 112px; margin-left: -56px; height: 98px; line-height: 98px; border-radius: 50%; text-align: center; color: #374E83; font-size: 1.25rem; background-color: rgb(3, 255, 182, 0.75); font-family: "Roboto"; }
.player-reward { width: 100%; height: 100px; padding: 1.5rem 2rem; }
.player-reward dt { width: 30%; padding-top: 0.125rem; }
.player-reward dd:not(:last-child) { width: 60%; }
.player-reward dd:last-child { padding-top: 0.75rem; text-align: right; }
.player-bottombox { width: 100%; max-width: 1440px; height: 377px; margin: 0 auto 4rem; background: #FCFCFC; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.container-stage { width: 100%; margin-top: -200px; }
/* event */
.section-event { padding-bottom: 3rem; }
.section-event .event-table { overflow: auto; }
.section-event .event-table .container { min-width: 960px; }
.section-event .section-title { padding-bottom: 2rem; }
.section-event .swiper-button-wrapper { top: 400px; }
.activity-swiper { overflow: hidden; }
.activity-swiper .swiper-slide { padding-bottom: 1rem; padding-right: 1rem; }
.event-table { margin-top: 4rem; background: url(../images/eventtable-bg.svg) no-repeat bottom center; }
.event-table-icon { position: absolute; top: -3.3rem; z-index: 1; }
.event-wrapper { }
.event-header { position: relative; display: flex; justify-content: center; margin-top: 2rem; border-bottom: 5px solid transparent; border-image: linear-gradient(to right, #58B2FF, #263191); border-image-slice: 1; }
.event-header.border-gray { border-bottom: 5px solid transparent; border-image: linear-gradient(to right, #E8E8E8, #E8E8E8); border-image-slice: 1; }
.event-header h3 { position: absolute; top: -1rem; font-size: 1.25rem; background-color: #FFF; border: 1px solid #999; width: 180px; padding: 0.5rem 0; border-radius: 2rem; margin: auto; text-align: center; }
.event-body { padding-top: 1rem; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.025); margin-bottom: 3rem; }
.event-wrapper:hover { border-color: rgba(0, 0, 0, 0.2); }
.event-caption { margin: 1rem 1.5rem; height: 60px; }
.event-caption h4 a { font-size: 1.25rem; color: #000; }
.event-date { color: #A8A8A8; font-size: 0.925rem; margin-bottom: 1rem; }
.event-thumb { padding: 1.5rem; }
.section-event-detail { padding-top: 2rem; padding-bottom: 5rem; background: linear-gradient(to bottom, #F2F4F8, #F2F4F8 207px, #DEDEDE 207px, #FFF 213px); }
.event-content { max-width: 1000px; margin: auto; }
.event-content p { font-size: 1.125rem; line-height: 1.2; }
.section-comment { margin: 2rem 0; border-top: 1px solid #DDD; }
.comment-list { padding: 1rem 0.5rem 1rem 2rem; border-bottom: 1px solid #DDD; }
.comment-header { display: flex; justify-content: space-between; align-items: center; }
/* section-klpganews */
.section-klpganews { background-color: #F1F7FF; }
.section-klpganews .section-title { padding-bottom: 2rem; }
.klpganews-wrapper { position: relative; background-color: #FFF; border-radius: 0.25rem; padding: 1.5rem; margin-bottom: 1rem; }
.klpganews-wrapper.notice { padding-left: 7rem; }
.klpganews-wrapper.notice:before { position: absolute; top: 1.5rem; left: 1.5rem; content: "공지"; display: block; width: 56px; height: 25px; line-height: 25px; border-radius: 0.25rem; text-align: center; color: #FFF; background-color: #2E4AAA; }
.klpganews-caption { position: relative; display: flex; justify-content: space-between; }
.klpganews-caption h3 { width: calc(100% - 5rem); height: 3rem; }
.klpganews-caption a { display: block; color: #000; }
.klpganews-caption .btn-fileattach { position: absolute; top: 0; right: 0; padding: 0; }
.klpganews-date { color: #3251F5; font-size: 0.925rem; margin-top: 0.5rem; }
/* section-partners */
.section-partners { background-color: #FFF; }
.partners-swiper { overflow: hidden; height: 240px; margin-bottom: 3rem; }
.partners-swiper-mc { overflow: hidden; height: 120px; margin-bottom: 3rem; }
.partners-swiper .swiper-slide { text-align: center; }
.partners-swiper .swiper-slide img { width: 80%; margin-bottom: 2rem; }
/*--------------------------------------------------------------------------------*/
/*------------------------------- chart and css bar ------------------------------*/
/*--------------------------------------------------------------------------------*/
.chart-wrapper { position: relative; margin: 2.5rem; }
.chart-description { position: absolute; top: 40%; width: 100%; text-align: center; }
.SG-barchart h5 { font-size: 0.875rem; }
.SG-chart-wrapper { }
/*--------------------------------------------------------------------------------*/
/*--------------------------------- Form & Button --------------------------------*/
/*--------------------------------------------------------------------------------*/
input:focus, button:focus, select:focus, textarea:focus { box-shadow: none !important; }
.border { border: 1px solid #ced4da; }
.btn-primary { background-color: #3251F5 !important; border-color: #3251F5 !important; }
.text-primary { color: #3251F5 !important; }
.bg-primary { background-color: #3251F5 !important; }
.btn-primary:hover { background-color: #FFF !important; color: #3251F5; }
.btn-secondary { background-color: #C4C6C9 !important; border-color: #C4C6C9 !important; }
.btn-secondary:hover { background-color: #3251F5 !important; color: #FFF !important; }
.hover-green:hover { background-color: #03FFB6 !important; border-color: #03FFB6 !important; color: #FFF !important; }
.btn-outline-primary { color: #3251F5; border-color: #3251F5 !important; }
.btn-outline-primary:hover { background-color: #EDF5FF !important; color: #3251F5; }
.btn-darkblue { background-color: #000063; color: #FFF; }
.btn-darkblue:hover { background-color: #000050; color: #FFF; }
.btn-outline-darkblue { color: #000063; border-color: #000063 !important; }
.btn-grayradial { background: radial-gradient(#DCDCDC, #EEEEEE); border-color: rgb(112, 112, 112, 0.18); }
.btn-outline-gray { color: #707070; border-color: #707070 !important; }
.btn-outline-gray:hover { background-color: #f0f0f0 !important; }
.btn-outline-lightgray { color: #ddd; border-color: #ddd !important; }
.btn-green { background-color: #03FFB6; color: #FFF !important; }
.btn-green:hover { background-color: #00e2a2; }
.btn-outline-green { color: #03FFB6; border-color: #03FFB6 !important; }
.btn-outline-green:hover { background-color: #00e2a2; color: #FFF; border-color: #00e2a2 !important; }
.btn-klpgared { background-color: #F65259; color: #FFF; }
.btn-klpgared:hover { background-color: #FFF; color: #707070; border-color: #707070; }
.btn-gotoranking { background-color: #F65259; color: #FFF; border: 0; }
.btn-gotoranking:hover { background: linear-gradient(120deg, #D4FC88, #03FFB6); color: #F65259; }
.btn-xxl, .btn-group-xxl > .btn { padding: 1.25rem 2rem; font-size: 2rem; }
.btn-xl, .btn-group-xl > .btn { padding: 0.75rem 1rem; font-size: 1.5rem; }
.btn-lg, .btn-group-lg > .btn { border-radius: 0.5rem; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; min-width: 54px; }
.btn-xm, .btn-group-xm > .btn { padding: 0.125rem 0.25rem; font-size: 0.75rem; }
.form-control::placeholder { color: #C4C6C9; }
.form-control:focus { border-color: #03FFB6; }
.form-control-xl { padding: 1rem 1.5rem; font-size: 1.25rem; }
.form-check-like { margin: 0 auto; cursor: pointer; }
.form-check-like .form-check-input { background-size: 12px 12px; background-color: transparent; border-color: transparent; background-image: url("data:image/svg+xml,"); }
.form-check-like .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,"); }
.form-check-like-lg .form-check-input { width: 28px; height: 28px; background-size: 20px 20px; padding-left: 1.875em; margin-top: -2px; background-image: url("data:image/svg+xml,"); }
.form-check-like-lg .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,"); }
.form-check-like-xl .form-check-input { width: 34px; height: 34px; background-size: 34px 34px; margin-top: -2px; background-image: url("data:image/svg+xml,"); }
.form-check-like-xl .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,"); }
.form-check-custom[type=checkbox] { margin-top: 0; border: 1px solid rgb(200, 200, 200, 0.5); border-radius: 0; background-color: #FFF; cursor: pointer; vertical-align: middle; }
.form-check-custom:checked[type=checkbox] { background-image: url("data:image/svg+xml,") !important; }
.form-file-custom { position: relative; }
.form-file-custom[type=file]::before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 100px; height: 100%; background-color: inherit; background-repeat: no-repeat; background-position: center; background-image: url(../images/btn-fileselect.svg); }
.custom-select { margin: auto; background-color: transparent; background-image: url(../images/form-select-greenicon.svg); border: 0; border-radius: 0; font-size: 1.125rem; font-family: "SDGothicSB" }
.form-select-xl { padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; font-size: 1.25rem; }
.select-blue { border-color: #3251F5; }
.select-blue, .select-blue option, .select-blue:focus { color: #3251F5; }
.select-blue option:disabled { color: #8a8a8e !important; }
.search-blue { border: 1px solid #3251F5; border-radius: 0.25rem; }
.search-blue .input-group { justify-content: space-between; }
.search-blue .input-group input[type="search" i] { max-width: calc(100% - 36px); }
.search-blue .form-control { border-color: transparent; }
.form-select-tour { margin: auto; max-width: 720px; font-size: 1.8rem; padding: 0.5rem 2rem 0.5rem 2rem; background-color: transparent; background-image: url(../images/form-select-greenicon.svg); color: #FFF; border: 0; border-radius: 0; border-bottom: 1px solid rgb(255, 255, 255, 0.25); font-family: "SDGothicSB" }
.form-select-tour option { font-size: 1.125rem; color: #000; background-color: #FFF; padding: 0.5rem 2rem; text-align: center; }
.form-select-tour:focus { font-size: 1.8rem; color: #FFF; padding: 0.5rem 2rem; }
.form-check-lg .form-check-input[type=checkbox] { width: 21px; height: 21px; }
.form-check-lg .form-check-label { padding-top: 0.25rem; font-size: 1.125rem; }
.form-check-input-md { width: 21px; height: 21px; }
.form-check-label-md { padding-top: 0.25rem; }
.form-check-circle .form-check-input[type=checkbox] { width: 22px; height: 22px; border-radius: 50%; border-color: rgba(112, 112, 112, 1); background-color: transparent; background-image: url("data:image/svg+xml,"); }
.form-check-circle .form-check-input:checked[type=checkbox] { background-color: #3251F5; border-color: #3251F5; background-image: url("data:image/svg+xml,"); }
.form-check-circle .form-check-label { font-size: 1.25rem; line-height: 1.8; margin-left: 0.5rem; }
.form-check-circle.circle-violet .form-check-input[type=checkbox] { border-color: #999; background-image: url("data:image/svg+xml,"); }
.form-check-circle.circle-violet .form-check-input:checked[type=checkbox] { background-color: #FFF; border-color: #631BFA; border-width: 2px; background-image: url("data:image/svg+xml,"); }
details.dropdown > summary { list-style: none; font-size: 1.125rem; }
details.dropdown summary::-webkit-details-marker { display:none; }
details.dropdown > summary::after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-size: 20px 20px; background-position: right center; background-image: url("data:image/svg+xml,"); }
details.dropdown[open] ul { position: absolute; top: 1.875rem; left: 0.875rem; min-width: 130px; padding: 1rem 0.25rem; background-color: #FFF; }
details.dropdown[open] ul li { width: 100%; margin: 0; padding-left: 0; }
details.dropdown[open] ul li a { display: block; width: 100%; font-size: 1.125rem; line-height: 1.8; padding-left: 1rem; font-family: "Roboto"; }
details.dropdown[open] ul li a:hover { background-color: #F2F4F8; }
.form-select.dropdown { width: auto; background-color: transparent; border: 0; font-size: 1.125rem; }
.form-select.dropdown:focus { font-size: 1.125rem; }
.form-blue .form-select { border-color: #3251F5; color: #3251F5; margin-bottom: 0.25rem; }
.form-blue .input-group-text { background-color: transparent; border-color: transparent; }
.form-blue .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .form-blue .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-radius: 0.25rem; }
.dropdown-toggle-layer { width: 100%; text-align: left; border-radius: 0.25rem; padding: 0.25rem 1rem 0.75rem; }
.dropdown-toggle-layer small { position: absolute; bottom: 0; left: 1rem; }
.dropdown-toggle-layer::after { border: none; position: absolute; right: 1rem; top: 0.75rem; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,") no-repeat center right; }
.dropdown-toggle-layer.show { background: #FFF !important; color: #3251f5 !important; }
.dropdown-menu-layer { width: 100%; padding: 0; margin-top: -2px !important; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.dropdown-menu-layer li { padding-bottom: 0; }
.dropdown-menu-layer .dropdown-item { font-size: 1.2rem; color: #3251f5; }
.dropdown-menu-layer .dropdown-item:hover { background-color: #1e90ff; color: #FFF; }
/*--------------------------------------------------------------------------------*/
/*------------------------------------ member ------------------------------------*/
/*--------------------------------------------------------------------------------*/
/* section-member */
.section-member { background-color: #F9F9F9; padding: 3rem 0; }
.section-member-header { display: flex; padding-bottom: 2rem; }
.section-member-header .section-title { padding-top: 6rem; padding-left: 12rem; margin-right: 2rem; }
.section-member-header h2 { padding-top: 6rem; }
.member-roundbox { border-radius: 1rem; margin-bottom: 3rem; }
.member-roundbox-header { display: flex; justify-content: center; text-align: center; background-color: #FFF; padding: 3rem; border-radius: 1rem 1rem 0 0; }
.member-roundbox-body { background-color: #FFF; padding: 0rem 3rem; border-radius: 0; }
.member-roundbox-inner { margin: auto; width: 100%; max-width: 820px; }
.member-roundbox-inner-sm { margin: auto; width: 100%; max-width: 489px; }
.member-roundbox-inner h1 { font-size: 2.5rem; }
.member-roundbox-footer { display: flex; justify-content: center; text-align: center; background-color: #FFF; padding: 3rem; border-radius: 0 0 1rem 1rem; }
.ul-joinstep { display: flex; justify-content: space-between; width: 100%; max-width: 500px; background: linear-gradient(180deg, rgba(0,0,0,0) calc(30% - 1px), rgba(192,192,192,1) calc(30%), rgba(0,0,0,0) calc(30% + 1px)); }
.ul-joinstep li { padding-left: 0; }
.joinstep { text-align: center; }
.joinstep .btn-joinstep { width: 66px; height: 66px; line-height: 66px; border-radius: 50%; padding: 0; background-color: #FFF; color: #707070; border: 1px solid #C4C6C9; font-size: 1.5rem; font-family: "Roboto"; margin-bottom: 1rem; }
.joinstep .btn-joinstep img { vertical-align: middle; }
.joinstep.disabled .btn-joinstep { background-color: #aafae3; border-color: #aafae3; }
.joinstep.active .btn-joinstep { background-color: #03FFB6; border-color: #03FFB6; }
.joinstep p { font-size: 1.2rem; color: #707070; }
.joinstep.active p { color: #000; }
.member-roundbox-inner ul { margin-bottom: 1rem; }
.member-roundbox-inner ul li { position: relative; padding-left: 15px; font-size: 1.125rem; color: #707070; }
.member-roundbox-inner ul li:before { position: absolute; top: 0.5rem; left: 0.25rem; content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #707070; }
.member-button-area { margin: auto; width: 100%; max-width: 820px; }
.member-button-area .btn-xl { min-width: 150px; font-weight: bold; }
.agree-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.agree-body { border: 1px solid #ddd; padding: 1.5rem 2rem; text-align: left; height: 200px; overflow-y: scroll; }
.agree-body h2, .agree-body h4 { margin: 1rem 0 0.5rem;}
.agree-body ul li { font-size: 1rem; padding-bottom: 0; }
.agree-body table th { font-weight: normal; }
.form-check-agree .form-check-input { width: 34px; height: 34px; border-radius: 50%; }
.form-check-agree .form-check-input[type=checkbox] { border: 2px solid rgba(0, 0, 0, 0.2); background-image: url("data:image/svg+xml,"); }
.form-check-agree .form-check-input:checked[type=checkbox] { border: 2px solid #3251F5; background-color: #3251F5; background-image: url("data:image/svg+xml,"); }
.form-check-agree .form-check-label { margin-left: 1rem; line-height: 2; font-size: 1.5rem; font-family: "SDGothicSB"; }
.section-member .form-control { margin-bottom: 1.5rem; }
.section-member .form-select { margin-bottom: 1.5rem; }
.section-member hr { margin-bottom: 2rem; }
.section-member .form-control-xl { padding: 0.75rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; background-color: #F5F5F5; border-color: transparent; }
.section-member .form-control-xl:focus { border-color: #03FFB6; background-color: #FFF; }
.section-member .form-control::placeholder { color: #C4C6C9; }
.col-form-label-xl { font-size: 1.25rem; padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); }
.section-member .btn-xl { font-size: 1.25rem; border-radius: 0.5rem; }
.section-member .form-select-xl { padding: 0.75rem 1rem; font-size: 1.25rem; background-color: #F5F5F5; border-color: transparent; color: #C4C6C9; }
.section-member .form-select-xl:focus { border-color: #03FFB6; color: #000; background-color: #FFF; }
.section-member .form-check-xl .form-check-input { font-size: 1.25rem; color: #3251F5; border-color: #3251F5; width: 28px; height: 28px; }
.section-member .form-check-xl .form-check-label { font-size: 1.25rem; color: #3251F5; padding: 0.75rem 1rem; }
.section-member .form-check-xl .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,"); background-color: #fff; }
.section-member .form-check-xl .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,"); background-color: #fff; }
.form-check-input-gray:checked[type=checkbox] { background-image: url("data:image/svg+xml,"); background-color: #FFF; border-color: rgba(0, 0, 0, 0.5); }
.pick-item { padding-left: 0; padding-bottom: 0; width: 100%; border: 1px solid #3251F5; border-radius: 54px; margin-bottom: 1rem; }
.pick-item table { margin-bottom: 0; }
.pick-item table tr td { padding: 0.5rem 0.5rem; vertical-align: middle; }
.pick-item table tr td:first-child { width: 25%; }
.pick-item table tr td:last-child { width: 25%; }
.pick-item table h2 { padding-bottom: 0; }
.period { background: url(../images/icon-period.svg) no-repeat top left; padding-left: 2rem; padding-top: 0.125rem; color: #007EFA; }
.period.closed { filter: grayscale(100%) invert(1); }
/* login */
.section-login { background: linear-gradient(to right, #99deee, #bbffe1, #9eddf2); padding-bottom: 12rem; }
.member-loginbox { margin: auto; max-width: 430px; }
.member-loginbox ul li { padding-left: 10px; }
.member-searchbox { width: 360px; margin: auto; }
.searchbox-item { padding: 3rem 1rem; border-radius: 1rem; border: 1px solid #FFF; margin-bottom: 1rem; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.2); }
.searchbox-item:hover { border: 1px solid #C4C6C9; }
.searchbox-item .search-icon img { width: 36px; }
.searchbox-item .search-text { font-size: 1.125rem; }
/*--------------------------------------------------------------------------------*/
/*---------------------------------- page header ---------------------------------*/
/*--------------------------------------------------------------------------------*/
/* header */
.section-pageheader { background: linear-gradient(to bottom, #457AFF, #254BB0); min-height: 250px; padding: 3rem; }
.section-pageheader h1 { font-size: 1.875rem; font-weight: bold; color: #FFF; }
.section-pageheader .badge { color: #43FFC8; font-size: 0.625em; }
.pageheader-logo { max-width: 270px; margin: 1.5rem auto; padding: 1.8rem 2rem; border-radius: 1rem; background: #FFF; }
.section-pageheader .list-group li { background: none; border: none; padding: 0.25rem 0rem; color: #FFF; line-height: 1.5rem; font-family: 'Roboto Medium'; }
.section-pageheader.pageheader-schedule { background: linear-gradient(to bottom, #2A3CB1, #3251F5, #4684FA); min-height: 180px; text-align: center; }
.pageheader-schedule .header-img { text-align: center; padding-top: 1rem; }
.record-swiper { overflow: hidden; }
.record-entry { background-color: #144BA5; width: 100%; padding: 1.5rem; border-radius: 0.25rem; background-size: contain; background-position: right 20px bottom -20px }
.record-entry h3 { position: relative; display: inline-block; font-size: 1.5rem; color: #FFF; border-bottom: 3px solid transparent; margin-bottom: 2rem; }
.record-entry h3::after { content: ""; display: block; width: 100%; height: 3px; border-radius: 2px; background: linear-gradient(to right, #04BAFD, #00FE15); }
.record-entry .avatar { display: none; }
.btn-record { background-color: #03FFB6; color: #3251F5; border-radius: 2rem; font-size: 1.125rem; width: max-content; padding: 0.375rem 1.5rem; }
.section-pageheader.scroll-snap.cambio_header .snap-item { position: fixed; /*top: 94px;*/ top: 0; left: 0; z-index: 8; width: 100%; min-height: 52px; padding: 0; background: linear-gradient(to bottom, #457AFF, #254BB0); webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.section-pageheader.scroll-snap.cambio_header .record-entry { display: flex; justify-content: space-between; padding: 1rem 1.5rem; background-image: none !important; }
.section-pageheader.scroll-snap.cambio_header .record-entry .avatar { display: block; margin-right: 1rem; }
.section-pageheader.scroll-snap.cambio_header .record-entry .btn-record { padding: 0.125rem 1.5rem; }
.section-pageheader.scroll-snap.cambio_header .record-entry h3 { margin-bottom: 0; }
.section-pageheader.scroll-snap.cambio_header .record-entry p { margin-bottom: 0; }
.section-pageheader.scroll-snap.cambio_header .record-entry .record-content { display: flex; margin-bottom: 0; }
.section-pageheader.scroll-snap.cambio_header .profile-thumb { }
.section-pageheader.scroll-snap.cambio_header .profile-header { }
.section-pageheader.scroll-snap.cambio_header .ul-profile-header { }
.section-pageheader.scroll-snap.cambio_header .ul-profile-bottom { }
.snap-item { display: none; }
.section-pageheader.scroll-snap.cambio_header .snap-item { display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
/*--------------------------------------------------------------------------------*/
/*----------------------------------- page nav -----------------------------------*/
/*--------------------------------------------------------------------------------*/
/* scroll nav */
.scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
.scroll li { display: inline-block; }
.section-pagemenu, .section-pagemenu-sub { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
.section-pagemenu .nav, .section-pagemenu-sub .nav { margin: auto; }
.section-pagemenu .nav-link, .section-pagemenu-sub .nav-link { display: inline-block; }
.section-pagemenu { background-color: #03FFB6; }
.section-pagemenu .nav { display: flex; justify-content: center; font-family: "SDGothicSB"; color: #333333; font-size: 1.063rem; }
.section-pagemenu .nav-link { position: relative; padding: 1.25rem 2rem; font-size: 1.25rem; }
.section-pagemenu .nav-link.active { color: #3251F5; font-weight: bold; }
.section-pagemenu .nav-link.active::after { position: absolute; left: 2rem; bottom: 0; content: ""; display: block; width: calc(100% - 4rem); height: 3px; background-color: #3251F5; }
.section-pagemenu-sub { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.125); }
.section-pagemenu-sub .nav { justify-content: center; color: #333333; font-size: 1.063rem; margin-top: 2px; }
.section-pagemenu-sub .nav-link { padding: 1.25rem 2rem; font-size: 1.25rem; }
.section-pagemenu-sub .nav-link.active { color: #3251F5; }
.nav-scroll { overflow-x: auto; }
.section-pagemenu.pagemenu-player { background-color: #FFF; }
.section-pagemenu-sub.pagemenu-sub-player { background-color: #9398B2; }
.section-pagemenu-sub.pagemenu-sub-player .nav-link { color: #FFF; }
.section-pagemenu-sub.pagemenu-sub-player .nav-link.active { color: #254BB0; }
.pagemenu-search { background-color: #FFF; }
.pagemenu-search .nav { justify-content: start; }
.pagemenu-search .nav-link { font-size: 1.5rem; color: #707070; }
.pagemenu-search .nav-link.active { color: #000; font-weight: 500; }
.pagemenu-search .nav-link.active::after { display: none; }
.section-pagemenu-klpga { background-color: #FFF; padding: 0.5rem 0; border-top: 1px solid rgb(74, 79, 84, 0.25); }
.section-pagemenu-klpga .nav-link { padding: 0.5rem 1rem; }
.section-pagemenu-klpga .nav-item:first-child .nav-link { padding-left: 0; }
.section-pagemenu-klpga .nav-item:last-child .nav-link { padding-right: 0; }
.section-pagemenu-klpga .nav-link:hover, .section-pagemenu-klpga .nav-link.active { color: #F65259; }
.pagemenu-sub-history { background-color: #DDE1E7; box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.pagemenu-sub-history .nav { justify-content: start; }
.pagemenu-sub-history .nav-link { position: relative; color: #FFF; padding: 1.25rem 2rem; }
.pagemenu-sub-history .nav-item:first-child .nav-link { padding-left: 0; }
.section-pagemenu-sub .nav-link.active { color: #000; font-weight: bold; }
.pagemenu-sub-history .nav-link::before { position: absolute; right: 0; top: 1.2rem; content: ""; width: 1px; height: 20px; background-color: #FFF; }
.pagemenu-sub-history .nav-item:last-child .nav-link::before { display: none; }
/* custom nav */
.nav-custom-group { border: 1px solid #03FFB6; min-width: 329px; }
.nav-custom-group .nav-link { color: #4A4F54; font-family: "Roboto"; padding: 0.5rem 1.5rem; border-radius: 0; min-width: 156px; width: 100%; }
.nav-custom-group .nav-link.active, .nav-custom-group .show > .nav-link { background-color: #03FFB6; color: #3251F5; }
.nav-custom .nav-item { border: 1px solid #03FFB6; }
.nav-custom .nav-item:not(:last-child) { margin-right: 0.5rem; }
.nav-custom .nav-link { color: #4A4F54; font-family: "Roboto"; padding: 0.4rem 1.5rem; border-radius: 0; min-width: 74px; width: 100%; }
.nav-custom .nav-link.active, .nav-switch .show > .nav-link { background-color: #03FFB6; color: #3251F5; }
/* round nav */
.nav-round-wrapper { position: relative; margin-top: 1.5rem; margin-bottom: 2rem; }
.nav-round-gray .nav-link.active { background-color: #4A4F54 !important; }
.nav-round-sm .nav-item:not(:last-child) { margin-right: 1rem; }
.nav-round-sm .nav-link { background-color: #FFF; color: #000; font-family: "Roboto"; padding: 0.125rem 0.5rem; border-radius: 1rem; min-width: 60px; border: 1px solid rgb(135, 141, 150, 0.75); }
.nav-round-sm .nav-link.active, .nav-switch .show > .nav-link { background-color: #878D96; border: 1px solid #878D96; color: #FFF; }
.nav-round-lg { justify-content: center; margin: 2.5rem 0; }
.nav-round-lg .nav-item:not(:last-child) { margin-right: 1rem; }
.nav-round-lg .nav-link { background-color: #FFF; color: #000; font-family: "Roboto", "SDGothicSB"; padding: 0.25rem 1rem; border-radius: 1rem; min-width: 96px; border: 1px solid rgb(135, 141, 150, 0.75); }
.nav-round-lg .nav-link.active, .nav-switch .show > .nav-link { background-color: #254BB0; color: #FFF; }
.nav-round-xl { justify-content: center; margin: 2rem auto 3rem; width: max-content; }
.nav-round-xl .nav-item:not(:last-child) { margin-right: 1rem; }
.nav-round-xl .nav-link { background-color: #FFF; color: #000; font-size: 1.125rem; font-family: "Roboto", "SDGothicSB"; padding: 0.5rem 1rem; border-radius: 1.5rem; min-width: 96px; border: 1px solid rgb(50, 81, 245, 0.75); }
.nav-round-xl .nav-link.active { background-color: #3251F5; color: #FFF; }
.nav-round-gradient { width: max-content; }
.nav-round-gradient .nav-link { border-color: rgb(226, 0, 255, 0.75); }
.nav-round-gradient .nav-link.active { background: linear-gradient(to right, #8F00DA, #D40053); }
.nav-square-wrapper { position: relative; }
.nav-square-wrapper .navscroll-button-next { top: 2.75rem; }
.nav-square-wrapper .navscroll-button-prev { top: 2.75rem; left: -0.5rem; }
.nav-square { justify-content: center; margin: 0.5rem auto 3rem; width: max-content; }
.nav-square .nav-item:not(:last-child) { margin-right: 1rem; }
.nav-square .nav-link { background-color: #FFF; color: #000; font-size: 1.125rem; font-family: "Roboto", "SDGothicSB"; padding: 0.5rem 1rem; border-radius: 1.5rem; min-width: 106px; height: 106px; border: 1px solid #849AD6; }
.nav-square .nav-link.active { background-color: #3251F5; color: #FFF; }
.nav-square .nav-link label { font-size: 1.125rem; font-family: "Roboto", "SDGothicSB"; margin-bottom: 0.75rem; }
.nav-square .nav-link h3 { font-size: 2rem; }
/* stats nav */
.nav-stats .nav-link { border-radius: 0; background-color: transparent; color: #000; }
.nav-stats .nav-link.active { background-color: transparent; color: #3251F5; border-bottom: 2px solid #3251F5; }
/* media nav */
.nav-media { margin: auto; }
/* nav primary */
.nav-primary .nav-link { border: 1px solid #3251F5; border-radius: 0.5rem; min-width: 257px; margin: 0 0.5rem; font-family: "Roboto"; }
.nav-primary .nav-link.active { background-color: #3251F5; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
/* content nav */
.nav-content .nav-link { padding-left: 0; padding-right: 0; font-size: 1.714rem; color: #000; }
.nav-content .nav-item:not(:last-child) { margin-right: 2rem; }
.nav-content .nav-link.active { color: #3251F5; border-bottom: 3px solid #3251F5; }
/* navbar dark */
.navbar-dark .nav-link { color: #81899E; }
.navbar-dark .nav-link.active { color: #FFF; border-bottom: none; }
/* content-sm nav */
.nav-content-sm .nav-link { padding-left: 0; padding-right: 0; font-size: 1.25rem; color: #707070; }
.nav-content-sm .nav-item:not(:last-child) { margin-right: 1.875rem; }
.nav-content-sm .nav-link.active { color: #000; border-bottom: 3px solid #000; }
/* scroll nav */
.nav-scroll.scroll-button { position: relative; overflow-x: hidden; width: calc(100% - 5.8rem); margin: auto; }
.navscroll-button-next { position: absolute; top: 0.5rem; right: 0.5rem; display: block; width: 37px; height: 37px; background-color: #FFF; border-radius: 50%; background-image: url("data:image/svg+xml,"); border: 1px solid rgb(50, 81, 245, 0.75); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); z-index: 2; }
.navscroll-button-prev { position: absolute; top: 0.5rem; left: 0.5rem; display: block; width: 37px; height: 37px; background-color: #FFF; border-radius: 50%; background-image: url("data:image/svg+xml,"); border: 1px solid rgb(50, 81, 245, 0.75); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); z-index: 2; }
.table-responsive.table-scroll { overflow: hidden; }
.tablescroll-button-next { position: absolute; top: 0.5rem; right: 0.625rem; display: block; width: 37px; height: 37px; background-color: #FFF; border-radius: 50%; background-image: url("data:image/svg+xml,"); border: 1px solid rgb(50, 81, 245, 0.75); z-index: 2; }
.tablescroll-button-prev { position: absolute; top: 0.5rem; left: 0.625rem; display: block; width: 37px; height: 37px; background-color: #FFF; border-radius: 50%; background-image: url("data:image/svg+xml,"); border: 1px solid rgb(50, 81, 245, 0.75); z-index: 2; }
/* sub nav */
.nav-sub .nav-link { border-radius: 0; background-color: transparent; color: #000; font-size: 1.125rem; padding: 0.5rem 0.625rem; }
.nav-sub .nav-link.active { background-color: transparent; color: #3251F5; }
/* sub nav */
.nav-subunderline .nav-item { padding: 0rem 1rem; }
.nav-subunderline .nav-link { position: relative; border-radius: 0; background-color: transparent; color: #000; font-size: 1.125rem; padding: 0; }
.nav-subunderline .nav-item:not(:last-child) { border-right: 1px solid #000; }
.nav-subunderline .nav-link.active { background-color: transparent; color: #3251F5; }
.nav-subunderline .nav-link.active::after { position: absolute; bottom: -4px; content: ""; display: block; width: 100%; height: 2px; background-color: #3251F5; }
/* box nav */
.nav-box { border: 1px solid #3251F5; width: fit-content; margin: auto; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.nav-box .nav-link { color: #333333; padding: 1rem 1.5rem; border-radius: 0; min-width: 160px; text-align: center; font-size: 1.25rem; }
.nav-box .nav-link.active, .nav-box .show > .nav-link { background-color: #254BB0; color: #FFF; }
/* model nav */
.nav-model { border-top: 1px solid #3251F5; border-bottom: 1px solid #3251F5; margin: 1.5rem 0; padding: 0.25rem 0; }
.nav-model .nav { justify-content: center; }
.nav-model .nav-link { font-size: 1.25rem; padding: 1rem 1.5rem; }
.nav-model .nav-link.active { border: 1px solid #3251F5; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.nav-mainmodel { margin: 1.5rem 0; padding: 0.25rem 0; }
.nav-mainmodel .nav { justify-content: center; }
.nav-mainmodel .nav-item { margin: 0 0.25rem; }
.nav-mainmodel .nav-link { background-color: #EFF2FF; min-width: 60px; text-align: center; font-size: 1.25rem; padding: 1rem 1.5rem; border-radius: 2rem; }
.nav-mainmodel .nav-link.active { background-color: #EFF2FF; border: 1px solid #3251F5; }
/* tabs nav */
.nav-tabs-lg { margin-top: 1rem; }
.nav-tabs-lg .nav-link { width: 100%; background-color: #254BB0; color: #FFF; border-radius: 0; font-size: 1.286rem; padding: 1rem 2rem; }
.nav-tabs-lg .nav-link.active, .nav-tabs-lg .nav-item.show .nav-link { color: #3251F5; background-color: #fff; border-color: #ddd #ddd #fff; font-weight: bold; }
.tab-content .divider { display: block; width: 1px; height: 80px; margin: 1rem auto; background-color: rgb(50, 81, 245, 0.5);}
/* nav pill xxl */
.nav-pills-xxl { justify-content: center; }
.nav-pills-xxl .nav-link { padding: 1.25rem 3rem; font-size: 1.75rem; border: 1px solid #3251F5; }
.nav-pills-xxl .nav-link.active { background-color: #2A4EEE; }
.nav-pills-xxl .nav-item:not(:last-child) { margin-right: 2rem; }
/*--------------------------------------------------------------------------------*/
/*------------------------------------ content -----------------------------------*/
/*--------------------------------------------------------------------------------*/
.inline-icon { min-width: 20px; text-align: center; margin-right: 1rem; }
.fillter-white { filter: brightness(0) invert(1); }
.fillter-gray { filter: grayscale(1); }
.tab-content > .tab-pane { position: relative; }
.section-content { padding: 3rem 0 5rem; }
.section-content-nav { padding: 1rem 0; }
.section-content-header { padding: 3rem 0; }
.section-content-body { padding: 3rem 0 5rem; background-color: #F2F4F8; }
.page-title { font-size: 2rem; font-family: "Roboto", "SDGothicSB"; margin: 2.5rem 0; font-weight: 500; }
.content-title { font-size: 1.75rem; font-family: "Roboto", "SDGothicSB"; margin-bottom: 1.5rem; font-weight: 500; }
h1.content-title { font-size: 2.4rem; }
.section-content-header .content-title { margin-bottom: 0; }
.title-group { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: space-between; }
.nav-leaderboard-group { position: absolute; right: 0; display: flex; flex-wrap: wrap; align-items: center; z-index: 2; padding-right: var(--bs-gutter-x, 0.75rem); }
.header-group { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; }
.group-item { position: relative; }
.page-search { float: right; width: 329px; }
.page-search .input-group { background-color: #FFF; border: 1px solid #03FFB6; border-radius: 0.25rem; }
.page-search .input-group input[type=search] { flex: 1 1 auto; }
.btn-arrow-left { width: 24px; height: 24px; background-image: url("data:image/svg+xml,"); }
.btn-arrow-right { width: 24px; height: 24px; background-image: url("data:image/svg+xml,"); }
.nav-scroll::-webkit-scrollbar { width: 5px; height: 8px; background-color: #efefef; }
.nav-scroll::-webkit-scrollbar-thumb { background: #ccc; }
/* leaderboard */
.section-title-position { display: block; height: 3.6rem; }
.section-title-top { position: absolute; top: -50px; }
.table-title { padding: 1.5rem 0rem; font-family: "Roboto"; }
.table-blue .sort-asc, .table-blue .sort-desc { background-color: #254BB0 !important; }
.sort-asc { background:#254BB0 url("data:image/svg+xml,") no-repeat center !important; cursor: pointer; }
.sort-desc { background: #254BB0 url("data:image/svg+xml,") no-repeat center !important; cursor: pointer; }
.sort-asc.right { background-position: right -14px !important; }
.sort-desc.right { background-position: right -14px !important; }
.table-leaderboard { width: 100%; }
.table-leaderboard li { padding: 0; }
.table-leaderboard table { width: 100%; background: none; }
.table-accordion th { background: #3251F5; color: #FFF; font-family: "SDGothicSB"; font-weight: 500; }
.table-accordion th { border-color: transparent; padding: 12px 6px; width: 64px; text-align: center; font-size: 1rem; }
.table-accordion th.round, .table-accordion td.round { padding: 12px 6px; width: 36px; }
.table-accordion td.round { background-color: #F6F6F6; }
.table-accordion th:hover { cursor: pointer; }
.table-accordion th.active { background-color: #254BB0; }
.table-accordion td { border: 0; padding: 12px 6px; width: 64px; text-align: center; font-size: 1rem; font-family: "Roboto"; border-bottom: 1px solid #ddd; }
.table-accordion tr:hover { background-color: #F6F6F6; }
.table-accordion tr:hover td.round { background-color: #EEECEC; }
.table-leaderboard .table-accordion th:nth-child(5), .table-leaderboard .table-accordion td:nth-child(5) { width: 365px; text-align: left; cursor: pointer; }
.table-favorite { padding: 6px; background-color: #F6F6F6; border-bottom: 1px solid #ddd; }
.table-leaderboard .form-check-like .form-check-input { background-size: 20px 20px; width: 1.2em; height: 1.2em; margin-left: auto; }
.tb-rank-up { color: #FF0000; }
.tb-rank-up::before { margin-right: 0.25rem; content: "▲"; vertical-align: middle; font-size: 0.625rem; }
.tb-rank-dn { color: #0026FF; }
.tb-rank-dn::before { margin-right: 0.25rem; content: "▼"; vertical-align: middle; font-size: 0.625rem; }
.tb-rank-same { color: #999999; }
.tb-flag { width: 18px; height: 18px; border-radius: 50%; background-position: center; background-size: cover; }
.tb-flag-lg { width: 36px; height: 36px; border-radius: 50%; background-position: center; background-size: cover; }
.player-group { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: space-between; }
.group-item { position: relative; }
.player-group .group-item.btn img { max-width: 20px; }
.tb-player { flex: 1 1 auto; font-family: "SDGothicSB"; color: #000; }
.tb-spon { max-width: 106px; max-height: 24px; margin-right: 1.5rem; }
.upcolor { color: #FC8740; }
.dncolor { color: #15A8D2; }
.table-group th { background: #3251F5; color: #FFF; font-family: "SDGothicSB"; font-weight: 500; }
.table-group th { border: 0; padding: 12px 6px; width: 60px; text-align: center; font-size: 1.125rem; }
.table-group th:hover, .table-group th.active { background-color: #254BB0; }
.table-group td { border-color: rgb(204, 204, 204, 0.25); padding: 12px 6px; width: 60px; text-align: center; font-size: 1.125rem; font-family: "Roboto"; border-bottom: 1px solid #ddd; }
.table-group tr:hover { background-color: #F6F6F6; }
.table-group th:nth-child(4), .table-group td:nth-child(4) { width: 365px; text-align: left; cursor: pointer; }
.btn-compare { padding: 0; }
.table-leaderboard details > summary { list-style: none; }
.table-leaderboard details summary::-webkit-details-marker { display:none; }
.table-leaderboard details[open] .table-accordion tr, .table-leaderboard details[open] .table-leaderboard .table-accordion td:nth-child(1), .table-leaderboard details[open] .table-accordion td.round { background-color: #D8E5F4 !important; }
.table-leaderboard details[open] .details-pannel { animation: slipdown .3s; }
.table-leaderboard .details-pannel { position: relative; width: 100%; background-color: #EBF2F9; }
.table-leaderboard .pannel-header { background-color: #ECF1F7; padding: 0 6rem; }
.table-leaderboard .pannel-body { background-color: #F2F4F8; padding: 0 6rem 2rem; }
.table-leaderboard .tb-player { font-size: 1.125rem; }
.profile-box { display: flex; padding: 1rem; }
.profile-box .avatar-xl { width: 80px; height: 80px; margin-right: 1.5rem; }
.profile-box .player-name { padding-top: 1.5rem; }
.profile-box p { margin-bottom: 0; }
.btn-3D { position: absolute; top: 1.2rem; right: 2rem; }
.bartitle-green { text-align: center; font-size: 1.5rem; color: #FFF; padding: 1rem; background: linear-gradient(to bottom, #5CCBA8, #25B5DA); }
/* Team leaderboard */
.details-teamlist { position: relative; padding: 1rem 1.5rem; background-color: #FFF; border: 1px solid #efefef; border-radius: 1.5rem; margin-bottom: 1.5rem; border-bottom: 3px solid #c5fca4; }
.details-teamlist:hover { background-color: #FAFAFA; }
.details-teamlist summary { list-style: none; padding: 0 1rem; }
.details-teamlist summary::-webkit-details-marker { display:none; }
.details-teamlist[open] { background: url(../images/bg-teamleaderboard.png) no-repeat center; background-size: cover; }
.details-teamlist::before { position: absolute; top: 1.75rem; left: 1rem; content: ""; display: block; width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.details-teamlist[open]::before { transform: rotate(180deg); top: 1.5rem; left: 0.875rem; }
.details-teamlist[open] .scorecard-teamlist { animation: slipdown .3s; }
.entry-teamlist .list-group-array { height: 60px; }
.teamlist-playername { padding-left: 6.8rem; margin: 0.5rem 0; }
.details-teamlist[open] .teamlist-playername { display: none; }
.btn-like { font-size: 1.2rem; border-color: #C5FD8C; border-radius: 2rem; padding-left: 46px; padding-right: 1rem; min-width: 110px; }
.btn-like::before { position: absolute; top: 15px; left: 25px; content: ""; width: 25px; height: 25px; background: url(../images/sns-like-lg.svg) no-repeat; }
.btn-like:hover { background: linear-gradient(36deg, #D4FC88, #03FFB6); }
.btn-like:hover::before { background: url(../images/sns-like-white-lg.svg) no-repeat; }
.btn-like .btn-like-event { position: absolute; top: -50px; left: 15px; content: ""; width: 80px; height: 80px; display: none; }
.btn-like.active { cursor: wait; }
.btn-like.active .btn-like-event { display: block; }
.list-group-array { flex-direction: row; }
.list-group-array .list-group-item { border: 0; display: flex; align-items: center; background-color: transparent; }
.list-group-sns { flex-direction: row; }
.list-group-sns .list-group-item { border: 0; display: flex; align-items: center; background-color: transparent; padding: 0.5rem; }
.list-group-tpoint { margin-right: 1.5rem; }
.list-group-tpoint, .list-group-rpoint { flex-direction: row; }
.list-group-tpoint .list-group-item, .list-group-rpoint .list-group-item { text-align: center; border-radius: 1rem; margin: 0.25rem; min-width: 45px; padding: 0.5rem 0.5rem; }
.list-group-tpoint .list-group-item { border: 1px solid #000; background: linear-gradient(to bottom, #FFF 30%, #a5fc74); }
.list-group-rpoint .list-group-item { border: 1px solid #C5FD8C; }
.table.table-teamlist-score { border: 0; }
.table.table-teamlist-score th { font-weight: 500; background: #F0F0F0; text-align: center; border: 0; padding: 0.5rem 1rem; }
.table.table-teamlist-score td { position: relative; border: 0; text-align: center; width: 50%; font-size: 0.875rem; padding: 1rem; }
.table.table-teamlist-score td:first-child::after { position: absolute; top: 20px; right: 0; content: ""; width: 1px; height: 40px; background-color: #F65259; }
.scorecard-teamlist { position: relative; padding: 2rem 1rem 1rem; margin-top: 1rem; }
.scorecard-teamlist::before { position: absolute; top: 0; left: -1.5rem; content: ""; width: calc(100% + 3rem); height: 1px; background-color: #DDDDDD; }
.scorecard-teamlist .table-scorecard tr:nth-child(1) td { background-color: #FFF; }
.scorecard-teamlist .table-scorecard tr td { border-bottom: 1px solid #c5fca4; }
.table .td-ribone { width: 120px; padding: 0; background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0) 70%) !important; }
.title-ribone { display: flex; align-items: center; width: 100%; height: 42px; padding: 0.5rem 1rem; font-weight: bold; letter-spacing: 0; background-color: #F65259; color: #FFF; font-style: italic; border-radius: 0 1.5rem 0 1.5rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
/* Team Ranking */
.badge-ribone { display: flex; align-items: center; height: 38px; padding: 0.5rem 2rem; width: fit-content; background-color: #F65259; color: #FFF; border-radius: 0 1.5rem 0 1.5rem; font-weight: bold; letter-spacing: 2px; font-style: italic; }
.details-teamranking { position: relative; padding: 1rem 1.5rem; background-color: #FFF; border: 1px solid #efefef; border-radius: 1.5rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); margin-bottom: 1.5rem; }
.details-teamranking:hover { background-color: #FAFAFA; }
.details-teamranking summary { list-style: none; padding: 0 1rem; }
.details-teamranking summary::-webkit-details-marker { display:none; }
.details-teamranking::before { position: absolute; top: 1.75rem; left: 1rem; content: ""; display: block; width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.details-teamranking[open]::before { transform: rotate(180deg); top: 1.5rem; left: 0.875rem; }
.details-teamranking[open] .scorecard-teamranking { animation: slipdown .3s; }
.entry-teamranking .list-group-array { height: 60px; }
.table.table-teamranking { margin-bottom: 0; }
.table.table-teamranking td { position: relative; border: 0; height: 60px; vertical-align: middle; font-size: 1.2rem; }
.table.table-teamranking td.num, .table.table-teamranking td.point, .table.table-teamranking td.rpoint { font-weight: bold; }
.table.table-teamranking td.border-right::after { position: absolute; top: 16px; right: 0; content: ""; width: 1px; height: 24px; background-color: #F9747A; }
.table.table-teamranking td .teamtext { margin-left: 2rem; }
.badge-klpgawinner { position: relative; background: linear-gradient(36deg, #D4FC88, #03FFB6); color: #3251F5; font-size: 1.25rem; font-weight: 500; border-radius: 2rem; padding: 0.75rem 1rem 0.75rem 3rem; }
.badge-klpgawinner::before { position: absolute; top: 0.625rem; left: 1rem; content: ""; width: 20px; height: 20px; background: url(../images/icon-klpgawinner.svg) no-repeat center; }
.scorecard-teamranking { position: relative; padding: 2rem 1rem 1rem; margin-top: 1rem; }
.scorecard-teamranking::before { position: absolute; top: 0; left: -1.5rem; content: ""; width: calc(100% + 3rem); height: 1px; background-color: #DDDDDD; }
.scorecard-teamranking .table-scorecard tr:nth-child(1) td { background-color: #FFF; }
.scorecard-teamranking .table-scorecard tr td { border-bottom: 1px solid #DDDDDD; }
.table .tr-highlight { background: linear-gradient(to right, #fff 5%, #f2ff8d 5%, #d2fde7 80%, #f3fef2); }
.table .tr-highlight td { background-color: transparent; }
.table .tr-highlight td.td-ribone { background: transparent !important; }
.title-linebar { position: relative; display: flex; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 2rem; }
.title-linebar .title-name { font-size: 1.25rem; font-weight: 500; padding: 0 1rem; }
.title-linebar .title-line { content: ""; display: flex; flex-basis: auto; flex-grow: 1; height: 2px; background: linear-gradient(to right, #D4FC88, #D4FC88); }
.list-group-member { flex-direction: row; }
.list-group-member li { width: 20%; min-width: 20%; padding: 2rem; background: transparent; border: 0; }
.list-group-mainrecord { flex-direction: row; }
.list-group-mainrecord .list-group-item { width: 10.5%; min-width: 10.5%; min-height: 115px; margin: 1%; padding: 2rem 1rem; background: transparent; border: 1px solid #C5FD8C; border-radius: 1rem; text-align: center; }
.list-group-mainrecord li.highlight { background: linear-gradient(120deg, #D4FC88, #03FFB6); }
.table-mainrecord tr th { color: #000; border-color: transparent; font-size: 1rem; line-height: 1.2; font-weight: 300; padding: 0.625rem 2rem; }
.table-mainrecord tr td { font-size: 1rem; border-color: transparent; border-bottom-color: #ddd; font-size: 1.25rem; padding: 1rem 2rem; }
.table-scorecard th { background-color: #3251F5; color: #FFF; cursor: pointer; }
#tracker-tabContent .table-scorecard th { background-color: #254BB0; }
.table-scorecard th, .table-scorecard td { padding: 12px 12px; text-align: center; font-size: 1rem; font-family: "Roboto", "SDGothic"; font-weight: 300; border-color: transparent; border-bottom-color: rgb(204, 204, 204, 0.25); background-size: 28px 28px; }
.table-scorecard tr td { background-color: #FFF; }
.table-scorecard tr:nth-child(1) td { background-color: #ECECEC; }
.table-scorecard .title { text-align: left; }
.table-scorecard th.active, .table-scorecard td.active { background-color: #2A4EEE !important; color: #FFF; animation: slideUp .1s linear; }
.table-scorecard .btn-video { width: 15px; height: 15px; }
.table-scorecard .btn-video img { vertical-align: top; }
.table-scorecard .btn-compare { width: 27px; height: 27px; }
.table-scorecard .btn-compare.disabled { filter: grayscale(1); }
.table-scorecard .rank, .table-scorecard .nation, .table-scorecard .hole, .table-scorecard .today { }
.table-scorecard .player { width: 400px; text-align: left; }
.table-scorecard .ass { width: 80px; }
.table-scorecard .titlerow { background-color: #D8E5F4 !important; text-align: center; }
.table-scorecard.team .title { width: 140px; }
.table-scorecard.team th:first-child, .table-scorecard.team td:first-child { text-align: center; }
.table-scorecard.team tr:nth-child(1) td:first-child { background-color: #ECECEC; }
.table-scorecard.team tr:nth-child(2) td:first-child { background-color: #FFF; }
.table-scorecard.team tr:nth-child(3) td:first-child { background-color: #FFF; }
.table-scorecard.team tr:nth-child(4) td:first-child { background-color: #FFF; }
.table-scorecard .dot1 { color: #FF0000; }
.table-scorecard .dot2 { color: #254BB0; }
.table-scorecard .dot3 { color: #FFF700; }
.table-scorecard .dot4 { color: #2f9d27; }
.table-scorecard .dot5 { color: #998a00; }
.table-scorecard .dot6 { color: #993800; }
.table-scorecard .dot7 { color: #3f0099; }
.table-scorecard .dot8 { color: #ff5e00; }
.table-scorecard .dot9 { color: #1ddb16; }
.table-scorecard .dot10 { color: #a6a6a6; }
.table-scorecard .title .btn { width: 100%; padding: 0; border-radius: 0; }
.table-scorecard .name1, .table-scorecard .name2, .table-scorecard .name3, .table-scorecard .name4, .table-scorecard .name5,
.table-scorecard .name6, .table-scorecard .name7, .table-scorecard .name8, .table-scorecard .name9, .table-scorecard .name10 { width: 100px; padding: 0 0.5rem; }
.table-scorecard .name1 .btn.active { border-bottom: 2px solid #FF0000; }
.table-scorecard .name2 .btn.active { border-bottom: 2px solid #254BB0; }
.table-scorecard .name3 .btn.active { border-bottom: 2px solid #FFF700; }
.table-scorecard .name4 .btn.active { border-bottom: 2px solid #2f9d27; }
.table-scorecard .name5 .btn.active { border-bottom: 2px solid #998a00; }
.table-scorecard .name6 .btn.active { border-bottom: 2px solid #993800; }
.table-scorecard .name7 .btn.active { border-bottom: 2px solid #3f0099; }
.table-scorecard .name8 .btn.active { border-bottom: 2px solid #ff5e00; }
.table-scorecard .name9 .btn.active { border-bottom: 2px solid #1ddb16; }
.table-scorecard .name10 .btn.active { border-bottom: 2px solid #a6a6a6; }
.table-scorecard.totalscore .title { width: 160px; }
.table-scorecard.totalscore thead tr:first-child th { border-bottom-color: transparent; }
.table-scorecard .table-favorite { text-align: left; border-bottom: none; }
.table-scorecard .form-check-like { padding: 0 0.5rem; }
.table-scorecard .form-check-like .form-check-input { background-size: 20px 20px; width: 1.2em; height: 1.2em; margin-left: auto; }
.table-scorecard.totalscore tr td { background-color: #FFF; border-bottom: 1px solid rgb(204, 204, 204, 0.25); }
.table-scorecard.totalscore tr td:first-child { border-left-color: transparent; }
.table-scorecard.totalscore tr td:last-child { border-right-color: transparent; }
.table-scorecard.totalscore tr:hover td { background-color: #F6F6F6; }
.table-scorecard.totalscore th { border-style: hidden; }
.table-scorecard.totalscore th, .table-scorecard.totalscore td { padding: 10px 8px; width: 36px; }
.table-scorecard.totalscore th.nation, .table-scorecard.totalscore td.nation { width: 45px; }
.table-scorecard.totalscore th.name, .table-scorecard.totalscore td.name { width: 80px; }
.table-scorecard.totalscore td.rank { width: 50px; }
.table-scorecard.totalscore td.nation { width: 30px; }
.table-scorecard.totalscore td.name { width: 100px; }
.table-scorecard.totalscore td.today, .table-scorecard.totalscore td.out, .table-scorecard.totalscore td.in, .table-scorecard.totalscore td.total { width: 50px; }
.table-scorecard.group th:first-child, .table-scorecard.group td:first-child { position: inherit; }
.table-scorecard.group td:first-child { background-color: #FFF; }
.table-scorecard td.td-gray, .table-scorecard tr.td-gray td { background-color: #F6F6F6 !important; }
.table-scorecard-smwrapper table { border-radius: 0.25rem; overflow: hidden; margin-bottom: 0; }
.table-scorecard-sm { margin-bottom: 0.4rem; }
.table-scorecard-sm table { min-width: auto !important; margin-bottom: 0; }
.table-scorecard-sm th, .table-scorecard-sm td { width: 28px !important; height: 28px !important; padding: 8px 4px !important; background-color: #FFF; color: #000; background-size: 20px 20px !important; font-size: 0.75rem !important; }
.table-scorecard-sm th:first-child, .table-scorecard-sm td:first-child { position: inherit !important; width: 36px !important; }
.table-scorecard-sm th.active, .table-scorecard-sm td.active { background-color: #254BB0 !important; }
.tracker-card { border-radius: 1.2rem; margin-top: 1.5rem; }
.tracker-card .card-header { display: flex; justify-content: space-between; align-items: baseline; width: 100%; margin: auto; padding: 1rem 2rem; border-bottom: none; border-top-left-radius: 1.2rem; border-top-right-radius: 1.2rem; }
.tracker-card .card-header .nav { justify-content: center; }
.tracker-card .card-header .nav-switch { border-color: #03FFB6; }
.tracker-card .card-header .nav-switch .nav-link { color: #4A4F54; min-width: 50px; }
.tracker-card .card-header .nav-switch .nav-link.active { color: #3251F5; }
.card-header-title { display: flex; line-height: 2rem; }
.card-header-title h2 { padding-bottom: 0; margin-right: 0.5rem; }
.card-header-nav { display: flex; justify-content: end; }
.tracker-card .card-body { padding: 2rem; }
.tracker-card sub { bottom: 0; font-size: 0.75rem; margin: 0; line-height: 1.4; }
.tracker-hole-info { display: flex; justify-content: center; margin-bottom: 1rem; }
.tracker-hole-info li { padding-left: 1rem; padding-right: 1rem; }
.tracker-hole-info li:not(:first-child) { border-left: 1px solid rgb(175, 179, 185, 0.25); }
.card-top5 { box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-bottom: 3rem; }
.card-top5 .card-header { background-color: #D8E5F4; border-bottom: none; padding: 0.5rem 4rem; }
.card-top5 .card-body { padding: 0; }
.card-top5 .card-footer { background: none; border: none; }
.top5-player { display: flex; }
.top5-player .player-group { max-width: 300px; }
.card-top5 .tb-spon { max-width: 120px; max-height: 40px; }
.top5-stats { display: flex; margin: auto; max-width: 410px; }
.top5-stats li { position: relative; text-align: center; padding: 0 2.6rem; }
.top5-stats li:not(:last-child)::after { position: absolute; right: 0; top: 5px; content: ""; display: block; width: 1px; height: 35px; background-color: rgb(0, 0, 0, 0.5); }
.top5-roundscore { display: flex; margin: 1rem; }
.top5-roundscore li { position: relative; padding: 0 1.5rem; min-width: 110px; font-family: "Roboto"; }
.top5-roundscore li label { font-size: 1.125rem; }
.top5-roundscore li h2 { text-align: right; }
.top5-roundscore li:not(:last-child)::after { position: absolute; right: 0; top: 5px; content: ""; display: block; width: 1px; height: 45px; background-color: rgb(0, 0, 0, 0.5); }
.btn-videoplay { display: block; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.25); }
.btn-videoplay:hover { background-color: rgb(0, 0, 0, 0); }
.btn-videoplay::after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url(../images/btn-videoplayer.svg) no-repeat center; }
.dday-title { display: block; }
.dday-title h1 { font-weight: bold; }
.dday-counter { display: flex; justify-content: center; }
.dday-counter li { width: 20%; margin: 0 2.5%; max-width: 130px; padding-left: 0; text-align: center; border: 1px solid #FF0012; box-shadow: 3px -3px 0px 0px #FF0012; }
.dday-counter li label { margin: 1rem 0; font-size: 1rem; }
.dday-counter li h3 { margin: 0.5rem 0; color: #254BB0; font-size: 1.25rem; font-family: "Roboto"; font-weight: bold; }
.dday-card { border-radius: 0; border: 0; }
.dday-card .card-header { border: 1px solid #ddd; border-bottom: 0; text-align: center; font-size: 1.2rem; font-family: "Roboto"; }
.dday-card .card-body { border: 0; padding: 0; }
.dday-table td { position: relative; text-align: center; cursor: pointer; width: 14.285%; }
.dday-table td.active:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; border: 1px solid #FF0012; }
.dday-table label { font-size: 0.875rem; font-family: "Roboto"; margin: 0.25rem 0; color: #747474; }
.dday-table h1 { margin: 1rem 0 0.25rem; font-size: 2.6rem; font-family: "Roboto"; font-weight: bold; }
.dday-table p { display: flex; justify-content: center; align-items: center; height: 34px; font-family: "Roboto", "SDGothic"; }
.dday-table td, .table-program tr td { min-width: 80px; }
.table-program-wrapper { display: flex; justify-content: space-between; width: 100%; }
.dday-table, .table-program-wrapper { min-width: 576px; }
.table-program { margin: 1rem 0;}
.table-program table { border: 1px solid #ddd; border-collapse: separate; margin-bottom: 0.5rem; }
.table-program tr th, .table-program tr td { position: relative; padding: 10px 10px; border-color: transparent; text-align: center; font-size: 1.25rem; font-family: "Roboto"; }
.table-program tr td:not(:last-child)::after { position: absolute; right: 0; content: ""; display: block; width: 1px; height: 80%; top: 10%; bottom: 10%; background-color: #ddd;}
.table-program tr th { background-color: #F4F4F4; width: 44px; min-width: 44px; padding: 0; text-align: center; vertical-align: middle; border-right-color: #ddd; }
.table-program tr td ul li { padding-bottom: 0; }
.sup-more { font-size: 0.875rem; margin-left: 1.5rem; color: #3251F5; text-decoration: underline; font-family: "Roboto"; }
.todays-weather { display: flex; justify-content: center; }
.todays-weather li { width: 15%; margin: 0 0.833%; padding-left: 0; text-align: center; border: 1px solid #03FFB6; }
.todays-weather li:last-child { margin-right: 0; }
.todays-weather li label { margin: 1rem 0; font-size: 1rem; }
.todays-weather li label img { margin-right: 0.5rem; filter: grayscale(1); }
.todays-weather li h1 { margin: 1rem 0; font-size: 2.6rem; font-family: "Roboto"; }
.todays-weather li h1 img { filter: grayscale(1); min-width: 36px; }
.todays-weather li h1 sup { font-size: 0.875rem; vertical-align: super; margin-left: 0.25rem; }
.todays-weather li h3 { margin: 0.5rem 0; }
dl.sunrise, dl.sunset { margin: 1rem 0; }
dl.sunrise dd, dl.sunset dd { font-size: 1.25rem; }
.weekly-weather-wrapper { overflow-x: auto; }
.weekly-weather { display: flex; justify-content: space-between; min-width: 1200px; }
.weekly-weather li { padding-left: 0; width: 14.2857%; border: 1px solid #ddd; border-right: none; padding: 0.5rem 0 1rem; }
.weekly-weather li:last-child { margin-right: 0; border-right: 1px solid #ddd; }
.weekly-weather label { width: 96%; margin: 0 2%; text-align: center; font-size: 1.25rem; padding: 1rem 0; border-bottom: 1px solid #3251F5; }
.weekly-weather-item { display: flex; padding: 0.25rem 1rem; }
.weekly-weather-item .inline-icon img { filter: grayscale(1); }
.nav-entry-wrapper { background-color: #F2F4F8; padding: 0.5rem; margin-top: 2rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.nav-entry-wrapper .nav-round-lg .nav-link { padding: 0.25rem 1rem; }
.nav-entry-wrapper .nav-round-lg .nav-link.active { background-color: #4A4F54; }
.index { background-color: #4A4F54; color: #FFF; width: 2rem; height: 2rem; border-radius: 50%; line-height: 2rem; font-size: 1.25rem; text-align: center; }
td.td-like { background-color: #F6F6F6 !important; width: 52px; max-width: 52px; }
td.td-like .form-check { padding-left: 1.75em; }
td.td-like .form-check-like .form-check-input { background-size: 20px 20px; }
.pinlocation { padding: 2rem 2rem 1rem; border-bottom: 1px solid #ddd; }
.pinlocation-thumb img { width: 100%; }
.dl-pinlocation { display: flex; justify-content: space-between; margin: 1rem 0 0; font-family: "Roboto"; }
.dl-pinlocation dt { width: 60%; }
.dl-pinlocation dt h1 { font-size: 2.25rem; padding-top: 0.75rem; }
.dl-pinlocation dd { position: relative; padding: 0 1.5rem; }
.dl-pinlocation dd label { font-family: "Roboto"; }
.dl-pinlocation dd:last-child::before { position: absolute; left: 0; top: 5px; bottom: 5px; content: ""; display: block; width: 1px; background-color: rgb(50, 81, 245, 0.5);}
.section-champions { background: linear-gradient(to bottom, #FFF 25%, #728BFF 25%, #C0E2FF 75%, #FFF 75%); }
.card-champions { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.card-champions .card-header { background-color: #FFF; border-bottom: 0; padding: 2rem 3rem 0; font-family: "Roboto", "SDGothic"; font-weight: 100; }
.card-champions .card-header h1 { font-size: 3.8rem; color: #FF8000; font-family: "Roboto"; }
.card-champions .card-header h2 { font-size: 2.2rem; letter-spacing: 0.5rem; margin-top: 0.5rem; }
.card-champions .card-header small { font-size: 1.25rem; color: #254BB0; line-height: 2.5rem; }
.card-champions .card-body { text-align: center; padding: 0 3rem 1rem; }
.card-champions .card-body label { font-size: 1.25rem; color: #8B8B8B; margin-top: 3rem; }
.card-champions .card-body h3 { font-size: 1.87rem; margin: 1rem 0; font-family: "Roboto", "SDGothic"; font-weight: 100; }
.card-champions .card-body .avatar-champions { margin-top: -3rem; }
.card-champions .card-footer { background-color: #FFF; border: 0; }
.content-record { padding-bottom: 5rem; }
.content-record::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 220px; background: linear-gradient(36deg, #8A00E3, #D6004F); }
.card-bestrecord { border-color: rgb(127, 1, 250, 0.5); margin-bottom: 3rem; }
.card-bestrecord .card-header { padding: 1.5rem 3rem 1rem; background-color: #FFF; color: #7F01FA; border-color: rgb(127, 1, 250, 0.5); }
.card-bestrecord .card-header h1 { font-size: 1.875rem; }
.card-bestrecord .card-body { padding: 1.5rem 2rem; }
.card-bestrecord label { padding-left: 3rem; position: relative; color: #767676; font-size: 1.125rem; }
.card-bestrecord label:before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 1px; height: 20px; background-color: rgb(127, 1, 250, 0.5); }
.card-bestrecord .row div:first-child label:before { display: none; }
.card-bestrecord h3 { padding-left: 3rem; font-size: 1.5rem; margin-top: 1rem; font-family: "SDGothicSB"; }
.location-title { text-align: center; margin-top: 1.5rem; }
.card-location { border: none; margin: 1rem 0; }
.card-location .card-header { padding: 1.5rem 0 1rem; background-color: #FFF; border-bottom: 0; border-top: 8px solid transparent; border-image: linear-gradient(to right, #2C6A44, #4C899B, #6284D9); border-image-slice: 1; }
.card-location .card-header h1 { font-family: "SDGothicSB"; }
.card-location .card-header h2 { text-align: right; }
.card-location .card-body { padding: 0; }
.card-location .card-footer { padding: 2rem 1rem; }
.course-map { position: relative; width: 100%; }
.course-info { background: #F6F6F6; padding: 1.5rem; }
.btn-coursemap { position: absolute; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; background-color: rgb(0, 0, 0, 0.8); border: 1px solid #000; border-radius: 50%; font-size: 0.75rem; text-align: center; color: #FFF; }
.btn-coursemap.active, .btn-coursemap:hover { background-color: #FFF; color: green; }
.section-livesearch { background-color: #FFF; }
.section-livesearch .pagination-wrapper { position: relative; width: 100%; height: 60px; overflow-x: auto; }
.section-livesearch .hole-body-map { background: #FFF; }
.section-livesearch .hole-info { position: relative; background: #f5f5f5; padding: 2rem 1rem; }
.section-livesearch .nav-switch-round { position: absolute; top: 2rem; right: 1rem; }
.section-livesearch .nav-switch-round li { border-radius: 0.5rem; }
.livesearch-swiper .swiper-pagination { min-width: 100%; width: max-content; margin: auto; display: flex; justify-content: space-between; }
.livesearch-swiper .swiper-pagination .swiper-pagination-bullet { width: 50px; height: 50px; line-height: 50px; border: 1px solid #ddd; color: #000; opacity: 1; background: none; font-family: "Roboto"; }
.livesearch-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #21FEB1; color: #FFF; border-color: #21FEB1; }
.livesearch-swiper .swiper-pagination .swiper-pagination-bullet:not(:last-child) { margin-right: 0.5rem; }
.livesearch-swiper .swiper-button-prev, .livesearch-swiper .swiper-button-next { display: none; }
/* chart */
.scoring-chart-wrapper { position: relative; margin: 1rem; }
.scoring-chart-wrapper h4 { font-size: 1rem; }
.scoring-chart-wrapper .chart-data { position: absolute; top: 0; right: 50%; text-align: right; }
.scoring-chart-wrapper .chart-description { position: absolute; top: 45%; width: 100%; text-align: center; }
.entry-archive { border: 1px solid rgb(37, 75, 176, 0.3); padding: 2rem; border-radius: 1rem; margin-bottom: 1.25rem; }
.article-more { position: relative; display: block; padding-right: 2rem; min-height: 50px; }
.article-more::after { position: absolute; right: 0; top: 0.025rem; content: ""; display: block; width: 16px; height: 16px; background: url(../images/article-morelink.svg) no-repeat center; }
.archive-thumb { float: left; width: 170px; margin-right: 1rem; background-size: cover; background-position: center; }
.entry-archive p { color: #707070; }
.entry-archive p.date { margin-bottom: 0; }
/* record */
.section-recordsearch { padding: 3rem 0; border-bottom: 4px solid transparent; border-image: linear-gradient(to right, #04BAFD, #00FE15); border-image-slice: 1; }
.entry-header { min-height: 6.25rem; padding: 1.5rem 2rem 1rem; color: #FFF; background: linear-gradient(to bottom, #2066C5, #1959B8, #0D42A3); margin-bottom: 2rem; }
.entry-header h2 { font-weight: bold; }
.entry-header .header-description { display: flex; justify-content: end; }
.entry-header li { padding-left: 0; }
.borderline-header { min-height: 6.25rem; padding: 1.5rem 2rem 1rem; background: #F1F7FF; border-top: 1px solid rgb(37, 75, 176, 0.75); border-bottom: 1px solid rgb(37, 75, 176, 0.75); margin-bottom: 2rem; }
.borderline-header h2 { font-weight: bold; }
.borderline-header .header-description { display: flex; }
.borderline-header li { padding-left: 0; }
/* player */
.player-searchmenu { position: relative; margin: 0 auto; width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; }
.player-searchmenu .nav-round-xl .nav-link { min-width: 72px; }
.player-searchmenu .caption { margin-left: 0.875rem; color: #254BB0; }
.ul-teamplayer { width: 100%; }
.ul-teamplayer li { padding: 0; }
.ul-teamplayer li.table-drop { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.075); margin-bottom: 0.5rem; }
.ul-teamplayer details > summary { position: relative; list-style: none; }
.ul-teamplayer details > summary::after { position: absolute; top: 1.75rem; right: 3rem; content: ""; display: block; width: 36px; height: 36px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.ul-teamplayer details[open] > summary::after { transform: rotate(180deg); margin-top: -0.25rem; margin-left: -0.75rem; }
.ul-teamplayer details summary::-webkit-details-marker { display:none; }
.ul-teamplayer details[open] .details-pannel { animation: slipdown .3s; }
.ul-teamplayer .details-pannel { position: relative; width: 100%; border-bottom: 2px solid #DDD; }
.ul-teamplayer .pannel-header { display: flex; justify-content: space-between; align-items: center; background-color: #F7F7F7; padding: 1rem 3rem; box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.ul-teamplayer .pannel-body { background-color: #F7F7F7; padding: 1rem 3rem 3rem; }
.teamtable-accordion th, .teamtable-accordion td { position: relative; border-color: transparent; }
.teamtable-accordion th { border-color: #3251F5; background: #3251F5; color: #FFF; padding: 1.125rem 2rem; font-size: 1rem; font-family: "SDGothicSB"; font-weight: 500; }
.teamtable-accordion th:not(:first-child):before { position: absolute; top: 10px; left: 0; content: ""; width: 1px; height: 32px; background-color: rgb(255, 255, 255, 0.5); }
.teamtable-accordion td { background: #FFF; border-color: #FFF; padding: 1.7rem 2rem; font-size: 1.125rem; }
.teamtable-accordion td:not(:first-child):before { position: absolute; top: 18px; left: 0; content: ""; width: 1px; height: 32px; background-color: rgb(37, 75, 176, 0.5); }
.teamtable-accordion th:nth-child(1), .teamtable-accordion td:nth-child(1) { width: 40%; }
.teamtable-accordion th:nth-child(2), .teamtable-accordion td:nth-child(2) { width: 30%; }
.teamtable-accordion th:nth-child(3), .teamtable-accordion td:nth-child(3) { width: 30%; }
.teamtable-accordion .spon-group { display: flex; justify-content: space-between; }
.teamtable-accordion .spon-logo { width: 50%; }
.teamtable-accordion .spon-title { width: 50%; }
.teamtable-accordion .player-name { margin-right: 1rem; letter-spacing: 0.5rem; }
.teamtable-accordion .player-rank { position: relative; }
.teamtable-accordion .player-rank::before { position: absolute; top: 2px; left: -1rem; content: ""; width: 1px; height: 16px; background-color: rgb(0, 0, 0, 1); }
.ul-teamplayer .pannel-body .row { max-width: 1080px; }
.player-entry { margin-bottom: 3rem; }
.player-thumb { position: relative; display: block; width: 136px; margin-bottom: 2rem; box-shadow: 10px 0px 0px 5px rgb(69 122 255); }
.player-description span.tb-flag { float: left; margin-right: 1rem; }
.player-description p { padding-left: 2.2rem; }
.teamtable-detail-header { display: flex; justify-content: space-between; align-items: center; padding: 2rem 4rem; min-height: 132px; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.125); }
.spon-group { display: flex; justify-content: space-between; align-items: center; }
.teamtable-detail-header .spon-logo img { width: 230px; margin-right: 4rem; }
.teamtable-detail-header .spon-title { position: relative; padding-bottom: 0; padding-left: 4rem; font-family: "SDGothicSB"; font-weight: 500; }
.teamtable-detail-header .spon-title::before { position: absolute; top: 2px; left: 0rem; content: ""; width: 1px; height: 24px; background-color: rgb(0, 0, 0, 0.5); }
.teamtable-detail-body { background-color: #F7F7F7; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.125); }
.teamtable-detail-body .title-section { display: flex; justify-content: space-between; padding: 3rem 3rem 2rem; background-color: rgb(147, 152, 178, 0.2); box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.teamtable-detail-body .title-section ul.btn-section { display: flex; }
.teamtable-detail-body .title-section ul.btn-section li { position: relative; display: flex; padding: 0 1rem; }
.teamtable-detail-body .title-section ul.btn-section li:last-child { padding-right: 0; }
.teamtable-detail-body .title-section ul.btn-section li:not(:first-child)::before { position: absolute; top: 10px; left: 0; content: ""; width: 1px; height: 20px; background-color: rgb(0, 0, 0, 1); }
.teamtable-detail-body .detail-inner { max-width: 1200px; padding: 1rem; margin: 2rem auto; }
.teamtable-detail-body .detail-inner .player-thumb, .teamtable-detail-body .detail-inner .player-description { margin: 2rem auto; width: 210px; }
.teamplayer-info { border-bottom: 1px solid rgb(37, 75, 176, 0.5); }
.teamplayer-num { padding: 0.25rem 0.5rem; margin-bottom: 0.75rem; background-color: #9398B2; color: #FFF; font-family: "SDGothicSB"; }
.teamplayer-rank { font-family: "Roboto Bold", "SDGothicSB"; }
.teamplayer-rank li { display: flex; justify-content: space-between; padding: 0.5rem 0.5rem 1rem; border-top: 1px solid rgb(37, 75, 176, 0.5); }
.teamplayer-rank label { position: relative; color: #254BB0; font-size: 0.875rem; width: 40%; }
.teamplayer-rank label::after { position: absolute; top: -0.5rem; right: 0; content: ""; width: 1px; height: 20px; background-color: rgb(37, 75, 176, 0.5); }
.teamplayer-recordtable .title-section { display: flex; justify-content: space-between; align-items: center; padding: 3rem; background-color: rgb(147, 152, 178, 0.2); }
.page-select { width: 240px; }
.teamplayer-recordtable .table { background-color: #FFF; margin-bottom: 0; }
.ul-seedplayer li.table-drop { background: #FFF; padding-left: 0; border-left: 1px solid #DDD; border-right: 1px solid #DDD; padding-bottom: 1.5rem; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.075); }
.ul-seedplayer details > summary { list-style: none; }
.ul-seedplayer details summary::-webkit-details-marker { display:none; }
.ul-seedplayer details summary { padding: 1rem 2rem; color: #FFF; background: linear-gradient(to right, #607AFF, #4C00C3); }
.ul-seedplayer .details-pannel { width: 100%; background-color: #FFF; }
.table-seedplayer table { width: 100%; min-width: max-content; }
.table-seedplayer tr th { background-color: rgb(147, 152, 178, 0.15); }
.table-seedplayer tr td { padding: 1.25rem 1rem; }
.table-seedplayer tr td:first-child { font-family: "Roboto"; }
.table-seedplayer tr th:first-child, .table-seedplayer tr td:first-child { border-left-color: transparent; }
.table-seedplayer tr th:last-child, .table-seedplayer tr td:last-child { border-right-color: transparent; }
/* skillbar */
.ranking-board { background-color: #FFF; padding: 3rem 4rem 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-image: linear-gradient(to bottom, #02DC89, #02CFB4); border-image-slice: 1; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.ranking-board.red { border-image: linear-gradient(to bottom, #D00457, #B40785); border-image-slice: 1; }
.skillbar-box { position: relative; margin-bottom: 2.5rem; }
.skillbar { position:relative; display:flex; justify-content: space-between; width:100%; background:#eee; height: 15px; border-radius: 0 3px 3px 0; margin: 2.4rem 0; }
.skillbar-title { position:absolute; top: 0; color: #9D9D9D; font-weight: 500; font-size: 1.625rem; }
.skillbar-bar { height: 15px; width: 0px; background: #9D9D9D; border-radius: 0 3px 3px 0; }
.skill-bar-percent { position:absolute; top: 0; font-size: 1.625rem; color: #9D9D9D; font-family: "Roboto", "SDGothic"; }
.skillbar-box { padding: 0 10rem; }
.skillbar-title { left: -10rem; width: 10rem; }
.skill-bar-percent { right: -10rem; }
.skillbar:hover{cursor:pointer;}
.skillbar:hover .skillbar-bar{ background:#12CE37; }
.skillbar:hover .skill-bar-percent{ font-weight:600;}
.skillbar-box .skillbar.on .skillbar-title { color: #000; }
.skillbar-box .skillbar.on .skillbar-bar { background:#12CE37;}
.skillbar-box .skillbar.on .skill-bar-percent{ font-weight:600; color: #000; }
.skillbar-box .skillbar.on .skill-bar-percent2{ font-weight:600; }
.skillbar-box .skillbar:hover .skill-bar-percent2{ font-weight:600; }
.img-ms{ position: relative; text-align: center; cursor: pointer; }
.img-ms .user-thumb { height: 280px; max-height: 280px; width: auto; display: flex; align-items: end; justify-content: center; background: url(../images/ranking-board-bggreen.svg) no-repeat center; }
.ranking-board.red .img-ms .user-thumb { background: url(../images/ranking-board-bgred.svg) no-repeat center; }
.img-ms img { max-height: 100%; }
.ms-title { position: absolute; top: 0; left: 0; }
.ms-title label { font-size: 1.125rem; }
.ms-title h1 { font-size: 3.375rem; font-family: "Roboto", "SDGothic"; }
.ms-point { position: absolute; width: 100%; margin: auto; bottom: 8px; opacity: 0.9; }
.ms-point span { width: 253px; height: 50px; line-height: 50px; border-radius: 25px; background: linear-gradient(to bottom, #01ED4F, #02D993); color: #FFF; font-size: 1.875rem; font-family: "Roboto", "SDGothic"; }
.ranking-board.red .ms-point span { background: linear-gradient(to bottom, #DD0342, #B60783); }
.ms-point span small { font-size: 1.125rem; margin-left: 0.5rem; }
.ms-select { position: absolute; width: 100%; margin: auto; bottom: 8px; opacity: 0.9; }
.ms-select .form-select { width: 253px; height: 50px; border-radius: 25px; text-align: center; padding: 0.375rem 0.75rem; margin: auto; background: linear-gradient(to bottom, #D00457, #B40785); color: #FFF; font-size: 1.75rem; font-family: "Roboto", "SDGothic"; border-color: transparent; }
.ms-select .form-select option { font-size: 1.25rem; color: #000; background-color: #FFF; padding: 0.375rem 0.75rem; text-align: center; }
.ms-select .form-select:focus { font-size: 1.75rem; color: #FFF; padding: 0.375rem 0.75rem; }
.ms-select .form-select::after { position: absolute; top: 1.75rem; right: 3rem; content: ""; display: block; width: 36px; height: 36px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.powerranking-box { margin-top: 2rem; }
.powerranking-box h3 { font-size: 1.5rem; margin-bottom: 1rem; }
.rankingbar { width: 100%; padding-left: 1.5rem; display: flex; justify-content: space-between; margin-bottom: 1rem; }
.rankingbar li { padding-left: 0; }
.rankingbar li:nth-child(1) { width: 60%; }
.rankingbar li:nth-child(2) { width: 20%; }
.rankingbar li:nth-child(3) { width: 20%; text-align: right; color: #707070; }
.rankingbar-title { font-size: 1.5rem; }
.rankingbar-num { width: 100px; border-radius: 12px; height: 24px; line-height: 24px; font-size: 1.125rem; color: #FFF; text-align: center; background: linear-gradient(to bottom, #DD0342, #B60783); }
.rankingbar-rank { font-size: 1.25rem; }
.ranking-boardinfo { background-color: #F1F7FF; padding: 2rem 2rem; font-size: 1.125rem; margin: 0.25rem 0; }
.table-ranking { margin-top: 0.5rem; }
.table-ranking.table-record thead::before { display: none; }
.table-ranking.table-record tr th { border: none; }
.modelcontent-header { display: flex; justify-content: space-between; align-items: center; height: 114px; padding: 2rem; text-align: center; background: linear-gradient(to right, #4C00C3, #5E6FFA); color: #FFF; }
.modelcontent-header h1 { font-size: 2.625rem; }
.model-list { max-width: 1000px; margin: 4rem auto; }
.model-list .btn-model { width: 100%; padding: 0; margin-bottom: 2rem; }
.model-list .btn-model img { width: 100%; }
.clubcontent-header { position: relative; text-align: center; padding: 2rem; text-align: center; background: linear-gradient(to right, #2D4AFF, #2761F5, #217DEA, #17A5DA, #0CD7C6, #03FFB6); color: #FFF; }
.clubcontent-header h3 { font-size: 1.75rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgb(255, 255, 255, 0.25); }
.clubcontent-header p { margin: 1.5rem; font-size: 1.125rem; line-height: 1.4; }
.header-badge { position: absolute; top: 2rem; right: 4rem; }
/* player profile */
.profile-header {}
.profile-header label { color: #FFF; font-family: 'Roboto Medium'; }
.profile-thumb { height: 280px; max-height: 280px; width: auto; display: flex; align-items: end; justify-content: center; margin-bottom: -3rem; background-size: contain; background-position: bottom; }
.ph-select { position: relative; }
.ph-select .form-select { width: 253px; height: 50px; padding: 0.375rem 0.75rem 0.375rem 0; background: none; color: #FFF; font-size: 2rem; font-family: "Roboto", "SDGothic"; border-color: transparent; }
.ph-select .form-select option { font-size: 1.25rem; color: #000; background-color: #FFF; padding: 0.375rem 0.75rem 0.375rem 0; }
.ph-select .form-select:focus { font-size: 2rem; color: #FFF; padding: 0.375rem 0.75rem 0.375rem 0; }
.ph-select::after { position: absolute; top: 0.5rem; left: 220px; content: ""; display: block; width: 36px; height: 36px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.ph-player { position: relative; }
.ph-player .form-control { position: relative; width: 253px; height: 50px; padding: 0.375rem 0rem 0.375rem 0; background: none; color: #FFF; font-size: 2rem; font-family: "Roboto", "SDGothic"; border-color: transparent; }
.ph-player .form-control::placeholder { color: #FFF; }
.ph-player .form-control { background-size: 36px 36px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.ph-player .form-control:hover { background: none; }
.ul-profile-header { display: flex; margin: 2rem 0;}
.ul-profile-header li { position: relative; padding-left: 0; color: #FFF; padding: 0 2rem; }
.ul-profile-header li:first-child { padding: 0 2rem 0 0; }
.ul-profile-header li label { vertical-align: top; color: #03FFB6; margin-bottom: 0.5rem; }
.ul-profile-header li::before { position: absolute; top: 3px; left: 0; content: ""; display: block; width: 1px; height: 42px; background: rgb(139, 243, 211, 0.5);}
.ul-profile-header li:nth-child(1):before, .ul-profile-header li:nth-child(2):before { display: none; }
.ul-profile-bottom { display: flex; margin: 1.5rem 0 0;}
.ul-profile-bottom li { position: relative; color: #FFF; padding: 0 3rem 0 1rem; }
.ul-profile-bottom li:first-child { padding: 0 3rem 0 0; }
.ul-profile-bottom li label { vertical-align: top; margin-bottom: 0.5rem; }
.ul-profile-bottom li::before { position: absolute; top: 3px; left: 0; content: ""; display: block; width: 1px; height: 15px; background: rgb(139, 243, 211, 0.5);}
.ul-profile-bottom li:nth-child(1):before { display: none; }
.nav-profile.nav-tabs-lg .nav-link { width: 100%; color: #3251F5; background-color: #fff; border-color: #ddd #ddd #ddd; border-radius: 0; font-size: 1.286rem; padding: 1rem 2rem; }
.nav-profile.nav-tabs-lg .nav-link.active, .nav-tabs-lg .nav-item.show .nav-link { background-color: #254BB0; color: #FFF; font-weight: bold; }
.nav-profile.nav-profile .nav-link.active .inline-icon { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.nav-profile .nav-link.active .inline-icon { -webkit-filter: none; filter: none; }
.profile-score-header { background-color: #fcfcfd; }
.profile-score-header h2 { padding: 2.5rem; font-weight: bold; }
.profile-score-header .nav-round-xl .nav-link.active { background-color: #254BB0; }
.profile-score-body { background-color: #eaf0f7; padding: 0 6rem 2rem; }
.panel-title { background-color: #efeff0; font-size: 1.5rem; font-weight: bold; padding: 1rem 6rem; margin: 0 -6rem 2rem; }
.profile-location-header { background-color: #fcfcfd; padding: 3rem; text-align: center; }
.profile-location-header h1 { border-bottom: 1px solid rgb(50, 81, 245, 0.5); font-size: 2.4rem; font-family: "Roboto", "SDGothic"; padding-bottom: 1rem; margin-bottom: 1rem; }
.profile-location-header label { font-size: 1.125rem; }
.profile-location-header h3 { font-size: 1.25rem; color: #707070; margin-top: 1rem; font-family: "Roboto", "SDGothic"; }
.profile-location-body { background-color: #FFF; padding-bottom: 3rem; box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.25); }
.table-location-title { background-color: #9398B2; color: #FFF; font-size: 1.25rem; padding: 1rem 2rem; }
.table-location { width: max-content; min-width: 100%; box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 13%); margin-bottom: 3rem; }
.table-location thead { position: relative; }
.table-location tr th { padding: 1.25rem 1rem 1rem; background: rgb(204, 204, 204, 0.15); font-size: 1rem; line-height: 1.2; border-bottom: transparent; }
.table-location tr th, .table-location tr td { border-color: rgb(204, 204, 204, 0.25); text-align: center; vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-location tr:hover td { background-color: rgb(3, 255, 182, 0.23) !important; }
.table-location.table-stripe-column>:not(caption)>tr>:nth-child(1n), .table-location.table-stripe>tbody>tr:nth-of-type(even)>* { background-color: rgb(147, 152, 178, 0.05); }
.table-location.table-stripe-column>:not(caption)>tr>:nth-child(2n), .table-location.table-stripe>tbody>tr:nth-of-type(odd)>* { background-color: transparent; }
.profile-history-body { background-color: #FFF; padding-bottom: 3rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
.profile-history-body .content-title { font-size: 2rem; }
.table-history-title { background-color: #849AD6; color: #FFF; font-size: 1.5rem; padding: 1rem 2rem; box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 13%); }
.table-history-title2 { background-color: #9398B2; color: #FFF; font-size: 1.5rem; padding: 1rem 2rem; box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 13%); }
.table-history-title3 { background: linear-gradient(to right, #4C00C3, #607AFF); color: #FFF; font-size: 1.5rem; padding: 1rem 2rem; box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 13%); }
.award-list-wrapper { background-color: rgb(147, 152, 178, 0.05); }
.award-list-header { padding: 2rem 2rem 1rem; font-size: 1.5rem; font-family: "Roboto", "SDGothicSB"; }
.award-list { background-color: #FFF; display: flex; justify-content: space-between; font-size: 1.25rem; padding: 1rem 2rem; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); margin-bottom: 1rem; }
.award-list h3 { font-size: 1.5rem; padding-bottom: 0; }
.award-list small { font-size: 1rem; }
.table-history-title4 { background-color: #0029FF; color: #FFF; font-size: 1.5rem; padding: 1rem 2rem; }
.table-history { width: max-content; min-width: 100%; margin-bottom: 3rem; }
.table-history thead { position: relative; }
.table-history tr th { padding: 1.25rem 1rem 1rem; background: rgb(204, 204, 204, 0.15); font-size: 1rem; line-height: 1.2; border-bottom: transparent; }
.table-history tr th, .table-history tr td { border-color: rgb(204, 204, 204, 0.25); text-align: center; vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-history tr:hover td { background-color: rgb(3, 255, 182, 0.23) !important; }
.table-history.table-stripe-column>:not(caption)>tr>:nth-child(1n), .table-history.table-stripe>tbody>tr:nth-of-type(even)>* { background-color: rgb(147, 152, 178, 0.05); }
.table-history.table-stripe-column>:not(caption)>tr>:nth-child(2n), .table-history.table-stripe>tbody>tr:nth-of-type(odd)>* { background-color: transparent; }
.player-media-wrapper { margin-bottom: 1.5rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.player-media-wrapper:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
.player-media-thumb { position: relative; }
.player-media-thumb img { width: 100%; }
.player-media-caption { display: inline-block; padding: 1.5rem 2rem; background-color: #11369A; min-height: 140px; }
.player-media-caption h4 { font-weight: bold; line-height: 1.2; }
.player-media-caption a { font-size: 1.5rem; color: #FFF; }
.player-media-date { font-size: 1.2rem; color: #FFF; font-family: "Roboto"; }
.video-arrow { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../images/video-arrow.svg) no-repeat center; }
.player-photo-caption { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100px; background-color: rgb(0, 0, 0, 0.47); padding: 1rem 2rem; }
.player-photo-caption h4 { min-height: 60px; padding-bottom: 0; }
.player-photo-caption a { font-size: 1.125rem; color: #FFF; }
.player-photo-date { font-size: 1rem; color: #FFF; font-family: "Roboto"; }
.player-news-caption { position: relative; display: block; width: 100%; height: 80px; background-color: #FFF; padding: 1rem 2rem; min-height: 120px; }
.player-news-caption a { font-size: 1.25rem; color: #000; }
.player-news-caption label { margin-bottom: 0.5rem; }
.player-news-caption .badge { position: absolute; top: 0.5rem; right: 0.5rem; }
.player-news-caption small { color: #001D6C; vertical-align: top; }
.player-news-date { font-size: 1rem; color: #000; font-family: "Roboto"; }
/* search */
.section-searchresult { padding: 4rem 0; }
.section-searchresult ul { margin: 2rem 0; }
.section-searchresult li { padding-left: 0; }
.section-searchresult li .entry-result { background-color: #FFF; border: 1px solid #efefef; }
.section-searchresult li:hover .entry-result { border: 1px solid #03FFB6; }
.entry-result { padding: 2rem; font-size: 1.25rem; margin: 0.5rem 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.entry-result .row { align-items: center; }
.entry-result h2 { font-size: 1.75rem; font-weight: bold; padding: 0.5rem 0; }
.entry-result label { font-size: 1.125rem; margin: 0.5rem 0; }
.entry-result h3 { font-size: 1.5rem; }
.entry-result .strong-text { font-weight: bold; text-shadow: 1px 2px 3px rgb(0, 0, 0, 0.3); }
/* tourschedule */
.section-toursearch { padding: 3rem 0 0; border-bottom: 18px solid transparent; border-image: linear-gradient(to right, #26308B, #63B7FF, #26308B); border-image-slice: 1; }
.thisweek-box { position: relative; border: none; text-align: center; padding-bottom: 1rem; margin: auto; padding-top: 50px; }
.thisweek-box::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 34px; text-align: center; background: #03FFB6 url(../images/text-thisweek.svg) no-repeat center; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.thisweek-logo { max-width: 200px; max-height: 150px; margin: 1rem auto; }
.thisweek-date { font-size: 1.125rem; }
.thisweek-title { font-size: 2rem; padding-bottom: 1rem; }
.thisweek-description { margin: auto; max-width: 700px; text-align: left; padding: 1rem 0; }
.thisweek-description ul { padding-top: 1rem; }
.thisweek-description li { padding-bottom: 1rem; }
.thisweek-description .title { width: 140px; }
.thisweek-description .desc { font-size: 1.25rem; }
.thisweek-description h4 { margin-top: 1rem; }
/* about */
.section-klpgaheader { display: flex; justify-content: center; align-items: center; padding: 2rem 0; min-height: 220px; }
.bg-greeting { background: linear-gradient(to bottom, #F65259 99%, #FFF 1%); padding-bottom: 0; align-items: end; }
.bg-greeting .container { background: url(../images/about-headerbg.svg) no-repeat bottom left; }
.bg-greeting h1 { color: #FFF; font-size: 2rem; padding-top: 8rem; padding-bottom: 3rem; }
.greeting-img { margin: 3rem 0; }
.greeting-text { margin-top: 6rem; }
.greeting-text h1 { font-size: 1.75rem; }
.greeting-text p { font-size: 1.125rem; line-height: 1.5; }
.number-blue { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; color: #FFF; background-color: #2151FF;}
.number-skyblue { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; color: #FFF; background-color: #05A8F4;}
.bg-history { background: #D3870F; padding: 0; min-height: 106px; }
.bg-history .container { background: url(../images/about-historybg.svg) no-repeat bottom right; }
.bg-history h1 { font-size: 2.6rem; font-weight: bold; color: rgb(255, 255, 255, 0.6); padding-top: 4rem; padding-bottom: 2rem; }
.nav-history { position: relative; margin-right: 5rem; min-height: 600px; }
.nav-history .nav-link { position: relative; font-size: 1.25rem; color: #C4C6C9; font-weight: bold; text-align: left; padding-left: 0; min-width: 150px; font-family: "Roboto", "SDGothic"; }
.nav-history .nav-link.active, .nav-history .show > .nav-link { font-size: 1.75rem; color: #707070; background: none; }
.nav-history::after { position: absolute; top: 0; right: 0; content: ""; display: block; width: 6px; height: 600px; border-radius: 3px; border: 1px solid #F65259; }
.nav-history .nav-link.active:after { position: absolute; top: 8px; right: -4px; content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #FFF; border: 1px solid #F65259; z-index: 2; }
.history-tabcontent li { padding-bottom: 0.875rem; font-size: 1.125rem; }
/* media */
.media-news-wrapper { margin-bottom: 1.5rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.media-news-wrapper:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
.media-news-thumb { position: relative; }
.media-news-thumb img { width: 100%; }
.media-news-caption { display: inline-block; padding: 1.5rem 2rem; min-height: 140px; }
.media-news-caption label { color: #000086; font-size: 1.125rem; margin-bottom: 0.5rem; }
.media-news-caption h4 { font-weight: bold; line-height: 1.2; }
.media-news-caption .badge { position: absolute; right: 2rem; }
.media-news-caption a { font-size: 1.5rem; }
.media-news-date { font-size: 1rem; font-family: "Roboto"; }
.media-sidebar { margin-bottom: 1.5rem; padding: 2rem 3rem; background-color: #FFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); max-height: 700px; overflow: auto; }
.media-sidebar h3 { font-size: 1.4rem; font-weight: bold; }
.media-sidebar-entry { display: flex; justify-content: space-between; margin-bottom: 1rem; }
.media-sidebar .entry-thumbnail { flex: 0 0 auto; width: 42%; }
.media-sidebar .entry-meta { position: relative; flex: 0 0 auto; width: 48%; padding: 0.5rem 0; border-top: 1px solid rgb(17, 54, 154, 0.5); border-bottom: 1px solid rgb(17, 54, 154, 0.5); }
.media-sidebar .entry-category { color: #001D6C; margin: 0.25rem 0; }
.media-sidebar .badge { position: absolute; right: 0; }
.media-sidebar .badge img { width: 1rem; }
.media-sidebar .entry-title { font-size: 1.2rem; font-weight: bold; height: 42px; overflow: hidden; margin: 0.25rem 0; }
.media-sidebar .entry-date { font-size: 1rem; font-size: 1rem; font-family: "Roboto"; margin-bottom: 0; }
.nav-news .nav-link { font-weight: bold; }
.nav-news .nav-link.active { background-color: #F0F0F0; color: #000; border-color: #F0F0F0; }
.media-content { max-width: 1000px; margin: auto; }
.media-content p { font-size: 1.125rem; line-height: 1.2; }
.winnersproduct-header { margin: 1.5rem 0 3rem; }
.winnersproduct-header .winnersback { text-align: center; }
.winnersproduct-header .avatar-xxl { width: 165px; height: 165px; min-width: 165px; }
.winnersproduct-header h3 { font-size: 1.5rem; color: #707070; margin-bottom: 1rem; }
.winnersproduct-inner { max-width: 440px; padding: 2rem 3rem; background-color: #fafafa; }
.winnersproduct-inner dl { margin: 2rem 0; justify-content: space-between; font-size: 1.5rem; color: #001D6C; }
.winnersproduct-inner dt, .winnersproduct-inner dd { width: 50%; }
.winnersproduct-list { }
.winnersproduct-list .list-item { position: relative; margin-bottom: 1.5rem; }
.winnersproduct-list h3 { position: relative; font-size: 1.4rem; width: 100%; color: #001D6C; margin-bottom: 1rem; font-family: "Roboto", "SDGothic"; }
.winnersproduct-list .list-item h3 { background-color: #FFF; padding: 0.75rem 1rem; border: 1px solid #f0f0f0; min-height: 71px; }
.winnersproduct-list h3 span { width: 60px; font-family: "SDGothicSB" }
.winnersproduct-list small { font-size: 1rem; display: block; width: 100%; color: #707070; }
.nav-video .nav-link { font-weight: bold; }
.nav-video .nav-link.active { background-color: #254BB0; color: #FFF; border-color: #254BB0; }
.section-photopageheader { background: linear-gradient(to bottom, #347158, #4c899a, #5a86c1); min-height: 250px; padding: 3rem; }
.highlightSwiper {}
.section-wallpaperheader { background: linear-gradient(to bottom right, #f80046, #c90da7, #9b15ec); min-height: 250px; padding: 0; }
.card-wallpaper { border: 0; background: transparent; }
.card-wallpaper .card-header { border: 0; background: transparent; font-size: 1.25rem; padding: 1.5rem 0; }
.card-wallpaper .card-body { border-radius: 0.5rem; }
.card-wallpaper .card-footer { border: 0; background: transparent; padding: 2rem 0; }
/* 3dmap */
.site-mapheader { position: fixed; top: 0; left: 0; width: 100%; height: 37px; z-index: 99; background: linear-gradient(to right, #EEEEEE, #DCDCDC, #EEEEEE); display: flex; align-items: center; justify-content: space-between; }
.site-brand { max-height: 24px; padding-left: 2rem; font-size: 1.25rem; font-weight: bold; }
.site-brand img { max-height: 100%; }
.site-close { padding-right: 2rem; }
.section-content-loader { position: relative; width: 100vw; height: 100vh; background: linear-gradient(to bottom, #3B6EE5, #1B3268); }
.section-content-loader .progress { position: absolute; top: 65%; width: 100%; height: 80px; background-color: #c6cee1; }
.section-content-loader .progress-bar { background-color: #39f1c1; }
.section-content-loader .progress-title { position: absolute; width: 100%; padding: 10px; display: flex; justify-content: center; align-items: center; }
.loading-header { height: 65%; display: flex; justify-content: center; align-items: center; }
.loading-character { position: absolute; }
.loading-header h3 { margin-top: 240px; color: #FFF; }
.loading-footer { height: 35%; display: flex; align-items: end; overflow: hidden; }
.loading-footer img { opacity: 0.5; }
.content-3dmap-header { position: fixed; left: 0; top: 37px; width: 100%; height: 105px; background-color: rgb(196, 198, 201, 0.45); border-top: 1px solid #3251F5; }
.content-3dmap-body { width: 100vw; height: 100vh; overflow: hidden; }
.content-3dmap-inner { width: 100%; height: 100%; }
.content-3dmap-footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 87px; background-color: #3251f5; padding: 1.625rem 4rem; }
#mapround-tabContent { position: absolute; width: calc(33.33333333% - 1rem); }
.map-playerinfo { display: flex; align-items: center; padding-left: 2rem; padding-right: 2rem; width: 100%; height: 65px; background: linear-gradient(to bottom, #3771C8, #43A189); color: #FFF; font-family: "Roboto", "SDGothic"; }
.map-playerinfo .avatar { width: 57px; height: 57px; min-width: 57px; margin-right: 20px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); border-width: 2px; }
.map-playerinfo h2, .map-playerinfo h3, .map-playertext h4 { padding-bottom: 0; }
.map-playerinfo .btn-playerclose { position: absolute; right: 1rem; }
.map-playertext { display: flex; align-items: center; padding: 0.75rem 2rem; background: linear-gradient(to bottom, #243074, #000F55, #000C2F); color: #FFF; font-family: "Roboto", "SDGothic"; }
.map-playertext h3 { width: 80px; padding-bottom: 0; }
.map-playertext h4 { padding-bottom: 0; }
.map-roundinfo { display: flex; align-items: center; width: 205px; padding: 0.5rem 1rem; background-color: #FFF; border: 1px solid #3251F5; }
.round-bullet { width: 20px; height: 20px; border-radius: 50%; background-color: #fba4a4; vertical-align: middle; }
.map-roundinfo dd { font-size: 1.25rem; font-family: "Roboto", "SDGothic"; padding-left: 1rem; }
.map-roundinfo dt, .map-roundinfo dd { margin-bottom: 0; }
.map-holeinfo { position: relative; height: 100px; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; }
.nav-green { position: absolute; top: 0.75rem; }
.nav-green li { padding-left: 0; padding-bottom: 0; }
.nav-green a { color: #FFF; }
.nav-green a:hover, .nav-green a.active { color: #000; }
.nav-green .badge { width: 30px; height: 30px; border-radius: 50%; font-size: 1.5rem; padding: 0.3em; text-align: center; background-color: #C4C6C9; color: #FFF; margin-right: 1rem; }
.nav-green a:hover .badge, .nav-green a.active .badge { background-color: #03FFB6; color: #000; }
.btn-area { margin: auto; }
.nav-mapround .nav-item { margin-right: 1rem; }
.nav-mapround .nav-link { font-size: 1.25rem; min-width: 157px; background-color: #FFF; color: #707070; }
.nav-mapround .nav-link:hover { color: #3251F5; }
.nav-mapround .nav-link.active { background-color: #03FFB6; color: #3251F5; }
.map-sidebar-header, .map-sidebar-pannel { width: 100%; width: 408px; display: flex; justify-content: center; align-items: center; float: right; }
.map-sidebar-header { height: 72px; border-radius: 0.5rem; background-color: rgb(74, 79, 84, 0.85); margin: 1.2rem 0.25rem 0.8rem 0; }
.map-sidebar-header.opened { background-color: #03FFB6; box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.nav-mapsidebar { align-items: center; }
.nav-mapsidebar .nav-link { position: relative; color: #FFF; padding: 0.5rem 2rem; margin-top: 1.25rem; }
.nav-mapsidebar .nav-link::after { position: absolute; top: 0.5rem; right: 0; content: ""; width: 1px; height: 34px; background-color: rgb(255, 255, 255, 0.5); }
.nav-mapsidebar .nav-item:last-child .nav-link::after { display: none; }
.nav-mapsidebar .nav-link .map-icon { margin: 0 auto; margin-bottom: 0.5rem; filter: grayscale(100%) brightness(0) invert(1); }
.nav-mapsidebar .nav-link.active .map-icon { filter: none; }
.nav-mapsidebar .nav-link.active { background-color: transparent; color: #3251F5; }
.map-sidebar-pannel { position: absolute; right: 0; width: 408px; height: calc(100vh - 230px); overflow-y: auto; background-color: #FFF; margin-top: 104px; border-bottom: 20px solid #F6F6F6; }
.map-sidebar-pannel .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 9; }
.map-sidebar-pannel .tab-content, .map-sidebar-pannel .tab-content .tab-pane { height: 100%; }
.map-sidebar-pannel .card-mapsidebar { background-color: #FFF; border-color: transparent; }
.map-sidebar-pannel .card-mapsidebar .card-header { padding: 1rem 2rem; background-color: #FFF; border-color: transparent; }
.map-sidebar-pannel .tour-stats { display: flex; }
.map-sidebar-pannel .tour-logo { position: relative; text-align: center; width: 40%; }
.map-sidebar-pannel .tour-logo img { max-height: 56px; }
.map-sidebar-pannel .tour-live { position: relative; width: 60%; padding-left: 1.75rem; }
.map-sidebar-pannel .tour-live::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 2px; height: 56px; border-radius: 2px; background-color: #3251F5;}
.map-sidebar-pannel .tour-live h6 { display: flex; align-items: center; color: #3251F5; }
.map-sidebar-pannel .tour-live ul { display: flex; margin-top: 0.875rem; }
.map-sidebar-pannel .tour-live ul li { margin-right: 1rem; }
.map-sidebar-pannel .tour-live ul li sup { top: -0.25em; }
.map-sidebar-pannel .tour-live ul li sub { bottom: 0; }
.map-sidebar-pannel .before-icon { background-color: #D0D0D0; color: #FFF; padding: 0.25rem 0.75rem 0.125rem; box-shadow: 3px -3px 0px 0px #03FFB6;}
.map-sidebar-pannel .after-icon { background-color: #3251F5; color: #FFF; padding: 0.25rem 0.75rem 0.125rem; box-shadow: 3px -3px 0px 0px #03FFB6;}
.map-sidebar-pannel .moreicon { position: absolute; right: 1rem; bottom: 1.5rem; }
.map-sidebar-pannel .section-search { display: flex; justify-content: space-between; margin-bottom: 1rem; background-color: #F6F6F6; padding: 2rem; }
.map-sidebar-pannel .section-search .input-group { border: 1px solid #f0f0f0; border-radius: 0.25rem; width: calc(100% - 64px); background-color: #FFF; }
.map-sidebar-pannel .section-search .input-group .input-group-text, .map-sidebar-pannel .section-search .input-group .form-control { background-color: transparent; border-color: transparent; }
.map-sidebar-pannel .btn-cancel { color: #8c8c8c; font-size: 1rem; font-family: "Roboto"; }
.map-sidebar-pannel::-webkit-scrollbar { width: 8px; }
.map-sidebar-pannel::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #CDCDD8; border-radius: 8px; }
.map-sidebar-pannel::-webkit-scrollbar-thumb { background: #F6F6F6; box-shadow: inset 0 0 2px #CDCDD8; border-radius: 8px; }
.map-sidebar-pannel::-webkit-scrollbar-thumb:hover { background: #F6F6F6; }
.map-sidebar-pannel .section-leaderboard { padding: 1rem; }
.map-sidebar-pannel .table-accordion thead { width: 100%; border-bottom: 2px solid #3251F5; }
.map-sidebar-pannel .table-accordion th { background-color: transparent; color: #000; font-size: 1rem; font-family: "SDGothicSB"; font-weight: 500; }
.map-sidebar-pannel .table-accordion th:nth-child(1), .map-sidebar-pannel .table-accordion td:nth-child(1) { padding-left: 1rem; text-align: left; }
.map-sidebar-pannel .table-accordion th:nth-child(2), .map-sidebar-pannel .table-accordion td.player { min-width: 140px; text-align: left; }
.map-sidebar-pannel .table-accordion th, .map-sidebar-pannel .table-accordion td { width: 45px; }
.map-sidebar-pannel .table-accordion td { font-weight: bold; }
.map-sidebar-pannel .table-leaderboard .table-accordion th:nth-child(5), .map-sidebar-pannel .table-leaderboard .table-accordion td:nth-child(5) { width: 45px; text-align: center; }
.map-sidebar-pannel .nav-round .nav-item:not(:last-child) { margin-right: .5rem; }
.map-sidebar-pannel .nav-round .nav-link { background-color: #FFF; color: #000; font-family: "Roboto"; padding: 0.125rem 0.5rem; border-radius: 1rem; min-width: 60px; border: 1px solid rgb(135, 141, 150, 0.75); }
.map-sidebar-pannel .nav-round .nav-link.active, .nav-switch .show > .nav-link { background-color: #03FFB6; border: 1px solid #03FFB6; color: #3251F5; }
.map-sidebar-pannel .profile-score-body { background-color: #FFF; padding: 0; }
.map-sidebar-pannel .nav-stats-wrapper { overflow: auto; }
.map-sidebar-pannel .nav-stats { width: max-content; }
.map-sidebar-pannel .profile-box { display: block; text-align: center; padding: 1rem 0 0; background-color: #F6F6F6; }
.map-sidebar-pannel .profile-box .avatar-xl { margin: 1rem auto; }
.map-sidebar-pannel .profile-box .avatar-info { display: flex; justify-content: center; padding-bottom: 0.5rem; }
.map-sidebar-pannel .profile-box .avatar-info .player-name { display: flex; justify-content: center; font-size: 1.5rem; padding-right: 2rem; }
.map-sidebar-pannel .profile-box .avatar-info .form-check-like { margin: 0 0.5rem; }
.map-sidebar-pannel .profile-box .more-link { position: absolute; top: 1.25rem; right: 2rem; width: 24px; height: 24px; background-image: url("data:image/svg+xml,"); }
.map-sidebar-pannel .profile-box .avatar-info .player-name { margin: 0.5rem 0; align-items: center; }
.map-sidebar-pannel .profile-box #playerDataList { padding: 0; font-size: 1.125rem; background-color: transparent; border-color: transparent; background-repeat: no-repeat; background-position-x: right; background-size: 24px 24px; background-image: url("data:image/svg+xml,"); }
.map-sidebar-pannel .profile-box #playerDataList:hover, .map-sidebar-pannel .profile-box #playerDataList:focus { background-image: none; }
.map-sidebar-pannel .profile-box #playerDataList::placeholder { color: #000; }
.map-sidebar-pannel .rank-box { background-color: #EBF2F9; padding: 0.5rem 4rem; text-align: center; }
.map-sidebar-pannel .rank-box label { font-size: 0.875rem; }
.map-sidebar-pannel .rank-box h4 { margin-bottom: 0; }
.map-sidebar-pannel .table-scorecard-wrapper { border-top: 2px solid #254BB0; border-bottom: 2px solid #254BB0; margin: 1rem; }
.map-sidebar-pannel .table-scorecard { overflow: auto; margin-bottom: 0; }
.map-sidebar-pannel .table-scorecard th { background-color: #FFF; color: #000; }
.map-sidebar-pannel .table-scorecard th.active { color: #FFF; }
.map-sidebar-pannel .table-scorecard th:first-child, .map-sidebar-pannel .table-scorecard td:first-child { position: sticky; left: 0; z-index: 2; }
.map-sidebar-pannel .table-scorecard tbody { border-top: 1px solid #C6C5C9; }
.map-sidebar-pannel .table-scorecard tr:nth-child(1) td { background-color: #FFF; border-bottom: 1px solid #C6C5C9; }
.map-sidebar-pannel .tracker-card { border-radius: 0; margin-top: 0; border-color: transparent; }
.map-sidebar-pannel .tracker-card .card-header { padding: 1rem; border-radius: 0; }
.map-sidebar-pannel .tracker-card .card-body { padding: 1rem; }
.map-sidebar-pannel .table-teeshot th, .map-sidebar-pannel .table-teeshot td { padding: 5px 5px; }
.courserecord-header { background-color: #F6F6F6; padding: 2rem 1rem 1rem; }
.nav-holenum-wrapper { position: relative; width: 100%; overflow-x: auto; padding: 0.5rem 1rem; }
.nav-holenum { width: max-content; }
.nav-holenum .nav-item:not(:last-child) { margin-right: 0.75rem;}
.nav-holenum .nav-link { width: 36px; height: 36px; line-height: 36px; padding: 0; border-radius: 50%; font-size: 1.125rem; background-color: #FFF; border: 1px solid #DDD; color: #000; font-family: "Roboto", "SDGothic"; }
.nav-holenum .nav-link.active, .nav-holenum .show > .nav-link { color: #000; background-color: #03FFB6; }
.courserecord-holetitle { display: flex; justify-content: space-between; background-color: #ECF2FE; width: 100%; height: 46px; padding: 1rem; border-radius: 0.5rem 0.5rem 0 0; }
.courserecord-holetitle h3 { padding-bottom: 0; font-family: "Roboto", "SDGothic"; }
.courserecord-holetitle .badge { vertical-align: middle; font-size: 0.75rem; background-color: #6471b8; color: #FFF; font-family: "SDGothic"; }
.courserecord-body { padding: 1rem; }
.courserecord-body .table-underline tr td:first-child { background-color: #ECF2FE; }
.table-underline thead { border-bottom: 1px solid #254BB0; }
.table-underline tr th { background-color: #FFF !important; color: #000; border-color: transparent; font-size: 1rem; line-height: 1.2; }
.table-underline tr td { font-size: 1rem; border-color: transparent; border-bottom-color: #ddd; }
.table-underline tr td:first-child { border-left-color: transparent; }
.table-underline tr td:last-child { border-right-color: transparent; }
.table-underline tr th, .table-underline tr td { padding: 0.75rem 0.5rem; vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.courserecord-footer { background-color: #F6F6F6; padding: 1rem; }
.courserecord-list { width: 100%; background-color: #FFF; margin-bottom: 1rem; }
.courserecord-list label { width: 100%; background-color: #6471b8; color: #FFF; font-size: 1rem; padding: 0.5rem 1rem; }
.courserecord-list h3 { color: #000086; font-size: 1.25rem; padding: 0.5rem 1rem; font-family: "Roboto", "SDGothic"; }
.courserecord-list p { color: #000; font-size: 1.125rem; padding: 0.25rem 1rem; }
.content-3dmap-footer .form-select { font-size: 1.5rem; color: #3251F5; }
.content-3dmap-footer .form-select option { font-size: 1.25rem; color: #000; background-color: #EDEDED; padding: 0.75rem 0.75rem 0.75rem 0; }
.content-3dmap-footer .form-select:focus { font-size: 1.5rem; }
.mapcontrol-inner { display: flex; justify-content: space-around; align-items: center; margin-top: 0.25rem; }
.mapcontrol-prev, .mapcontrol-next { padding: 0; }
.mapcontrol-title { display: flex; justify-content: space-between; color: #FFF; }
.mapcontrol-title h3 { font-size: 1.75rem; margin: 0 1rem; padding-bottom: 0; font-family: "Roboto", "SDGothic"; }
.mapcontrol-step { display: flex; align-items: center; justify-content: end; }
.mapcontrol-player { position: relative; padding: 0; margin: 0 2rem; }
.mapcontrol-player::before { position: absolute; top: 0; left: -2rem; content: ""; width: 2px; height: 35px; background-color: #FFF; }
.ul-controlstep::before { position: absolute; top: 0; left: -2rem; content: ""; width: 2px; height: 35px; background-color: #FFF; }
.ul-controlstep::after { position: absolute; top: 0; right: -2rem; content: ""; width: 2px; height: 35px; background-color: #FFF; }
.ul-controlstep { position: relative; margin: 0 2rem; display: flex; justify-content: space-between; width: 100%; max-width: 570px; background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(186,201,250,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px)); }
.ul-controlstep li { padding: 0; }
.controlstep { text-align: center; }
.controlstep .btn-controlstep { width: 35px; height: 35px; line-height: 35px; border-radius: 50%; padding: 0; background-color: rgba(186,201,250,1); color: #000; font-size: 1.5rem; font-family: "Roboto"; }
.controlstep.active .btn-controlstep { background-color: #FF6C6C; }
/* mypage */
.mypage-pageheader { background: none; padding: 0; }
.mypage-pageheader .snap-item { position: fixed; top: 94px; z-index: 8; padding: 0; webkit-transition: all .1s ease-out; transition: all .1s ease-out; width: 100%; background: linear-gradient(to bottom, #E7013A, #7D07E1); height: 82px; }
.mypage-pageheader .mypage-mycard-wrapper { background: linear-gradient(to bottom, #E7013A, #7D07E1 300px, #FFF 300px); }
.mypage-pageheader.scroll-snap.cambio_header { position: relative; }
.mypage-pageheader.scroll-snap.cambio_header .snap-item { display: flex; }
.mypage-pageheader.scroll-snap.cambio_header .mypage-mycard-wrapper { visibility: hidden; height: 170px; margin-bottom: 100px; }
.mypage-pageheader h1 { text-align: center; }
.mypage-pageheader h1.mypage-title { font-size: 3rem; padding: 3rem 0; font-family: "Roboto", "SDGothic"; font-weight: bold; }
.mypage-pageheader.scroll-snap.cambio_header .snap-item { padding: 0.5rem 0 0; }
.mypage-pageheader.scroll-snap.cambio_header h1 { color: #FFF; opacity: 0.6; margin: 0 1rem; }
.mypage-mycard { background-color: rgb(240, 245, 255, 0.7); width: 600px; max-width: 100%; border-radius: 1rem; margin: 1rem auto; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.mypage-mycard .card-header { border-bottom: 0; background-color: transparent; padding: 1rem 3rem 0; }
.mypage-mycard .card-body { padding: 1rem 3rem 2rem; }
.mycard-thumb { height: 187px; width: 143px; max-width: 100%; background-color: #FFF; border-radius: 0.5rem; background-size: 90%; background-position: bottom; }
.mycard-thumb-small { height: 75px; width: 52px; margin: 0 1rem; }
.mypage-mycard .card-body li { height: 54px; line-height: 54px; padding: 0 2rem; font-size: 1.25rem; background-color: #FFF; border: 1px solid #3251F5; margin-bottom: 0.875rem; }
.pagemenu-mypage { overflow: auto; padding: 0 1rem; }
.pagemenu-mypage .nav-round-xl { margin-bottom: 2rem; }
.pagemenu-mypage .nav-link { text-align: center; }
.section-receipt { background: linear-gradient(to bottom, #FFF 400px, #F0F5FF 400px, #F0F5FF 840px, #FFF 840px, #FFF 1280px, #F0F5FF 1280px); }
.mypage-bartitle { display: flex; justify-content: center; align-items: center; padding: 0.875rem 1rem; color: #FFF; background: linear-gradient(to bottom, #6A8DE3, #3A508D); }
.mypage-bartitle .form-select { background-color: transparent; border-color: transparent; color: #FFF; width: auto; margin: auto; font-size: 1.5rem; background-size: 24px 24px; background-position: right center; background-image: url("data:image/svg+xml,"); }
.card-myapply { border-radius: 1rem; padding-top: 1.5rem; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 0px 0px #E8E8E9; margin-bottom: 2rem; }
.card-myapply .card-header { background-color: #007EFC; color: #FFF; padding: 0.5rem 2rem; }
.card-myapply .card-header h5 { padding-bottom: 0; }
.card-myapply .card-body { padding: 1rem 2rem; }
.card-myapply .card-body .meta-date { position: relative; color: #007EFC; padding-left: 1.75rem; }
.card-myapply .card-body .meta-date::before { position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 0.5rem; background: url(../images/icon-metadate.svg) no-repeat center; }
.card-myapply .card-body h4 { margin-bottom: 0.5rem; }
.card-myapply .card-footer { padding: 1rem 2rem; background-color: transparent; border-color: transparent; }
.card-myapply .card-body .btn-lg, .card-myapply .card-body .form-control-lg { font-size: 1rem; }
.card-myapply .card-body hr { background-color: #007EFC; opacity: 1; }
.btn-pink { background-color: #ffd8d8; border-color: #FDA2A7; }
.btn-lightgray { background-color: #DDE1E7; border-color: #C4C6C9; }
.btn-gray { background-color: #656565; border-color: #333; color: #FFF; }
.btn-yellow { background-color: #FFCD74; border-color: #FFA506; }
.section-caddy { background: linear-gradient(to bottom, #FFF 400px, #F9F9F9 400px, #F9F9F9 840px, #FFF 840px, #FFF 1280px, #F9F9F9 1280px); }
.dl-caddy { margin: 0.25rem 2rem; justify-content: space-between; }
.dl-caddy dt, .dl-caddy dd { display: flex; align-items: center; width: 50%; }
.mypage-goldbartitle { display: flex; justify-content: center; align-items: center; padding: 1rem; color: #FFF; background: linear-gradient(to right, #DAAE5A, #E8BA5E, #B4810F, #B4810F, #E8BA5E, #DAAE5A); }
.mypage-goldbartitle h1 { font-size: 2.25rem; }
.section-gradientheader { border-top: 4px solid transparent; border-image: linear-gradient(to right, #013BDB, #013BDB, #EE2C1E, #F5C600, #F5C600); border-image-slice: 1; }
.form-check-cancelagree .form-check-input { width: 22px; height: 22px; border-radius: 50%; }
.form-check-cancelagree .form-check-input[type=checkbox] { background-color: #adadad; border-color: #adadad; background-image: url("data:image/svg+xml,"); }
.form-check-cancelagree .form-check-input:checked[type=checkbox] { border-color: #03FFB6; background-color: #03FFB6; background-image: url("data:image/svg+xml,"); }
.form-check-cancelagree .form-check-label { margin-left: 1rem; line-height: 2; font-size: 1rem; font-family: "SDGothicSB"; }
.section-agreebutton .btn-green.disabled { background-color: #ADADAD; opacity: 1; }
.caution { display: flex; align-items: center; font-size: 1.5rem; }
.caution .badge { font-size: 1.25rem; color: #FF0045; border: 1px solid #FF0045; border-radius: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-right: 1rem; vertical-align: middle; }
.caution::after { content: ""; clear: both; }
.paylist-summary { background-color: #007EFC; padding: 1rem 4rem; }
.paylist-summary.gray { background-color: #878D96; }
.paylist-summary.red { background: linear-gradient(to bottom, #F85959, #D42020); }
.paylist-summary.blue { background: linear-gradient(to bottom, #A8BFF0, #81A2ED); }
.paylist-summary.green { background: linear-gradient(to bottom, #6AE3DA, #1EBCAF); }
.paylist-summary.gold { background: linear-gradient(to bottom, #E3A66A, #C66F1C); }
.paylist-summary dd { margin-bottom: 0; }
.card-paylist { background-color: #FFF; border-radius: 1rem; margin-bottom: 2rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.card-paylist .card-header, .card-paylist .card-footer { padding: 1rem 2rem; border-color: transparent; }
.card-paylist .card-body { padding: 2rem 0; }
.paylist-title { background-color: #878D96; color: #FFF; padding: 0.5rem 4rem; font-size: 1.25rem; font-family: "Roboto", "SDGothicSB"; }
.dl-paylist-wrapper { margin-top: 2rem; }
.dl-paylist { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 2rem 4rem; font-size: 1.25rem; }
.dl-paylist:first-child::before { position: absolute; top: 0; content: ""; width: calc(100% - 8rem); border-top: 1px solid #EAEBED; }
.dl-paylist::after { position: absolute; bottom: 0; content: ""; width: calc(100% - 8rem); border-bottom: 1px solid #EAEBED; }
.dl-paylist dd { text-align: right; margin-bottom: 0; }
.dl-paylist:last-child { margin-bottom: 2rem; }
.dl-paylist h2 { font-size: 1.5rem; padding-bottom: 0; }
.dl-paylist-sm-wrapper { margin: 2rem 4rem; padding: 1rem 2rem; background-color: #F9F9F9; border-radius: 1rem; }
.dl-paylist-sm { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; font-size: 1.125rem; border-bottom: 1px solid #EAEBED; }
.dl-paylist-sm dd { margin-bottom: 0; text-align: right; }
.paylist-dropdown { width: 100%; padding: 2rem; }
.paylist-dropdown .dl-paylist-wrapper { background-color: #F7FBFD; border: 1px solid #D8E4F4; border-radius: 1rem; padding-bottom: 1rem; margin-bottom: 2rem; }
.paylist-dropdown.gray .dl-paylist-wrapper { background-color: #F9F9F9; border: 1px solid #C4C6C9; }
.paylist-dropdown hr { width: calc(100% - 8rem); margin: auto; }
.paylist-dropdown-inner { margin: 0 4rem; }
.paylist-total { position: relative; }
.paylist-total::before { position: absolute; top: 0; content: ""; width: calc(100% - 8rem); border-bottom: 1px solid #000; }
.paylist-total::after { position: absolute; bottom: 0; content: ""; width: calc(100% - 8rem); border-bottom: 1px solid #000; }
.paylist-total.gray { background-color: #C4C6C9; }
.paylist-total.gray::before, .paylist-total.gray::after { display: none; }
.paylist-total dt, .paylist-total dd { font-size: 1.5rem; font-family: "Roboto", "SDGothicSB"; }
summary.paylist-summary { position: relative; list-style: none; padding: 0.75rem 6rem 0.75rem 4rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
summary.paylist-summary::after { position: absolute; top: 1.5rem; right: 3rem; content: ""; display: block; width: 36px; height: 36px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
details[open] > summary::after { transform: rotate(180deg); margin-top: -0.25rem; margin-left: -0.75rem; }
details summary.paylist-summary::-webkit-details-marker { display:none; }
details[open] .paylist-dropdown { animation: slipdown .3s; }
.section-namecard { background: linear-gradient(to bottom, #FFF 300px, #f7f8f9 300px, #f7f8f9 680px, #FFF 680px, #FFF 1100px, #f7f8f9 1100px, #f7f8f9 1500px, #FFF 1500px); }
.card-namecard { min-height: 300px; background-color: #FFF; border-radius: 1rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); margin-bottom: 2rem; }
.card-namecard .card-header, .card-namecard .card-footer { padding: 2rem 0; background-color: transparent; border-color: transparent; }
.card-namecard .card-header { padding-bottom: 0; }
.namecard-title { display: flex; justify-content: space-between; align-items: center; background-color: #EDF0F4; padding: 0.5rem 4rem; font-size: 1.5rem; }
.nav-award-wrapper { display: flex; justify-content: center; background-color: #F2F4F8; padding: 2rem; }
.nav-award { margin: 0; }
.nav-award .nav-link { background-color: #FFF; border-color: transparent; text-align: center; }
.nav-award .nav-link.active { background-color: #FF0000; color: #FFF; }
.card-taxlist { background-color: #FFF; border-radius: 1rem; margin: 0.25rem 0.25rem 3rem; box-shadow: 10px 10px 0px 0px #E8E8E9; }
.card-taxlist .card-header, .card-taxlist .card-footer { background-color: transparent; padding: 1rem 1rem; border-color: transparent; }
.card-taxlist .card-header h2 { font-size: 1.5rem; border-bottom: 2px solid #007EFC; padding-left: 1rem; }
.card-taxlist .card-header .badge { background-color: #007EFC; border-radius: 1rem; font-size: 1rem; padding: 0.35rem 2rem; margin-left: 1rem; margin-bottom: 1rem; }
.card-taxlist .card-body { padding: 2rem 0; }
.card-rewardlist { background-color: #FFF; border-radius: 1rem; margin: 0.25rem 0.25rem 3rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.card-rewardlist .card-header { background-color: #007EFC; padding: 1.5rem; border-radius: 1rem 1rem 0 0; border-color: transparent; }
.card-rewardlist .card-footer { background-color: #007EFC; padding: 1.5rem; border-radius: 0 0 1rem 1rem; border-color: transparent; }
.card-rewardlist details { border-bottom: 1px solid #DDD; }
.rewardlist-summary { display: flex; justify-content: space-between; align-items: center; background-color: #FFF; color: #000; padding: 1rem 2rem; font-family: "Roboto", "SDGothicSB"; }
.rewardlist-summary dd { margin-bottom: 0; }
.rewardlist-summary { position: relative; list-style: none; padding: 1.25rem 5rem 0.75rem 2rem; }
.rewardlist-summary::after { position: absolute; top: 1.5rem; right: 1.5rem; content: ""; display: block; width: 24px; height: 24px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
details[open] > summary::after { transform: rotate(180deg); margin-top: -0.25rem; margin-left: -0.75rem; }
details summary.rewardlist-summary::-webkit-details-marker { display:none; }
details[open] .rewardlist-dropdown { animation: slipdown .3s; }
.dl-rewardlist-wrapper { margin: 1rem 2rem 3rem; padding: 1rem 2rem; background-color: #F9F9F9; border-radius: 1rem; }
.dl-rewardlist { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 1rem; }
.clublist-wrapper { padding: 2rem; border-radius: 2rem; background: linear-gradient(120deg, #FF9D00, #FF09F6, #FF0014, #6E08F8); }
.card-clubdlist { border-radius: 1.5rem; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); margin-bottom: 2rem; }
.card-clubdlist .card-header, .card-clubdlist .card-footer { padding: 1.5rem 0 0; background-color: transparent; border-color: transparent; }
.card-clubdlist .card-header h3 { padding: 0.5rem 2rem; background-color: #000; color: #FFF; }
.card-clubdlist .card-body { padding: 0.5rem 2rem 1rem; }
.dl-clubdlist { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0.25rem 0rem; border-bottom: 1px solid #DDD; }
.dl-clubdlist dd { margin-bottom: 0; }
.dl-clubdlist .form-select, .dl-clubdlist .form-control { width: 190px; color: #707070; background-color: #F9F9F9; border-color: transparent; border-radius: 0.5rem; }
.dl-clubdlist .badge { width: 2rem; height: 2rem; margin: 0.5rem 0.5rem 0.5rem 0; }
.noticelist-summary { position: relative; display: flex; justify-content: space-between; position: relative; list-style: none; padding: 0rem 4rem 0rem 2rem; margin: 2rem 0; }
.noticelist-summary h2 { padding-bottom: 0; }
.noticelist-summary:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: #333; }
.noticelist-summary.red:before { background: linear-gradient(to bottom, #F85959, #D72525); }
.noticelist-summary.blue:before { background: linear-gradient(to bottom, #A9BFF0, #81A2ED); }
.noticelist-summary.green:before { background: linear-gradient(to bottom, #6AE3DA, #1EBCAF); }
.noticelist-summary.gold:before { background: linear-gradient(to bottom, #E3A66A, #C66F1C); }
.noticelist-summary::after { position: absolute; top: 0rem; right: 1.5rem; content: ""; display: block; width: 24px; height: 24px; background-position: right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,"); }
.noticelist-summary::-webkit-details-marker { display:none; }
details[open] .noticelist-summary:before { display: none; }
details[open] .noticelist-dropdown { animation: slipdown .3s; }
.noticelist-dropdown { border-top: 5px solid #333; background-color: #F9F9F9; }
.noticelist-dropdown.red { border-top: 5px solid transparent; border-image: linear-gradient(to right, #F85959, #D72525); border-image-slice: 1; }
.noticelist-dropdown.blue { border-top: 5px solid transparent; border-image: linear-gradient(to right, #A9BFF0, #81A2ED); border-image-slice: 1; }
.noticelist-dropdown.green { border-top: 5px solid transparent; border-image: linear-gradient(to right, #6AE3DA, #1EBCAF); border-image-slice: 1; }
.noticelist-dropdown.gold { border-top: 5px solid transparent; border-image: linear-gradient(to right, #E3A66A, #C66F1C); border-image-slice: 1; }
.noticelist-dropdown ul { width: 100%; display: flex; align-items: center; border-bottom: 1px solid #DDD; margin-bottom: 0; }
.noticelist-dropdown ul li::before { display: none; }
.noticelist-dropdown ul li { font-size: 1.25rem; padding: 0.875rem 0.5rem 0.875rem 2rem; }
.noticelist-dropdown ul li:first-child { width: 27%; }
.noticelist-dropdown ul li:nth-child(2) { width: 57%; }
.noticelist-dropdown ul li:last-child { width: 16%; }
.card-inquiry { padding: 4rem; border-radius: 2rem; }
.myboardlist-details { border: 1px solid #EDEDED; border-radius: 1rem; margin-bottom: 0.75rem; }
.myboardlist-summary { list-style: none; color: #000; padding: 1rem 2rem; font-family: "Roboto", "SDGothicSB"; }
.myboardlist-summary .summary-title { display: flex; justify-content: space-between; align-items: center; }
.myboardlist-summary h2 { font-size: 1.8rem; padding-bottom: 0; }
.myboardlist-summary dd { margin-bottom: 0; }
.myboardlist-summary { position: relative; list-style: none; padding: 1.25rem 2rem 1.25rem 2rem; }
.myboardlist-summary::-webkit-details-marker { display:none; }
.myboardlist-details[open] { border: 1px solid #3251F5; }
.myboardlist-details[open] .myboardlist-dropdown { animation: slipdown .3s; }
.myboardlist-inner { padding: 0.5rem 2rem 3rem; }
.myboardlist-inner label { color: #3251F5; font-size: 1.25rem; margin-top: 0.5rem; margin-bottom: 1rem; }
.myboardlist-inner h3 { font-size: 1.5rem; margin-bottom: 0.75rem; }
.myboardlist-meta { font-size: 1.125rem; color: #707070; }
.myboardlist-inner p { font-size: 1.125rem; line-height: 1.4; }
.myboardlist-content { padding-bottom: 3rem; }
.myboard-navigation .page-link { font-size: 1.75rem; padding: 0.75rem 0; color: #9D9B9B; border: 0; background-color: transparent; font-family: "Roboto", "SDGothicSB"; }
.myboard-navigation .page-link.active { color: #000; }
.nav-generaltab .nav-item {}
.nav-generaltab .nav-link { position: relative; padding: 1.5rem 2rem; background-color: #F9F9F9; text-align: center; font-size: 1.5rem; font-weight: bold; border-radius: 0; }
.nav-generaltab .nav-link.active { background-color: #007EFC; }
.nav-generaltab .nav-link.active::after { position: absolute; left: 0; bottom: -18px; content: ""; display: block; width: 100%; height: 22px; background: url(../images/navltab-after.svg) no-repeat center; }
.tourvan-wrapper { background: linear-gradient(to bottom, #FFF 40%, #F6F6F6 40%); padding: 4rem 3rem; }
.tourvan-inner { max-width: 980px; margin: auto; }
.tourvan-inner h3 { font-size: 1.75rem; }
.card-tourvan { padding: 1rem 0; margin-bottom: 2rem; }
.card-tourvan h3 { font-size: 1.5rem; }
.card-tourvan h4 { margin-bottom: 0.75rem; }
.card-tourvanapply { border-radius: 1rem; padding: 1.5rem 0; background-color: #FFF; border: 1px solid #007EFC; box-shadow: 10px 10px 0px 0px #E8E8E9; margin-bottom: 2rem; }
.card-tourvanapply .card-header { color: #FFF; padding: 0; border: 0; }
.card-tourvanapply .card-header h5 { padding-bottom: 0; background-color: #007EFC; padding: 0.25rem 2rem; width: 85%; border-radius: 0 0.25rem 0.25rem 0; }
.card-tourvanapply .card-body { padding: 1rem 2rem; }
.card-tourvanapply .card-body .meta-date { position: relative; color: #007EFC; padding-left: 1.75rem; }
.card-tourvanapply .card-body .meta-date::before { position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 0.5rem; background: url(../images/icon-metadate.svg) no-repeat center; }
.card-tourvanapply .card-body h4 { margin-bottom: 0.5rem; }
.card-tourvanapply .card-footer { padding: 1rem 2rem; background-color: transparent; border-color: transparent; }
.dl-tourvanlist { font-size: 1.5rem; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0.625rem 0rem; border-bottom: 1px solid #DDD; }
.dl-tourvanlist dt, .dl-tourvanlist dd { padding: 0 0.5rem; margin-bottom: 0; }
.dl-tourvanlist .form-select, .dl-tourvanlist .form-control { color: #707070; background-color: #FFF; border-color: transparent; border-radius: 0.5rem; margin-bottom: 0; font-size: 1.5rem; text-align: right; }
.form-label-uploadicon { position: absolute; margin-top: 1px; margin-left: 1px; width: 104px; height: 46px; text-align: center; padding-top: 0.625rem; background-color: #FFF; }
.date-group { display: flex; }
input[type="date"]::-webkit-calendar-picker-indicator { width: 25px; padding: 0px 5px; margin: 0px; margin-top: 0px; cursor: pointer; opacity: 0; }
input[type='date']::before { content: attr(data-placeholder); width: 80%; position: absolute; left: 0; background-color: #FFF; }
input[type='date']:focus::before, input[type='date']:valid::before { display: none; }
.form-control-date { position: relative; text-align: center !important; background: url(../images/btn-datepicker.svg) no-repeat 95% 8px; }
.date-group .form-control-date { width: 200px; }
/* matchlpay */
.card-match { border-color: #ced4da; margin-bottom: 5rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.summary-match { list-style: none; padding: 0; }
.match-player { padding: 2rem 2rem 1rem; }
.match-player h1 { margin-bottom: 0.5rem; }
.match-player.left p { margin-bottom: 0; font-size: 1.125rem; padding-left: 3rem; }
.match-player.right p { margin-bottom: 0; font-size: 1.125rem; padding-right: 2rem; }
.match-info { padding-top: 1rem; height: 100%; }
.match-info .badge { font-size: 1rem; }
.badge-matchgreen { background-color: #88F974; border-radius: 1rem; color: #000; max-width: 100%; }
.badge-matchwinner { background-color: #FF0015; border-radius: 0.25rem; color: #FFF; min-width: 85px; height: 26px; padding-top: 0.5rem; }
.match-vs { display: flex; justify-content: center; padding: 2rem; }
.match-vs span { margin: 0.5rem 1rem; font-family: "Roboto", "SDGothicSB"; }
.match-red { color: #F9747F; }
.match-blue { color: #7490F6; }
details[open] .summary-match { border-top: 10px solid #254BB0; border-bottom: 2px solid #254BB0; border-radius: 0.25rem 0.25rem 0 0; }
details[open] .summary-holenumber { display: none; }
details[open] .summary-matchtable { animation: slipdown .3s; }
.summary-matchtable { border-bottom: 10px solid #254BB0; border-radius: 0 0 0.25rem 0.25rem; overflow: auto; }
.summary-matchtable .table { margin-bottom: 0; min-width: 720px; }
.summary-matchtable .title { width: 25%; max-width: 248px; text-align: left; padding-left: 2rem !important; }
.summary-matchtable th, .summary-matchtable td { width: 4.16%; padding: 12px 8px !important; border: 0; border-bottom: 1px solid #F4F2F2; font-size: 1.125rem !important; font-family: "Roboto", "SDGothic"; vertical-align: middle; }
.summary-matchtable th { border-bottom: 1px solid #C6C5C9; }
.summary-matchtable tr { border-color: rgb(112, 112, 112, 0.25); }
.summary-matchtable .form-check-like { width: 60px; margin: 0; }
.summary-matchtable .form-check-like .form-check-input { background-size: 20px 20px; width: 1.2em; height: 1.2em; margin-left: auto; }
.summary-matchtable .spon { max-width: 80px; margin-bottom: 0; }
.match-player.left.up { background-color: #F9747F; color: #FFF; }
.match-player.right.up { background-color: #7490F6; color: #FFF; }
.matchplayer-group { text-align: left; }
.summary-holenumber { position: absolute; bottom: -3.6rem; width: 100%; }
.summary-holenumber ul { display: flex; justify-content: center; }
.summary-holenumber ul li { text-align: center; font-size: 0.875rem; padding: 0; margin: 0.25rem; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; border: 1px solid transparent; color: transparent; }
.summary-holenumber ul li.match-red { border: 1px solid #F9747F; color: #000; }
.summary-holenumber ul li.match-blue { border: 1px solid #7490F6; color: #000; }
.summary-holenumber ul li.match-tie { border: 1px solid #A9A9A9; color: #000; }
.matchtable-wrapper { position: relative; width: 100%; overflow: auto; padding: 0.75rem; }
.matchtable-header { min-width: 1100px; margin: 1rem 0 4rem; }
.matchtable-body { min-width: 1100px; }
.matchtable-body ul li { padding-left: 0; margin-bottom: 30px; }
.btn-matchtable { background-color: #FFA702; color: #FFF; width: 100%; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); height: 56px; padding: 0; pointer-events: none; }
.card-matchtable { width: 100%; height: 100px; padding: 1rem 0.5rem; }
.card-matchtable h5 { margin: 0.5rem 0;}
.card-matchtable h5 .inline-icon { margin-right: 0.25rem; }
.card-matchtable .badge { position: absolute; right: 0.25rem; }
.card-matchtable .card-header { background-color: transparent; border-color: transparent; width: 100%; text-align: center; }
.card-final { border-top: 2px solid #3251F5; }
.card-final .card-header { position: absolute; top: -4.5rem; left: 0; }
.card-final.left-line:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -24px; width: 24px; z-index: -1; }
.card-final.right-line:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -24px; width: 24px; z-index: -1; }
.card-thirdmatch .card-header { position: absolute; top: -1.5rem; left: 0; }
.card-thirdmatch .card-header h6 { background-color: #FFF; border: 1px solid #707070; border-radius: 1rem; width: 75px; margin: auto; padding: 5px; }
.badge-matchup { background-color: #FFF; color: #F76874; border: 1px solid #F76874; border-radius: 1rem; padding: 0.35em 0.65em 0em 0.25em; }
.badge-matchup::before { content: "●"; color: #F76874; margin-right: 0.25rem; }
.badge-holes { background-color: #FFF; color: #365FF2; border: 1px solid #365FF2; border-radius: 1rem; padding: 0.35em 0.65em 0em 0.25em; }
.badge-holes::before { content: "●"; color: #365FF2; margin-right: 0.25rem; opacity: 0.5; }
/* 16 */
.matchtable-body .col:nth-child(2) ul, .matchtable-body .col:nth-last-child(2) ul { margin-top: 70px; }
.matchtable-body .col:nth-child(3) ul, .matchtable-body .col:nth-child(4) ul, .matchtable-body .col:nth-child(5) ul { margin-top: 200px; }
.matchtable-body .col:nth-child(2) ul li, .matchtable-body .col:nth-last-child(2) ul li { position: relative; margin-bottom: 164px; }
.matchtable-body .col:nth-child(2) ul li:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -11px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-last-child(2) ul li:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -11px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-child(1) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -12px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-child(2) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -12px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-child(3) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -12px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-last-child(3) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -12px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-last-child(2) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -12px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-last-child(1) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -12px; width: 12px; z-index: -1; }
.matchtable-body .col:nth-child(1) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 137px; right: -12px; top: 50%; }
.matchtable-body .col:nth-child(2) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 270px; right: -12px; top: 50%; }
.matchtable-body .col:nth-last-child(2) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 270px; left: -12px; top: 50%; }
.matchtable-body .col:nth-last-child(1) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 137px; left: -12px; top: 50%; }
.table-matchcourse tr th, .table-matchcourse tr td { vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; border: 0; }
.table-matchcourse tr th { position: relative; background: rgb(190, 216, 226, 0.6); border-bottom: 2px solid #FFF; }
.table-matchcourse tr:nth-child(2n) td { background-color: rgb(190, 216, 226, 0.2); }
/* 64 */
.matchcroll-button-wrapper { position: relative; margin-bottom: 3rem; }
.matchtable-64 { overflow: hidden; padding: 0; }
.matchtable-64 .matchtable-header, .matchtable-64 .matchtable-body { min-width: 1920px; width: max-content; }
.matchtable-64 .matchtable-body .col:nth-child(3) ul, .matchtable-64 .matchtable-body .col:nth-last-child(3) ul { margin-top: 200px; }
.matchtable-64 .matchtable-body .col:nth-child(4) ul, .matchtable-64 .matchtable-body .col:nth-last-child(4) ul { margin-top: 470px; }
.matchtable-64 .matchtable-body .col:nth-child(5) ul, .matchtable-64 .matchtable-body .col:nth-child(6) ul, .matchtable-64 .matchtable-body .col:nth-child(7) ul { margin-top: 1010px; }
.matchtable-64 .matchtable-body .col:nth-child(3) ul li, .matchtable-64 .matchtable-body .col:nth-last-child(3) ul li { margin-bottom: 440px; }
.matchtable-64 .matchtable-body .col:nth-child(4) ul li, .matchtable-64 .matchtable-body .col:nth-last-child(4) ul li { margin-bottom: 978px; }
.matchtable-64 .matchtable-body .col:nth-child(3) .card-matchtable:before { width: 177px; }
.matchtable-64 .matchtable-body .col:nth-child(4) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -12px; width: 177px; z-index: -1; }
.matchtable-64 .matchtable-body .col:nth-child(5) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -12px; width: 12px; z-index: -1; }
.matchtable-64 .matchtable-body .col:nth-last-child(5) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -12px; width: 12px; z-index: -1; }
.matchtable-64 .matchtable-body .col:nth-last-child(4) .card-matchtable:before { content: ""; color: #FFA702; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -12px; width: 177px; z-index: -1; }
.matchtable-64 .matchtable-body .col:nth-last-child(3) .card-matchtable:before { width: 177px; }
.matchtable-64 .matchtable-body .col:nth-child(3) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 545px; right: -12px; top: 50%; }
.matchtable-64 .matchtable-body .col:nth-child(4) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 1084px; right: -12px; top: 50%; }
.matchtable-64 .matchtable-body .col:nth-last-child(4) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 1084px; left: -12px; top: 50%; }
.matchtable-64 .matchtable-body .col:nth-last-child(3) ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #FFA702; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 545px; left: -12px; top: 50%; }
/*--------------------------------------------------------------------------------*/
/*------------------------------- Content Slider ---------------------------------*/
/*--------------------------------------------------------------------------------*/
.swiper-slide { max-width: 100%; }
.swiper-slide .swiper-thumb { max-width: 100%; background-size: cover; background-position: center; }
.swiper-slide .swiper-thumb img { width: 100%; }
.news-swiper, .news-swiper2, .video-swiper, .video-swiper2, .photo-swiper, .photo-swiper2, .sns-swiper { overflow: hidden; }
.swiper-notification { display: none; }
.sns-swiper .swiper-slide { text-align: center; }
.news-swiper .swiper-slide, .video-swiper .swiper-slide, .photo-swiper .swiper-slide { width: 156px; }
.news-swiper .swiper-description, .photo-swiper .swiper-description { position: relative; margin-top: 1rem; cursor: pointer; }
.news-swiper .swiper-description::before, .photo-swiper .swiper-description::before { position: absolute; bottom: 0; content: ""; display: block; width: 100%; height: 5px; border-radius: 3px; background-color: #F1F7F9; }
.news-swiper .swiper-slide-thumb-active .swiper-description::after, .photo-swiper .swiper-slide-thumb-active .swiper-description::after { position: absolute; bottom: 0; content: ""; display: block; width: 70%; height: 5px; border-radius: 3px; background-color: #B5B5B5; }
.video-swiper { height: 158px; margin-top: 0.5rem; }
.video-swiper .swiper-wrapper { overflow: hidden; }
.video-swiper .swiper-slide { border: 1px solid #ddd; border-radius: 0.25rem; }
.video-swiper .swiper-description h6 { padding: 0.625rem; }
.news-swiper .swiper-thumb { border-radius: 0.25rem; }
.video-swiper .swiper-thumb { border-radius: 0.25rem 0.25rem 0 0; }
.swiper-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; overflow: hidden; background: rgb(0, 0, 99, 0.5); color: #FFF; letter-spacing: -1px; }
.swiper-caption h3 { font-size: 1.5rem; padding-bottom: 0; }
.video-swiper2 .swiper-caption { bottom: auto; top: 0; }
.video-swiper2 .swiper-thumb { width: 100%; height: 274px; }
.video-swiper2 .swiper-thumb iframe { width: 100%; height: 100%; }
.swiper-caption p { margin-bottom: 0; }
.swiper-caption .swiper-date, .swiper-caption .swiper-vcount { color: #FFF; }
.swiper-date { display: inline-block; font-size: 0.75rem; color: #BFBFBF; }
.swiper-vcount { display: inline-block; float: right; font-size: 0.75rem; color: #BFBFBF; padding-top: 2px; margin-right: 0.25rem; }
.swiper-vcount::before { position: relative; content: ""; display: inline-block; vertical-align: sub; width: 20px; height: 14px; background: url("../images/icon-vcount.png") no-repeat center; }
.swiper-caption .swiper-vcount::before { background: url("../images/icon-vcount-white.png") no-repeat center; }
.swiper-description h6 { font-size: 0.87rem; font-weight: bold; padding-top: 0; padding-bottom: 0.875rem; padding-left: 0.625rem; min-height: 56px; }
.news-swiper .swiper-description h6::before, .photo-swiper .swiper-description h6::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 2px; height: 42px; border-radius: 2px; background: linear-gradient(to bottom, #263191, #51A0FD); }
.swiper-description .swiper-date { color: #3251F5; }
.tourinfo-swiper .swiper-slide { width: 543px; }
.tourinfo-swiper .swiper-slide:not(:first-child) { width: 414px; }
.custom-arrow .swiper-button-prev, .custom-arrow .swiper-button-next { width: 55px; height: 54px; margin-top: -27px; background-size: contain; top: auto; bottom: 12%; }
.custom-arrow .swiper-button-prev { background-image: url("../images/slide-button-prev-sm.svg"); left: -1rem; }
.custom-arrow .swiper-button-next { background-image: url("../images/slide-button-next-sm.svg"); right: -1rem; }
.sns-swiper .swiper-slide { padding: 0.5rem; background: linear-gradient(120deg, #2B40BE, #437DF9); }
.sns-swiper .swiper-button-prev { bottom: auto; top: 55%; left: 60px; }
.sns-swiper .swiper-button-next { bottom: auto; top: 55%; right: 60px; }
.swiper-button-wrapper { position: absolute; width: 100%; top: 260px; }
.swiper-button-prev.swiper-button-prev-lg, .swiper-button-next.swiper-button-next-lg { width: 74px; height: 74px; background-size: contain; }
.swiper-button-prev-lg { background-image: url("../images/slide-button-prev.svg") !important; left: -37px !important; }
.swiper-button-next-lg { background-image: url("../images/slide-button-next.svg") !important; right: -10px !important; }
.section-live { background: #FFF; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); margin-bottom: 1rem; }
.section-content .section-live { box-shadow: none; }
.live-swiper, .live-swiper2 { overflow: hidden; }
.live-swiper2 { padding: 0.75rem 4rem; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.live-swiper2 .swiper-slide { text-align: center; background: #FFF; min-height: 200px; }
.live-swiper2 .swiper-slide span { text-align: center; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background: none; opacity: 1; color: #FFF; cursor: pointer; }
.live-swiper2 .swiper-slide-thumb-active span { color: #21FEB1; }
.live-swiper { background-color: #FFF; }
.live-swiper .swiper-slide { background: #FFF; padding: 1.5rem 4rem 0; }
.section-content .live-swiper .swiper-slide { padding: 1.5rem 0rem 0; }
.live-swiper .pagination-wrapper { position: relative; padding: 1rem 2rem; color: #FFF; height: 100px; background: linear-gradient(to bottom, #2C6A44, #4C899B, #6284D9); }
.live-swiper .pagination-label { display: flex; justify-content: space-between; padding: 0.5rem 0 0.25rem; }
.live-swiper .swiper-pagination { position: relative; width: 100%; margin: auto; display: inline-flex; }
.live-swiper .swiper-pagination .swiper-pagination-bullet { position: relative; width: 5.5%; min-width: 30px; height: 36px; line-height: 36px; color: #FFF; opacity: 1; background: none; font-family: "Roboto"; }
.live-swiper .swiper-pagination .swiper-pagination-bullet-active { color: #3251F5; background: url(../images/circle-fillgreen.svg) no-repeat center; background-size: contain; }
.live-swiper .swiper-pagination .swiper-pagination-bullet::after { position: absolute; top: 0; content: ""; display: block; width: 100%; height: 100%; margin: auto; background: url(../images/circle-outline.svg) no-repeat center; background-size: contain; }
.live-swiper .swiper-pagination .swiper-pagination-bullet-active::after { background: none; }
.live-swiper .swiper-button-next, .live-swiper .swiper-button-prev { top: 130px; }
.live-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev { width: 136px; background-image: url("../images/liveslide-button-prev.svg"); right: 24%; filter: brightness(1) invert(1); }
.live-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next { width: 136px; background-image: url("../images/liveslide-button-next.svg"); left: 24%; filter: brightness(1) invert(1); }
.live-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1rem; }
.upcoming-swiper { height: 500px; overflow: hidden; }
.upcoming-swiper .swiper-wrapper { margin-left: -210px; }
.upcoming-swiper .swiper-slide { width: 226px; height: 180px; margin-top: 296px; webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.upcoming-swiper .swiper-slide-active { width: 688px !important; height: auto; margin-top: 0; webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.upcoming-swiper .swiper-slide-active .upcoming-box { border: none; box-shadow: none; }
.upcoming-swiper .swiper-slide-active .upcoming-logo { display: flex; justify-content: center; align-items: center; max-width: 330px; max-height: 230px; min-height: 200px; }
.upcoming-swiper .upcoming-date { font-size: 1.125rem; }
.upcoming-swiper .swiper-button-wrapper { bottom: 115px; }
.upcoming-logo { max-width: 120px; max-height: 80px; margin: 1rem auto; }
.upcoming-title { font-size: 2rem; padding-bottom: 1rem; }
.swiper-slide-active .upcoming-date { display: none; }
.upcoming-box { text-align: center; padding-bottom: 1rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
.upcoming-logo { animation: webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.upcoming-title, .upcoming-description { display: none; }
.swiper-slide-active .upcoming-logo { webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.swiper-slide-active .upcoming-title { display: block; animation: slipup .5s; }
.swiper-slide-active .upcoming-description { display: block; animation: slipup 1s; }
.swiper-slide-active .upcoming-description .avatar-xxl { animation: zoomin 1s; }
.swiper-slide-active .upcoming-description h4 { margin-top: 1rem; }
.upcoming-description { text-align: left; padding: 1rem 1rem 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
.upcoming-description ul { padding-top: 1rem; }
.upcoming-description li { padding-bottom: 1rem; }
.upcoming-description .title { width: 140px; }
.upcoming-description .desc { font-size: 1.25rem; }
.point-swiper { overflow: hidden; }
.location-swiper { overflow: hidden; }
.point-swiper .swiper-wrapper, .location-swiper .swiper-wrapper { }
.point-swiper .swiper-button-wrapper, .location-swiper .swiper-button-wrapper { position: absolute; top: -70px; right: 0; width: 100px; }
.leaderboard-video-swiper { position: relative; overflow: hidden; max-width: 960px; margin: 5rem auto 3rem; }
.leaderboard-video-swiper .swiper-slide { position: relative; border-radius: 0.5rem; margin-bottom: 1.25rem; border: 1px solid rgb(204, 204, 204, 0.25); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.leaderboard-video-swiper .swiper-thumb { position: relative; margin-bottom: 0.75rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.leaderboard-video-swiper .swiper-caption { position: relative; background: none; color: #010101; width: 100%; padding: 0.5rem 1rem; letter-spacing: -1px; }
.leaderboard-video-swiper .btn-modal-video { position: absolute; top: 0; display: block; width: 100%; height: 100%; background-color: rgb(255, 255, 255, 0); }
.leaderboard-video-swiper .btn-modal-video:hover { background-color: rgb(255, 255, 255, 0.75); }
.leaderboard-video-swiper .swiper-date { color: #A8A8A8; font-family: 'Roboto Medium'; }
.leaderboard-video-button-wrapper { position: absolute; width: 100%; margin-top: -240px; }
.leaderboard-video-button-wrapper .swiper-button-prev { width: 26px; height: 26px; background-image: url("../images/btn-swiper-arrow-prev.svg"); left: -10px; }
.leaderboard-video-button-wrapper .swiper-button-next { width: 26px; height: 26px; background-image: url("../images/btn-swiper-arrow-next.svg"); right: -10px; }
.modal-dialog-video { max-width: 560px; }
.modal-dialog-video .btn-close { position: absolute; top: -13px; right: -13px; opacity: 1; width: 26px; height: 26px; padding: 0; background-image: url(../images/btn-modal-close.svg); background-size: contain; }
.leaderboard-photo-swiper { position: relative; overflow: hidden; max-width: 960px; margin: 5rem auto 3rem; }
.leaderboard-photo-swiper .swiper-slide { position: relative; border-radius: 0.5rem; margin-bottom: 1.25rem; border: 1px solid rgb(204, 204, 204, 0.25); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.leaderboard-photo-swiper .swiper-thumb { position: relative; margin-bottom: 0.75rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.leaderboard-photo-swiper .swiper-caption { position: relative; background: none; color: #010101; width: 100%; padding: 0.5rem 1rem; letter-spacing: -1px; }
.leaderboard-photo-swiper .swiper-date { color: #A8A8A8; font-family: 'Roboto Medium'; }
.leaderboard-photo-button-wrapper { position: absolute; width: 100%; margin-top: -240px; }
.leaderboard-photo-button-wrapper .swiper-button-prev { width: 26px; height: 26px; background-image: url("../images/btn-swiper-arrow-prev.svg"); left: -10px; }
.leaderboard-photo-button-wrapper .swiper-button-next { width: 26px; height: 26px; background-image: url("../images/btn-swiper-arrow-next.svg"); right: -10px; }
.section-recordslide { padding-bottom: 3rem; background: linear-gradient(to bottom, #FFF 25%, #F1F7FF 25%); }
.section-recordslide .ranking-card { margin-bottom: 3rem; }
.section-recordslide .swiper { overflow: hidden; padding-right: 120px; }
.section-recordslide .swiper.location-swiper { padding-right: 0; }
.recordswiper-button-wrapper {}
.recordswiper-button-wrapper .swiper-button-prev { width: 37px; height: 37px; background-size: 37px 37px; background-image: url("../images/btn-swiper-arrow-prev.svg"); left: auto; right: 50px; }
.recordswiper-button-wrapper .swiper-button-next { width: 37px; height: 37px; background-size: 37px 37px; background-image: url("../images/btn-swiper-arrow-next.svg"); right: 10px; }
/*--------------------------------------------------------------------------------*/
/*----------------------------------- Timeline -----------------------------------*/
/*--------------------------------------------------------------------------------*/
.timeline { position: relative; margin-top: 2rem; margin-bottom: 30px; margin-left: 15%; }
.timeline .timeline-entry { position: relative; width: fit-content; max-width: 622px; margin-bottom: 70px; clear: both; }
.timeline .timeline-entry:before { content: ''; position: absolute; display: block; width: 1px; background: rgb(50, 81, 245, 0.5); left: 0; top: 74px; bottom: 0px; margin-left: -4px; }
.timeline .timeline-entry.left-aligned { float: left; }
.timeline .timeline-entry .timeline-entry-inner { position: relative; margin-left: -22px;}
.timeline .timeline-entry .timeline-entry-inner:before, .timeline .timeline-entry .timeline-entry-inner:after { content: " "; display: table; }
.timeline .timeline-entry .timeline-entry-inner:after { clear: both; }
.timeline .timeline-entry .timeline-entry-inner .timeline-icon { float: left; background: #fff; display: block; width: 44px; height: 44px; border-radius: 50%; text-align: center; line-height: 44px; }
.timeline .timeline-entry .timeline-entry-inner .timeline-icon p { margin: 0.5rem 0; }
.timeline .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background-color: #FFF; margin-left: 100px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.timeline .badge { position: absolute; top: 1rem; right: 1rem; background-color: #3251F5; display: block; width: 5rem; height: 2rem; border-radius: 1rem; line-height: 2; padding: 0; color: #FFF; font-size: 1.125rem; font-family: "SDGothicSB"; font-weight: 500; z-index: 2; }
.timeline .badge.sns { top: 5.5rem; right: 2rem; background: linear-gradient(to right, #FFFF00, #FF09F6, #D50256, #5C06FF); }
.timeline-thumb { position: relative; text-align: center; max-width: 544px; }
.timeline-thumb.sns { width: fit-content; padding: 1rem; }
.timeline-imgcaption { position: absolute; top: 36%; width: 100%; margin: auto; padding: 1rem; }
.timeline-thumb.sns .timeline-imgcaption { width: calc(100% - 2rem); padding: 2rem; }
.timeline-thumb iframe { width: 544px; height: calc(544px * 0.5625); max-width: 100%; min-height: 160px; }
.timeline-imgcaption a { text-align: center; font-weight: bold; color: #FFF; background-color: rgb(0, 0, 0, 0.25); }
.timeline-imgcaption small { color: #03FFB6; font-size: 0.875rem; }
.timeline-imgcaption .btn-timelinephoto { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #FFF; margin: 0 auto; padding: 0.5rem; }
.timeline-imgcaption .btn-timelinephoto:hover { background-color: #3251F5; }
.timeline-imgcaption .btn-timelinephoto:hover img { filter: brightness(0) invert(1); }
.timeline-description { padding: 1rem; justify-content: space-between; }
.timeline-description h3 { width: 100%; color: #000; }
.timeline-description .date { color: #A8A8A8; font-family: 'Roboto Medium'; font-size: 0.875rem; }
.timeline-description .vcount { color: #A8A8A8; font-family: 'Roboto Medium'; font-size: 0.875rem; }
.timeline-description .vcount::before { position: relative; content: ""; display: inline-block; vertical-align: sub; width: 20px; height: 14px; background: url("../images/icon-vcount.png") no-repeat center; }
.timeline-newscaption { position: absolute; bottom: 0; display: flex; align-items: center; width: 100%; height: 4rem; padding: 1rem; text-align: left; color: #FFF; background-color: rgb(0, 0, 0, 0.25); }
.timeline-newscaption h2 { font-size: 1.4rem; padding-bottom: 0; }
.timeline-newscaption h2 a { color: #FFF; }
/*--------------------------------------------------------------------------------*/
/*------------------------------------ Table -------------------------------------*/
/*--------------------------------------------------------------------------------*/
/* table */
.table > :not(:last-child) > :last-child > * { border-bottom-color: inherit; }
.table>:not(caption)>*>* { font-size: 1.125rem; padding: 0.75rem 1rem; background-color: var(--mdb-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg); }
.table-sm tr th, .table-sm tr td { font-size: 1rem; padding: 0.5rem 1rem; }
.table-md tr th, .table-md tr td { font-size: 1rem; padding: 1.25rem 1.5rem; }
.table-lg tr th, .table-lg tr td { font-size: 1.25rem; padding: 1.25rem 2rem; }
.table-doubleheader tr th { padding: 0.25rem 1rem; }
.fixed-thead, .fixed-header { position: sticky; top: 0; }
.fixed-start tr th:first-child, .fixed-start tr td:first-child { position: sticky; left: 0; z-index: 1; }
.fixed-second-60 tr:first-child th:nth-child(2), .fixed-second-60 tr td:nth-child(2) { position: sticky; left: 60px; z-index: 1; }
.fixed-third-120 tr:first-child th:nth-child(3), .fixed-third-120 tr td:nth-child(3) { position: sticky; left: 120px; z-index: 1; }
.fixed-second-40 tr:first-child th:nth-child(2), .fixed-second-40 tr td:nth-child(2) { position: sticky; left: 40px; z-index: 1; }
.fixed-third-80 tr:first-child th:nth-child(3), .fixed-third-80 tr td:nth-child(3) { position: sticky; left: 80px; z-index: 1; }
.table-striped-columns>:not(caption)>tr>:nth-child(2n), .table-striped>tbody>tr:nth-of-type(odd)>* { background-color: #F6F6F6; }
.table-stripe-column>:not(caption)>tr>:nth-child(2n), .table-stripe>tbody>tr:nth-of-type(odd)>* { background-color: #F6F6F6; }
.table-blue.table-stripe-column>:not(caption)>tr>:nth-child(2n), .table-blue.table-stripe>tbody>tr:nth-of-type(odd)>* { background-color: #EDF5FF; }
.table-hover>tbody>tr:hover { background-color: #F6F6F6; }
.table-hover>tbody>tr:hover .bg-bright, .table-hover>tbody>tr:hover .bg-white { background-color: #F6F6F6 !important; }
.table.border-0 tr th, .table.border-0 tr td { border: none; }
.table.rounded tr th:first-child { border-top-left-radius: 0.5rem; }
.table.rounded tr th:last-child { border-top-right-radius: 0.5rem; }
.table.rounded tr:last-child td:first-child { border-bottom-left-radius: 0.5rem; }
.table.rounded tr:last-child td:last-child { border-bottom-right-radius: 0.5rem; }
.table-blue tr th { background-color: #3251F5 !important; color: #FFF; border-color: #3251F5; font-size: 1rem; line-height: 1.2; }
.table-blue tr td { border-color: transparent; border-bottom-color: #ddd; }
.table-blue tr td:first-child { border-left-color: #ddd; }
.table-blue tr td:last-child { border-right-color: #ddd; }
.table-blue tr th, .table-blue tr td { vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-blue tr th.bg-darkblue { background-color: #2645d9 !important; }
.table-border tr th { border-color: #5770f6 !important; }
.table-border tr td { border-color: #ddd !important; }
.table-violet tr th { background-color: #7F01FA !important; color: #FFF; border-color: #a573d6 !important; }
.table-violet tr td { border-color: transparent; border-bottom-color: #ddd; }
.table-violet tr td:first-child { border-left-color: #ddd; }
.table-violet tr td:last-child { border-right-color: #ddd; }
.table-violet tr th, .table-violet tr td { vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-violet.table-striped-columns>:not(caption)>tr>:nth-child(2n), .table-violet.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: rgb(242, 244, 248, 1); }
.table-violet.table-stripe-column>:not(caption)>tr>:nth-child(2n), .table-violet.table-stripe>tbody>tr:nth-of-type(odd)>* { background-color: rgb(242, 244, 248, 1); }
.table-gradient tr th { position: relative; background: linear-gradient(to bottom, #F3F8FA, #C8DDE6); border-color: #FFF; }
.table-gradient tr td { background-color: rgb(190, 216, 226, 0.25); border-color: #FFF; }
.table-gradient tr.total td { background-color: #f2f7f9 !important; }
.table-gradient tr th.bg-gradient { background: linear-gradient(to bottom, #687EF7, #3251F5) !important; color: #FFF; }
.table-gradient tr td.bg-gradient { background-color: #d0d6fc !important; }
.table-gradient tr th, .table-gradient tr td { vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-gradient.table-striped-columns td, .table-gradient.table-striped td { background-color: #FFF; }
.table-gradient.table-stripe-column td, .table-gradient.table-stripe td { background-color: #FFF; }
.table-gradient.table-striped-columns tr:nth-child(1n) td, .table-gradient.table-striped tr:nth-of-type(even) td { background-color: #f2f7f9; }
.table-gradient.table-stripe-column tr:nth-child(1n) td, .table-gradient.table-stripe tr:nth-of-type(even) td { background-color: #f2f7f9; }
.table-gradient th.sort-asc, .table-gradient th.sort-desc { background: linear-gradient(to bottom, #F3F8FA, #C8DDE6) !important; }
.table-gradient .sort-asc::after { position: absolute; bottom: -4px; left: 0; right: 0; content: "▲"; font-size: 0.875rem; color: #43FFC8; }
.table-gradient .sort-desc::after { position: absolute; bottom: -4px; left: 0; right: 0; content: "▼"; font-size: 0.875rem; color: #43FFC8; }
.table-gradient.bg-white tr td { background-color: #FFF; }
.border-gray tr th, .border-gray tr td { border-color: rgb(204, 204, 204, 0.25) !important; }
.table-gradient.table-stripe.fixed-start tr td:first-child { }
.table-blueline tr th { font-size: 1rem; line-height: 1.2; border-color: transparent; border-bottom: 2px solid #3251F5; }
.table-blueline tr td { border-color: transparent; font-size: 1.25rem; padding: 0.5rem 0.5rem; vertical-align: middle; }
.table-blueline tr th, .table-blueline tr td { text-align: center; font-family: "Roboto", "SDGothic"; }
.table-blueline .form-check-like .form-check-input { background-size: 20px 20px; }
.table-playoff-header { font-size: 1.125rem; text-align: center; color: #FFF; padding: 0.75rem 1rem; font-family: "Roboto", "SDGothic"; font-weight: bold; background: linear-gradient(to bottom, #243074, #000F55, #000B22); }
.table-playoff { margin-top: 0.5rem; margin-bottom: 2rem; border-top: 2px solid #254BB0; overflow-x: auto; }
.table-playoff .table th, .table-playoff .table td { border: 0; padding: 12px 6px; text-align: center; min-width: 36px; width: 36px; font-size: 1rem; font-weight: normal; border-bottom: 1px solid #ddd; }
.table-playoff .table th.title, .table-playoff .table td.title { text-align: left; min-width: 120px; width: auto; }
.table-playoff .table th.title span { margin-left: 1rem; }
.table-playoff .table tr:nth-child(3) { border-bottom: 2px solid #C6C5C9; }
.cardtable-record { margin-top: 1rem; }
.cardtable-record tr { background-color: #EDF5FF; }
.cardtable-record tr:nth-child(even) { background-color: #D0E2FF; }
.cardtable-record tr td { font-size: 0.875rem; padding: 0.5rem 0.5rem 1rem; }
.cardtable-record tr td:first-child { color: #3251F5; font-size: 0.75rem; }
.cardtable-record tr td:last-child { text-align: right; font-family: 'Roboto Medium'; }
.shot-table { margin: 2rem 0; height: 188px; overflow: auto; padding: 1px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.shot-table th, .shot-table td { padding: 12px 18px; border: 0; }
.shot-table th { background-color: #EFF4FA; }
.shot-table tr { border-color: rgb(112, 112, 112, 0.25); }
.shot-table tr:last-child { border-color: transparent; }
.shot-table.team { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.shot-table.name1 { border-top: 1px solid #FF0000; border-bottom: 1px solid #FF0000; }
.shot-table.name2 { border-top: 1px solid #254BB0; border-bottom: 1px solid #254BB0; }
.shot-table.name3 { border-top: 1px solid #FFF700; border-bottom: 1px solid #FFF700; }
.shot-table-striped { margin: 1rem 0 2rem; height: 196px; overflow: auto; }
.shot-table-striped thead { position: sticky; top: 0; }
.shot-table-striped th, .shot-table-striped td { padding: 0.625rem 1em; border: 0; text-align: center; }
.shot-table-striped th { background-color: #878D96; color: #FFF; font-weight: normal; padding: 0.25rem 0.5em; font-size: 1rem; border-bottom: 1px solid #FFF; }
.shot-table-striped tr { border-color: transparent; background-color: #F4F6F9; }
.shot-table-striped tr:nth-of-type(odd) { background-color: #EDEDED; }
td.td-video { padding-left: 0; padding-right: 0; width: 20px; }
.dropdown-table-info { position: relative; }
.dropdown-table-info ul { position: absolute; top: 36px; right: 0px; width: 320px; background: #FFF; padding: 1rem; border: 1px solid #C9C9C9; border-radius: 0.5rem; z-index: 999; }
.dropdown-table-info ul li { float: left; width: 100%; margin: 0; padding-left: 0; }
.btn-table-info { width: 23px; height: 23px; padding: 0; background: url(../images/table-infoicon.svg) no-repeat center; }
.btn-table-info.active, .btn-table-info:hover { background: url(../images/table-infoicon-active.svg) no-repeat center; }
.scoring-table { border-radius: 1rem; border: 1px solid #ccced1; margin-top: 2rem; }
.scoring-table table { border-collapse: collapse; border-style: hidden; border-color: #ccced1; }
.scoring-table th { border: 0; font-weight: normal; text-align: center; background-color: #f2f2f2; padding: 0.25rem 1rem; }
.scoring-table th:first-child { border-top-left-radius: 1rem; }
.scoring-table th:last-child { border-top-right-radius: 1rem; }
.scoring-table td { border: 0; font-weight: normal; text-align: center; padding: 0.75rem 1rem; }
.table-teeshot { text-align: center; max-width: 860px; margin: auto; }
.table-teeshot table { margin-bottom: 1.25rem; }
.table-teeshot th { background-color: #EBF2F9; }
.table-teeshot th, .table-teeshot td { padding: 10px 20px; text-align: center; border-color: transparent; width: 30%; }
.table-teeshot th:first-child, .table-teeshot td:first-child { vertical-align: top; width: 10%; min-width: 54px; }
.table-teeshot .title { text-align: right; }
.table-teeshot table:nth-child(odd) { background-color: #F5F6F7; }
.table-teetimes tr td { line-height: 3em }
.table-teetimes td .player { min-width: 120px; }
.table-teetimes tr td:nth-child(2) { border-right-color: inherit; }
td .player { display: flex; min-width: 200px; text-align: left; }
td .player .name { min-width: 60px; font-family: "SDGothicSB", 'Open Sans', sans-serif; font-weight: 500 !important; margin-right: 0.5rem; }
.btn-location { font-size: 1.125rem; padding: 0; }
.btn-location img { filter: grayscale(1) invert(7); }
.btn-location:hover img { filter: grayscale(0); }
.table-record { width: max-content; min-width: 100%; }
.table-record thead { position: relative; }
.table-record thead::before { position: absolute; content: ""; display: block; width: 100%; height: 7px; background: linear-gradient(to bottom, #2066C5, #073698); }
.table-record thead tr { background: linear-gradient(to bottom, #DCEAEF, #C8DDE6); }
.table-record tr th { padding: 1.25rem 1rem 1rem; background: linear-gradient(to bottom, #DCEAEF, #C8DDE6); font-size: 1rem; line-height: 1.2; }
.table-record tr td { border-color: transparent; border-bottom-color: #ddd; }
.table-record tr th, .table-record tr td { text-align: center; vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-record .sort-asc, .table-record .sort-desc { background: linear-gradient(to bottom, #DCEAEF, #C8DDE6) !important; }
.table-record .sort-asc:after { content: "▼"; display: inline-block; font-size: 0.75rem; margin-left: 0.25rem; }
.table-record .sort-desc:after { content: "▲"; display: inline-block; font-size: 0.75rem; margin-left: 0.25rem; }
.text-danger .sort-asc:after, .text-danger .sort-desc:after { color: #FF0202; }
.table-record td.td-like { background-color: transparent !important; }
.table-record tr th.active { color: #FF0000; }
.table-record tr td.active { background-color: rgb(248, 228, 228, 0.7); }
.table-record.text-start tr th, .table-record.text-start tr td { text-align: left; }
.table-record-header { position: relative; padding: 1.25rem 2rem 1rem; background: linear-gradient(to bottom, #DCEAEF, #C8DDE6); font-size: 1rem; line-height: 1.2; }
.table-record-header::before { position: absolute; top: -7px; left: 0; content: ""; display: block; width: 100%; height: 7px; background: linear-gradient(to bottom, #2066C5, #073698); }
.table-record-body { border: 1px solid #ddd; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.075); }
.table-record-body h3, .table-record-body h4 { padding: 1rem 2rem; }
.table-record-body h3 { background-color: #F6F6F6; border-bottom: 1px solid #ddd; }
.table-record-body h4 { border-bottom: 1px solid #ddd; }
.table-playersearch { width: max-content; min-width: 100%; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.125); }
.table-playersearch tr th, .table-playersearch tr td { border-color: transparent; padding: 12px 12px; font-size: 1.125rem; text-align: center; vertical-align: middle; font-family: "Roboto", "SDGothic"; font-weight: 300; }
.table-playersearch tr th { background-color: #3251F5; color: #FFF; font-size: 1rem; font-family: "SDGothicSB"; font-weight: 500; }
.table-playersearch tr td { background-color: #FFF; border-bottom: 1px solid #ddd; }
.table-playersearch tr td.td-like { background-color: #FFF !important; }
/* .table-playersearch tr td:nth-last-child(2) { border-right: 1px solid rgb(050, 81, 245, 0.3); } */
.table-playersearch .player-link { text-align: left; }
.table-playersearch .player-link .avatar { margin-left: 1rem; margin-right: 1rem; }
.table-playersearch .player-name a { color: #0045FF; }
.table-playersearch .player-name a:hover { text-decoration: underline; }
.table-playersearch .team img { max-width: 100px; max-height: 2.4rem; }
/*--------------------------------------------------------------------------------*/
/*---------------------------------- modal popup ---------------------------------*/
/*--------------------------------------------------------------------------------*/
.modal.show .modal-dialog-login { width: 758px; max-width: inherit; }
.modal-dialog-login .modal-content:after { position: absolute; right: 0; content: ""; display: block; width: 33%; height: 100%; background-color: #F65259; }
.modal-dialog-login .modal-content .modal-header .btn-close { top: 0.25rem; right: 0.5rem; }
.modal-content { z-index: 1; }
.modal-content iframe { max-width: 100%; }
.modal-content .modal-header, .modal-content .modal-body, .modal-content .modal-footer { z-index: 2; }
.modal-content .modal-header .btn-close { position: absolute; top: 1rem; right: 1rem; }
.modal-content .modal-header { padding-top: 1.5rem; padding-bottom: 0; border-bottom: 0; }
.modal-content .modal-footer { padding-bottom: 1.5rem; border-top: 0; }
.form-control.badge-eye::after { position: absolute; top: 0; right: 0; content: ""; display: block; width: 32px; height: 32px; background: url(../images/icon-pw-badge.svg) no-repeat center; }
/* calendar */
#calendarModal { padding-top: 112px; }
#calendarModal .btn-close { position: absolute; top: -6.4rem; right: 5.6rem; width: 30px; height: 30px; border-radius: 0.75rem; background: #254BB0; opacity: 1; }
.modal-dialog-calendar {}
.widget-datepicker-navi { display: flex; justify-content: center; }
.widget-datepicker-label { font-size: 3.4rem; padding: 0.75rem 4rem; font-family: "Roboto"; }
.widget-datepicker-header { padding: 3rem 0; }
.widget-datepicker-header .logo { margin-right: 1rem; }
.widget-datepicker-header .title { vertical-align: super; }
.widget-datepicker-thead { border-top: 1px solid rgb(50, 81, 245, 0.5); border-bottom: 1px solid rgb(50, 81, 245, 0.5); }
.widget-datepicker-thead, .widget-datepicker-thead th { background-color: #F1F7FF; }
.widget-datepicker-body { background-color: #F4F6F8; }
.widget-datepicker-body th { width: 14.285%; padding: 1rem; border-color: transparent; background-color: #F1F7FF; }
.widget-datepicker-body td { width: 14.285%; padding: 1rem; border-color: transparent; background-color: #F4F6F8; border-bottom: 1px solid #FFF; height: 160px; vertical-align: text-top; }
.widget-datepicker-body th, .widget-datepicker-body td span { font-family: "Roboto"; font-weight: 300; }
.widget-datepicker-body th:first-child span.date, .widget-datepicker-body td:first-child span.date, .widget-datepicker-body th:first-child span.date a, .widget-datepicker-body td:first-child span.date a { color: #FF0000; }
.widget-datepicker-body span.date { display: block; width: 100%; }
.widget-datepicker-body .widget-datepicker-disabled span { opacity: 0.5; }
.widget-datepicker-body .widget-datepicker-today { }
.widget-datepicker-body .widget-datepicker-selected { }
.widget-datepicker-body .widget-datepicker-highlight { }
.widget-datepicker-footer { background-color: #FFF; padding: 2rem 0 5rem; }
.datepicker-caption-icon { float: left; margin: 0 1rem 1rem 0; }
.datepicker-caption { display: flex; }
.datepicker-caption dd { margin-right: 1rem; margin-bottom: 0; }
.date-list { position: relative; margin-top: 0.5rem; }
.date-list li { padding-left: 0; }
.date-list li span { margin-right: 0.25rem; }
.date-list .list-tooltip { position: absolute; left: 2.5rem; display: block; width: 240px; background-color: #FFF; padding: 1rem; font-size: 0.875rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); display: none; }
.date-list .list-tooltip h5, .date-list .list-tooltip p { font-size: 0.875rem; margin-bottom: 0; }
.date-list a:hover + .list-tooltip { display: block; }
.list-klpga, .date-list .list-klpga a, .date-list .list-klpga h5 { color: #FF0000; }
.list-dream, .date-list .list-dream a, .date-list .list-dream h5 { color: #009DFF; }
.list-jump, .date-list .list-jump a, .date-list .list-jump h5 { color: #06BF06; }
.list-champions, .date-list .list-champions a, .date-list .list-champions h5 { color: #FE8622; }
.list-seed, .date-list .list-seed a, .date-list .list-seed h5 { color: #838383; }
.list-event, .date-list .list-event a, .date-list .list-event h5 { color: #8E8E8E; }
/* gallery */
#modelModal .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 3; width: 50px; height: 50px; border-radius: 50%; background: #FFF url(../images/btn-popupclose.svg) no-repeat center; opacity: 1; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
#modelModal .swiper-button-next { width: 50px; height: 50px; border-radius: 50%; background-size: 20px 20px; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
#modelModal .swiper-button-prev { width: 50px; height: 50px; border-radius: 50%; background-size: 20px 20px; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
#mediaModal .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 3; width: 50px; height: 50px; border-radius: 50%; background: #FFF url(../images/btn-popupclose.svg) no-repeat center; opacity: 1; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
#mediaModal .swiper-button-next { width: 50px; height: 50px; border-radius: 50%; background-size: 20px 20px; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
#mediaModal .swiper-button-prev { width: 50px; height: 50px; border-radius: 50%; background-size: 20px 20px; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
/* member */
.modal-dialog-identity .modal-header { background-color: #F65259; padding: 1.5rem 4rem; }
.modal-dialog-identity .modal-header .btn-close { top: 2rem; right: 4rem; }
.modal-dialog-identity .modal-body { padding: 1.5rem 4rem; }
.modal-dialog-identity .modal-text { font-size: 1.24rem; }
.identity-box { background: #F6F6F6; border-radius: 1rem; text-align: center; padding: 3rem; }
.modal-dialog-add { max-width: 470px; }
.modal-dialog-add .modal-content { background: #FFF url(../images/modalbg-dialog-add.svg) no-repeat right bottom; }
.modal-dialog-add .modal-header, .modal-dialog-add .modal-body, .modal-dialog-add .modal-footer { padding-left: 3rem; padding-right: 3rem; }
.add-search-result .row { align-items: center; margin: 1rem 0 0; padding-bottom: 1rem; border-bottom: 1px solid #3251F5; }
.add-search-result h4 { padding-bottom: 0; }
.form-label-fileicon { position: absolute; margin-top: 2px; margin-left: 2px; width: 92px; height: 42px; text-align: center; padding-top: 0.5rem; border-radius: 0.5rem; background-color: #F5F5F5; }
/* media */
.modal-dialog-media .modal-content { background-color: transparent; border-color: transparent; }
.modal-dialog-media .modal-header { margin-bottom: 1rem; }
.modal-dialog-media .media-news-wrapper { border: 0; }
.modal-dialog-media .modal-title { color: #FFF; }
.modal-dialog-media .btn-close { position: absolute; top: -13px; right: -13px; opacity: 1; width: 26px; height: 26px; padding: 0; background-image: url(../images/btn-modal-close.svg); background-size: contain; }
.modal-dialog-media .media-sidebar { color: #FFF; background-color: #030c40; max-height: none; padding: 1.5rem 1rem; overflow: auto; }
.modal-dialog-media .media-sidebar-title { display: flex; justify-content: space-between; }
.modal-dialog-media .media-sidebar-list { padding-bottom: 1rem; overflow: auto; max-height: 500px; }
.modal-dialog-media .media-sidebar-entry { margin-bottom: 1.5rem; }
.modal-dialog-media .media-sidebar h3 { margin-bottom: 0.5rem; font-size: 1.125rem; }
.modal-dialog-media .media-sidebar .entry-thumbnail { width: 45%; }
.modal-dialog-media .media-sidebar .entry-meta { width: 50%; border-top: 1px solid rgb(216, 228, 244, 0.5); border-bottom: 1px solid rgb(216, 228, 244, 0.5); }
.modal-dialog-media .media-sidebar .entry-title, .modal-dialog-media .media-sidebar .entry-title a { color: #FFF; height: auto; margin-bottom: 0; }
.media-video-thumb { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; }
.media-video-thumb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.media-video-caption { display: inline-block; padding: 1.5rem 2rem; min-height: 140px; }
.media-video-caption h4 { font-weight: bold; line-height: 1.2; }
.media-video-caption a { font-size: 1.5rem; }
.highlightSwiper .swiper-button-next { width: 50px; height: 50px; right: 0; border-radius: 50%; background-size: 20px 20px; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
.highlightSwiper .swiper-button-prev { width: 50px; height: 50px; left: 0; border-radius: 50%; background-size: 20px 20px; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
.highlightSwiper .swiper-button-next.swiper-button-disabled, .highlightSwiper .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.highlight-photo-caption { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 80px; background-color: rgb(0, 0, 0, 0.47); padding: 1rem 2rem; min-height: 90px; }
.highlight-photo-caption a { font-size: 1.25rem; color: #FFF; }
.highlight-photo-date { font-size: 1rem; color: #FFF; font-family: "Roboto"; }
.section-memberspageheader { border-top: 4px solid transparent; border-image: linear-gradient(to right, #6E08F8, #FF0014, #FF09F6, #ff08d7, #FF09F6, #FF0014, #6E08F8); border-image-slice: 1; }
.btn-pdf { width: 65px; height: 65px; border-radius: 50%; background-color: #FFF; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); }
.btn-pdf img { min-width: 36px; }
.cover-group { border-bottom: 4px solid transparent; border-image: linear-gradient(to right, #6E08F8, #FF0014, #FF09F6, #ff08d7, #FF09F6, #FF0014, #6E08F8); border-image-slice: 1; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.125); margin: 1rem 0; }
.cover-thumb img { width: 100%; }
.cover-title { text-align: center; margin: 1.5rem 0; font-size: 1.25rem; }
#rewardModal { background-color: #FFF; }
#rewardModal .btn-close { border: 2px solid rgb(0, 0, 0, 0.5); border-radius: 50%; width: 0.75em; height: 0.75em; font-size: 0.75rem; }
.award-table { font-size: 1.125rem; font-family: "Roboto", "SDGothic"; font-weight: 300; text-align: center; }
.award-table div { padding: 0.75rem 1rem; }
.award-title { background-color: #3251F5 !important; color: #FFF; }
.award-title:first-child { border-top-left-radius: 0.5rem; }
.award-title:nth-child(6) { border-top-right-radius: 0.5rem; }
.mc-only .award-title:nth-child(4) { border-top-right-radius: 0.5rem; }
.award-table.column-6 .col-2:nth-child(12n), .award-table.column-6 .col-2:nth-child(12n-1), .award-table.column-6 .col-2:nth-child(12n-2), .award-table.column-6 .col-2:nth-child(12n-3), .award-table.column-6 .col-2:nth-child(12n-4), .award-table.column-6 .col-2:nth-child(12n-5) { background-color: #F2F4F8; }
.award-table.column-4 .col-2:nth-child(8n-1), .award-table.column-4 .col-2:nth-child(8n-3) { background-color: #F2F4F8; }
.award-table.column-4 .col-4:nth-child(8n), .award-table.column-4 .col-4:nth-child(8n-2) { background-color: #F2F4F8; }
/*--------------------------------------------------------------------------------*/
/*----------------------------------- footer area --------------------------------*/
/*--------------------------------------------------------------------------------*/
.section-copyright { padding: 4rem; background-color: #F65259; color: #FFF; }
.section-copyright a { color: #FFF; }
.footer-logo { margin-bottom: 3rem; }
.footer-sns { display: inline-block; width: 100%; margin-bottom: 2rem; }
.footer-sns li { float: left; padding-left: 0; padding-right: 1rem; }
.footer-copyright { width: 100%; }
.footer-copyright p { font-size: 0.875rem; }
.footer-top { margin-bottom: 2rem; }
.footer-top ul { margin-bottom: 2rem; }
.footer-top ul li { padding-left: 0; }
/*--------------------------------------------------------------------------------*/
/*--------------------------------- animation set --------------------------------*/
/*--------------------------------------------------------------------------------*/
.fade, .fadein { animation: fadein .3s linear; }
.slipup { animation: slipup .1s linear; }
.slipdown { animation: slipdown .1s linear; }
.bounceloading { animation: bounceloading 1s infinite linear; }
.blink { animation: blink 1s step-end infinite; }
@keyframes zoomin {
0% { transform: scale(0.6, 0.6); }
100% { transform: scale(1, 1); }
}
@keyframes zoomout {
0% { transform: scale(1.04, 1.04); }
100% { transform: scale(1, 1); }
}
@keyframes blink {
50% { opacity: 0.75; }
}
@keyframes slipup {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes slipdown {
0% { opacity: 0; transform: translateY(-30px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes slipright {
0% { opacity: 0; transform: translateX(30px); }
100% { opacity: 1; transform: translateX(0); }
}
@keyframes slideup {
0% { transform: translateY(480px); }
100% { transform: translateY(0); }
}
@keyframes slideleft {
0% { opacity: 0; transform: translateX(-480px); }
100% { opacity: 1; transform: translateX(0); }
}
@keyframes slidedown {
0% { opacity: 0; transform: translateY(-480px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes slideright {
0% { opacity: 0; transform: translateX(480px); }
100% { opacity: 1; transform: translateX(0); }
}
@keyframes slipleft {
0% { opacity: 0; transform: translateX(-30px); }
100% { opacity: 1; transform: translateX(0); }
}
@keyframes bounce {
0% { opacity: 0; transform: translateY(5px); }
50% { opacity: 0.5; transform: translateY(-5px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes bounceloading {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
70% { transform: translateY(-25px); }
100% { transform: translateY(0); }
}
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
/*Left*/
.modal.left.fade .modal-dialog { left: -100%; -webkit-transition: opacity 0.1s linear, left 0.1s ease-out; -moz-transition: opacity 0.1s linear, left 0.1s ease-out; -o-transition: opacity 0.1s linear, left 0.1s ease-out; transition: opacity 0.1s linear, left 0.1s ease-out; }
.modal.left.fade.show .modal-dialog { left: 0; }
/*Right*/
.modal.right.fade .modal-dialog { right: -100%; -webkit-transition: opacity 0.1s linear, right 0.1s ease-out; -moz-transition: opacity 0.1s linear, right 0.1s ease-out; -o-transition: opacity 0.1s linear, right 0.1s ease-out; transition: opacity 0.1s linear, right 0.1s ease-out; }
.modal.right.fade.show .modal-dialog { right: 0; }
/* position-bottom */
.modal-dialog-bottom { position:fixed; top:auto; right:auto; left:auto; bottom:0; width: 100%; margin: 0; }
.modal-dialog-bottom .modal-content { border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
/*slideup*/
.modal.slideup.fade .modal-content { position: relative; animation: animatebottom 0.4s; }
@keyframes animatebottom { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } }
/*--------------------------------------------------------------------------------*/
/*----------------------------------- responsive ---------------------------------*/
/*--------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
.status-tourtitle h2 { font-size: 1.25rem; }
.map-playerinfo h2 { font-size: 1.25rem; }
.map-playerinfo h3 { font-size: 1rem; }
.map-playertext h4 { font-size: 0.875rem; }
}
/*
@media (max-width: 1200px) {
.status-logo { margin-right: 0.5rem; }
.status-tourtitle h2 { font-size: 1.125rem; line-height: 1.2; }
.d-day h2 { padding: 0.2rem 1rem; line-height: 1; }
.d-day::after { margin-left: 1rem; }
.status-player dt { font-size: 1.125rem; line-height: 1.8rem; }
.status-player dd { font-size: 0.75rem; }
.status-tourlive { padding-bottom: 0; }
.status-tourlive h3 { font-size: 1rem; }
.nav-switch .nav-link { padding: 0.25rem 0.25rem; font-size: 0.75rem; }
.shot-table th, .shot-table td { padding: 6px 10px; font-size: 0.875rem; }
.table-teeshot th, .table-teeshot td { padding: 6px 8px; font-size: 0.875rem; }
.table-scorecard th, .table-scorecard td { padding: 6px 8px; font-size: 0.875rem; }
.table-scorecard th, .table-scorecard td { background-size: 16px 16px; }
.table-scorecard .player { width: auto; }
.table-scorecard .ass { width: 70px; }
.table-scorecard.totalscore th, .table-scorecard.totalscore td { padding: 10px 4px; }
.media-sidebar { padding: 1rem 2rem; max-height: 570px; }
.map-playerinfo, .map-playertext { padding-left: 1rem; padding-right: 1rem; }
.map-playerinfo .avatar { width: 32px; height: 32px; min-width: 32px; }
.map-playerinfo h2 { font-size: 1rem; }
.map-playerinfo h3 { font-size: 0.875rem; }
.map-playertext h4 { font-size: 0.875rem; }
.nav-mapround .nav-link { min-width: 100px; }
.nav-mapsidebar .nav-link { padding: 0.5rem 1rem; }
.map-sidebar-header { width: 320px; }
.content-3dmap-footer { padding: 1.625rem 1rem; }
.map-playerinfo .btn-playerclose { right: 1rem; padding: 0; width: 20px; }
}
*/
/* @media (max-width: 992px) { */
@media (max-width: 1200px) {
tr td, th { padding: 6px 12px; font-size: 1rem; }
.pc-only { display: none !important; }
.mc-only { display: block !important; }
span.pc-only { display: none; }
span.mc-only { display: inline-block; }
.table th.sticky, .table td.sticky { position: sticky !important; left: 0 !important; z-index: 2; }
.table>:not(caption)>*>* { padding: 0.75rem 0.375rem; }
.btn-xxl, .btn-group-xxl > .btn { padding: 0.75rem 1rem; font-size: 1.5rem; }
.m-6 { margin: 3rem !important; }
.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mt-6 { margin-top: 3rem !important; }
.mb-6 { margin-bottom: 3rem !important; }
/* navi */
.site-header { position: fixed; top: 0; z-index: 99; }
.header-menu { display: none; }
.top-navi { display: none; }
.main-menu .main-nav { display: none; }
.main-menu.klpga { background: linear-gradient(to right, #FFF 90%, #3251F5 10%); }
.main-menu.klpga .top-brand { position: absolute; top: 0.75rem; left: 1rem; margin: 0; width: 100px; }
.main-menu.klpga .navbar { width: 100%; height: 48px; background: transparent; }
.main-menu.klpga .main-nav { display: block; position: absolute; left: 0; top: 0; }
.main-menu.klpga .navbar-nav.right-nav { height: 48px; width: 140px; }
.main-menu.klpga .nav-item.dropdown { padding-right: 0; }
.main-menu.klpga .navbar-search { height: 40px; }
.main-menu.klpga .btn-search { line-height: 40px; }
.section-pagemenu { margin-top: 58px; }
.pagemenu-profile { margin-top: 0px; }
.section-pagemenu-klpga { margin-top: 48px; overflow-x: scroll; }
.section-pagemenu-klpga .nav { padding-left: 0; width: max-content; }
.main-menu.klpga .right-nav .dropdown-menu { top: 45px; }
.menu-opened .right-nav { display: flex; }
.right-nav .dropdown { margin: auto; padding-right: 50px; }
.right-nav .dropdown-menu { position: absolute; right: 0; left: 0; top: 57px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); }
.right-nav .dropdown-toggle { font-size: 1.25rem; }
.right-nav { position: absolute; right: 0px; top: 0; width: calc(100% - 60px); }
.right-nav .dropdown-menu li a { padding: 0.5rem; line-height: 2rem; font-size: 1.125rem; }
.navbar-search { position: absolute; top: 0; right: 0px; width: 49px; }
.navbar-search:hover { width: 335px; }
.section-pagemenu .nav-link, .section-pagemenu-sub .nav-link { padding: 0.75rem 1rem; font-size: 1rem; }
.nav-custom-group { width: 100%; justify-content: space-between; }
.nav-round-wrapper { margin-top: 1rem; margin-bottom: 0; }
.nav-round-sm .nav-item:not(:last-child) { margin-right: 0.5rem; }
.nav-round-sm .nav-link { min-width: 55px; }
.nav-round-lg .nav-link { min-width: 90px; }
.nav-round-xl { justify-content: start; margin: 1rem 0 1.5rem; }
.nav-round-xl .nav-link { padding: 0.25rem 0.5rem; }
.nav-round-xl .nav-item:not(:last-child) { margin-right: 0.5rem; }
.nav-square .nav-link { padding: 0.25rem 0.5rem; border-radius: 1rem; min-width: 64px; height: 64px; }
.nav-square .nav-link label { font-size: 0.875rem; margin-bottom: 0.5rem; }
.nav-square .nav-link h3 { font-size: 1.25rem; }
.nav-square .nav-item:not(:last-child) { margin-right: 0.5rem; }
.nav-square-wrapper .navscroll-button-next { top: 1.75rem; }
.nav-square-wrapper .navscroll-button-prev { top: 1.75rem; left: 0.25rem; }
#navbarNavDropdown { top: 57px; }
#navbarNavDropdown:after { background: none; }
#v-fullwidth-tabContent { margin-top: -50px; }
.section-pagemenu .nav-link.active::after { left: 1rem; width: calc(100% - 2rem); }
.nav-content .nav-link { font-size: 1.5rem; }
.nav-scroll .nav { width: max-content !important; }
.nav-scroll.scroll-button { width: calc(100% - 5rem); }
.navscroll-button-next { width: 30px; height: 30px; }
.navscroll-button-prev { width: 30px; height: 30px; }
.tablescroll-button-next { top: 0.875rem; width: 30px; height: 30px; }
.tablescroll-button-prev { top: 0.875rem; width: 30px; height: 30px; }
.nav-box .nav-link { min-width: auto; padding: 0.5rem 1rem; font-size: 1rem; }
.nav-model { margin: 1rem 0; padding: 0.25rem 0; }
.nav-model .nav-link { font-size: 1rem; padding: 0.25rem 0.5rem; }
.nav-mainmodel { margin: 1rem 0; padding: 0.25rem 0; }
.nav-mainmodel .nav-link { font-size: 1rem; padding: 0.25rem 0.5rem; }
.nav-tabs-lg .nav-link { font-size: 1rem; padding: 0.5rem 1rem; }
.nav-profile.nav-tabs-lg .nav-link { font-size: 1rem; padding: 0.5rem 1rem; }
/* button */
.nav-custom { justify-content: space-between; }
.nav-custom .nav-item { flex: 1 0 0%; }
.nav-custom .nav-link { padding: 0.5rem 1rem; }
.nav-custom-group .nav-link { padding: 0.5rem 1rem; }
.table-favorite { padding: 6px 20px; }
.btn-addfavorite { height: 24px; padding: 0; }
.btn-addfavorite img { width: 24px; }
.btn-circlearrow { font-size: 1.125rem; }
/* main */
.section-tourinfo { padding-top: 2rem; }
.news-swiper .swiper-description, .photo-swiper .swiper-description { margin-top: 1.5rem; }
.tourinfo-card .card-header { padding: 2rem 1.5rem 0.5rem; }
.tourinfo-card .card-body { padding: 0rem 1.5rem; }
.swiper-description h6 { padding-bottom: 1rem; }
.section-title { padding-top: 3rem; font-size: 2rem; }
.section-ranking .section-title { padding-top: 1rem; }
.section-title .section-brand img { width: 80%; }
.section-title .section-search.right-after { display: none; }
.live-swiper .pagination-wrapper { padding: 1rem; height: 80px; overflow-x: auto; }
.live-swiper .swiper-pagination .swiper-pagination-bullet { min-width: 20px; height: 20px; line-height: 20px; }
.live-swiper .swiper-pagination .swiper-pagination-bullet::after { background: none; }
.live-swiper .pagination-label { padding: 0; }
.live-swiper .swiper-slide { padding: 1.5rem 0; }
.live-swiper .swiper-button-next, .live-swiper .swiper-button-prev { top: 110px; }
.live-swiper .swiper-button-next { width: 70px; right: 0; }
.live-swiper .swiper-button-prev { width: 70px; left: 0; }
.video-swiper { height: 140px; }
.boardgroup-title h2 { font-size: 1.25rem; }
.hole-header .hole-title { margin-right: 0.5rem; }
.hole-header .vr { margin: 0 0.5rem; }
.hole-header sup { margin: auto 0.5rem; }
.hole-body-map .nav-switch { width: 100px; }
.hole-body-map .nav-switch li { background: #FFF; width: 50%; }
.hole-body-dl { margin-top: 1.5rem; }
.live-swiper2 { padding: 0.75rem 1.5rem; }
.chart-wrapper { margin: 2.5rem 5rem; }
.boardgroup-list { margin-top: 0.5rem; }
.boardgroup-list .player-group .btn { width: 80px; }
.boardgroup-list td { padding: 4px 6px !important; }
.boardgroup-list th:first-child h2, .boardgroup-list tr td h3, .boardgroup-list tr td h4 { font-size: 1rem; }
.section-media { padding-top: 1rem; padding-bottom: 2.5rem; }
.section-media .navbar-expand-lg { margin-bottom: 1rem; }
.section-media .navbar-brand { font-size: 2rem; padding-left: 0.5rem; }
.navbar-media { width: 100%; overflow: scroll; }
.nav-media { width: max-content; margin: 0; }
.nav-media .nav-item { padding-left: 0; }
.nav-media .nav-link { padding: 0.5rem 0.75rem; font-size: 1.25rem; }
.section-upcoming .bg-img-top img { width: 300px; padding: 2rem 0; }
.section-upcoming .bg-green { height: 1rem; margin-bottom: 1rem; }
.upcoming-box { border: none; padding: 1rem; box-shadow: none; margin-bottom: 1rem; }
.upcoming-swiper-mc .swiper-button-wrapper { top: 300px; }
.upcoming-swiper-mc { position: relative; }
.upcoming-swiper-mc .upcoming-logo { max-width: 240px; max-height: 120px; margin-top: 0; }
.upcoming-swiper-mc .upcoming-title { font-size: 1.75rem; }
.upcoming-swiper-mc .upcoming-date { display: none; }
.upcoming-swiper-mc .upcoming-description .title { width: 70px; }
.upcoming-swiper-mc .upcoming-description .desc { font-size: 1rem; }
.upcoming-swiper-mc .upcoming-title, .upcoming-swiper-mc .upcoming-description { display: block; }
.upcoming-swiper-mc .upcoming-description .avatar-xxl { margin-top: 1rem; width: 45px; height: 45px; min-width: 45px; }
.upcoming-swiper-mc .swiper-slide-active .upcoming-title { display: block; animation: fadein .5s; font-size: 1.5rem; }
.upcoming-swiper-mc .swiper-slide-active .upcoming-description { display: block; animation: fadein 1s; }
.upcoming-description li { padding-bottom: 0.25rem; }
.nav-ranking { margin-bottom: 0; }
.navbar-player-wrapper { display: block; }
.navbar-player { overflow: scroll; }
.nav-player { width: max-content; }
.player-btngroup, .nav-player { margin-bottom: 1rem; }
.nav-player .nav-item { padding-right: 20px; }
.nav-player .nav-link { font-size: 1.25rem; }
.section-ranking .tab-content .point-swiper, .section-ranking .tab-content .location-swiper { padding-right: 60px; }
.point-swiper .swiper-button-wrapper, .location-swiper .swiper-button-wrapper { display: none; }
.list-top .fs-2 { font-size: 1.25rem !important; }
.section-player { padding-top: 1rem; }
#player-tabContent { height: auto; }
.winner-table { padding: 1rem; background: none; }
.player-rankinfo { top: 1rem; left: 2rem; }
.player-rankinfo label { font-size: 1rem; }
.player-rankinfo h2 { font-size: 2rem; }
.player-winnerbg { height: 200px; background-position-y: 154px !important; }
.player-winnerbg ul { margin-top: 36px; }
.player-winnerbg ul li { padding-bottom: 0; }
.player-winnerbg ul h3 { font-size: 1.375rem; }
.player-winnerthumb { margin-top: 36px; margin-left: 20px; }
.player-wrapper { padding-left: 0.75rem; padding-right: 0.75rem; margin-top: 0; margin-bottom: 1rem; }
.player-winner-title { font-size: 1rem; padding-top: 0.5rem; }
.section-event .section-title { padding-bottom: 1rem; }
.section-event .swiper-button-wrapper { display: none; }
.event-table { margin-top: 0; }
.event-body { margin-bottom: 2rem; }
.section-klpganews .section-title { padding-bottom: 1rem; }
.klpganews-wrapper.notice { padding-left: 4rem; }
.klpganews-wrapper.notice:before { left: 0.5rem; width: 42px; height: 20px; line-height: 20px; }
.klpganews-caption a { font-size: 1rem; }
.partners-swiper-mc { position: relative; }
.partners-swiper-mc .swiper-slide { text-align: center; }
.partners-swiper-mc .swiper-button-wrapper { top: 80px; }
.partners-swiper-mc .swiper-slide img { width: 80%; margin-bottom: 1rem; }
/* status */
.section-status { height: 74px; display: none; }
.section-status.d-block { position: relative; z-index: 1; height: auto; margin-top: 58px; }
.section-status .divider { display: none; }
.d-day, .d-weather { padding-top: 0; font-size: 1.25rem; }
.section-status .status-divider { display: none; }
.status-tourlive { float: none; padding: 0.5rem; }
.status-tourlive a { display: block; height: 50px; }
.status-tourlive h3 { font-size: 1.25rem; padding-right: 108px; }
.status-touricon { top: 2.4rem; }
.status-player-swiper { display: none; }
/* page header */
.section-pageheader { margin-top: 58px; padding: 1rem; min-height: auto; }
.section-pageheader .list-group { display: none; }
.pageheader-logo { max-width: 270px; padding: 1rem 2rem; }
.section-pagemenu .nav, .section-pagemenu-sub .nav { justify-content: start; width: max-content; }
.page-search { position: relative; height: 40px; width: 100%; margin-bottom: 0.5rem; }
.section-title-position .page-search { margin-top: 3.6rem; }
.page-search .input-group { position: absolute; z-index: 3; }
.form-select-tour, .form-select-tour option, .form-select-tour:focus { font-size: 1rem; padding: 0.25rem 1rem 0.25rem 1rem; }
.section-pageheader.scroll-snap.cambio_header { top: 0px; min-height: 40px; }
.section-pageheader.scroll-snap.cambio_header .record-entry { padding-right: 0; }
.section-pageheader.scroll-snap.cambio_header .container { padding: 0; }
.section-pageheader.scroll-snap.cambio_header .record-swiper { background-color: #144BA5; }
.section-pagemenu.cambio_header { position: fixed; top: 0; z-index: 9; }
.section-pagemenu.pagemenu-profile.cambio_header { position: fixed; top: 108px; z-index: 9; }
/* content */
.section-content { padding: 2rem 0 4rem; }
.section-content-header { padding: 2rem 0 1rem; }
.section-content-body { padding: 2rem 0 4rem; }
.nav-primary .nav-link { min-width: 170px; }
.dday-title { display: flex; justify-content: center; margin-bottom: 1rem; }
.dday-counter li label { margin: 1rem 0 0.5rem; }
.dday-counter li h3 { margin: 0.5rem 0 1rem; }
.card-champions .card-header { padding: 2rem 1.5rem 0; text-align: center; }
.card-champions .card-header h1 { font-size: 2.5rem; }
.card-champions .card-header h2 { margin-top: 0; font-size: 1.5rem; }
.card-champions .card-header small { font-size: 1rem; line-height: 1rem; }
.card-champions .card-body { text-align: center; padding: 0 1.5rem 1rem; }
.card-champions .card-body label { font-size: 1rem; margin-top: 1rem; }
.card-champions .card-body h3 { font-size: 1.5rem; margin: 0.5rem 0; }
.card-champions .card-body .avatar-champions { margin-top: 1rem; }
/* leaderboard */
#leaderboard-tab { display: none; }
.section-title-position { display: block; height: 3.6rem; }
.section-title-top { position: absolute; top: -50px; }
.table-title { padding: 1rem 0.5rem; }
.tb-spon { margin-right: 0.25rem; max-width: 64px; }
.profile-box .avatar-xl { width: 32px; height: 32px; min-width: auto; }
.profile-box .player-name { font-size: 1.25rem; padding-top: 0; padding-bottom: 0; }
.details-pannel .ball { position: absolute; top: 2rem; right: 1rem; }
.table-leaderboard .pannel-header { padding: 0 1rem; }
.table-leaderboard .pannel-body { padding: 0 1rem 2rem; }
.nav-round-lg { margin: 1rem 0; }
#tracker-tab.nav-round-lg { justify-content: start; }
.table-leaderboard .nav-round-lg .nav-link { padding: 0.25rem 0.5rem; min-width: auto; }
.nav-round-lg .nav-item:not(:last-child) { margin-right: 0.5rem; }
.tracker-hole-info sub { display: block; margin: 0.5rem 0; }
.table-accordion th, .table-accordion td { padding: 10px 6px; font-size: 1rem; }
.table-leaderboard .table-accordion th:first-child, .table-leaderboard .table-accordion td:first-child { min-width: 20px; }
.table-leaderboard .form-check-like { padding-left: 1rem; }
.table-leaderboard .form-check-like .form-check-input { background-size: 14px 14px; width: 1em; height: 1em; }
.table-leaderboard .table-accordion th:nth-child(3), .table-leaderboard .table-accordion th:nth-child(4), .table-leaderboard .table-accordion th:nth-child(9), .table-leaderboard .table-accordion th:nth-child(10), .table-leaderboard .table-accordion th:nth-child(11),
.table-leaderboard .table-accordion th:nth-child(12), .table-leaderboard .table-accordion th:nth-child(13), .table-leaderboard .table-accordion th:nth-child(14), .table-leaderboard .table-accordion th:nth-child(15) { display: none; }
.table-leaderboard .table-accordion td:nth-child(3), .table-leaderboard .table-accordion td:nth-child(4), .table-leaderboard .table-accordion td:nth-child(9), .table-leaderboard .table-accordion td:nth-child(10), .table-leaderboard .table-accordion td:nth-child(11),
.table-leaderboard .table-accordion td:nth-child(12), .table-leaderboard .table-accordion td:nth-child(13), .table-leaderboard .table-accordion td:nth-child(14), .table-leaderboard .table-accordion td:nth-child(15) { display: none; }
.table-accordion th, .table-accordion td { width: 45px; }
.table-leaderboard .table-accordion th:nth-child(5), .table-leaderboard .table-accordion td:nth-child(5) { width: 160px; }
.table-leaderboard .table-accordion th:nth-child(7) { width: 50px; }
.player-group .group-item.btn { display: none; }
.bartitle-green { padding: 9px 6px; font-size: 1rem; }
.eagles.active { background-size: 16px 16px !important; }
.birdies.active { background-size: 16px 16px !important; }
.bogeys.active { background-size: 16px 16px !important; }
.Dbogeys.active { background-size: 16px 16px !important; }
.shot-table-striped { height: auto; }
.shot-table-striped th, .shot-table-striped td { padding: 0.25rem 0.5em; }
/* team leaderboard */
.details-teamlist { padding: 1rem; }
.scorecard-teamlist { padding: 1rem 0 0; }
.scorecard-teamlist::before { left: -1rem; content: ""; width: calc(100% + 2rem); }
.details-teamlist::before { left: 0.25rem; }
.details-teamlist[open]::before { top: 1.5rem; left: 0rem; }
.details-teamlist .avatar-xxl { width: 38px; min-width: 38px; height: 38px; }
.details-teamlist summary { padding: 0 0.5rem; }
.table.table-teamlist-score h2 { font-size: 1.125rem; line-height: 1; }
.table.table-teamlist-score th { padding: 0.25rem; font-size: 0.75rem; }
.table.table-teamlist-score td { padding: 0.5rem; font-size: 0.75rem; }
.table.table-teamlist-score td:first-child::after { top: 8px; height: 36px; }
.table .td-ribone { width: 60px; font-size: 0.875rem; line-height: 1; }
.table.table-teamranking td { height: 40px; font-size: 1rem; }
.table.table-teamranking td.border-right::after { display: none; }
.table.table-teamranking td.num { text-align: center; }
.table.table-teamranking td.teamname img { max-width: 80px; }
.details-teamranking { padding: 0.25rem; margin-bottom: 0.5rem; }
.details-teamranking summary { padding: 0; }
.details-teamranking::before { display: none; }
.badge-klpgawinner { font-size: 1rem; padding: 0.5rem 0.75rem 0.5rem 2rem; }
.badge-klpgawinner::before { position: absolute; top: 0.3rem; left: 0.5rem; content: ""; width: 16px; height: 16px; background-size: contain; }
.list-group-member .list-group-item { min-width: 140px; padding: 1rem; }
.list-group-mainrecord .list-group-item { min-width: 100px; padding: 1rem 0.5rem; }
.list-group-mainrecord .list-group-item h1 { font-size: 1.5rem; }
.table-mainrecord tr th, .table-mainrecord tr td { padding: 0.5rem 1rem; font-size: 1rem; }
.entry-teamlist .list-group-item { padding: 0.25rem 0.5rem; font-size: 0.75rem; }
.entry-teamlist .list-group-rpoint { display: none; }
.list-group-sns { margin-top: 0.5rem; }
.list-group-sns .list-group-item { display: none; }
.list-group-sns .list-group-item:last-child { display: block; }
.list-group-sns .btn-like { font-size: 0.875rem; padding-left: 24px; padding-right: 0.5rem; min-width: 90px; }
.list-group-sns .btn-like::before { top: 14px; left: 18px; width: 20px; height: 20px; background-size: contain; }
.list-group-tpoint .list-group-item { padding: 0.5rem 0.25rem 0.25rem; font-size: 0.75rem; min-width: 40px; }
.list-group-tpoint .list-group-item h4 { font-size: 1rem; }
.teamlist-playername { padding-left: 4.2rem; }
.teamlist-playername h3 { font-size: 1rem; }
.table-md tr th, .table-md tr td { padding: 12px; }
.table-lg tr th, .table-lg tr td { padding: 12px; }
.table-scorecard { overflow: auto; }
.table-scorecard table { min-width: 992px; }
.tracker-card .card-header, .tracker-card .card-body { padding: 1rem;}
.card-header-title { display: block; }
.card-header-title h2 { width: 100%; }
.card-header-title span { width: 100%; line-height: 1.2; }
.btn-3D { top: 0.125rem; right: 0rem; }
.tracker-card h2.group-item, .tracker-hole-info h3 { font-size: 1rem; }
.tracker-hole-info li { padding-left: 0.75rem; padding-right: 0.75rem; }
.shot-table th, .shot-table td { padding: 8px 6px; border: 0; }
.shot-table span.fs-3 { font-size: 1rem !important; }
.scoring-table th { padding: 0.25rem; }
.scoring-chart-wrapper { margin: 1rem 0.5rem; }
.scoring-chart-wrapper .chart-data { top: -4px; }
.scoring-chart-wrapper .chart-data h4, .scoring-chart-wrapper .chart-data h4 span, .scoring-chart-wrapper .chart-data h4 span.fs-3, .scoring-chart-wrapper .chart-data p { font-size: 0.87rem !important; }
.scoring-chart-wrapper .chart-description { top: 40%; }
.chart-description h5 { font-size: 0.625rem; }
.table-teeshot th, .table-teeshot td { padding: 8px 6px; font-size: 0.875rem; }
.table-teeshot th:first-child, .table-teeshot td:first-child { min-width: 48px; }
.table-teeshot td.fs-4 { font-size: 0.875rem !important; }
.table-scorecard th, .table-scorecard td { padding: 8px 6px; }
.table-scorecard th, .table-scorecard td { height: 36px; }
.table-scorecard th:first-child, .table-scorecard td:first-child { position: sticky; left: 0; z-index: 2; }
.table-scorecard tr:nth-child(2) th:first-child { position: relative; z-index: 1; }
.table-scorecard .btn-video { width: 18px; height: 18px; line-height: 18px; margin-top: -4px; }
.table-scorecard .name1, .table-scorecard .name2, .table-scorecard .name3 { }
.table-scorecard .titlerow { text-align: left; padding-left: 1rem; position: sticky !important; left: 0; }
.nav-stats-wrapper { width: 100%; overflow: auto; }
.nav-stats-wrapper .nav-stats { min-width: 400px; }
.nav-stats-wrapper .nav-stats .nav-link { padding: 0.5rem; }
.SG-barchart h5 { font-size: 1rem; padding-left: 0.25rem; }
.SG-barchart h2 { font-size: 1.125rem; padding-left: 0.25rem; }
.leaderboard-video-swiper, .leaderboard-photo-swiper { margin: 1rem auto 1rem; }
.entry-archive { padding: 1.25rem; }
.archive-thumb { float: none; width: 100%; margin-right: 0; margin-bottom: 1rem; }
.card-top5 { margin-bottom: 2rem; }
.card-top5 .card-header { padding: 0.5rem 2rem; }
.top5-stats { margin: 1rem auto 0; }
.top5-stats li { padding: 0 1.87rem; }
.top5-roundscore li { padding: 0 0.75rem; min-width: 70px; text-align: center; }
.top5-roundscore li label { font-size: 1rem; }
.top5-roundscore li h2 { font-size: 1.125rem; text-align: center; }
.top5-roundscore li:not(:last-child)::after { height: 35px; }
.table-program tr th, .table-program tr td { font-size: 1.125rem; padding: 6px 6px; }
.table-program tr th { width: 30px; min-width: 30px; }
.todays-weather li h1 { margin: 0.5rem 0; font-size: 1.5rem; }
.todays-weather li h3 { margin: 0; font-size: 1rem; }
.pinlocation { padding: 1rem 1rem 0rem; }
.dl-pinlocation { margin: 0.5rem 0 0; }
.card-bestrecord { margin-bottom: 2rem; }
.card-bestrecord .card-header { padding: 1rem 1.5rem 0.5rem; }
.card-bestrecord .card-body { padding: 1.5rem 1rem; }
.card-bestrecord .card-body .row > div { display: flex; margin-bottom: 0.25rem; }
.card-bestrecord label { width: 90px; padding-left: 1.5rem; }
.card-bestrecord label:before { left: auto; right: 0; }
.card-bestrecord .row div:first-child label:before { display: block; }
.card-bestrecord h3 { padding-left: 1.5rem; font-size: 1.25rem; margin-top: 0rem; }
.location-title { text-align: left; margin-top: 0; }
.card-location .card-header h2 { text-align: left; font-size: 1.25rem; }
.course-info { padding: 0.5rem; }
.course-info h2 { font-size: 1.25rem; }
.course-info h2 span { font-size: 1rem; }
.livesearch-swiper .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px; line-height: 30px; }
.section-livesearch .hole-info { padding: 1rem; }
.section-livesearch .hole-info span { margin-top: 0.75rem; }
.section-livesearch .nav-switch-round { top: 1rem; width: 120px; }
.section-livesearch .nav-switch-round li { width: 50%; }
.section-livesearch .pagination-wrapper { width: calc(100% - 100px); margin: auto; height: 50px; }
.livesearch-swiper .swiper-button-prev { display: block; top: 22px; left: 0px; width: 30px; height: 30px; background-color: #FFF; background-size: 10px; border-radius: 50%; border: 1px solid #ddd; }
.livesearch-swiper .swiper-button-next { display: block; top: 22px; right: 0px; width: 30px; height: 30px; background-color: #FFF; background-size: 10px; border-radius: 50%; border: 1px solid #ddd; }
.table-teetimes tr th:nth-child(2) { position: sticky; left: 60px; z-index: 1; }
.table-teetimes tr td:nth-child(2) { position: sticky; left: 60px; z-index: 1; background-color: #FFF; border-right: 1px solid #ddd; }
.table-teetimes.fixed-second-40 tr th:nth-child(2) { position: sticky; left: 40px; z-index: 1; }
.table-teetimes.fixed-second-40 tr td:nth-child(2) { position: sticky; left: 40px; z-index: 1; background-color: #FFF; border-right: 1px solid #ddd; }
.tourvan-inner h3 { font-size: 1.5rem; }
.card-tourvanapply .card-header h5 { padding-left: 1rem; width: 90%; }
.card-tourvanapply .card-body, .card-tourvanapply .card-footer { padding: 0.5rem 1rem; }
.dl-tourvanlist dt, .dl-tourvanlist dd, .dl-tourvanlist .form-select, .dl-tourvanlist .form-control { font-size: 1.125rem; }
.dl-tourvanlist.line-break { display: block; }
.dl-tourvanlist.line-break dt { margin-bottom: 0.75rem; width: 100%; }
.dl-tourvanlist.line-break dd { width: 100%; }
.form-control-date { background-size: 18px 18px; padding: 0.375rem 0.25rem; }
.dl-tourvanlist .form-control-date { width: 50%; }
.form-label-uploadicon { width: 80px; height: 35px; padding-top: 0.25rem; }
/* record */
.section-recordslide .swiper { padding-right: 0px; }
.table-record tr th, .table-record tr td { padding-left: 0.325rem; padding-right: 0.325rem; }
.entry-header .header-description { justify-content: start; }
.table-record-header { padding: 1rem 1rem 0.75rem; }
.table-record-body h3, .table-record-body h4 { padding: 0.75rem 1rem; }
.table-record-body h3 { display: flex; align-items: center; height: 60px; font-size: 1.125rem; letter-spacing: -1px; }
.table-record-body h4 { font-size: 1rem; }
/* player */
.player-searchmenu .caption { margin-left: 0.125rem; }
.player-searchmenu .nav-round-xl .nav-link { min-width: 36px; }
.page-title { margin: 1rem 0; }
h1.content-title { font-size: 1.75rem; }
.ul-teamplayer .pannel-header { padding: 1rem 1rem; }
.ul-teamplayer .pannel-body { padding: 1rem 1rem; }
.ul-teamplayer details > summary::after { top: 1rem; right: 1rem }
.teamtable-accordion th::before, .teamtable-accordion td::before { display: none; }
.teamtable-accordion th, .teamtable-accordion td { padding: 1rem 1rem; }
.teamtable-accordion .spon-group { display: block; }
.teamtable-accordion .spon-logo { width: 100%; }
.teamtable-accordion .spon-title { font-size: 1rem; width: 100%; display: none; }
.teamtable-accordion th:nth-child(1), .teamtable-accordion td:nth-child(1) { width: 50%; }
.teamtable-accordion th:nth-child(2), .teamtable-accordion td:nth-child(2) { width: 35%; }
.teamtable-accordion th:nth-child(3), .teamtable-accordion td:nth-child(3) { width: 15%; }
.teamtable-accordion .player-name { margin-right: 0; letter-spacing: 0; }
.teamtable-accordion .player-rank::before { display: none; }
.teamtable-detail-header { display: block; padding: 1rem; min-height: auto; }
.teamtable-detail-header .spon-group { display: flex; justify-content: normal; margin-bottom: 1rem; }
.teamtable-detail-header .spon-logo img { max-width: 120px; margin-right: 1rem; }
.teamtable-detail-header .spon-title { font-size: 1.25rem; padding-left: 1rem; }
.teamtable-detail-header .spon-title::before { height: 20px; }
.teamtable-detail-body .title-section { padding: 1rem; }
.teamtable-detail-body .title-section h2 { font-size: 1.25rem; }
.teamtable-detail-body .title-section .inline-icon img { max-width: 75%; }
.teamtable-detail-body .title-section ul.btn-section img { max-width: 75%; }
.teamtable-detail-body .detail-inner .player-thumb { margin: 1rem 0; width: 136px; }
.teamtable-detail-body .detail-inner .player-description { margin: 1rem 0; width: 146px; }
.teamplayer-rank li { padding: 0.5rem 0rem 1rem; }
.teamplayer-recordtable .title-section { display: block; padding: 1rem; }
.teamplayer-recordtable .title-section h2 { font-size: 1.25rem; margin-bottom: 0.5rem; }
.teamplayer-recordtable .title-section img { max-width: 75%; }
.teamtable-accordion h2 { font-size: 1.25rem; }
.page-select { width: 100%; }
.ul-seedplayer details summary { padding: 0.75rem 1rem; }
.ul-seedplayer details summary h2 { font-size: 1.25rem; }
.table-seedplayer tr th, .table-seedplayer tr td { font-size: 1rem; padding: 0.75rem; }
.ranking-board { padding: 2rem 2rem 0; }
.img-ms .user-thumb { height: 220px; max-height: 220px; }
.ms-point span { width: 200px; height: 30px; line-height: 30px; font-size: 1.25rem; }
.skillbar { height: 10px; margin: 1.2rem 0; }
.skillbar-title { font-size: 0.875rem; }
.skillbar-bar { height: 10px; }
.skill-bar-percent { font-size: 0.875rem; }
.skillbar-box { padding: 0 5rem; }
.skillbar-title { top: -0.25rem; left: -5rem; width: 5rem; }
.skill-bar-percent { top: -0.25rem; right: -5rem; }
.ranking-boardinfo { padding: 1rem 0.5rem; font-size: 1rem; }
.powerranking-box h3 { font-size: 1.125rem;}
.rankingbar-title { font-size: 1.125rem; }
.modelcontent-header { height: auto; padding: 1rem; }
.modelcontent-header span { max-width: 36px; }
.modelcontent-header h1 { font-size: 1.5rem; }
.clubcontent-header { padding: 1.5rem; }
.clubcontent-header h3 { font-size: 1.25rem; padding-bottom: 1rem; }
.clubcontent-header p { margin: 1rem 0; font-size: 1rem; }
.header-badge { position: absolute; top: 1.5rem; right: 2rem; }
.tb-flag-lg { width: 20px; height: 20px; }
td .avatar-lg { width: 32px; height: 32px; min-width: 32px; }
/* player profile */
.profile-thumb { height: 140px; max-height: 140px; margin-bottom: 0; }
.ul-profile-header { margin: 1rem 0; }
.ul-profile-header li { padding: 0 1rem; }
.ul-profile-header li:first-child { padding: 0 1rem 0 0; }
.ul-profile-header li label { font-size: 0.625rem; }
.ul-profile-header li h4 { font-size: 1rem; }
.ul-profile-bottom { margin: 1rem 0; }
.ul-profile-bottom li { padding: 0 0.5rem; }
.ul-profile-bottom li:first-child { padding: 0 0.25rem 0 0; }
.ul-profile-bottom li label { font-size: 0.625rem; }
.ul-profile-bottom li h5 { font-size: 0.87rem; }
.tab-profile h3 { font-size: 1rem; }
.tab-profile h1 { font-size: 1.25rem; }
.profile-score-header h2 { padding: 1rem; }
.profile-score-header .nav-round-xl { justify-content: center; margin: 2rem auto; }
.profile-score-header .nav-round-xl .nav-link { min-width: 66px; }
.profile-score-body { padding: 0 1rem 2rem; }
.panel-title { font-size: 1.25rem; padding: 1rem 1rem; margin: 0 -1rem 1rem; }
.table-gradient .table-sm tr th, .table-gradient .table-sm tr td { padding: 0.5rem 0.75rem; }
.ph-select .form-select { height: 40px; font-size: 1.25rem; }
.ph-select .form-select option { font-size: 1rem; }
.ph-select .form-select:focus { font-size: 1.25rem; }
.ph-player .form-control { height: 40px; font-size: 1.25rem; }
.ph-select::after { top: 0.125rem; }
.section-pageheader.scroll-snap.cambio_header .snap-item { padding: 0; top: 58px; min-height: auto; }
.profile-location-header { padding: 1.5rem 1.5rem 0; }
.profile-location-header h1 { font-size: 1.2rem; padding-bottom: 0.5rem; margin-bottom: 0.5rem; }
.profile-location-header label { font-size: 0.75rem; }
.profile-location-header h3 { font-size: 1rem; margin-top: 0.5rem; margin-bottom: 1rem; }
.profile-history-body .content-title { font-size: 1.5rem; }
.table-history-title, .table-history-title1, .table-history-title2, .table-history-title3, .table-history-title4 { font-size: 1.25rem; padding: 0.5rem 1rem; }
.award-list-header, .award-list { font-size: 1.25rem; padding: 1rem 1rem; }
.award-list h3 { font-size: 1.25rem; }
.player-media-caption { padding: 0.5rem 1rem; min-height: 100px; }
.player-media-caption a { font-size: 1rem; }
.player-media-date { font-size: 0.875rem; }
.player-photo-caption { position: relative; padding: 0.5rem 1rem; min-height: 108px; }
.player-photo-caption a { font-size: 1rem; }
.player-photo-date { font-size: 0.875rem; }
.player-news-caption { position: relative; padding: 0.5rem 1rem; min-height: 120px; }
.player-news-caption a { font-size: 1rem; }
.player-news-caption .badge { max-width: 24px; }
.player-news-date { font-size: 0.875rem; margin-bottom: 0; }
/* search */
.section-searchresult { padding: 2rem 0; }
.section-searchresult h2 { font-size: 1.25rem; }
.entry-result { font-size: 1rem; padding: 1rem; }
.entry-result label, .entry-result h3 { font-size: 1rem; }
/* member */
.section-member-header { display: block; }
.section-member-header .section-title { padding-top: 1rem; padding-left: 2rem; padding-bottom: 0.5rem; margin-bottom: 0.5rem; }
.section-member-header h2 { padding-top: 0; padding-left: 1rem; font-size: 1.25rem; }
.member-roundbox-header, .member-roundbox-footer { padding: 2rem 1rem; }
.member-roundbox-body { padding: 0 1rem; }
.member-roundbox-inner h1 { font-size: 2rem; }
.member-roundbox-inner h2 { font-size: 1.25rem; }
.member-roundbox-inner h3 { font-size: 1.125rem; }
.tourvan-wrapper { padding: 0 1rem; }
.joinstep .btn-joinstep { width: 48px; height: 48px; line-height: 48px; }
.joinstep p { font-size: 1rem; }
.agree-header .fs-3 { font-size: 1rem !important; }
.agree-body { padding: 1rem 1rem; }
.form-check-agree .form-check-input { width: 24px; height: 24px; }
.form-check-agree .form-check-label { font-size: 1.25rem; }
.section-member .form-check-xl .form-check-input { font-size: 1.125rem; width: 24px; height: 24px; }
.section-member .form-check-xl .form-check-label { font-size: 1.125rem; padding: 0.5rem 0.5rem; }
.member-loginbox { max-width: 380px; }
.member-searchbox { width: 100%; }
.searchbox-item { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; }
.searchbox-item .search-text { margin-left: 1rem; }
.searchbox-item p { margin-bottom: 0; }
.searchbox-item .search-icon img { width: 28px; }
/* tour schedule */
.section-pageheader.pageheader-schedule { min-height: 84px; }
.nav-pills-xxl .nav-link { padding: 0.5rem 1rem; font-size: 1.125rem; }
.nav-pills-xxl .nav-item:not(:last-child) { margin-right: 0.5rem; }
.thisweek-title { font-size: 1.5rem; }
.thisweek-box::before { background-size: 280px; }
.thisweek-description li { padding-bottom: 0.25rem; }
.thisweek-description .avatar-xxl { margin-top: 1rem; width: 45px; height: 45px; min-width: 45px; }
.thisweek-description .title { width: 70px; }
.thisweek-description .desc { font-size: 1rem; }
/* about */
.section-klpgaheader { min-height: auto; }
.bg-greeting .container { background-size: 100px; }
.greeting-img { margin: 1rem 0; width: 80px; }
.greeting-text { margin-top: 2rem; }
.bg-greeting h1 { font-size: 1.5rem; padding-top: 3rem; }
.section-pagemenu-klpga .nav-link { padding: 0.5rem 0.75rem; }
/* media */
.media-sidebar { padding: 1rem 2rem; max-height: 570px; }
.media-sidebar .entry-thumbnail { width: 40%; }
.media-sidebar .entry-meta { width: 55%; padding: 0.25rem 0; }
.media-sidebar .entry-title { font-size: 1.125rem; height: 38px; }
/* timeline */
.timeline { margin-left: 22px; }
.timeline .badge { top: 0.5rem; right: 0.5rem; width: 4rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.875rem; }
.timeline .timeline-entry { margin-bottom: 30px; }
.timeline .timeline-entry .timeline-entry-inner .timeline-label { margin-left: 60px;}
.timeline-imgcaption { top: 30%; }
.timeline-imgcaption h2 { font-size: 1.2rem; }
.timeline-imgcaption .btn-timelinephoto { width: 30px; height: 30px; padding: 0.25rem; }
.timeline-newscaption { height: 3.4rem; }
.timeline-newscaption h2 { font-size: 1.2rem; }
/* 3dmap */
.site-close { padding-right: 1rem; }
.content-3dmap-header { height: auto; }
.content-3dmap-footer { padding: 0.5rem 1rem; background: linear-gradient(to bottom, #3251f5 50%, #4A4F54 50%); }
.content-3dmap-footer .form-select { font-size: 1rem; padding: 0.375rem 2.25rem 0.375rem 0.75rem; line-height: 1; }
.content-3dmap-footer .form-select option { font-size: 1rem; }
.content-3dmap-footer .form-select:focus { font-size: 1rem; }
.map-holeinfo { height: auto; }
.mapcontrol-title h3 { font-size: 1rem; margin: 0 0.5rem; }
.mapcontrol-prev, .mapcontrol-next { width: 18px; }
.mapcontrol-player { width: 32px; margin: 0 1rem; }
.mapcontrol-player::before { height: 24px; left: -1rem; }
.mapcontrol-step { margin-top: 1.25rem; }
.controlstep .btn-controlstep { width: 18px; height: 18px; line-height: 18px; font-size: 1rem; }
.ul-controlstep { margin: 0 1rem; }
.ul-controlstep::before { height: 24px; left: -1rem; }
.ul-controlstep::after { height: 24px; right: -1rem; }
.map-holeinfo .nav-green { position: relative; top: 0; }
.map-holeinfo .nav-green .nav-link { padding: 0.25rem 0.5rem; }
.map-holeinfo .nav-green .badge { margin-right: 0.5rem; width: 28px; height: 28px; font-size: 1.25rem; }
.nav-mapround { display: block; }
.nav-mapround .nav-item { margin-right: 0; }
.nav-mapround .nav-item:not(:last-child) .nav-link { margin-bottom: 0.5rem; }
.nav-mapround .nav-link { font-size: 0.875rem; min-width: 80px; padding: 0.25rem 0.5rem; }
.map-sidebar-header { width: 100%; margin: 0.75rem 0.5rem; height: 64px; }
.nav-mapsidebar .nav-link { padding: 0.5rem 0.7rem; margin-top: 0.25rem; }
.nav-mapsidebar .nav-link .map-icon { width: 20px; margin-bottom: 0.25rem; }
.nav-mapsidebar .nav-link p { font-size: 0.75rem; margin-bottom: 0; }
.map-sidebar-pannel { width: 100vw; height: calc(100vh - 297px); margin-top: 85px; }
#mapround-tabContent { position: fixed; top: 230px; width: 100%; padding-right: 0; }
/* mypage */
.mypage-pageheader { padding: 0; }
.mypage-pageheader.scroll-snap.cambio_header .snap-item { padding: 0; top: 58px; height: 60px; }
.mypage-pageheader .mypage-mycard-wrapper { background: linear-gradient(to bottom, #E7013A, #7D07E1 210px, #FFF 210px); }
.mypage-pageheader h1.mypage-title { font-size: 2rem; padding: 2rem 0; }
.mypage-bartitle .form-select { font-size: 1.25rem; }
.mypage-mycard { margin-top: 0; }
.mypage-mycard .card-body { padding: 1rem; }
.mypage-pageheader.scroll-snap.cambio_header h1 { font-size: 1.125rem; margin: 0 0.5rem; padding-bottom: 0; }
.mycard-thumb-small { height: 38px; width: 26px; margin: 0 0.5rem; }
.mycard-thumb { height: auto; }
.mypage-mycard .card-body li { height: 36px; line-height: 36px; padding: 0 2rem; font-size: 1rem; margin-bottom: 0.75rem; }
.mypage-goldbartitle h1 { font-size: 1.5rem; }
.caution, .caution .badge { font-size: 1rem; }
.paylist-summary h1 { font-size: 1.5rem; }
.paylist-summary h2 { font-size: 1.125rem; }
.paylist-summary hr { margin: 0.25rem; }
.card-paylist .card-header, .card-paylist .card-footer { padding: 0.5rem 1rem; }
.card-paylist .card-body { padding: 1rem 0; }
.paylist-title { padding: 0.5rem 2rem; font-size: 1.125rem; }
.dl-paylist-wrapper { margin-top: 1rem; }
.dl-paylist { padding: 1rem 1.5rem; font-size: 1.125rem; }
.dl-paylist dt, .dl-paylist dd { font-size: 1.125rem; min-width: 60px; }
.dl-paylist:first-child::before { width: calc(100% - 4rem); }
.dl-paylist::after { width: calc(100% - 4rem); }
.dl-paylist-sm { padding: 0.5rem 1rem; font-size: 1rem; }
.card-paylist { margin-bottom: 1rem; }
.paylist-summary { padding: 0.5rem 1rem; }
summary.paylist-summary { padding: 0.5rem 3rem 0.5rem 1rem; }
summary.paylist-summary::after { top: 1rem; right: 1rem; width: 24px; height: 24px; }
.paylist-dropdown { padding: 1rem; }
.paylist-dropdown .dl-paylist-wrapper { padding-bottom: 0.5rem; margin-bottom: 1rem; }
.dl-paylist-sm-wrapper { padding: 0.5rem 0.5rem; margin: 1rem 0; }
.paylist-dropdown hr { width: calc(100% - 3rem); }
.paylist-dropdown-inner { margin: 0; }
.nav-award-wrapper { display: block; padding: 0.25rem 1rem; overflow: auto; }
.card-namecard { min-height: 240px; margin-bottom: 1rem; }
.card-namecard .card-header, .card-namecard .card-footer { padding: 1.5rem 0; }
.namecard-title { padding: 0.5rem 2rem; font-size: 1.125rem; }
.section-content-nav { padding: 0.5rem 0; }
.nav-content-sm .nav-item:not(:last-child) { margin-right: 1.25rem; }
.nav-content-sm .nav-link { font-size: 1.125rem; }
.member-roundbox-inner .col-form-label-xl { padding-top: 0.25rem; padding-bottom: 0.5rem; }
.noticelist-dropdown ul li { font-size: 1rem; }
.card-inquiry { padding: 0rem; border-radius: 1rem; }
.myboardlist-summary { padding: 1rem; }
.myboardlist-summary .summary-title { display: block; }
.myboardlist-summary h2 { font-size: 1.125rem; }
.nav-generaltab .nav-link { padding: 0.75rem 1rem; font-size: 1.25rem; }
.nav-generaltab .nav-link.active::after { bottom: -10px; }
/* matchplay */
.card-match { margin-bottom: 3.6rem; }
.match-player { padding: 1rem 1rem 0.5rem; }
.match-player h1 { margin-bottom: 0.25rem; font-size: 1.25rem; }
.match-player .inline-icon { margin-right: 0.5rem; }
.match-player.left p { font-size: 0.875rem; padding-left: 2rem; }
.match-player.right p { font-size: 0.875rem; padding-right: 0.5rem; }
.match-info { padding-top: 0.5rem; }
.match-info .badge { font-size: 0.75rem; }
.match-info h1 { font-size: 1.25rem; }
.matchplayer-group h2 { font-size: 1.25rem; }
.summary-matchtable .title { padding-left: 0.5rem !important; }
.summary-matchtable .spon { max-width: 54px; }
.summary-matchtable th, .summary-matchtable td { padding: 8px 4px !important; font-size: 1rem !important; }
.summary-holenumber { bottom: -2.4rem; }
.summary-holenumber ul li { font-size: 0.75rem; margin: 0.125rem; width: 20px; height: 20px; line-height: 20px; }
.summary-matchtable .form-check-like { width: 30px; padding-left: 0.5rem; }
.matchtable-64 { overflow: scroll; }
.matchcroll-button-wrapper { display: none; }
.card-matchtable { padding: 1rem 0.25rem; }
.card-matchtable h5 .inline-icon { margin-right: 0; }
/* Modal */
.widget-datepicker-body td { padding: 0.25rem; height: 120px; }
.date-list li { font-size: 0.75rem; padding-bottom: 0; }
.datepicker-caption-icon { float: none; margin: 0 1rem 2rem 0;}
#modelModal .btn-close { top: 0.5rem; right: 0.5rem; width: 20px; height: 20px; background-size: 14px 14px; }
#modelModal .swiper-button-next, #modelModal .swiper-button-prev { width: 28px; height: 28px; background-size: 14px 14px; }
.modal-dialog-identity .modal-header, .modal-dialog-identity .modal-body { padding: 0.75rem 1.5rem; }
.modal-dialog-identity .modal-header .btn-close { top: 1rem; right: 1rem; }
.modal-dialog-identity h1 { font-size: 1.6rem; }
.modal-dialog-identity .modal-text { font-size: 1rem; }
.identity-box { padding: 1rem; }
.modal-dialog-add .modal-header, .modal-dialog-add .modal-body, .modal-dialog-add .modal-footer { padding-left: 2rem; padding-right: 2rem; }
/* Footer */
.section-copyright { padding: 1.5rem }
.footer-sns li:first-child { display: block; width: 100%; }
}
@media (max-width: 576px) {
.nav-tabmenu-sm li { padding-right: 0.54rem !important; letter-spacing: -1px; font-size: 0.875rem; }
.news-swiper .swiper-description, .photo-swiper .swiper-description { margin-top: 2rem; }
.swiper-description h6::before { height: 56px; }
.tracker-hole-info li { padding-left: 0.6rem; padding-right: 0.6rem; }
.nav-switch li { width: 100%; }
.nav-switch .nav-link { width: 100%; }
/*.table-scorecard table { min-width: 700px; }*/
.shot-table { height: 158px; margin: 1rem 0; }
.nav-stats-wrapper { margin-bottom: 1.5rem; }
.table-scorecard .title .btn { font-size: 0.875rem; }
.timeline-thumb iframe { width: 330px; height: calc(330px * 0.5625); }
}