/* Add here all your CSS customizations */
@charset "UTF-8";

body{
	background-color: white;
}

.pageUnitSelect{
	width:120px !important;
	display: inline;
}

.main-logo{
	width:100%;
	max-width: 150px;
	max-height: 40px;
}

.main-bgcolor{
	/**background-color: #f9e000 !important;**/
	/**background-color: #FEDE22 !important;**/
	background-color: white !important;
}

.main-bgcolor{
	/**background-color: #f9e000 !important;**/
	/**background-color: #FEDE22 !important;**/
	background-color: white !important;
}

.card-bgcolor{
	background-color: #e4f2ff !important;
}

.sub-bgcolor{
	/**background-color: rgba(249, 224, 0, 0.2);**/
	background-color: #e4f2ff !important;
}

.text-yellow-main{
	color:#FFE400;
}

.badge-custom{
	background-color: #e4f2ff !important;
	color: black !important;
	font-weight: 500;
}

.main-text{
	/*color: #185194 !important;*/
	color: black !important;
}

.dialog-bgcolor{
	background-color: lightblue !important;
}

.main-card-img-overlay{
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
    z-index:10;
}

.new-appheader {
  min-height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: env(safe-area-inset-top);
  left: 0;
  right: 0;
  z-index: 999;
  /* background: #FFF; */
  color: #141515;
  /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08); */
}
/**
.form-control[disabled], [disabled].dataTable-input,
.form-select[disabled],
[disabled].dataTable-selector {
  color: gray;
  border-color: rgba(0, 0, 0, 0.06);
}
**/

.base-bgcolor{
	background-color: white;
}

.fab{
	background-color: #0060ff !important;
	color: yellow !important;
	width:50px;
	height:50px;
}

.fab-button p{
	background-color: lightyellow !important;
}

.appHeader, #appCapsule, .appBottomMenu, .extraHeader, .offcanvas,
.modal-content, .modal-header, .notification-box, .clubFeeMonthDtlHeader, .carousel-button-footer, .new-appheader{
	max-width: 640px !important;
	margin-inline: auto !important;
}

.tourGameList .tourScore input{
	width:40px;
	display:inline;
	padding-left:3px;
	padding-right:3px;
}
/**
.boardCntBadge{
    font-size: 0.7em;
    height: 15px;
    min-width: 15px;
    padding: 0 4px;
}
**/

#totalRankTab table>tbody>tr>td:nth-child(6){
	text-decoration: underline;
}


.customListIn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.logo{
	max-height:45px !important;
}

.termsArea{
    list-style-type: none;
    padding-left: 0px;
}

.termsArea ul{
    list-style-type: none;
    padding-left: 10px;
}

.termsArea li{
    margin-bottom: 10px;
}

#matchListFormArea input{
	width:50px;
	display:inline;
}

#proTourScoreArea input{
	width:50px;
	display:inline;
}

.stepper .stepper-button, .stepper .form-control {
	border-width: 1px !important;
}

/**
.appHeader .pageTitle .logo {
  max-height: 70px !important;
}
**/

.modal-exp-list{
    text-align: left;
    margin-left: 0px;
    padding-left: 1rem;
}

.badge-empty {
  display: inline-block !important;
  margin-left: 7px;
}
/*��ȸ ������ ����� �̸����� */
.table-list-ggmatch{
	font-size:9pt;
	width:100%;
	text-align:center;
	border-spacing: unset;
}
.table-list-ggmatch tbody td:first-child,
.table-list-ggmatch thead th:first-child{
	border-left: 1px solid #e6e6e6;
}

.table-list-ggmatch tbody td{
	vertical-align: top;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.table-list-ggmatch thead th{
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	height:20px;
}

.tourResultText{
	font-size: 17px;
    padding-bottom: 10pt;
    padding-top: 10pt;
}

.clubFeeMonthDtlHeader{
    position: fixed;
    background: #fff;
    z-index: 1000;
    left: 0;
    height: 100px;
    right: 0;
    width: 100%;
    align-items: center;
    padding: 0.5rem;
    top: 55px;
    text-align: center;
}

.tourMberStroke{
    font-weight: bold;
    font-size: 12pt;
    background-color: #ffd3d3;
}

.listNone{
	list-style:none;
	padding-left:0px;
}

.majorList{
	list-style:none;
	padding-left:0px;
}

.majorList > li{
	margin-bottom:0.3rem;
	font-size:0.8rem;
}

.majorList > li:first-child{
	font-weight: bold;
    font-size: 0.9rem;
}

table.headerSticky thead th{
	position: sticky;
    top: 0px;
    background-color: white !important;
}

.headerStickyParent{
	height:550px;overflow:auto;
}

span.mberLevelPointBadge{
    font-size: 10px;
    height: 15px;
    min-width: 15px;
    padding: 0 4px;
    margin-left: 0.2rem;
}

input.scoreBox-lg{
	font-size: 2rem;
    width: 80px;
    text-align: center;
    display: inline;
}

.space-between{
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/** ���´�ȸ ������ */
.getOpenTourTeam{
	text-decoration: underline;
	font-weight:500;
}

/** �ؽ�Ʈ��ũ ���� */
.text-link{
	text-decoration: underline;
	font-weight:600;
}

.stat {
   font-size: 20px; 
   font-weight: 700; 
   text-transform: uppercase; 
   color: #141515; 
   margin: 0 -40px; 
   margin-bottom:10px;
}

.stat > div {
  display: inline-block;
  width: 70px;
  border: 1px solid #E1E1E1;
  margin: 5px;
  text-align: center;
  border-radius: 6px;
  padding: 10px 5px;
  background-color : white;
}

.stat > div span.text {
  display: block;
  font-weight: 400;
  color: #A1A1A2;
  font-size: 0.8rem;
}

.tableSmall th, .tableSmall td {
	padding:12px 5px;
}

.guideImg{
	width:100%;
	max-width:540px;
	margin-bottom:4rem;
}

.main-hotdeal .goodsTitle{
	min-height:39px;
}

.openClubArea .openClubTitle{
	min-height:45px;
}

.card-overlay-top-left{
	position: absolute;
    top: 10px;
    left: 10px;
}

.card-overlay-top-right{
	position: absolute;
    top: 10px;
    right: 10px;
}

.offcanvas{
	width:90% !important;
	max-width:600px !important;
}

.mainIcon{
	width:100%;
	max-width:50px;
}

.border-radius{
	border-radius: 6px
}

.bg-image{
    background-repeat: no-repeat;
    background-size: 70% 80%;
    background-position: right;
}

.main-hotdeal-carousel li .card-body{
	min-height: 125px;
}

.chatFooter{
    max-width: 640px;
    margin-inline: auto !important;
}

.coverImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 640px;
    max-height: 360px;
}

.thumbNailImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 320px;
    max-height: 320px;
}

.mt-auto{margin-top:auto !important;}

.nav-tabs.capsuled{padding-top:8px;padding-bottom:8px;}

span.require {color:red; margin-left:0.5rem;font-size:11px;}

.swal2-container {z-index : 9999 !important;}

.toast-box {z-index : 6000 !important;}

.zIndexTop {z-index:1500;}

.formInline {display:inline !important; width:auto;}

.hide{  display: none !important; }

.fc63{color:#636363 !important;}

.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}

.fs11t{ font-size : 11pt !important;}
.fs12t{ font-size : 12pt !important;}
.fs10t{ font-size : 10pt !important;}
.fs9t{ font-size : 9pt !important;}
.fs8t{ font-size : 8pt !important;}

.w100{	width:100px !important;  }
.w120{	width:120px !important;  }
.w140{	width:140px !important;  }
.w150{	width:150px !important;  }
.w160{	width:160px !important;  }
.w170{	width:170px !important;  }
.w180{	width:180px !important;  }
.w200{	width:200px !important;  }
.w100p{	width:100% !important;  }



#mainMenuArea {
	text-align: center;
	margin-top: -6rem !important;
	padding-top: 6rem !important;
	border-radius: 1rem !important;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1.5rem;
	margin-bottom: -0.8rem;
}

#mainMenuArea img {
	max-width:35px;
}

#mainMenuArea .card{
	padding:16px !important;
	border-radius: 20px !important;
	height: 70px;
	max-width: 70px;
	margin-right: auto !important;
	margin-left: auto !important;
}

#totalRankTab table td, #totalRankTab table th{
	padding:0.4rem;
}

#totalRankTab table td span.badge{
	font-size:8pt !important;
	margin:0px;
	padding:0px;
}

.more-small{
	font-size: 0.7rem;
}


.radius-1rem{
	border-radius: 1rem;
}

.checkGroupEnterTeamList{
	max-height: 300px;
	min-height: 300px;
	overflow: scroll;
	text-align: left;
	padding-top:1.5rem;
	margin-bottom:0px;
	padding-left:20px;
}

/*모바일 환경에서 태그들이 가로로 스크롤될 수 있도록 CSS 스타일을 적용*/
.scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap; /* Prevent line breaks */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}

.scroll-container a,
.scroll-container span {
    flex-shrink: 0; /* Prevent flex items from shrinking */
}

.scroll-container::-webkit-scrollbar {
    display: none; /* Hide scrollbars for better mobile experience */
}