@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap);

/*=================================================================================
 * Default Tag Style Definition
 =================================================================================*/
 *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


 body {
    font-family:"IBM Plex Sans KR", IBM Plex Sans KR,'맑은고딕','Malgun Gothic', "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	border-collapse: collapse;
	-webkit-text-size-adjust:none;
	position:relative;
	letter-spacing:-1px; /* 160623 수정 */ 
}

a:link, a:visited {
	font-size: 1em;
	color: inherit;
	text-decoration: none;
}

/*=================================================================================
 *Reset Tag Style Definition
 =================================================================================*/
/*html { overflow-y:scroll; }*/

html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, 
dl, dt, dd, table, caption,  tbody, tfoot, thead, th, tr, td, form, fieldset, legend, hr, input, button, textarea 
object, iframe, form, caption, select, figure {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

ul, ol ,li{
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
}

img, fieldset, abbr, input.type-image,  button {
border:none;
}

img{
    vertical-align: middle;
}

img, input {
	vertical-align:middle;
	border:0;
	padding:0;
}


address, caption, cite, code,  em {
	font-style:normal;
	font-weight:normal;
}


input, select, textarea, button {
	color:#555;
	vertical-align:middle;
	font-family:"IBM Plex Sans KR", IBM Plex Sans KR,'맑은고딕','Malgun Gothic', "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;
}

/*input close button display none*/
/* IE */
input::-ms-clear,
input::-ms-reveal{
    display:none;
}
/* chrome */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}

caption,legend {
	width:0;
	height:0;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
	font-size:0px; 
	height:0px; 
	line-height:0px
	}

hr {
	display:none;
}

button::-moz-focus-inner{ border:0; padding: 0;} /*FF 초기화*/

button {
	background:transparent;
	overflow:visible;
	cursor:pointer; 
}

input,img,button{outline:none;}



/*=================================================================================
 *width, height
 =================================================================================*/

.vw{width:100vw;}
.vh{width:100vh;}
.w100p{width:100%;}
.h100p{height:100%;}

/*=================================================================================
 *display
 =================================================================================*/
.flex{display: flex !important;}
.paging-wrap .disabled{background-color: rgba(0, 0, 0, 0.05); pointer-events: none; }

/*=================================================================================
 *text-ellipsis
 =================================================================================*/

.el{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.el02{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;}
.el03{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden;}
.el04{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden;}
.el05{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden;}

/*=================================================================================
 *clear fix
 =================================================================================*/
.overflow-hidden{overflow: hidden;}
.clear::after{content: ''; float:none; display: block;}

/*=================================================================================
 *border
 =================================================================================*/
.border-none{border: none !important;}

/*=================================================================================
 *float
 =================================================================================*/
.float-wrap{display: flex;}
.sub-float-wrap{display: flex;}
.float-left{float: left;}
.float-right{float: right;}

/*=================================================================================
 *margin
 =================================================================================*/
.m0{margin: 0 !important;}
.p0{padding: 0 !important;}

.mt-2{margin-top:2px;}
.ml-2{margin-left:2px;}
.mr-2{margin-right: 2px;}
.mb-2{margin-bottom:2px;}

.mt-4{margin-top:4px;}
.ml-4{margin-left:4px;}
.mr-4{margin-right: 4px;}
.mb-4{margin-bottom:4px;}

.mt-6{margin-top:6px;}
.ml-6{margin-left:6px;}
.mr-6{margin-right: 6px;}
.mb-6{margin-bottom:6px;}

.mt-8{margin-top:8px;}
.ml-8{margin-left:8px;}
.mr-8{margin-right: 8px;}
.mb-8{margin-bottom:8px;}

.mt-10{margin-top:10px;}
.ml-10{margin-left:10px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom:10px;}

.mt-20{margin-top:20px;}
.ml-20{margin-left:20px;}
.mr-20{margin-right: 20px;}
.mb-20{margin-bottom:20px;}

.mt-24{margin-top:24px;}
.ml-24{margin-left:24px;}
.mr-24{margin-right: 24px;}
.mb-24{margin-bottom:24px;}

.mt-30{margin-top:30px;}
.ml-30{margin-left:30px;}
.mr-30{margin-right: 30px;}
.mb-30{margin-bottom:30px;}

.mt-32{margin-top:32px;}
.ml-32{margin-left:32px;}
.mr-32{margin-right: 32px;}
.mb-32{margin-bottom:32px;}

.mb-100{margin-bottom:100px;}

/*=================================================================================
 *padding
 =================================================================================*/

.pt-2{padding-top:2px;}
.pl-2{padding-left: 2px;}
.pr-2{padding-right: 2px;}
.pb-2{padding-bottom: 2px;}

.pt-4{padding-top:4px;}
.pl-4{padding-left: 4px;}
.pr-4{padding-right: 4px;}
.pb-4{padding-bottom: 4px;}

.pt-6{padding-top:6px;}
.pl-6{padding-left: 6px;}
.pr-6{padding-right: 6px;}
.pb-6{padding-bottom: 6px;}

.pt-8{padding-top:8px;}
.pl-8{padding-left: 8px;}
.pr-8{padding-right: 8px;}
.pb-8{padding-bottom: 8px;}

.pt-10{padding-top:10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pb-10{padding-bottom: 10px;}

.pt-20{padding-top:20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
.pb-20{padding-bottom: 20px;}

.pt-24{padding-top:24px;}
.pl-24{padding-left: 24px;}
.pr-24{padding-right: 24px;}
.pb-24{padding-bottom: 24px;}

.pt-30{padding-top:30px;}
.pl-30{padding-left: 30px;}
.pr-30{padding-right: 30px;}
.pb-30{padding-bottom: 30px;}

.pt-32{padding-top:32px;}
.pl-32{padding-left: 32px;}
.pr-32{padding-right: 32px;}
.pb-32{padding-bottom: 32px;}

/*=================================================================================
 *hidden
 =================================================================================*/
.display-none {display: none;}
.visually-hidden{position: absolute; width: 1px; height: 1px; margin: -1px; overflow:hidden; white-space: nowrap;; }

/*=================================================================================
 *grid
 =================================================================================*/
.row{}

.col-lg1{flex:0 0 auto;flex-basis:8%;width:8.3333333333%;}
.col-lg2{flex:0 0 auto;width:16.6666666667%;}
.col-lg20{flex:0 0 auto;width:20%;}
.col-lg3{flex:0 0 auto;width:25%;}
.col-lg4{flex:0 0 auto;width:33.3333333333%;}
.col-lg5{flex:0 0 auto;width:41.6666666667%;}
.col-lg6{flex:0 0 auto;width:50%;}
.col-lg7{flex:0 0 auto;width:58.3333333333%;}
.col-lg8{flex:0 0 auto;width:66.6666666667%;}
.col-lg9{flex:0 0 auto;width:75%;}
.col-lg10{flex:0 0 auto;width:83.3333333333%;}
.col-lg11{flex:0 0 auto;width:91.6666666667%;}
.col-lg12{flex:0 0 auto;width:100%;}
.col-lg56{flex:0 0 auto;width:55.6666666667%;}
.col-lg44{flex:0 0 auto;width:44.3333333333%;}

/*sportsseoul custom fix float*/
.float-wrap:not(.top-main-wrap){padding-top: 30px;}
.float-wrap > .col-lg9{padding-right: 14px; width: 774px;}
.float-wrap > .col-lg3{padding-left: 26px; width: 326px;}
.float-wrap.type02 > .col-lg9{width: 760px; padding: 0;}
.float-wrap.type02 > .col-lg3{width: 339px; padding: 0 0 0 1px;}
.sub-float-wrap{padding-top: 10px;}
.sub-float-wrap > .col-lg9{padding-right: 14px; width: 774px;}
.sub-float-wrap > .col-lg3{padding-left: 26px; width: 326px;}