/*TOURNAMENT*/
.tournament-area{
	padding: 0rem 0.5rem 3rem;
    display: flex;
    flex-direction: column;
}

.tour-navi-wrap{
	width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.tour-filter-wrapper{
	width: 100%;
    position: relative;
    display: block;
}

.tour-filter-wrapper::before{
	content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--tour5_TOUR_FILTER_WRAPPER_BEFORE_BG);
}

.tour-filter-box{
	justify-content: center;
    transform: translateZ(0)!important;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-duration: 0ms;
    transition-delay: 0ms;
    box-sizing: content-box;
}

.tour-filter-box .filter{
	margin-right: 40px;
	width: auto;
	transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.tour-filter-box .filter a{
	font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    display: flex;
    position: relative;
    padding: 0.5rem 0 10px;
    color: var(--tour5_TOUR_FILTER_BOX_A_TXT);
    cursor: pointer;
    margin-bottom: 1px;
    text-decoration: none;
}

.active{
	font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    font-weight: 500;
    color: var(--tour5_ACTIVE_TXT);
}

.tour-filter-box .filter .active::before{
	content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%);
    height: 3px;
    width: 30px;   
    border-radius: 0.25rem;
    background: var(--tour5_TOUR_FILTER_BOX_ACTIVE_BEFORE_BG);
}

.tour-filter-box .filter .active::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: -1rem;
    height: 1px;
    width: calc(100% + 2rem);
    background: var(--tour5_TOUR_FILTER_BOX_ACTIVE_AFTER_BG);
}

.tour-page-title{
	font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 1rem;
    color: var(--tour5_TOUR_PAGE_TITLE_TXT);
}

.tour-list-section-title{
	font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding-top: 1rem;
    margin-bottom: 1rem;
    color: var(--tour5_TOUR_LIST_SECTION_TITLE_TXT);
}

.tour-card-list{
	position: relative;
    display: grid;
    max-width: 412px;
    border-radius: 0.25rem;
    margin: 30px auto;
    background-color: var(--tour5_TOUR_CARD_LIST_BG);
}

.tour-card-list .tour-card-images{
	display: flex;
    position: relative;
    width: 100%;
    height: 160px;
    margin-top: -0.75rem;
    overflow: hidden;
    background-image: var(--tour5_TOUR_CARD_LIST_IMAGES_BG);
}

.tour-card-list .tour-card-images:before{
	content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 73px;
    background-image: var( --tour5_TOUR_CARD_LIST_IMAGE_BEFORE_BG);
    z-index: 1;
}

.tour-card-list .tour-card-images .tour-card-picture{
	width: 100%;
    height: 100%;
}

.tour-card-list .tour-card-col-left{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tour-card-list .tour-card-col-left .tour-card-title{
	font-size: var(--HEADER_FONT_SIZE);
    line-height: 1.625rem;
    font-weight: var(--MED_FONT_WEIGHT);
    height: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    color: var(--tour5_TOUR_CARD_LIST_COL_LEFT_TITLE_TXT);
}

.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-date{
	font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var( --tour5_TOUR_CARD_LIST_COL_LEFT_WRAP_DATE_TXT);
}

.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
	font-size: 1rem;
    line-height: 2.0625rem;
    font-weight: 400;
    font-weight: 700;
    white-space: nowrap;
    color: var(--tour5_TOUR_CARD_LIST_COL_LEFT_WRAP_CARD_DESCRIPTION_TXT);
    overflow: hidden;
    white-space: normal;
}

.tour-card-list .tour-card-col-right{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    spadding: 0.25rem 1rem 1rem;
    text-align: center;
}

.tour-card-list .tour-card-col-right .tour-counter-wrapper{
	margin: 15px 0 0;
}

.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-label{
	font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_WRAPPER_LABEL_TXT);
}

.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner{
	display: flex;
    justify-content: center;
}

.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-block .counter-num{
	font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 400;
    font-weight: 700;
    color: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_WRAPPER_INNER_BLOCK_NUM_TXT);
}

.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-block .counter-label{
	font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    text-align: center;
    color: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_WRAPPER_INNER_BLOCK_LABEL_TXT);
}

.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-separator{
	margin-left: 1px;
	font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 400;
    font-weight: 700;
    width: 14px;
    text-align: center;
    opacity: .15;
    color: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_WRAPPER_INNER_SEPARATOR_TXT);
}

.tour-card-list .tour-card-col-right .tour-card-button{
	margin: 0 auto;
}

.tour-card-list .tour-card-col-right .tour-card-button .tour-detail-button{
	margin: 0 auto;
	font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 0;
    line-height: 24px;
    transition: font-size .2s ease-in-out;
	box-sizing: border-box;
	font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    background: var( --tour5_TOUR_CARD_LIST_COL_RIGHT_BUTTON_DETAIL_BG);
    appearance: none;
    border: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_BUTTON_DETAIL_BORDER);
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
    display: flex;
    border-radius: 0.25rem;
    align-items: center;
    color: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_BUTTON_DETAIL_TXT);
}

.tour-card-list .tour-card-col-right .tour-card-button .tour-detail-button:hover{
	font-size: 17px;
}

.tour-card-list .tour-card-col-right .tour-card-button .tour-detail-button>span{
	text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.tour-card-completed-images{
	width: 202px;
    height: 108px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,calc(-50% + 14px));
    z-index: 2;
}

.completed-tour-list .tour-card-list-wrapper .tour-card-picture{
	filter: var(--tour5_COMPLETED_TOUR_LIST_WRAPPER_PICTURE_FILTER);
}

.completed-tour-list .tour-card-list-wrapper .tour-card-col-left .tour-card-title,
.completed-tour-list .tour-card-list-wrapper .tour-card-col-left .tour-card-wrap .tour-card-date,
.completed-tour-list .tour-card-list-wrapper .tour-card-col-left .tour-card-wrap .tour-card-description,
.completed-tour-list .tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-label,
.completed-tour-list .tour-card-list-wrapper .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-block .counter-num,
.completed-tour-list .tour-card-list-wrapper .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-block .counter-label,
.completed-tour-list .tour-card-list-wrapper .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-separator{
	color: var(--tour5_COMPLETED_TOUR_LIST_WRAPPER_COL_LEFT_CARD_TITLE_TXT);
}

.tournament-detail-area{
	display: flex;
    flex-direction: column;
    padding: 1rem;
    padding-top: 0;
}

.tournament-detail-area .tour-rank-container{
	margin-bottom: 1.5rem;
}

.tour-rank-container .tour-rank-title{
	font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--tour5_TOUR_RANK_CONTAINER_TITLE_TXT);
}

.tour-rank-container .tour-top-rank{
	display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.tour-rank-container .tour-top-rank .top-rank-detail-wrap{
	display: flex;
    align-items: center;
    flex-direction: column;
}

.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-section-img{
	max-width: 260px;
}

.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-label{
	font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    font-weight: 500;
    color: var(--tour5_TOUR_RANK_CONTAINER_TOP_RANK_DETAIL_WRAP_LABEL_TXT);
}

.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-name{
	font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: 700;
    margin-top: -2px;
    color: var(--tour5_TOUR_RANK_CONTAINER_RANK_DETAIL_WRAP_NAME_TXT);
}

.tour-rank-container .tour-rank-list{
	display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(auto-fill,minmax(288px,1fr));
}

.tour-rank-container .tour-rank-list .tour-rank-table-item{
	display: flex;
    justify-content: space-between;
    padding: 7px 1rem;   
    border-radius: 0.125rem;
    background-color: var(--tour5_TOUR_RANK_CONTAINER_RANK_LIST_TABLE_ITEM_BG);
}

.tour-rank-container .tour-rank-list .tour-rank-table-item .tour-rank-index,
.tour-rank-container .tour-rank-list .tour-rank-table-item .tour-rank-name,
.tour-rank-container .tour-rank-list .tour-rank-table-item .tour-rank-amt{
	font-weight: var(--MED_FONT_WEIGHT);
}

.tour-back-btn{
	top: 40px;
	display: flex;
    align-items: center;
    top: 0;
    z-index: 599;    
    padding: 2px 0.5rem;
    background: var(--tour5_TOUR_BACK_BTN_BG);
}

.tour-back-btn:after{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px; 
    width: 100%;
    bottom: 0;
    background: var(--tour5_TOUR_BACK_BTN_AFTER_BG);
}

.tour-back-btn .back-btn{
	font-size: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: 0.5rem 0;
    line-height: 20px;
    transition: font-size .2s ease-in-out;
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--tour5_TOUR_BACK_BTN_BACK_BG);
    -webkit-appearance: none;
    appearance: none;
    border: var(--tour5_TOUR_BACK_BTN_BACK_BORDER);
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;  
    display: flex;
    border-radius: 0.25rem;
    align-items: center;
    color: var(--tour5_TOUR_BACK_BTN_BACK_TXT);
}

.tour-back-btn .back-btn i{
	display: flex;
    align-items: center;
    justify-content: center;
}

.tour-back-btn .back-btn span{
	text-decoration: none;
    position: relative;
    margin-left: 0.5rem;
}


.tour-back-btn .back-btn span:hover{
	transition: width .2s ease-in-out;
	-webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    
}

.show-more{
	display: flex;
	justify-content:center;
	padding-top: 20px;
}

.show-more button{
	background: var(--tour5_TOUR_SHOW_MORE_BUTTON_BG);
	border: var(--tour5_TOUR_SHOW_MORE_BUTTON_BORDER);
	color:	var(--tour5_TOUR_SHOW_MORE_BUTTON_TXT);
}

.show-more button:hover{
	transition: width .2s ease-in-out;
	-webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.tour-card-detail-wrapper hr,
.tour-rank-container hr{
	border: var(--tour5_TOUR_CARD_DETAIL_WRAPPER_CONTAINER_HR_BORDER);
}

.tour-card-detail-wrapper .tour-card-content-title,
.tour-rank-container .tour-rank-title{
	font-weight: 500 !important;
	font-size: 1.5rem !important;
	text-align: center;
	margin-bottom: 1.5rem;
}

@media (min-width: 1366px){
	.tour-card-list{
		grid-template-columns: 375px 1fr minmax(338px,.5fr);
	}
}

@media (min-width: 1280px) {
	.tournament-area{
		padding: 0rem 1.5rem 3rem;
	}
	
	.tour-navi-wrap{
		width: calc(100% + 3rem);
	    margin-left: -1.5rem;
	    margin-right: -1.5rem;
	}
	
	.tour-page-title{
		margin-top: 0.5rem;
	}
	
	.tour-back-btn{
		top: 157px;
		padding: 1.5rem;
    	padding-bottom: 0;
	}
	
	.tour-back-btn .back-btn{
		font-size: 1rem;
	    line-height: 1rem;
	    font-weight: 500;
	    padding: 0.5rem 0;
	    line-height: 24px;
	}
	
	.tour-back-btn .back-btn span{
		margin-left: 0.5rem;
	}
	
	.tour-card-list{
		grid-template-columns: 320px 1fr minmax(266px,.8fr);
	}
	
	.tour-card-list .tour-card-col-left{
		padding: 1rem 1rem 1.5rem;
	}
	
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-date{
	    font-size: .875rem;
	    line-height: 1.125rem;
	    font-weight: 400;
	}
	
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
		font-size: 2.5rem;
	    line-height: 2.9375rem;
	    font-weight: 700;
	}
	
	.tour-card-list .tour-card-col-right{
		padding: 1rem 1.5rem;
	}
	
	.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-label{
		font-size: .875rem;
	    line-height: 1.125rem;
	    font-weight: 400;
	}
	
	.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-block .counter-num{
		font-size: var(--SECTION_HEADER_FONT_SIZE);
	    line-height: 2.625rem;
	    font-weight: var(--MED_FONT_WEIGHT);
	}
	
	.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-block .counter-label{
		font-size: .875rem;
	    line-height: 1.125rem;
	    font-weight: 400;
	    margin-top: -6px;
	}
	
	.tour-card-list .tour-card-col-right .tour-counter-wrapper .tour-counter-inner .counter-separator{
		margin-left: 0.25rem;
		font-size: 1.75rem;
	    line-height: 2.0625rem;
	    font-weight: 400;
	    font-weight: 700;
	}
	
	.tournament-detail-area{
		padding: 1.5rem;
   		padding-top: 0;
	}
	
	.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-label{
		font-size: 1.5rem;
	    line-height: 1.75rem;
	    font-weight: 400;
	    font-weight: 500;
	}
	
	.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-name{
		font-size: 2.5rem;
	    line-height: 2.9375rem;
	    font-weight: 700;
	}
	
	.tour-rank-container .tour-rank-list{
    	grid-template-columns: repeat(auto-fill,minmax(366px,1fr));
	}
	
	.tour-back-btn{
		top: 157px;
		padding: 1.5rem;
    	padding-bottom: 0;
	}
	
	.tour-back-btn .back-btn{
		font-size: 1rem;
	    line-height: 1rem;
	    font-weight: 500;
	    padding: 0.5rem 0;
	    line-height: 24px;
	}
	
	.tour-back-btn .back-btn span{
		margin-left: 0.5rem;
	}
	
}

@media (min-width: 1180px){
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
	    font-size: 3rem;
	    line-height: 3.5rem;
	    font-weight: 400;
	    font-weight: 700;
	}
}

@media (min-width: 1024px){
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
		font-size: 2.5rem;
	    line-height: 2.9375rem;
	    font-weight: 700;
	}
}

@media (min-width: 960px){
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
	    font-size: 2.25rem;
	    line-height: 2.625rem;
	    font-weight: 400;
	    font-weight: 700;
	}
}

@media (min-width: 820px){
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
		font-size: 1.5rem;
	    line-height: 1.75rem;
	    font-weight: 400;
	    font-weight: 700;
	}
}

@media (min-width: 802px){
	.tour-card-list .tour-card-col-left .tour-card-title{
		font-size: 1.75rem;
	    line-height: 1.625rem;
	    font-weight: 400;
	    font-weight: 500;
	}
	
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
		font-size: 1rem;
	    line-height: 1.625rem;
	    font-weight: 400;
	    font-weight: 700;
	}
}

@media (min-width: 768px) {
	.tournament-area{
		padding: 0rem 1rem 3rem;
	}
	
	.tour-navi-wrap{
		width: calc(100% + 2rem);
	    margin-left: -1rem;
	    margin-right: -1rem;
	}
	
	.tour-page-title{
		margin-top: 1.5rem;
	}
	
	.tour-card-wrap .tour-card{
		min-width: 320px;
	}
	
	.tour-back-btn{
		top: 157px;
		padding-top:0.25rem;
		padding: 18px 0.5rem 2px;
	}
	
	.tour-list-section-title{
		margin-bottom: 20px;
	}
	
	.tour-card-list{
		max-width: 100%;
	    min-height: 204px;
	    grid-template-columns: 320px 1fr minmax(252px,.8fr);
	}
	
	.tour-card-list .tour-card-images{
		height: 220px;
    	margin-top: -1rem;
	}
	
	.tour-card-list .tour-card-images:before{
		bottom: 28px;
	    right: -28px;
	    width: 204px;
	    height: 148px;
	    transform: rotate(-90deg);
	    background-image: var(--tour5_TOUR_CARD_LIST_IMAGE_BEFORE_BG);
	}
	
	.tour-card-list .tour-card-col-left{
		padding-top: 1.5rem;
	    padding-right: 0.375rem;
	    padding-bottom: 2.25rem;
	    text-align: left;
	}
	
	.tour-card-list .tour-card-col-left .tour-card-title{
		font-size: var(--HEADER_FONT_SIZE);
	    line-height: 1.375rem;
	    font-weight: var(--MED_FONT_WEIGHT);
	    display: block;
	    padding: 0;
	    height: auto;
	    margin-bottom: 0.5rem;
	}
	
	.tour-card-list .tour-card-col-left .tour-card-wrap .tour-card-description{
		font-size: 1rem;
	    line-height: 1.3125rem;
	    font-weight: var(--REG_FONT_WEIGHT);
	}
	
	.tour-card-list .tour-card-col-right{
		padding: 1.5rem 1rem 1rem;
	}
	
	.tour-card-list .tour-card-col-right:before{
		content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 1px;
	    height: 100%;
	    background-image: var(--tour5_TOUR_CARD_LIST_COL_RIGHT_BEFORE_BG)
	}
	
	.tour-card-list .tour-card-col-right .tour-counter-wrapper{
		margin: 0;
	}
	
	.tournament-detail-area{
		padding: 0 1rem 1.5rem;
	}
	
	.tour-rank-container .tour-rank-title{
		margin-bottom: 1.5rem;
	    font-size: 1.5rem;
	    line-height: 1.75rem;
	    font-weight: 400;
	    font-weight: 500;
	    color: var(--tour5_TOUR_RANK_CONTAINER_TITLE_TXT);
	    
	}
	
	.tour-rank-container .tour-top-rank{
		margin-bottom: 1.5rem;
	}
	
	.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-label{
		font-size: var(--BODY_TXT_FONT_SIZE);
	    line-height: 1.625rem;
	    font-weight: var(--REG_FONT_WEIGHT);
	}
	
	.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-name{
		font-size: var(--HEADER_FONT_SIZE);
	    line-height: 2.625rem;
	    font-weight: var(--MED_FONT_WEIGHT);
	}
	.tour-rank-container .tour-top-rank .top-rank-detail-wrap .top-rank-amt {
		font-weight: var(--MED_FONT_WEIGHT);
	}
	.tour-rank-container .tour-rank-list{
    	grid-gap: 0.25rem;
   	 	grid-template-columns: repeat(auto-fill,minmax(237px,1fr));
	}
	
	.tour-back-btn{
		top: 157px;
		padding-top:0.25rem;
		padding: 18px 1.5rem 2px;
	}
}

/*TOURNAMENT*/