@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

:root {
	--point-color: #21283b;
	--main-color: #21283b;
	/* --background-color: #161B28; */
	/* --background-color-gray: #1D2333; */
	/* --background-color-gray2:#21283B; */
	/* --background-color-gray-deep: #191919; */
	/* --background-color-black: #000; */

	--background-color: #080808;
	--background-color-gray: #212025;
	--background-color-gray2:#212025;
	--background-color-gray-deep: #212025;
	--background-color-black: #080808;
	
	--border-color: #303030;
	--border-color-deep: var(--border-color);
	--max-width: 1366px;
	--head-height: 95px;
	--mobile-head-height: 48px;
	--left-width: 300px;

	--font-nanum: '나눔고딕',Nanum Gothic,'돋움',dotum,Helvetica,'Apple SD Gothic Neo',applegothic,sans-serif;

	--green-color: #40d04f;
	--yellow-color: #ffb238;
	--red-color: #CA2128;
	--blue-color: #4E77F5;

	--type-green: #4ff461;
	--type-gray: #7e7e7e;
	--type-red: #CA2128;
	--type-gray2:#adadad;
	--type-blue: #4E77F5;
	--def-space: 5px;

	--type-normal: #fff;
	--type-weak: #9aa4bf;

	--home-team-color: #bb1616;
	--away-team-color: #2b3f83;
	
	/* --box-color: #1d2333; */
	--box-color: #212025;
}

body.light-mode {
	--point-color: #ffffff;
	--main-color: #ffffff;
	--background-color: #f4f6fa;
	--background-color-gray: #e9edf5;
	--background-color-gray2:#dfe5ef;
	--background-color-gray-deep: #d4d9e4;
	--background-color-black: #fff;

	--border-color: #cbd2dc;
	--border-color-deep: #b7c0cd;

	--green-color: #28a745;
	--yellow-color: #ffc107;
	--red-color: #dc3545;
	--blue-color: #007bff;

	--type-green: #28a745;
	--type-gray: #6c757d;
	--type-red: #dc3545;
	--type-gray2:#adb5bd;
	--type-blue: #007bff;

	--type-normal: #1a1a1a;
	--type-weak: #6c757d;

	--home-team-color: #e63946;
	--away-team-color: #1d3557;

	--box-color: #e4ebf9;
}

/* ======================== 기본 요소에 변수 적용 ======================== */
body.light-mode {
	background-color: var(--background-color);
	color: var(--type-normal);
	font-family: var(--font-nanum);
	transition: background-color 0.3s, color 0.3s;
}
/* body.light-mode a {
	color: var(--type-gray2);
	text-decoration: none;
}

body.light-mode a:hover {
	color: var(--type-gray2);
} */
body.light-mode .point_req_partners_wrap div{background-color: var(--background-color-gray2);}
body.light-mode .point_req_partners_wrap div.active { background-color: #4fe744; color: var(--background-color-black); }

body.light-mode .point_req_data input{background-color: var(--background-color-gray2);}
body.light-mode .point_req_data select{background-color: var(--background-color-gray2);}

body.light-mode #bo_v_con{ color: var(--type-normal);}

body.light-mode button {
	background-color: var(--point-color);
	color: var(--type-normal);
	border: 1px solid var(--border-color);
	cursor: pointer;
}

/* body.light-mode input,
body.light-mode textarea,
body.light-mode select {
	background-color: var(--background-color-gray);
	color: var(--type-normal);
	border: 1px solid var(--border-color);
} */

body.light-mode .border-box {
	border: 1px solid var(--border-color);
	background-color: var(--background-color-gray2);
	color: var(--type-normal);
}

body.light-mode .header {
	background-color: var(--background-color-black);
	color: var(--type-normal);
}

body.light-mode .section {
	background-color: var(--background-color);
	padding: var(--def-space);
	color: var(--type-normal);
}

body.light-mode strong,
body.light-mode b {
	color: var(--type-normal);
}

body.light-mode small {
	color: var(--type-weak);
}

body.light-mode hr {
	border-color: var(--border-color);
	background-color: var(--border-color);
}

.theme-toggle {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 32px;
}

.theme-toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	background-color: #1d1d1d;
	border-radius: 34px;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 0.4s;
}

.slider::before {
	content: "";
	position: absolute;
	height: 26px;
	width: 26px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	background-image: url('/img/moon.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	transition: 0.4s;
}

.theme-toggle input:checked + .slider {
	background-color: #007bff;
}

.theme-toggle input:checked + .slider::before {
	transform: translateX(28px);
	background-image: url('/img/sun.png');
}

.mobile_only {
	display: none;
}
.pc_only{
	display: block;
}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@font-face {
  font-family: "a1";
  font-style: normal;
  font-weight: 400;
  src: local("/font/a1"), /* computer */
    url("/font/a1.eot"), /* IE9 Compat Modes */
    url("/font/a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("/font/a1.woff") format("woff"), /* Modern Browsers */
    url("/font/a1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 500;
  src: local("/font/a2"), /* computer */
    url("/font/a2.eot"), /* IE9 Compat Modes */
    url("/font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("/font/a2.woff") format("woff"), /* Modern Browsers */
    url("/font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a3";
  font-style: normal;
  font-weight: 600;
  src: local("/font/a3"), /* computer */
    url("/font/a3.eot"), /* IE9 Compat Modes */
    url("/font/a3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a3.woff") format("woff"), /* Modern Browsers */
    url("/font/a3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a4";
  font-style: normal;
  font-weight: 700;
  src: local("../font/a4"), /* computer */
    url("/font/a4.eot"), /* IE9 Compat Modes */
    url("/font/a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a4.woff") format("woff"), /* Modern Browsers */
    url("/font/a4.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a5";
  font-style: normal;
  font-weight: 800;
  src: local("../font/a5"), /* computer */
    url("/font/a5.eot"), /* IE9 Compat Modes */
    url("/font/a5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a5.woff") format("woff"), /* Modern Browsers */
    url(" /font/a5.ttf") format("truetype"); /* Safari, Android, iOS */
}

/*
	z-index

	head 1000
	left menu 990
	tail 1000

	popup iframe 1100
	popup normal 1100

	poopup background 900
*/

html, body {
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto !important;
	/*color: #cbcbcb;*/
	color: #9aa4bf;
}

body {
	margin: 0; padding: 0;
	/*
	font-size: 0.80em;
	font-family: 'Nanum Gothic','Malgun Gothic', dotum, sans-serif;
	*/
	font-size: 13px;
	/* font-family: "a2",sans-serif !important; */
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif !important;
	background: var(--background-color);
	height: 100%;
}

/* input, button, option, select {font-family: "a2",sans-serif;} */
input, button, option, select {font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
a {text-decoration: none; transition: all 0.2s ease-in-out;}

div,span,a {color: var(--type-normal);/*color: #cbcbcb;*/}
.fc-weak {color: var(--type-weak);}
.fc-blue {color: var(--blue-color);}
.fc-white {color: #fff;}

#popup-lmenu{
	display: none;
	position: fixed;
	z-index: 1020;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100vh;
}

#popup-lmenu > #popup-lmenu_wrap {
	display: flex;
}
#popup-lmenu > #popup-lmenu_wrap > div:nth-child(2) {
	margin-left: auto;
	width: 240px;
	height: 100vh;
	background-color: var(--background-color);
	border: 0 solid var(--border-color);
	overflow-y: auto;
}
#popup-lmenu > #popup-lmenu_wrap > div:nth-child(1) {flex: 1;}

.lmenu-off {
	position: absolute;
	right: 10px;
	top: 10px;
	border: 0;
	background-color: transparent;
	color: #fff;
}

#popup-background {
	display: none;
	z-index: 1010;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: 0;
	background-color: #000;
	opacity: 0.7;
}

#popup-iframe {
	display: none;
	position: fixed;
	z-index: 1100;
	width: 400px;
	max-width: 100%;
	height: 220px;
	top: calc(50% - 110px);
	left: calc(50% - 200px);
	background-color: #fff;
	border: 1px solid #E0E0E2;
}

/*
#popup-fullsc-width-iframe {display: none; position: fixed; z-index: 1100; width: 900px; max-width: 100%; top: 80px; bottom: 20px; left: calc(50% - 450px); background-color: #fff; border: 1px solid var(--border-color);}
*/
#popup-fullsc-width-iframe .title-wrap {padding: 15px; align-items: center; height: 40px;}
#popup-fullsc-width-iframe .rd_btn {background-color: #40d04f; color: #fff;}

#fullsc_iframe {width: 100%; height: calc(100% - 40px); min-height: 400px; overflow-y: scroll; border: 1px solid var(--border-color);}

.tcell_row {display: flex; justify-content: center; align-items: center; height: 44px;}
.tcell_c300 {padding-left: 10px; width: 300px;}
.tcell_c200 {padding-left: 10px; width: 200px;}
.tcell_c100 {padding-left: 10px; width: 100px;}
.tcell_c70 {padding-left: 10px; width: 70px;}
.tcell_c50 {padding-left: 10px; width: 50px;}
.tcell_call {padding-left: 10px; flex: 1;}

.tcell_input {
	border: 1px solid #d0d3db;
	width: 90%;
	padding: 0 10px;
	height: 32px;
	border-radius: 3px;	
}

/* 레이아웃용 박스 */
.lbox0_t {position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 39px; padding-left: 4px; font-size: 14px; line-height: 39px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.lbox1_t {position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--background-color-gray); height: 39px; border-bottom: 1px solid var(--border-color); padding-left: 12px; font-size: 14px; line-height: 39px;}
.lbox1_t2 {position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--background-color-gray); border-bottom: 1px solid var(--border-color); padding-left: 12px; font-size: 14px;}
/*
.lbox1_t {position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--background-color-gray); border-bottom: 1px solid var(--border-color); padding-left: 12px;}
*/

.lbox2_t {position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--background-color-gray2); height: 39px; border-bottom: 1px solid var(--border-color); padding-left: 12px; font-size: 14px; line-height: 39px;}
.lbox3_t {position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--background-color-gray-deep); height: 39px; border-bottom: 1px solid var(--border-color); padding-left: 12px; font-size: 14px; line-height: 39px;}
.lbox0_c {position: relative; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.lbox1_c {position: relative; background-color: var(--background-color-gray); padding: var(--def-space); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.lbox2_c {position: relative; background-color: var(--background-color-gray2); padding: var(--def-space); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.lbox3_c {position: relative; background-color: var(--background-color-gray-deep); padding: var(--def-space); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

/* index tab block (배너–탭 간격·높이·날짜 정렬) */
.index-tab-row {margin-top: 4px;}
.index-tab-row .categories_title_wrap {align-items: stretch; padding-left: 0; padding-right: 0;}
.index-tab-row .categories_title_wrap .title {font-size: 16px; min-height: 24px; flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0;}
.index-tab-row .categories_title_wrap .title.active {background-color: #ff6927; color: #fff; border-bottom: none;}
.index-tab-row .categories_title_wrap .title:first-child.active {border-top-left-radius: 10px;}
.index-tab-row .categories_title_wrap .title:last-child.active {border-top-right-radius: 10px;}
.index_tab_wrap.lbox2_c {min-height: 140px;}
.index_tab_wrap .na-list {list-style: none; padding: 0 20px; margin: 0;}
.index_tab_wrap .na-list .na-title {display: flex; align-items: flex-start; gap: 8px;}
.index_tab_wrap .na-list .na-title .float-right {float: none; flex-shrink: 0; width: 3.2em; text-align: right; order: 2;}
.index_tab_wrap .na-list .na-title .na-item {flex: 1; min-width: 0; order: 1;}

.bottom_radius4 {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.bottom_radius10 {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.lbox-border {border: 1px solid #333; height: 50px; border-radius: 4px; line-height: 50px; color: #fff; padding-left: var(--def-space);}

.page-title-vmore {position: absolute; top: 0; right: 10px; cursor: pointer; font-family:"a2",sans-serif; font-size: 13px;}
.page-title-vmore > a {color: var(--type-weak);}
.page-title-vmore > a:hover {color: #4fe744;}
.page-title-vmore-btn {position: absolute; top: 6px; right: 10px; cursor: pointer; font-size: 14px; font-weight: normal}

.lspace_h, .lspace_h12 {height: 12px; width: 100%;}
.lspace_h8 {height: 8px; width: 100%;}
.lspace_h4 {height: 4px; width: 100%;}
.lspace_h10 {height: 10px; width: 100%;}
.lspace_h12 {height: 12px; width: 100%;}
.lspace_h15 {height: 15px; width: 100%;}
.lspace_h25 {height: 25px; width: 100%;} 
.lspace_h20 {height: 20px; width: 100%;}
.lspace_h30 {height: 30px; width: 100%;}
.lspace_h52 {height: 52px; width: 100%;}

.rd_btn {border-radius: 4px;}
.frd_btn {border-radius: 10px;}

.tcenter {text-align: center;}
.tright {text-align: right;}
.tleft {text-align: left;}

.lpad-0 {padding-left: 0;}

.bstyle-gray {background-color: var(--background-color-gray); border: 1px solid var(--border-color); color: #fff;}
.bstyle-gray2 {background-color: var(--background-color-gray2); border: 1px solid var(--border-color); color: #fff;}
.bstyle-red {background-color: var(--red-color); color: #fff;}
.bstyle-green {background-color: var(--green-color); color: #fff;}
.bstyle-yellow {background-color: var(--yellow-color); color: #000;}
.bstyle-pointc {background-color: var(--point-color); color: #fff;}
.bstyle-white {background-color: #fff; color: #000;}
.bstyle-black {background-color: var(--background-color); border: 1px solid var(--border-color);}
.bstyle-blue {background-color: var(--blue-color); color: #fff;}

.bstyle-pleft {padding-left: var(--def-space);}

.bstyle-center {text-align: center;}
.bstyle-left {text-align: left;}
.bstyle-right {text-align: right;}

.bstyle-h50 {height: 50px; line-height: 50px;}
.bstyle-h40 {height: 40px; line-height: 40px;}
.bstyle-h30 {height: 30px; line-height: 32px;}
.bstyle-h28 {height: 28px; line-height: 28px;}
.bstyle-h26 {height: 26px; line-height: 26px;}
.bstyle-h24 {height: 24px; line-height: 24px;}
.bstyle-h23 {height: 23px; line-height: 23px;}
.bstyle-h20 {height: 20px; line-height: 20px;}

.tcolor-blue {color: var(--blue-color);}
.tcolor-red {color: var(--red-color);}
.tcolor-yellow {color: var(--yellow-color);}
.tcolor-green {color: var(--green-color);}
.tcolor-black {color: #000;}
.tcolor-white {color: #fff;}

.dpblock {display: block}

.tstyle-bold {/*font-weight: bold;*/}
.cstyle-hand {cursor: pointer;}

.fsize-11px {font-size: 11px;}
.fsize-12px {font-size: 12px;}
.fsize-13px {font-size: 13px;}
.fsize-14px {font-size: 14px;}
.fsize-15px {font-size: 15px;}
.fsize-18px {font-size: 18px;}

.tsmall-13 {display: inline-block; font-size: 13px; padding-left: 4px; padding-right: 4px;}
.tsmall-12 {display: inline-block; font-size: 12px; padding-left: 4px; padding-right: 4px;}
.tsmall-11 {display: inline-block; font-size: 11px; padding-left: 4px; padding-right: 4px;}

.div-border {width: 100%; height: 1px; background-color: var(--border-color);}
.border-bottom-1px {border-bottom: 1px solid var(--border-color);}

.center_img {position: absolute; left: calc(50% - 60px); top: calc(50% - 20px); text-align: center;}

.dpflex {display: flex;}
.dpflex-item-center {align-items: center;}
.dpflex-flex1 {flex: 1;}
.dpflex-wrap {flex-wrap: wrap;}
.dpflex-jc-spacebetween {justify-content: space-between}

.child-left-margin4 {}
.child-left-margin4 > div {margin-left: 4px;}
.child-left-margin4 > div:first-child {margin-left: 0;}

.child-left-margin8 {}
.child-left-margin8 > div {margin-left: 8px;}
.child-left-margin8 > div:first-child {margin-left: 0;}

.child-left-margin14 {}
.child-left-margin14 > div {margin-left: 14px;}
.child-left-margin14 > div:first-child {margin-left: 0;}

.child-min-width60 {}
.child-min-width60 > div {min-width: 60px;}

.child-min-width70 {}
.child-min-width70 > div {min-width: 70px;}
.child-min-width70 > div a {border: 0;}

.padding-lr14 {padding-left: 14px; padding-right: 14px;}

.clear_btn_style {margin: 0; padding: 0; border: 0;}

.atc_title{font-size: 15px;}

.common_top_page_title {display: flex; align-items: center; padding-right: 5px; padding-left: 5px;}
.common_top_page_title .mtitle {font-size: 20px; padding-right: 8px;}
.common_top_page_title .mcnt {font-size: 20px; color: var(--type-green);}
.common_top_page_title .extra {flex: 1;}
.common_top_page_title .title-wrap {
	flex: 2;
	display: flex;
	max-width: calc(100% - 100px);
	padding-bottom: 3px;
	justify-content: flex-end;
}
.common_top_page_title .title {position: relative; text-align: center; cursor: pointer; margin-left: 20px; flex: 0 0 auto;}
.common_top_page_title .active {color: #4fe744;}
.common_top_page_title .active a {color: #4fe744;}
.common_top_page_title .active:after {content:""; position: absolute; left: 0; right: 0; bottom:-3px; background: #4ff461; height: 2px;}

.common_rnd_box {padding: 25px; background: var(--background-color-gray); border-radius: 10px;}

/* aside 관리자 정보 출력부 */
.aside_right_adm_disp {padding: 20px; border-radius: 10px; overflow: hidden; background-color: var(--background-color-gray);}
.aside_right_adm_disp > a {color: var(--type-weak); margin-bottom: 16px;}
.aside_right_adm_disp > a:last-child {margin-bottom: 0;}
.aside_right_adm_disp > div:first-child {color: #fff; margin-bottom: 10px;}
.aside_right_adm_disp > div i {color: var(--type-weak); margin-right: 6px;}
.aside_right_adm_disp .not_zero {color: #4fe744;}

/* 중계관련 */
/*
.game-font {font-family: "Rocket";}
.rocket-font {font-family: "Rocket";}
*/
.game-font {font-family: "a3",sans-serif;}
.rocket-font {font-family: "a3",sans-serif;}

.layout_box {min-height: 80px;; border: 1px solid var(--border-color); background-color: var(--background-color-gray); border-radius: 2px;}
.layout_box .--t {border-bottom: 1px solid var(--border-color); font-size: 14px; padding: 6px; padding-left: 8px;}
.layout_box .def-padding {padding: 8px;}
.h-margin10 {height: 10px; width: 100%;}
.h-margin100 {height: 100px; width: 100%;}

.h-margin6 {height: 6px; width: 100%;}
.h-margin4 {height: 4px; width: 100%;}
.h-margin1 {height: 1px; width: 100%;}
.menu_width {width: 260px;}

.layout_box_simple {padding: 8px; border: 1px solid var(--border-color); background-color: var(--background-color); border-radius: 2px; font-size: 14px;}
.layout_banner {height: 80px; border: 0 solid var(--border-color); text-align: center; line-height: 80px; font-size: 14px; background-color: var(--background-color);}

.main_baners {display: flex; flex-wrap: wrap; justify-content: center}
.main_baners > div {width: 50%;}

/* 반응형 pc2 mobile1 */
.resp_2to1_wrap {display: flex; flex-wrap: wrap;} 
.resp_2to1_wrap > div:nth-child(1) {flex: 1;}
.resp_2to1_wrap > div:nth-child(2) {width: 12px;}
.resp_2to1_wrap > div:nth-child(3) {flex: 1;}

/* 반응형 pc2 모바일1 2nd*/ 
.resp_2to1_wrap2 {display: flex; flex-wrap: wrap;} 
.resp_2to1_wrap2 > div {width: 49.4%; margin-right: 1.2%;}
.resp_2to1_wrap2 > div:nth-child(2n) {margin-right: 0;}

.resp_3to1_wrap3 {display: flex; flex-wrap: wrap;} 
.resp_3to1_wrap3 > div {width: 32.4444%; margin-right: 1.2%;}
.resp_3to1_wrap3 > div:nth-child(3n) {margin-right: 0;}

/* 반응형 pc4 mobile2 */
.resp_4to2_wrap {display: flex; flex-wrap: wrap;}
.resp_4to2_wrap > div {display: flex; flex-direction: column; align-self: stretch; flex-basis: 24%; margin-bottom: 12px; margin-right: 1.33333%;}
.resp_4to2_wrap > div:nth-child(4n){margin-right: 0%;}

/* 반응형 pc5 mobile2 */
.resp_5to2_wrap {display: flex; flex-wrap: wrap;}
.resp_5to2_wrap > div {width: 19%; margin-bottom: 12px; margin-right: 1.2%;}
.resp_5to2_wrap > div:nth-child(5n){margin-right: 0%;}

/* 반응형 pc3 mobile1 */
.resp_3to1_wrap {display: flex; flex-wrap: wrap;}
.resp_3to1_wrap > div {width: 33%; margin-bottom: 12px; margin-right: 0.33333%}
.resp_3to1_wrap > div:nth-child(3n){margin-right: 0;}

/* 메인화면 베너 */
.mbanner_resp_2to1_wrap {/*margin-bottom: 8px;*/background-color: var(--background-color-gray2); padding: 12px; border-radius: 10px;}
.mbanner_resp_2to1_wrap {display: flex; flex-wrap: wrap;} 
.mbanner_resp_2to1_wrap > div {width: 49.5%; margin-right: 1%;}
.mbanner_resp_2to1_wrap > div:nth-child(2n){margin-right: 0;}
.mbanner_resp_2to1_wrap img {border-radius: 10px; width: 100%;}

/* 메인 슬라이드 배너용 */
.banner-slide-b {display: none;}

#header_wrap {position: fixed; z-index: 1010; top: 0; left: 0; width: 100%; background-color: var(--point-color); margin-bottom: 2px; transition: top 0.5s;}
#header_inner {height: 80px; margin: auto; max-width: var(--max-width); position: relative; display: flex; align-items: center;}
#header_logo {flex-grow: 1; display: flex; margin-left: 22px;}
#header_logo a {display: block;}
/*#header_logo a:after {content:""; position: absolute; width: 50px; height: 0; top: 20px; left: 0; right: 0; text-align: center; margin: 0 auto; -webkit-animation: footer_navigation 3s infinite linear;}*/
#header_logo img {width: 140px;}
#header_menu_btn {position: absolute; left: 14px; top: 12px; cursor: pointer; color: #fff; display: none;}
#header_menu_list {flex-grow: 2;}
/* pc메뉴 */
#header-main-menu {display: flex; margin: 0 auto;}
#header-main-menu .mgnb_wrap {margin: 0 auto; position: relative}
#header-main-menu #mgnb_1dul {font-size: 15px; color: #fff;}
#header-main-menu ul:after {display: block; visibility: hidden; clear: both; content:""}
#header-main-menu .mgnb_1dli {float: left; padding: 0; position: relative; height: 80px; display: flex; justify-content: center; align-items: center;}
#header-main-menu .mgnb_1da {display: block; color: #fff; font-size: 15px; border-radius: 10px; padding: 10px 12px;}
#header-main-menu .mgnb_1da:hover {color: #ff6927; /*background: #3b3a3a;*/ transition-duration:.5s;}

#header-main-menu .mgnb_2dul {display: none; position: absolute; top: 60px; min-width: 140px; background-color: var(--background-color-gray2); border-radius: 10px; line-height: normal; height: auto; padding: 20px 20px 10px 20px;}
#header-main-menu .mgnb_2dul li {padding: 0; margin: 0; margin-bottom: 10px;}
#header-main-menu .mgnb_2dul a {font-size: 14px;}
#header-main-menu .mgnb_2dul a:hover {color: #ff6927;}

#header_wrap {
	/* background: linear-gradient(315deg, rgb(15, 0, 101) 3%, rgba(60,132,206,1) 38%, rgb(48, 124, 238) 68%, rgb(25, 59, 255) 98%); */
	/* background: linear-gradient(315deg, rgb(0 0 0) 3%, #999 38%, #666 68%, #333 98%); */
	/* animation: gradient 15s ease infinite; */
	/* background-size: 400% 400%; */
	/* background-attachment: fixed; */
	background: #212025;
	border-top: 3px solid #e60012;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.wave {
	background: rgb(22 27 40 / 50%);
	border-radius: 1000% 1000% 0 0;
	position: absolute;
	width: 200%;
	height: 7.5em;
	animation: wave 10s -3s linear infinite;
	transform: translate3d(0, 0, 0);
	opacity: 0.8;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.wave:nth-of-type(2) {
	bottom: 0;
	animation: wave 18s linear reverse infinite;
	opacity: 0.8;
	height: 80%;
}

.wave:nth-of-type(3) {
	bottom: 0;
	animation: wave 20s -1s reverse infinite;
	opacity: 0.9;
	height: 100%;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }
    25% {
        transform: translateX(-25%);
    }
    50% {
        transform: translateX(-50%);
    }
    75% {
        transform: translateX(-25%);
    }
    100% {
        transform: translateX(1);
    }
}

/* 모바일 메뉴 */
#header-mobile-menu-wrap {padding: 18px; position: relative;}

#header_login_btn {display: none;}

.header_btn_wrap {width: var(--left-width); display: flex; align-items: center; justify-content: center; padding: 0 5px;}
.header_btn {
	background: 0 0;
	border: 0;
	border-radius: 0;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
	height: 100%;
	padding: 0 4px;
	position: relative;
	vertical-align: top;
	margin-left: 15px;
}
.header_btn svg {
	color: #dfe2ea;
}
.header_btn:hover svg {
	color: #40d04f;
}
.header_btn i {
	font-style: normal;
	font-size: 9px;
	background-color: #bb3416;
	color: #fff;
	border-radius: 100px;
	position: absolute;
	right: 0;
	top: 30%;
	min-width: 15px;
	height: 15px;
	line-height: 15px;
}
.header-mobile-menu {margin: 0 0;}
.header-mobile-menu .cnt-active {color: #4fe744}
.header-mobile-menu .mgnb_wrap {margin: 0 auto; padding: 4px 0 4px 8px;}
/*.header-mobile-menu .mgnb_1dli {position: relative; font-size: 15px; line-height: 40px; margin: 0 15px;}*/
.header-mobile-menu .mgnb_1dli {position: relative; font-size: 13px; line-height: 32px;}
.header-mobile-menu .mgnb_1dli i {color: #9aa4bf; margin-right: 10px;}
.header-mobile-menu .mgnb_1dli.hr {border-bottom: 1px solid hsla(0,0%,100%,.06);}
.header-mobile-menu .mgnb_1da {display: block;}
.header-mobile-menu .mgnb_1da:hover {color: #4ff461;}
.header-mobile-menu .gnb_al_li_plus > a {background: url('../images/etc/gnb_bg.png') no-repeat 100% 50%;}

.header-mobile-menu .mgnb_2dul {display: none; margin-bottom: 8px; padding: 20px; line-height: normal; background-color: var(--background-color-gray); border-radius: 10px; width: 100%;}
.header-mobile-menu .mgnb_2dul li {margin-bottom: 10px;}
.header-mobile-menu .mgnb_2dul li:last-child {margin-bottom: 0;}
.header-mobile-menu .mgnb_2dul a:hover {color: #4ff461;}

#header-mobile-menu-wrap .hr {border-top: 1px solid hsla(0,0%,100%,.06);}
#header-mobile-menu-wrap .user-profile-wrap {padding: 4px 8px; display: flex; align-items: center; margin-bottom: 5px;}
#header-mobile-menu-wrap .user-profile-wrap .user-img {}
#header-mobile-menu-wrap .user-profile-wrap .user-img > img{width: 25px; border-radius: 50%; -ms-flex: none; flex: none; margin-right: 10px;}
#header-mobile-menu-wrap .user-profile-wrap .user-info {padding-left: 10px;}
#header-mobile-menu-wrap .user-profile-wrap .txt-profile {background-color: rgba(223, 226, 234, .1); border-radius: 4px; color: rgba(0, 255, 163, .9); display: inline-block; font-size: 10px; height: 18px; line-height: 18px; padding: 0 5px; vertical-align: top;}
#header-mobile-menu-wrap .user-profile-wrap .txt-nick {display: block; font-size: 14px; line-height: 15px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#header-mobile-menu-wrap .block-title{display: flex; align-items: center; color: #697183; display: flex; letter-spacing: -.3px; padding: 0 4px 5px 8px; padding-top: 18px; font-size: 12px;}
#header-mobile-menu-wrap .mobile-banner{margin-top: 20px; overflow: visible;}
#header-mobile-menu-wrap .mobile-banner .img-wrap{
	height:auto;
	padding-bottom:0;
	overflow:visible;
}
#header-mobile-menu-wrap .mobile-banner .img-wrap .img-item{
	position:static;
	height:auto;
	overflow:visible;
}
#header-mobile-menu-wrap .mobile-banner img{
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

#header-mobile-menu-wrap .infosection {margin-top: 5px; margin-bottom: 18px;}
#header-mobile-menu-wrap .infosection > div{margin-bottom: 12px;}
#header-mobile-menu-wrap .infosection > div:last-child{margin-bottom: 0; display: flex;}
#header-mobile-menu-wrap .info-row {display: flex; align-items: center;}

#header-mobile-menu-wrap .info-row > div:first-child{padding-left: 0;}
#header-mobile-menu-wrap .info-row > div:nth-child(1) {color: var(--type-weak); width: 25px; text-align: center;}
#header-mobile-menu-wrap .info-row > div:nth-child(2) {flex: 1; padding-left: 4px;}
#header-mobile-menu-wrap .info-row > div:nth-child(3) {}
#header-mobile-menu-wrap .info-row > div:nth-child(4) {padding-left: 4px; text-align: right; color: var(--type-weak);}

/* 모바일 메뉴 끝*/

#header_menu2_list {position: absolute; right: 8px; top: 10px;}
.header_menu2_list_items {padding-right: 8px; font-size: 12px;}

#main_container {display: flex; justify-content: center; margin: auto; padding-top: var(--head-height); width: 100%; max-width: var(--max-width);}
#main_right_container {width: var(--left-width);/*padding: 24px 0 var(--def-space) var(--def-space);*/padding: var(--def-space); padding-top: 0;}
#main_body_container {flex: 1; padding-left: 0 !important; padding-right: 0 !important;}
#main_contents_wrap {/*border-left: 1px solid #333;*/}

#footer_mobile {display: none; position: fixed; left: 20px; bottom: 10px; right: 20px;
	border-radius: 25px;
	box-shadow: 0 -4px 12px rgb(83 85 157);
	-webkit-box-shadow: 0 -4px 12px rgb(83 85 157);
	-moz-box-shadow: 0 -4px 12px rgb(83 85 157);	
	
	background-color: var(--point-color);
	-webkit-animation: footer_navigation 3s infinite linear;

	transition: bottom 0.5s;
	border: 2px solid var(--border-color);
	z-index: 1009;
}
#footer_mobile ul {
	display: flex;
	justify-content: space-around;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
#footer_mobile li {
	position: relative;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

#footer_mobile li a {
	display: block;
	padding: 8px 10px;
	text-align: center;
}

#footer_mobile li .menu-name {
	display: block;
	margin-top: 2px;
	line-height: 12px;
	font-size: 10px;
	font-weight: 500;
	color: #9aa4bf
}
#footer_mobile li .menu-name.active {
	color: rgb(238, 238, 238);
}

#footer_mobile li .mn-emphasis span {color: #ffb238;}
#footer_mobile li .mn-emphasis svg {fill: #ffb238;}

/*
#footer_mobile li:nth-child(3) {width: 112px; height: 61px; background: url('../images/etc/icon_nt_bottom_nav_m_home.png') no-repeat; background-size: 87px; text-indent:-9999px;}
*/
#footer_mobile li svg {
	display: block;
	width: 21px;
	margin: 0 auto;
	fill: #9aa4bf
}

#chat_wnd {border-radius: 10px; overflow: hidden;}
.chat_wnd_size {height: 402px;}

#frame-body {padding: var(--def-space);}
#frame-body .nav-wrap {display: flex;}

/* 메인화면 팝업 */
#popup-alert-msg {
	display: none;
	position: fixed;
	z-index: 1100;
	width: 300px;
	max-width: 100%;
	top: calc(50% - 200px);
	left: calc(50% - 150px);
	border-radius: 10px;
}
#popup-alert-msg-content {
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 15px;
}

/* 반응형 레이아웃 */
.resp_2_to_1 {width: 100%; display: flex; flex-wrap: wrap;}
.resp_2_to_1 > div:nth-child(2) {padding-left: 8px;}
.resp_2_to_1 > div {width: 50%;}

/* 카테고리형 (메인 우측 bbs) */
/*
.categories_title_wrap {display: flex; height: 54px; align-items: center; padding-right: 15px; padding-left: 15px;}
.categories_title_wrap .mtitle {font-size: 20px; padding-right: 8px;}
.categories_title_wrap .mcnt {font-size: 20px; color: var(--type-green);}
.categories_title_wrap .extra {flex: 1; text-align: left;}
.categories_title_wrap .title {text-align: center; padding-left: 8px; padding-right: 8px; cursor: pointer; min-height: 24px;}
.categories_title_wrap .active {color: #4fe744; border-bottom: 2px solid #4fe744;}

.categories_bbs_title_wrap {display: flex; height: 54px; align-items: center; padding-right: 15px; padding-left: 15px;}
.categories_bbs_title_wrap .mtitle {font-size: 20px; padding-right: 8px;}
.categories_bbs_title_wrap .mcnt {font-size: 20px; color: var(--type-green);}
.categories_bbs_title_wrap .extra {flex: 1; text-align: left;}
.categories_bbs_title_wrap .title {text-align: center; padding-left: 8px; padding-right: 8px; cursor: pointer; min-height: 24px;}
.categories_bbs_title_wrap .active {color: #4fe744; border-bottom: 2px solid #4fe744;}
*/
.categories_title_wrap {display: flex; height: 35px; align-items: center; padding-right: 15px; padding-left: 15px;}
.categories_title_wrap .mtitle {font-size: 20px; padding-right: 8px;}
.categories_title_wrap .mcnt {font-size: 20px; color: var(--type-green);}
.categories_title_wrap .extra {flex: 1; text-align: left;}
.categories_title_wrap .title {text-align: center; margin-left: 10px; cursor: pointer; min-height: 18px; font-size: 12px;}
.categories_title_wrap .active {color: #ff6927; border-bottom: 2px solid #ff6927;}

/*.categories_bbs_title_wrap {display: flex; height: 54px; align-items: center; padding-right: 5px; padding-left: 5px;}*/
.categories_bbs_title_wrap {display: flex; align-items: center; padding-right: 5px; padding-left: 5px;}
.categories_bbs_title_wrap .mtitle {font-size: 20px; padding-right: 8px; font-family:"a2",sans-serif;}
.categories_bbs_title_wrap .mcnt {font-size: 20px; color: #ff6927; font-family:"a2",sans-serif;}
.categories_bbs_title_wrap .extra {flex: 1; text-align: left;}
.categories_bbs_title_wrap .title {position: relative; text-align: center; cursor: pointer; margin-left: 20px;}
.categories_bbs_title_wrap .active {color: #ff6927;}
.categories_bbs_title_wrap .active a {color: #ff6927;}
.categories_bbs_title_wrap .active:after {content:""; position: absolute; left: 0; right: 0; bottom:-3px; background: #ff6927; height: 2px;}

.right_bbs_row_wrap {padding: 10px 15px; font-family:"a1",sans-serif;}
.right_bbs_row {display: flex; height: 26px; align-items: center;}
.right_bbs_row > div:nth-child(1) {}
.right_bbs_row > div:nth-child(2) {}

.mpage-notice-box-wrap {display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between;}
.mpage-notice-box {width: 24%; border: 1px solid var(--border-color-deep); background-color: #1e1e20;}
.mpage-notice-box > div:nth-child(1){background-color: var(--background-color-gray); height: 140px; padding: 14px;}
.mpage-notice-box > div:nth-child(2){padding: 14px; border-top: 1px solid var(--border-color-deep);}
.mpage-notice-box .-title {/*font-family: var(--font-nanum);*/font-size: 14px; font-weight: 700px; line-height: 1.4; color: #101010; margin-bottom: 6px;}
.mpage-notice-box .-writer {color: #3374c7; font-size: 11px;}
.mpage-notice-box .-time {color: #555; font-size: 11px;}

/*
.mpage-pick-box-wrap {display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between;}
.mpage-pick-box {width: 24%; border: 1px solid var(--border-color-deep); cursor: pointer;}
.mpage-pick-box > div:nth-child(1){position: relative; height: 140px;}
.mpage-pick-box > div:nth-child(2){padding: 14px; border-top: 1px solid var(--border-color-deep);}
.mpage-pick-box .-title {font-size: 14px; font-weight: 700px; line-height: 1.4; color: ##101010; margin-bottom: 6px;}
.mpage-pick-box .-writer {color: #3374c7; font-size: 11px;}
.mpage-pick-box .-time {color: #555; font-size: 11px;}
.mpage-pick-box .home-team {display: flex; align-items: center; justify-content: center; padding-top: 10px;}
.mpage-pick-box .home-team img {width: 32px;}
.mpage-pick-box .home-team span {font-size: 15px; font-weight: 700;}
.mpage-pick-box .versus {text-align: center; height: 36px; line-height: 36px; color: #0cbd6f; font-weight: bold;}
.mpage-pick-box .away-team {display: flex; align-items: center; justify-content: center; padding-top: 0;}
.mpage-pick-box .away-team img {width: 32px;}
.mpage-pick-box .away-team span {font-size: 15px; font-weight: 700;}
*/
.mpage-pick-box-wrap {display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between;}
.mpage-pick-box {width: 24%; cursor: pointer; background-color: var(--background-color-gray); border-radius: 5px;}
.mpage-pick-box > div:nth-child(1){position: relative; height: 100px;}
.mpage-pick-box > div:nth-child(2){padding: 14px; border-top: 1px solid var(--border-color-deep);}
.mpage-pick-box .league-img {width: 80px; border: 1px solid var(--border-color); border-radius: 10px;}
.mpage-pick-box .-title {font-size: 14px; font-weight: 600; line-height: 1.4; color: #101010; margin-bottom: 6px;}
.mpage-pick-box .-writer {color: #3374c7; font-size: 11px;}
.mpage-pick-box .-time {color: #555; font-size: 11px;}
.mpage-pick-box .home-team {display: flex; align-items: center; justify-content: center; padding-top: 0;}
.mpage-pick-box .home-team img {width: 32px;}
.mpage-pick-box .home-team span {font-size: 14px;}
.mpage-pick-box .versus {text-align: center; height: 30px; line-height: 30px; color: #0cbd6f;}
.mpage-pick-box .away-team {display: flex; align-items: center; justify-content: center; padding-top: 0;}
.mpage-pick-box .away-team img {width: 32px;}
.mpage-pick-box .away-team span {font-size: 14px;}

/*
.mpage-bscreen-box-wrap {display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between;}
.mpage-bscreen-box {width: 24%; border: 1px solid var(--border-color-deep); background-color: var(--background-color); cursor: pointer; margin: 4px;}
.mpage-bscreen-box > div:nth-child(1){background-color: #fff; background-color: var(--background-color-gray)}
.mpage-bscreen-box > div:nth-child(2){padding: 8px; padding-top: 4px; border-top: 1px solid var(--border-color-deep);}
.mpage-bscreen-box .-title {font-size: 14px; font-weight: 700px; line-height: 1.4; color: ##101010; margin-bottom: 6px;}
.mpage-bscreen-box .-writer {color: #3374c7; font-size: 11px;}
.mpage-bscreen-box .-time {color: #555; font-size: 11px;}
.mpage-bscreen-box .-single-title {height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: ##101010; text-align: center;}
*/
.mpage-bscreen-box-wrap {display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between;}
.mpage-bscreen-box {width: 16%; cursor: pointer; background-color: var(--background-color-gray); border-radius: 5px; padding: 0;}
.mpage-bscreen-box > div:nth-child(1){background-color: #fff; background-color: var(--background-color-gray)}
.mpage-bscreen-box > div:nth-child(2){border-top: 1px solid var(--border-color-deep);}
.mpage-bscreen-box .-title {font-size: 14px; font-weight: 700px; line-height: 1.4; color: #101010; margin-bottom: 6px;}
.mpage-bscreen-box .-writer {color: #3374c7; font-size: 11px;}
.mpage-bscreen-box .-time {color: #555; font-size: 11px;}
.mpage-bscreen-box .-single-title {height: 30px; line-height: 30px; font-size: 13px; font-weight: 500; color: #101010; text-align: center;}

.board-profile-img-circle {width: 30px; height: 30px; border-radius: 50%; border: 1px solid #bbb;}
.board-article-list {display: flex; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 8px;}
.board-article-list > div {padding-left: 10px;}
.board-article-list .-title {font-size: 13px; font-family: 'malgun gothic',Gulim,Dotum,"Apple SD Gothic Neo",AppleGothic;}

/*메인페이지 분석 삭제예정*/
.spimgbox_wrap {}
.spimgbox_top {padding: 10px 10px 20px; height: 270px; background: #2a2828; border-radius: 12px 12px 0 0;}
.spimgbox_top .img {}
.spimgbox_top .img > a {display: block; height: 150px; overflow: hidden; border-radius: 10px;}
.spimgbox_top .img > a > img {width: 100%; height: 100%; overflow: hidden; position: relative; display: block;}
.spimgbox_top .title {text-align: center; margin-top: 20px; font-size: 13px; line-height: 20px;}
.spimgbox_top .prediction {margin-top: 20px; color: var(--type-weak); text-align: center;}

.spimgbox_bottom {height: 60px; background-color: #21283B; border-radius: 0 0 12px 12px; display: flex; align-items: center;}
.spimgbox_bottom > div:nth-child(1) {text-align: center; width: 70px;}
.spimgbox_bottom > div:nth-child(2) {flex: 1; text-align: left;}
.spimgbox_bottom > div:nth-child(3) {text-align: center; padding-right: 8px;}
.spimgbox_bottom > div:nth-child(4) {text-align: center; padding-right: 15px; padding-left: 8px; border-left: 1px solid #272E41;}
.spimgbox_bottom > div .upper {display: block; margin-bottom: 4px;}
.spimgbox_bottom > div .bottom {color: var(--type-weak); font-size: 12px;}

/* 스포츠분석 */
.sp_pick_list_wrap {margin-bottom:-12px;}

.sp_pick_list_box.type1 {padding: 20px 0 20px 0; border-radius: 10px 10px 10px 10px; margin-bottom: 12px; background-color: var(--background-color-gray);}
.sp_pick_list_box.type1 .box-wrap {display: flex; align-items: center;}
.sp_pick_list_box.type1 .img-wrap {width: 100px; text-align: center;}
.sp_pick_list_box.type1 .img-wrap img {max-width: 50px;}
.sp_pick_list_box.type1 .extend-wrap {flex: 1;}
.sp_pick_list_box.type1 .extend-wrap .stime {margin-bottom: 5px; font-size: 12px;}
.sp_pick_list_box.type1 .extend-wrap .title {}
.sp_pick_list_box.type1 .extend-wrap .title .home-name,
.sp_pick_list_box.type1 .extend-wrap .title .away-name {line-height: 1.5;}
.sp_pick_list_box.type1 .extend-wrap .title .home-name i {display: inline-block; padding: 0 5px; text-align: center; font-style: normal; font-size: 11px; border-radius: 5px; background-color: var(--home-team-color);}
.sp_pick_list_box.type1 .extend-wrap .title .away-name i {display: inline-block; padding: 0 5px; text-align: center; font-style: normal; font-size: 11px; border-radius: 5px; background-color: var(--away-team-color);}
.sp_pick_list_box.type1 .extend-wrap .cnts {margin-top: 8px; color: var(--type-weak); font-size: 12px;}
.sp_pick_list_box.type1 .extend-wrap .cnts span {color: var(--type-weak); font-size: 12px;}
.sp_pick_list_box.type1 .extend-wrap .cnts .fc-weak {margin: 0 3px;}
.sp_pick_list_box.type1 .extend-wrap .separator--vs {padding: 0 5px; color: #fff;}

/* 스포츠분석 디자인 2 */
.sp_pick_list_box.type2 {position: relative; overflow: hidden; padding: 20px; border-radius: 10px; margin-bottom: 12px; background-color: var(--background-color-gray); background: linear-gradient(to top right, var(--background-color-gray) 50%, var(--background-color-gray2) 50%);}
.sp_pick_list_box.type2:nth-child(even) {background: linear-gradient(to top left, var(--background-color-gray) 50%, var(--background-color-gray2) 50%);}
.sp_pick_list_box.type2 .list-box-wrap {display: flex; align-items: center;}
.sp_pick_list_box.type2 .home-team,
.sp_pick_list_box.type2 .away-team {display: block; width: 40%; align-self: baseline; position: relative;}
.sp_pick_list_box.type2 .emblem img {display: block; height: 40px; margin: 0 auto;}
.sp_pick_list_box.type2 .team-name {margin-top: 10px; word-break: keep-all; align-self: center; text-align: center; line-height: 1.3;}
.sp_pick_list_box.type2 .team-name i {position: absolute; top: 25px; padding: 0 5px; text-align: center; font-style: normal; font-size: 11px; border-radius: 5px;}
.sp_pick_list_box.type2 .home-team .team-name i {left: 55%;}
.sp_pick_list_box.type2 .away-team .team-name i {right: 55%;}
.sp_pick_list_box.type2 .home-team .team-name i {background-color: var(--home-team-color); color: #fff;}
.sp_pick_list_box.type2 .away-team .team-name i {background-color: var(--away-team-color); color: #fff;}
.sp_pick_list_box.type2 .vs {width: 35%; text-align: center;}
.sp_pick_list_box.type2 .vs span {display: block; width: 30px; height: 20px; line-height: 20px; margin: 0 auto; border-radius: 7px; color: var(--type-normal); background-color: rgb(0 0 0 / 50%);}
.sp_pick_list_box.type2 time {position: absolute; top: 15px; left: 50%; transform: translate(-50%, 0); display: block; padding: 3px 5px 3px 7px; border-radius: 0 0 0 10px; color: var(--type-weak); font-size: 11px;}
.sp_pick_list_box.type2 .information {display: flex; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); border-radius: 10px 10px 0 0; background-color: rgb(154 164 191 / 7%); padding: 3px 5px 3px 7px;}
.sp_pick_list_box.type2 .information i {font-style: normal;}
.sp_pick_list_box.type2 .information * {color: var(--type-weak); font-size: 11px;}
.sp_pick_list_box.type2 .information .fc-weak {padding: 0 5px; color: var(--border-color);}

/*
.sp_pick_list_box.type2 {
	animation: animateBg 2s linear infinite;
	background-image: linear-gradient(90deg,#2a2828,#212b3b,#2a2828, #212b3b);
	background-size: 317% 100%;
}
@keyframes animateBg {
	0% { background-position: 0% 0%; }
	100% { background-position: 100% 0%; }
}
*/
  
/* 메인 스포츠중계 블럭 */
.cast-recent-wrap {}
.cast-recent-wrap .cast-recent-row {background-color: var(--background-color-gray);}

/*
.cast-recent-row {position: relative; padding: 0; border-radius: 10px; overflow: hidden; margin-top: 12px; display: flex; align-items: center;}
.cast-recent-row .alink-disable {pointer-events: none; cursor: default;}
.cast-recent-row .hide-elem {display: none;}

.cast-recent-row i {font-style: normal;}
.cast-recent-row .img-wrap {position: relative; width: 120px; min-width: 120px; height: 84px; text-align: center;}
.cast-recent-row .img-wrap img {width: 100%; height: 100%;}
.cast-recent-row .img-wrap a:after {content:""; position: absolute; right: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 14%); top: 0;}
.cast-recent-row .img-wrap .viewer {position: absolute; left: 0; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.699); background: rgba(0, 0, 0, 0.899); bottom: 0; padding: 5px; font-size: 11px;}
.cast-recent-row .data-wrap {padding: 12px 15px; flex: 1;}
.cast-recent-row .data-wrap .cast-header-information {margin-bottom: 8px;}
.cast-recent-row .data-wrap .cast-header-information > span {color: var(--type-weak); font-size: 12px;}
.cast-recent-row .data-wrap .cast-header-information .league-image img {width: 12px;}

.cast-recent-row .data-wrap .cast-header-information .match-status {float: right; border-radius: 10px; color: #fff; font-size: 11px; background-color: #000; padding: 2px 6px; text-align: center;}
.cast-recent-row .data-wrap .cast-header-information .glist-not-onair-box {background-color: #3b3a3a;}
.cast-recent-row .data-wrap .cast-header-information .glist-onair-box {background-color: #354785;}
.cast-recent-row .data-wrap .cast-header-information .glist-onair-end-box {background-color: #714141;}

.cast-recent-row .data-wrap .cast-match-title {display: flex; width: 100%;}

.cast-recent-row .data-wrap .cast-match-title .glist-score-win {color: #009fff;}
.cast-recent-row .data-wrap .cast-match-title .glist-score-lose {color: #9aa4bf;}

.cast-recent-row .data-wrap .cast-match-title .separator {padding: 0 5px;}
.cast-recent-row .data-wrap .cast-match-title .separator--vs {padding: 0 5px; color: rgb(80, 96, 112);}
.cast-recent-row .data-wrap .cast-match-title .home-team {position: relative; max-width: 50%;}
.cast-recent-row .data-wrap .cast-match-title .home-team .home-team-name {display: inline-block; font-weight: normal; max-width: 130px; text-overflow: ellipsis; white-space: nowrap;}
.cast-recent-row .data-wrap .cast-match-title .home-team .home-team-score {display: inline-block; margin-left: 5px; font-family:'a3', sans-serif;}
.cast-recent-row .data-wrap .cast-match-title .home-team .home-team-img {display: inline-block; width: 16px;}
.cast-recent-row .data-wrap .cast-match-title .home-team .home-team-img img {width: 100%;}
.cast-recent-row .data-wrap .cast-match-title .away-team {position: relative; max-width: 50%;}
.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-name {display: inline-block; font-weight: normal; max-width: 130px; text-overflow: ellipsis; white-space: nowrap;}
.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-score {display: inline-block; margin-right: 5px; font-family:'a3', sans-serif;}
.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-img {display: inline-block; width: 16px;}
.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-img img {width: 100%;}

.cast-recent-row .data-wrap .cast-footer-information {display: flex; margin-top: 8px; font-size: 12px; overflow: hidden;}
.cast-recent-row .data-wrap .cast-footer-information > span {display: inline-block; color: var(--type-weak); font-family:"a1", sans-serif; font-weight: normal;}
.cast-recent-row .data-wrap .cast-footer-information .separator {padding: 0 5px;}
.cast-recent-row .data-wrap .cast-footer-information .txt-description {flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 150px; display: block;}
*/

/* 디자인 변경 테스트 */
.cast-recent-row {border-radius: 10px; overflow: hidden; margin-top: 12px;}
.cast-recent-row .row-wrap {display: flex; align-items: center; position: relative; padding: 10px;}
.cast-recent-row .img-wrap {position: relative; width: 110px; min-width: 110px; height: 70px; text-align: center; border-radius: 10px; overflow: hidden;}
.cast-recent-row .img-wrap a {display: block;}
.cast-recent-row .img-wrap img {height: 70px; aspect-ratio: 16/9;}
.cast-recent-row .img-wrap a:after {content:""; position: absolute; right: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 14%); top: 0;}

.cast-recent-row .data-wrap {flex: 1; min-width: 0; padding-left: 10px;}
.cast-recent-row .data-wrap .cast-header-information {margin-bottom: 5px;}
.cast-recent-row .data-wrap .cast-header-information .league-wrap {display: flex;}
.cast-recent-row .data-wrap .cast-header-information .league-image img {height: 14px; margin-right: 5px;}
.cast-recent-row .data-wrap .cast-header-information .league-name {font-size: 12px; color: var(--type-weak);}
.cast-recent-row .data-wrap .cast-match-title {align-content: center;}
.cast-recent-row .data-wrap .cast-match-title .home-team,
.cast-recent-row .data-wrap .cast-match-title .away-team {display: flex; align-items: center;}
.cast-recent-row .data-wrap .cast-match-title .team-emblem {display: grid; align-items: center; margin-right: 5px;}
.cast-recent-row .data-wrap .cast-match-title .team-emblem img {width: 15px; max-width: 15px; max-height: 15px; display: block;}
.cast-recent-row .data-wrap .cast-match-title .home-team-name,
.cast-recent-row .data-wrap .cast-match-title .away-team-name {width: 100%; font-weight: normal; line-height: 1.5;}
.cast-recent-row .data-wrap .cast-match-title .home-team-score,
.cast-recent-row .data-wrap .cast-match-title .away-team-score {display: block; width: 30px; font-family:'a3', sans-serif; text-align: right; color: #fff;}
.cast-recent-row .data-wrap .cast-match-title .glist-score-win {color: #009fff;}
.cast-recent-row .data-wrap .cast-match-title .title_only {/*text-align: center;*/}
.cast-recent-row .footer-wrap {display: flex; padding: 10px 15px; background-color: var(--background-color-gray2);}
.cast-recent-row .left-information {width: 55%;}
.cast-recent-row .viewer {font-size: 12px; color: var(--type-weak);}
.cast-recent-row .viewer i {font-style: normal;}
.cast-recent-row .viewer:before {content:""; display: inline-block; width: 3px; height: 3px; margin-right: 3px; border-radius: 100px; background-color: var(--type-weak); vertical-align: middle;}
.cast-recent-row .timer {font-size: 12px; color: var(--type-weak);}
.cast-recent-row .right-information {width: 45%; text-align: right;}
.cast-recent-row .right-information .txt-description {text-align: right; font-size: 12px; color: var(--type-weak);}

.cast-recent-row .match-status {font-size: 11px;}

.cast-recent-wrap .slick-list {margin: 0 -5px;}
.cast-recent-wrap .slick-slide {margin: 0 5px;}

.cast-recent-wrap {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.cast-recent-wrap.slick-initialized {
	visibility: visible;
	opacity: 1;    
}

/*
.slick-next {right: 0; z-index: 1002;}
.slick-prev {left: 0; z-index: 1002;}
*/
.arrow-wrap {position: relative; display: inline-block; vertical-align: sub;}
.arrow-wrap .slick-prev,
.arrow-wrap .slick-next {position: static; transform: none; -webkit-transform: none; -ms-transform: none;}
.arrow-wrap .slick-prev {float: left;}
.arrow-wrap .slick-next {float: right;}

/* 슬라이드형 박스 디자인 */
.cast-recent-row .row-wrap {display: block;}
.cast-recent-row .img-wrap {width: 100%; height: 92px; margin-bottom: 10px;}
.cast-recent-row .img-wrap img {width: 100%; height: 92px; max-height: 92px;}
.cast-recent-row .data-wrap {display: block; padding-left: 0;}
.cast-recent-row .data-wrap .cast-header-information .league-image {display: none;}
.cast-recent-row .data-wrap .cast-header-information .league-image img {margin: 0 auto;}
.cast-recent-row .data-wrap .cast-header-information .league-name {font-size: 11px;}
.cast-recent-row .data-wrap .cast-match-title {min-height: 39px;}
.cast-recent-row .data-wrap .cast-match-title .team-emblem img {max-width: 18px; max-height: 18px; width: 18px;}
.cast-recent-row .left-information {width: 100%;}
.cast-recent-row .right-information {display: none;}
.cast-recent-row .footer-wrap {text-align: center;}
.cast-recent-row .data-wrap .cast-match-title .title_only {text-align: center;}
.cast-recent-row .time-elapsed-before {color: #4fe744;}

@media (max-width: 860px) {
	/*
	.cast-recent-wrap {border-radius: 10px; overflow: hidden; margin-top: 0; margin-bottom: 0;}
	.cast-recent-wrap .cast-recent-row:nth-child(odd) {background-color: var(--background-color-gray);}
	.cast-recent-wrap .cast-recent-row:nth-child(even) {background-color: var(--background-color-gray2);}
	.cast-recent-wrap .cast-recent-row {border-radius: 0; padding: 10px; margin-top: 0; margin-bottom: 0;}
	.cast-recent-row .img-wrap {overflow: hidden; border-radius: 10px; width: 106px; min-width: 106px; max-height: 71px;}
	.cast-recent-row .img-wrap img {}
	.cast-recent-row .data-wrap {padding: 0 0 0 15px;}
	.cast-recent-row .data-wrap .cast-header-information > span {font-size: 11px;}
	.cast-recent-row .data-wrap .cast-match-title {display: block;}
	.cast-recent-row .data-wrap .cast-match-title .home-team,
	.cast-recent-row .data-wrap .cast-match-title .away-team {margin-top: 3px; padding-right: 0; padding-left: 0; width: 100%; max-width: 100%;}
	.cast-recent-row .data-wrap .cast-match-title .away-team .home-team-name,
	.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-name {max-width: 150px; margin-left: 0; margin-right: 0;}
	.cast-recent-row .data-wrap .cast-match-title .separator {display: none;}
	.cast-recent-row .data-wrap .cast-match-title .separator--vs {display: none;}
	.cast-recent-row .data-wrap .cast-match-title .home-team .home-team-score,
	.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-score {position: absolute; right: 12px; margin: 0;}
	.cast-recent-row .data-wrap .cast-match-title .home-team .home-team-img,
	.cast-recent-row .data-wrap .cast-match-title .away-team .away-team-img {position: absolute; right: 12px; margin: 0;}
	.cast-recent-row .data-wrap .cast-footer-information > span {font-size: 11px;}
	*/
	.cast-recent-row {margin-bottom: 0 !important;}
	/*
	.cast-recent-wrap .cast-recent-row:nth-child(odd) {background-color: var(--background-color-gray);}
	.cast-recent-wrap .cast-recent-row:nth-child(even) {background-color: var(--background-color-gray2);}
	*/
	
/*
	.cast-recent-row .row-wrap {display: block;}
	.cast-recent-row .img-wrap {width: 100%; height: 92px; margin-bottom: 10px;}
	.cast-recent-row .img-wrap img {width: 100%; height: 92px; max-height: 92px;}
	.cast-recent-row .data-wrap {display: block; padding-left: 0;}
	.cast-recent-row .data-wrap .cast-header-information .league-image {display: none;}
	.cast-recent-row .data-wrap .cast-header-information .league-image img {margin: 0 auto;}
	.cast-recent-row .data-wrap .cast-header-information .league-name {font-size: 11px;}
	.cast-recent-row .data-wrap .cast-match-title {min-height: 39px;}
	.cast-recent-row .data-wrap .cast-match-title .team-emblem img {max-width: 18px; max-height: 18px; width: 18px;}
	.cast-recent-row .left-information {width: 100%;}
	.cast-recent-row .right-information {display: none;}
	.cast-recent-row .timer {font-size: 11px;}
*/

	/*
	.cast-recent-wrap {display: flex !important;}
	.cast-recent-wrap .cast-recent-row {width: 49%; margin-top: 8px; margin-right: 2%; background-color: var(--background-color-gray);}
	.cast-recent-wrap .cast-recent-row:nth-child(2n) {margin-right: 0 !important;}
	.cast-recent-wrap .cast-recent-row:nth-child(3n) {margin-right: 2%;}
	*/

	/*
	.slick-add-shadow {position: relative;}
	.slick-add-shadow.slick-slider::before,
	.slick-add-shadow.slick-slider::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 30px;
		pointer-events: none;
		z-index: 1001;
	}
	
	.slick-add-shadow.slick-slider::before {
		left: -5px;
		background: linear-gradient(to right,rgb(22 27 40), rgba(255, 255, 255, 0));
	}
	
	.slick-add-shadow.slick-slider::after {
		right: -5px;
		background: linear-gradient(to left, rgb(22 27 40),rgba(255, 255, 255, 0));
	}
	*/
}

/*하이라이트*/
.sphlight_list_container .slick-list {margin: 0 -5px;}
.sphlight_list_container .slick-slide {margin: 0 5px;}

.sphlight_list_container {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.sphlight_list_container.slick-initialized {
	visibility: visible;
	opacity: 1;    
}

.sphlight_list_wrap {overflow: hidden; border-radius: 12px;}
.sphlight_list_top {padding: 10px 10px 15px; background-color: var(--background-color-gray);}
/*
.sphlight_list_wrap:nth-child(even) .sphlight_list_top {background-color: var(--background-color-gray);}
.sphlight_list_wrap:nth-child(odd) .sphlight_list_top {background-color: var(--background-color-gray2);}
*/
.sphlight_list_top .thumbnail {margin-bottom: 10px;}
.sphlight_list_top .thumbnail img {width: 100%; aspect-ratio: 16/9; border-radius: 10px;}
.sphlight_list_top .thumbnail a {display: block;}
.sphlight_list_top .home-team,
.sphlight_list_top .away-team {display: flex; color: var(--type-weak);}
.sphlight_list_top .home-team h4,
.sphlight_list_top .away-team h4,
.sphlight_list_top .home-team div,
.sphlight_list_top .away-team div {}
.sphlight_list_top .team-name {width: 68%; color: #fff; line-height: 1.7;}
.sphlight_list_top .score {width: 20%; margin-left: auto; padding-right: 5px; text-align: right; line-height: 1.7;}
.sphlight_list_top .score.win {color: #009fff;}
.sphlight_list_top .emblem {width: 20px; display: grid; align-items: center; margin-right: 3px;}
.sphlight_list_top .emblem img {max-width: 18px; max-height: 18px; display: block; margin: 0 auto;}
.sphlight_list_top .away-team .emblem img {top: 22px;}
.sphlight_list_top time {color: var(--type-weak); font-size: 12px; display: block; margin-bottom: 5px;}

/*이벤트 슬라이드*/
.event_list_container .slick-list {margin: 0 -5px;}
.event_list_container .slick-slide {margin: 0 5px;}

.event_list_container {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.event_list_container.slick-initialized {
	visibility: visible;
	opacity: 1;    
}

.event_list_wrap {overflow: hidden; border-radius: 12px;}

/*메인페이지 파트너*/
.partnerbox_wrap {cursor: pointer;}
.partnerbox_wrap .adm-wrap > div {color: var(--type-weak); padding: 20px; background-color: #2a2828;}
.partnerbox_top {flex: 1; padding: 10px 10px 20px; background-color: var(--box-color); border-radius: 12px 12px 0 0;}
/*
.partnerbox_top .img > a {display: block; height: 190px; overflow: hidden; border-radius: 12px 12px 0 0;}
.partnerbox_top .img > a > img {width: 100%; height: 100%; overflow: hidden; position: relative; display: block;}
*/
.partnerbox_top .img {position: relative;}
.partnerbox_top .img > a {display: block; overflow: hidden; border-radius: 10px;}
.partnerbox_top .img img {width: 100%; overflow: hidden; position: relative; display: block;}
.partnerbox_top .title {text-align: center; margin-top: 20px; font-size: 13px; line-height: 20px; color: var(--type-weak); padding-left: 4px; padding-right: 4px;}

.event_end_background {position: absolute; left: 0; top: 0; background-color: black; bottom: 0; right: 0; border-radius: 10px; opacity: 0.6;}
.event_end_text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 3px solid #4fe744; padding: 10px 20px; color: #4fe744; font-size: 15px; text-align: center; width: 120px;}
.event_end_view_backpannel {width: 100%; height: 60px; position: relative; margin-bottom: 10px;}
.partnerbox_bottom {height: 60px; background-color: var(--box-color); border-radius: 0 0 12px 12px; display: flex; align-items: center;}
.partnerbox_bottom > div:nth-child(1) {text-align: center; padding-left: 10px; padding-right: 0;}
.partnerbox_bottom > div:nth-child(2) {flex: 1; text-align: left;}
.partnerbox_bottom > div:nth-child(3) {position: relative; text-align: center; padding-right: 10px;}
.partnerbox_bottom > div:nth-child(4) {text-align: center; padding-right: 15px; padding-left: 10px;}
.partnerbox_bottom > div:nth-child(3):after { content:""; position: absolute; right:-2px; width: 2px; height: 22px; background: var(--border-color); top: 50%; transform: translateY(-50%); }
.partnerbox_bottom > div .upper {display: block; margin-bottom: 4px;}
.partnerbox_bottom > div .bottom {color: var(--type-weak); font-size: 12px !important;}

/*포인트전환*/
.pshop_wrap {}
.pshop_top {padding: 10px 10px 20px; background-color: var(--box-color); border-radius: 12px 12px 0 0;}
.pshop_top .img {}
.pshop_top .img > a {display: block; border-radius: 12px 12px 0 0;}
.pshop_top .img img {width: 100%;}
.pshop_top .title {text-align: center; margin-top: 20px; font-size: 13px; line-height: 20px; padding-left: 4px; padding-right: 4px; color: var(--type-normal);}
.pshop_top .admin-wrap {}
.pshop_top .admin-wrap > div {color: var(--type-weak); padding: 20px;}

.pshop_bottom {height: 60px; background-color: var(--box-color); border-radius: 0 0 12px 12px; display: flex; align-items: center;}
.pshop_bottom > div .upper {display: block; margin-bottom: 4px;}
.pshop_bottom > div .bottom {color: var(--type-weak);}
.pshop_bottom .col-info {flex: 1; text-align: center; padding-left: 20px;}
.pshop_bottom .col-btn {flex: 1; padding: 10px;}

/* 포인트 전환 주문내역 */
.pshop-order-wrap {border-radius: 10px;}
.pshop-order-wrap .pshop-order {display: flex; flex-direction: row; align-items: center; height: 60px; padding: 10px;}
.pshop-order-wrap .pshop-order:nth-child(even) {background-color: var(--background-color-gray);}
.pshop-order-wrap .pshop-order:nth-child(odd) {background-color: var(--background-color-gray2);}
.pshop-order-wrap .pshop-order:first-child {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pshop-order-wrap .pshop-order:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.pshop-order-wrap .pshop-order > div {text-align: center;}
.pshop-order-wrap .pshop-order .col-no {width: 34px; color: var(--type-weak);}
.pshop-order-wrap .pshop-order .col-img {width: 44px;}
.pshop-order-wrap .pshop-order .col-img img {width: 100%; border: 1px solid var(--border-color); border-radius: 10px;}
.pshop-order-wrap .pshop-order .col-name {flex: 1; text-align: left; padding-left: 8px;}
.pshop-order-wrap .pshop-order .col-price {width: 90px;}
.pshop-order-wrap .pshop-order .col-time {width: 150px; font-size: 12px;}
.pshop-order-wrap .pshop-order .col-time > div {color: var(--type-weak); font-size: 11px;}
.pshop-order-wrap .pshop-order .col-proc {width: 50px;}

.hexagonImg {position: relative; display: inline-block; width: 40px; height: 44px; line-height: 44px; text-align: center; background: url(../img/level_detail_bg.png) no-repeat;
	background-size: 40px; margin-right: 15px; vertical-align: top;
}
.hexagonImg > img {width: 24px; height: 24px; border-radius: 8px;}
.hexagonImg .levelnum {position: absolute; bottom:-2px; right:-9px; width: 20px; height: 23px; background: url(../img/level_bg.png) no-repeat; line-height: 23px; color: #ffffff; font-family:"a3",sans-serif; font-size: 11px;}

.hexagonImg2 {position: relative; display: inline-block; width: 30px; height: 33px; line-height: 44px; text-align: center; background: url(../img/level_detail_bg.png) no-repeat;
	background-size: 30px; margin-right: 12px; vertical-align: top;
}
.hexagonImg2 > img {width: 18px; height: 18px; border-radius: 4px;}
.hexagonImg2 .levelnum {position: absolute; bottom:-2px; right:-9px; width: 20px; height: 23px; background: url(../img/level_bg.png) no-repeat; line-height: 23px; color: #ffffff; font-family:"a3",sans-serif; font-size: 12px;}

.page-title-main h4 {display: inline-block; font-size: 20px; font-family:"a2",sans-serif; font-weight: normal; margin: 0; padding-bottom: 14px;/*font-family: var(--font-nanum);*/}
.page-title-main16 {font-size: 16px;/*font-family: var(--font-nanum);*/}
.page-title-main14 {font-size: 14px;/*font-family: var(--font-nanum);*/}

.main-page-block {position: relative; padding: 14px;}
.main-page-block-gray {background-color: var(--background-color-gray);}

.page-gray-line {padding-left: 14px; padding-right: 14px; margin-top: 14px; margin-bottom: 14px;}
.page-gray-line > div:nth-child(1) {background-color: var(--border-color); height: 1px;}

.bradius_top {border-top-left-radius: 4px; border-top-right-radius: 4px;}
.bradius_bottom {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.pcate1_wrap {display: flex; color: #fff; align-items: stretch;}
.pcate1_wrap .title {text-align: center; width: 80px; height: 37px; line-height: 37px;}
.pcate1_wrap .active {border-bottom: 3px solid var(--point-color);}
.pcate1_wrap .cate_wrap { line-height: 39px; padding-right: 4px; }
.pcate1_wrap .cate_wrap > span img {width: 28px;}

.airlistrow1_wrap {display: flex; align-items: stretch;}
.airlistrow1_wrap .thumbimg {}
.airlistrow1_wrap .thumbimg > img {width: 96px; height: 66px; border: 2px solid #333; border-radius: 4px;}
.airlistrow1_wrap .extraswrap {flex: 1; padding-left: 6px;}

.airlist_cate {background-color: var(--background-color-gray); cursor: pointer;}
.airlist_cate_on {background-color: var(--yellow-color); color: var(--background-color-black)}
.airlist_cate_off {background-color: var(--background-color-gray);}

.round_small_txt_complementarycolor{
	border-radius: 4px;
	border: 0 solid #ccccd3;
	font-size: 12px; padding: 1px; padding-left: 3px; padding-right: 3px; color: #000;
	background-color: #f2f2f3;
}

.mbtn_st_gray {
	cursor: pointer;
	color: #6E6E6E;
	background-color: #F3F3F3;
	text-decoration: none;
	font-size: 14px;

	margin-top: .5rem;
	margin-bottom: .5rem;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	padding: 8px;
}
.mbtn_st_gray:hover {
	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	background-color: #939395;
	color: #fff;
}

/* 제휴업체 */

.partner_list {display: flex;}
.partner_list  > div {margin-bottom: 12px;}
.partner_list .img {width: 24%; text-align: center;}
.partner_list .img img {width: 100%; border: 1px solid var(--border-color);}
.partner_list .img span {display: block; width: 280px; height: 186px; line-height: 186px;}
.partner_list .info1 {width: 24%; min-width: 180px; line-height: 150%;}
.partner_list .info2 {width: 24%; line-height: 170%;}
.partner_list .info3 {width: 24%; line-height: 170%;}
.partner_list .stitle {background-color: var(--background-color-gray); height: 28px; line-height: 28px; text-align: center; margin-bottom: 8px; border-radius: 8px;}
.partner_list .extras-a {width: 1%;}
.partner_list .extras-b {width: 1%;}

/* 포인트샵 */
.pshop-list-wrap {display: flex; align-items: center; flex-wrap: wrap;}
.pshop-block {width: 24%; margin-bottom: 16px;}
.pshop-list-wrap .img > img {width: 100%;}
.pshop-list-wrap .pshop-title {}
.pshop-list-wrap .pshop-price {}
.pshop-list-wrap .pshop-order {padding-top: 8px;}

.pshop-block-extra {width: 1%;}

/* 스포츠목록 */
.sp_list_wrap {}
.sp_list_box {height: 70px; position: relative;}
.sp_list_box .list_img {position: absolute; top: 4px; left: 4px; width: 80px; border: 2px solid #333; text-align: center; background-color: #000;}
.sp_list_box .list_img img {max-width: 96%;}
.sp_list_box .list_txt_line1 {position: absolute; top: 8px; left: 94px;}
.sp_list_box .list_txt_line1 > div {display: flex; max-width: 100%; cursor: pointer;}
.sp_list_box .list_txt_line2 {position: absolute; top: 38px; left: 94px;}

/*스포츠분석 상세페이지*/
.pickinfo-view-wrap {overflow: hidden;}
.pickinfo-view-wrap .league-img {}
.pickinfo-view-wrap .league-img img {width: 100px; border-radius: 5px; border: 5px solid var(--border-color);}
.pickinfo-view-wrap .team-name-row {display: flex; margin-top: 20px; align-items: center;}

.pickinfo-view-wrap .team-info-row {display: flex; align-items: center; background-color: var(--background-color-black); padding: 20px; border-top-left-radius: 15px; border-radius: 15px; margin-top: 10px;}
.pickinfo-view-wrap .team-info-row .row-extra {flex: 1;}
.pickinfo-view-wrap .team-info-row .row-img {width: 40px;}
.pickinfo-view-wrap .team-info-row .row-img > img {width: 100%;}
.pickinfo-view-wrap .team-info-row .row-vs {}
.pickinfo-view-wrap .team-info-row .row-vs > img {width: 40px;}
.pickinfo-view-wrap .team-info-row .row-hteam {flex: 1; text-align: center; font-size: 18px;}
.pickinfo-view-wrap .team-info-row .row-ateam {flex: 1; text-align: center; font-size: 18px;}
.pickinfo-view-wrap .team-info-row .row-score {min-width: 30px; padding: 0 5px; text-align: center; font-size: 18px; color: #9aa4bf;}
.pickinfo-view-wrap .team-info-row .gwinner {color: #009fff;}

.pickinfo-view-wrap .time-info {background-color: #21283B; padding: 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; text-align: center;}
.pickinfo-view-wrap .time-info > span {display: inline-block; color: #9aa4bf; margin-right: 8px;}
.pickinfo-view-wrap .time-info .ended {}
.pickinfo-view-wrap .time-info .g-start {border-radius: 4px; background-color: #2a2828; color: #4fe744; padding: 4px 8px;}
.pickinfo-view-wrap .time-info .g-end {border-radius: 4px; background-color: #9B6A2F; color: #fff; padding: 4px 8px;}

.pickinfo-view-wrap .extra-info {display: flex; margin-top: 12px; align-items: center;}

/* 디자인 타입 2 */
.pickinfo-view-wrap .row-wrap {border-radius: 15px; overflow: hidden; margin-top: 15px; padding: 20px 25px; background-color: var(--point-color);}
.pickinfo-view-wrap .row-info {display: flex; padding: 8px 0; line-height: 1.7;}
.pickinfo-view-wrap .team-name img {width: 20px;}
.pickinfo-view-wrap .row-label {width: 30%; text-align: left; color: #9aa4bf;}
.pickinfo-view-wrap .row-data {width: 70%; display: flex;}
.pickinfo-view-wrap .row-data li.bet-name {width: 33.3%}
.pickinfo-view-wrap .row-data li.bet-line {width: 33.3%}
.pickinfo-view-wrap .row-data li.result-status {width: 33.3%}
.pickinfo-view-wrap .row-data .result-status.recommend {color: #4fe744;}
.pickinfo-view-wrap .row-data .result-status.not-recommend {color: #e74444;}

.ico_txt_home {display: inline-block; margin-right: 10px; background: var(--blue-color); color: #fff; height: 20px; line-height: 10px; padding: 5px 8px; border-radius: 5px; font-size: 0.95em}
.ico_txt_home_team {font-size: 14px; text-align: left;}
.ico_txt_vs {padding-left: 6px; padding-right: 6px; color: var(--complementary-strong);}
.ico_txt_away {display: inline-block; margin-left: 10px; background: var(--red-color); color: #fff; height: 20px; line-height: 10px; padding: 5px 8px; border-radius: 5px; font-size: 0.95em}
.ico_txt_away_team {font-size: 14px; text-align: right;}

.round_small_txt_maincolor{
	border-radius: 4px;
	border: 1px solid var(--border-color);
	font-size: 10px; padding: 1px; padding-left: 3px; padding-right: 3px; color: #fff;
	background-color: var(--main-color);
}
.round_small_txt_complementarycolor{
	border-radius: 4px;
	border: 0 solid var(--border-color);
	font-size: 12px; padding: 1px; padding-left: 3px; padding-right: 3px; color: #fff;
	background-color: var(--background-color-gray);
}

.round_small_txt_complementarycolor2{
	border-radius: 4px;
	border: 0 solid var(--border-color);
	font-size: 12px; padding: 1px; padding-left: 3px; padding-right: 3px; color: #fff;
	background-color: var(--background-color-gray2);
}

.round_small_txt_gray{
	border-radius: 4px;
	border: 1px solid var(--border-color);
	font-size: 13px; padding: 1px; padding-left: 3px; padding-right: 3px; color: #adadad;
	background-color: var(--background-gray);
}

/* 업체정보 */
.icoNotice{
	display: inline-block;
	padding: 0 12px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	border-radius: 10px;
	margin: 0 2px 0 0;
	background: #40d04f;
	-webkit-animation: darkback 3s infinite linear;
}
@-webkit-keyframes darkback {
	0% {
		background: #7750f8;
		box-shadow: 0 0 20px 5px #7750f8;
	}
	50% {
		background: #40d04f;
		box-shadow: 0 0 20px 5px #40d04f;
	}
	100% {
		background: #7750f8;
		box-shadow: 0 0 20px 5px #7750f8;
	}
}
@-webkit-keyframes footer_navigation {
	0% {
		box-shadow: 0 0 20px 5px #7750f8;
	}
	50% {
		box-shadow: 0 0 20px 5px #40d04f;
	}
	100% {
		box-shadow: 0 0 20px 5px #7750f8;
	}
}
/* 업체정보 */
.partner-view-info {display: flex;}
.partner-view-info .title {font-size: 13px; color: var(--type-weak); min-width: 80px;}
.partner-view-info .mb20 {margin-bottom: 20px;}
.partner-view-info .info-wrap {flex: 1; padding-left: 30px;}
.partner-view-info .info-wrap-ml {flex: 1; padding-left: 30px; line-height: 200%;}
.partner-view-info .link-color a {color: var(--type-green);}
.partner-view-info .btn-wrap {width: 80px;}

.partner-adm-img {width: 100%; text-align: left; margin-bottom: 20px;}
.partner-adm-img img {max-width: 80%;}
.partner-adm-img div {margin-bottom: 10px; color: var(--type-weak);}
.partner-adm-img div i {color: #fff; font-size: 11px; margin-right: 8px;}

.mb_profile_img {display: inline-block; cursor: pointer;}
.mb_profile_img img {border: 1px solid #191919; border-radius: 50%; width: 26px; height: 26px}
.mb_profile_img img:hover {background-color: #F3F3F3;}

.mb_profile_img_20px {display: inline-block; cursor: pointer;}
.mb_profile_img_20px img {border: 1px solid #191919; border-radius: 50%; width: 20px; height: 20px}
.mb_profile_img_20px img:hover {background-color: #F3F3F3;}

/* 결장자 */
#content_injury_mn {padding: 0; position: relative; height: 120px;}
#content_injury_mn .lv1_ul {display: flex; list-style: none; padding: 0; justify-content: center; align-items: center;}
#content_injury_mn .lv1_li {display: block; height: 28px; line-height: 28px; border-radius: 4px; background-color: #2a2828; width: 66px; text-align: center; margin-right: 6px; cursor: pointer; }
#content_injury_mn .lv1_li a {display: block; width: 100%; height: 28px; color: var(--type-weak);}
#content_injury_mn .lv2_ul {display: block; position: absolute; top: 44px; left: 0; right: 0; text-align: center; cursor: default;}
#content_injury_mn .lv2_li {display: inline-block; height: 28px; line-height: 28px; background-color: #2a2828; border-radius: 4px; text-align: center; margin-right: 6px; min-width: 50px; cursor: pointer; margin-bottom: 8px; color: var(--type-weak) !important; padding-left: 4px; padding-right: 4px;}
#content_injury_mn .lv2_li a {display: block; color: var(--type-weak) !important; font-size: 11px; width: 100%; height: 28px;}
#content_injury_mn .lv1_ul .mn_active {background-color: #21283B;}
#content_injury_mn .lv1_ul .mn_active a {color: #4fe744;}
#content_injury_mn .lv2_ul .mn_active {background-color: #21283B;}
#content_injury_mn .lv2_ul .mn_active a {color: #fff !important;}
 
.content-injury-data-wrap {flex-wrap: wrap;} /* flex-tbl-wrap 과 조합 */
.content-injury-data-wrap .flex-tbl-row {padding: 15px 10px;}
.content-injury-data-wrap .flex-tbl-row > div {padding-left: 10px; color: #9aa4bf;}
.content-injury-data-wrap .flex-tbl-row > div:first-child {padding-left: 0;}
.content-injury-data-wrap .flex-tbl-row .c_img img {width: 14px;}
.content-injury-data-wrap .flex-tbl-row .c_team {width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.content-injury-data-wrap .flex-tbl-row .c_player {color: #fff; flex: 1;}
.content-injury-data-wrap .flex-tbl-row .c_injury {color: #fff; width: 150px; text-align: left;}
.content-injury-data-wrap .flex-tbl-row .c_position {color: #9aa4bf; width: 150px; text-align: center;}
.content-injury-data-wrap .flex-tbl-row .c_status {color: #9aa4bf; width: 150px; text-align: center;}
.content-injury-data-wrap .flex-tbl-row .c_dt {padding-right: 10px;}
.content-injury-data-wrap .no-data {width: 100%; border-radius: 10px; background-color: var(--background-color-gray); padding: 20px; text-align: center;}
#content_injury_data-container .dloading {border-radius: 10px; background-color: var(--background-color-gray); padding: 20px; text-align: center;}

.no-data {display: flex; justify-content: center; align-items: center; height: 80px; background-color: #2a2828; border-radius: 10px;}

/* 페이징 */
/*.pg_wrap {clear: both; float: left; display: inline-block}*/
.pg_wrap {clear: both; display: inline-block; background-color: var(--background-color-gray); padding: 10px; border-radius: 10px;}
.pg_wrap:after {display: block; visibility: hidden; clear: both; content:""} 
.pg {text-align: center}
.pg_page, .pg_current {display: inline-block; vertical-align: middle; background-color: var(--background-color-gray);}
.pg a:focus, .pg a:hover {text-decoration: none}
/*.pg_page {color: #959595; font-size: 1.083em; height: 30px; line-height: 28px; padding: 0 5px; min-width: 30px; text-decoration: none; border-radius: 3px}*/
.pg_page {position: relative; color: #959595; font-size: 12px; height: 45px; min-width: 45px; line-height: 43px; padding: 0 5px; text-decoration: none; border-radius: 10px; font-family:"a4";}
.pg_page:hover {background-color: var(--background-color-gray2); color: var(--type-green);}
.pg_start {text-indent:-999px; overflow: hidden; background: url('../img/btn_first.gif') no-repeat 50% 50% var(--background-color-gray); padding: 0;/*border: 1px solid var(--border-color)*/}
.pg_prev {text-indent:-999px; overflow: hidden; background: url('../img/btn_prev.gif') no-repeat 50% 50% var(--background-color-gray); padding: 0;/*border: 1px solid var(--border-color)*/}
.pg_end {text-indent:-999px; overflow: hidden; background: url('../img/btn_end.gif') no-repeat 50% 50% var(--background-color-gray); padding: 0;/*border: 1px solid var(--border-color)*/}
.pg_next {text-indent:-999px; overflow: hidden; background: url('../img/btn_next.gif') no-repeat 50% 50% var(--background-color-gray); padding: 0;/*border: 1px solid var(--border-color)*/}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color: var(--background-color-gray2);}

.pg_current {display: inline-block; background: var(--background-color-gray2); color: var(--type-green); height: 45px; line-height: 43px; padding: 0 10px; min-width: 45px; border-radius: 10px}

/* 스케쥴표 시작 ---------------------------------------------------- */
#screen-a {display: block;}
#screen-b {display: block; border-radius: 10px; overflow: hidden;}

/* 스케쥴표 공통 */
#glist-dataset {border-radius: 10px; overflow: hidden;}
.glist-score-win {color: #009fff;}
.glist-score-lose {color: #9aa4bf;}
.sync-air-status {border-radius: 10px; text-align: center; display: inline-block; padding-left: 6px; padding-right: 6px; padding-bottom: 2px; padding-top: 2px; font-size: 11px;}
.glist-not-onair-box {background-color: #3b3a3a; color: #9aa4bf;}
.glist-onair-box {background-color: #354785; color: #fff;}
.glist-onair-end-box {background-color: #474747; color: #fff;}
.glist-onair-secondhalf-box {background-color: #2b3f83; color: #fff;}
.glist-onair-halftime-box {background-color: #bb1616; color: #fff;}
.glist-onair-firsthalf-box {background-color: #108744; color: #fff;}
.glist-onair-pending-box {background-color: #41444b; color: #fff;}

.glist-textair-box {border-radius: 10px; background-color: #3DA270; text-align: center; display: inline-block; padding-left: 6px; padding-right: 6px; padding-bottom: 2px; padding-top: 2px;}
.glist-textair-btn {border-radius: 10px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; min-width: 30px; background: #10131c; cursor: pointer; color: #9aa4bf; display: inline-block;}
.glist-textair-btn:hover {background-color: #080a0e; color: #4ff461;}
.glist-textair-btn2 {border-radius: 10px; height: 30px; line-height: 30px; font-style: normal !important; padding-left: 8px; padding-right: 8px;; border: 1px solid var(--border-color);}
.glist-textair-btn3 {border-radius: 10px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; min-width: 30px; background: #10131c; cursor: pointer; color: #1fcbf1; display: inline-block;}
.glist-textair-btn3:hover {background-color: #080a0e; color: #4ff461;}
.onair-wrap .btn-empty {pointer-events: none; opacity: 0.3;}

.glist-multich-btn-wrap {display: flex; border-radius: 10px; overflow: hidden; background: #10131c;}
.onair-status-off .glist-multich-btn-wrap {/*background-color: transparent;*/}
.glist-multich-btn-wrap > div {display: flex; justify-content: center; align-items: center; min-width: 30px; height: 30px; font-size: 14px; text-align: center; cursor: pointer; color: #9aa4bf}
/*.glist-multich-btn-wrap > div:first-child {color: #4ff461;}*/
.glist-multich-btn-wrap > div:hover {background-color: #080a0e; color: #4ff461;}
.glist-multich-btn-wrap > div i {font-size: 11px;}
.glist-multich-btn-wrap > div:first-child {padding-left: 7px;}
.glist-multich-btn-wrap .active {background-color: #080a0e; color: #4ff461;}

.glist-multich-btn2-wrap {display: flex; position: absolute; right: 26px; top: 3px;}
.glist-multich-btn2-wrap > div {border-radius: 10px; display: flex; justify-content: center; align-items: center; min-width: 20px; height: 19px; margin: 0 1px; background-color: #0b1724; border: 1px solid #3a5674; font-size: 10px; text-align: center; cursor: pointer;}
.glist-multich-btn2-wrap > div:first-child {color: #0e8cf5;}
.glist-multich-btn2-wrap .active {background-color: #2C4157;}

.glist-multich-btn3-wrap {display: flex; align-items: center;}
.glist-multich-btn3-wrap > div {border-radius: 10px; display: flex; justify-content: center; align-items: center; min-width: 26px; height: 26px; margin: 0 1px; background-color: #0b1724; border: 1px solid #3a5674; font-size: 10px; text-align: center; cursor: pointer;}
.glist-multich-btn3-wrap .active {background-color: #2C4157;}

.glist-row-extra {flex: 1;}
.truncate-text {overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.truncate-text2L {overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.glist-nodata-wrap {display: none; height: 58px; border-radius: 4px; position: relative; margin-bottom: 3px; line-height: 58px; text-align: center; font-size: 14px; font-family:"a2",sans-serif;} 

/* 스케쥴표 데이터셋 상단 타이틀 */
.glist-header {height: 42px; line-height: 42px; font-size: 1rem; font-weight: 500; padding-left: 10px;}

/*스케쥴표 데이터셋 1개 전체 Wrap*/
.glist-single-wrap {position: relative;}
.glist-single-wrap .hide-elem {display: none;}
.onair-wrap .alink-disable {pointer-events: none; cursor: default;}

.glist-single-wrap .time-elapsed-before {color: #4fe744;}
.glist-single-wrap .time-elapsed-after {}

/* 스케쥴표 모바일 상단 */
.glist-ta-mb-btns {position: absolute; right: 10px; width: 80px; top: 10px; text-align: right;}
.glist-ta-mb-btns a {border-radius: 5px; background-color: #2a2828; padding: 0 8px; font-size: 10px;}
.glist-ta-mb-btns .frm_input {font-size: 10px; width: 10px; height: 20px; padding: 0; background-color: #2a2828; border-radius: 5px;}
.glist-t1-wrap {display: flex; margin-bottom: 6px;}
.glist-t1-row-league {color: #9aa4bf; font-size: 11px; min-width: 100px; text-align: left;}
.glist-t1-row-league > img {width: 16px;}
.glist-t1-row-time {flex: 1; color: #9aa4bf; font-size: 11px; text-align: center;}
.glist-t1-row-time > span {color: #9aa4bf; font-size: 11px;}
.glist-t1-row-betradar {padding-right: 10px; min-width: 100px; text-align: right;}
.glist-t1-row-betradar > a > i {font-size: 12px;}

.glist-t1-row-mbspace {width: 10px;}

/* 스케쥴표 피씨용 상단 여백 */
.glist-t1-pc-space {height: 8px;}

/* 스케쥴표 모바일 피씨 공용 */
.glist-t2-wrap {display: flex; align-items: center; font-family:"a2",sans-serif;}
.glist-t2-wrap .active {background-color: #080a0e; color: #4ff461;}
.glist-t2-row-league {padding-left: 10px; width: 150px; text-align: left;} /*2열3열공용*/
.glist-t2-row-league > img {width: 20px;}
.glist-t2-row-league > span {font-size: 12px; color: #9aa4bf;}
.glist-t2-row-time {width: 105px; text-align: left;} /*2열3열공용*/
.glist-t2-row-time > span {width: 100%; font-size: 12px; color: #9aa4bf; display: inline-block;}

.glist-t2-row-tname-home {flex: 1; padding-right: 4px;; min-width: 100px; text-align: right; font-size: 13px; line-height: 1.5; color: #9aa4bf;}
.glist-t2-row-timg-home {width: 50px; text-align: center;}
.glist-t2-row-timg-home > img {width: 24px; max-height: 26px;}
.glist-t2-row-tscore-home {min-width: 50px; text-align: center;; font-size: 13px; line-height: 1.5;}

.glist-t2-row-center {min-width: 60px; max-width: 70px; text-align: center;}
.glist-t2-row-center-vs-pc {width: 60px; text-align: center;}
.glist-t2-row-center-vs-pc img {width: 46px;}

.glist-t2-normal-air {display: none;}

.glist-t2-row-mixinfo {min-width: 50px; text-align: center;}
.glist-t2-row-mixinfo > img {width: 24px; max-height: 26px;}
.glist-t2-row-mixinfo > span {font-family:'a3', sans-serif; font-size: 15px; line-height: 1.5;}

.glist-t2-row-tname-away {flex: 1; padding-left: 4px; min-width: 100px; text-align: left; font-size: 13px; line-height: 1.5; color: #9aa4bf;}
.glist-t2-row-timg-away {width: 50px; text-align: center;}
.glist-t2-row-timg-away > img {width: 24px; max-height: 26px;}
.glist-t2-row-tscore-away {min-width: 50px; text-align: center;; font-size: 13px; line-height: 1.5;}

.glist-t2-row-func-wrap {
	width: 195px;
	display: flex;
}
.glist-t3-row-func-wrap {
	width: 75px;
	display: flex;
}

.glist-t2-row-betradar-pc.button-group {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
}
.glist-t2-row-betradar-pc.button-group > div {
	display: flex;
	justify-content: center;	
	border-radius: 0;
	padding-left: 10px;
	padding-right: 10px;
	background: #10131c;	
}
.glist-t2-row-betradar-pc.button-group > div:first-child {
	padding-right: 5px;
}
.glist-t2-row-betradar-pc.button-group > div:last-child {
	padding-left: 5px;
}
.glist-t2-row-betradar-pc.button-group .btn-empty {
	pointer-events: none;
	opacity: 0.3;
}
.glist-t2-row-betradar-pc {
}

.glist-t2-row-multich-pc {margin-left: auto;}

.glist-t2-row-mbspace {width: 10px;}
.ifr_radar_wrap {overflow: hidden; border: 0 !important; margin-bottom: 0 !important; padding: 12px; background: #10131c;}
.ifr_radar_wrap iframe {display: block !important; min-height: 200px;}

/* 스케쥴표 스코어 데이터가 없을 경우 일반출력*/
.glist-t3-wrap {display: flex; align-items: center; flex: 1; text-align: center;}
.glist-t3-row-title {text-align: center; flex: 1; text-align: center; font-size: 13px; color: #9aa4bf; font-family:"a2", sans-serif; line-height: 1.7;}
.glist-onair .glist-t3-row-title {color: #fff;}

/* 하단 정보 작업중 */
.glist-t4-wrap {display: flex;}
.glist-t4-wrap .txt-description {position: relative; left: 22px; margin: 5px auto 0 auto; text-align: center; color: var(--type-weak); font-family:'a2', sans-serif; font-size: 11px; margin-top: 4px;}

/* 관리자 출력정보 */
.glist-adm-row {font-size: 11px; color: var(--type-weak); margin-top: 10px;}
.glist-adm-row .info-normal {text-align: right; margin-top: 4px; display: flex; align-items: center; color: var(--type-weak);}
.glist-adm-row .info-input {display: flex; align-items: center; margin-top: 5px; padding-left: 16px; color: var(--type-weak);}
.glist-adm-row .info-input > div {padding-left: 10px;}
.glist-adm-row .info-input > div:first-child {padding-left: 0;}
.glist-adm-row .info-input .adm_user_input_yn {width: 15px; text-align: center; color: #4fe744;}
.glist-adm-row .adm_input_match_id {width: 70px;}
.glist-adm-row .info-input #adm_input_widget_url {flex: 1; width: 100%;}
.glist-adm-row .info-input input {background-color: var(--background-color-black); border-radius: 4px; padding: 4px 4px; border: 1px solid var(--border-color); color: var(--type-weak);}
.glist-adm-row .adm_recommend_yn {padding-right: 6px; color: var(--type-weak);}
.glist-adm-row .adm_recommend_yn input {background-color: var(--background-color-black); border: 1px solid var(--border-color); color: var(--type-weak);}

.glist-adm-row .adm_input_order_no {width: 40px;}

/* 관리자 디버그정보 하단 토글창 */
.glist-adm-dgb-info {display: none;}
.glist-adm-dgb-info .row-summary {color: var(--type-weak); font-size: 11px; margin-bottom: 10px; padding: 10px; line-height: 150%;}
.glist-adm-dgb-info .row-json {color: var(--type-weak); font-size: 11px; margin-bottom: 10px; padding: 10px; overflow-x: auto;}

/* 방송화면 */
#ifr_radar {display: none; width: 100%; height: 471.375px;}

.glist-single-wrap.glist-onair .glist-t2-row-tname-home,
.glist-single-wrap.glist-onair .glist-t2-row-tname-away {color: #fff;}

/* 스케쥴표 방송스타일1 블루 */
.onair-wrap > div {transition-duration:.5s;}
.onair-wrap:nth-child(even) {background-color: var(--background-color-gray);}
.onair-wrap:nth-child(odd) {background-color: var(--background-color-gray2);}

.glist-cate-tv {display: none;} 
.game-list-effect{
	-webkit-animation: Gradient 5s ease infinite;
	-moz-animation: Gradient 10s ease infinite;
	animation: Gradient 10s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
@-moz-keyframes Gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
@keyframes Gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
/* 스케쥴표 방송스타일2 검정 */
.game-list-st2 {padding: 10px;}

/* 스케쥴표 상단 카테고리 */
.glist-filter-wrap {display: flex; align-items: center; width: 100%; border-radius: 10px; background-color: #21283b; padding: 10px;}
.glist-filter-wrap > div {cursor: pointer; flex: 1; text-align: center; height: 60px; line-height: 60px; position: relative; background-color: #2a2828; margin: 0 5px; border-radius: 10px;}
.glist-filter-wrap > div > img {width: 60%; max-width: 40px;}
.glist-filter-wrap > div > .cnt {position: absolute; top: 4px; right: 5px; padding: 2px 8px; line-height: 1.7; border-radius: 40px; border: 0 solid var(--border-color) !important; background-color: #080a0e; color: #fff; font-size: 11px;}
.glist-filter-wrap > div:first-child {border-left: 0;}
.glist-filter-wrap .custom1 {width: 110px; padding-left: 8px; background-color: red;} /* normal list skin */

/* 스케쥴표 전적(performance) history */
.glist-team-history-W {border-radius: 4px; width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 0 1px; background-color: #077B01; font-size: 10px; text-align: center; cursor: pointer; color: #fff; display: inline-block;}
.glist-team-history-L {border-radius: 4px; width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 0 1px; background-color: #B11918; font-size: 10px; text-align: center; cursor: pointer; color: #fff; display: inline-block;}
.glist-team-history-D {border-radius: 4px; width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 0 1px; background-color: #7D8581; font-size: 10px; text-align: center; cursor: pointer; color: #fff; display: inline-block;}

/* 방송화면 */
.vmulti-wrap {display: flex; flex-wrap: wrap; justify-content: center; background-color: #000; overflow: hidden; border-radius: 10px;}
.vmulti-2screen {}
.vidPannel {}
#vidPannel2,#vidPannel3,#vidPannel4 {display: none;}
.vidFrame {display: block !important; width: 100%; aspect-ratio: 16 / 9;}
.vid_size1 {width: 100%;} /* 반응형 */
.vid_size2 {width: 50%;}
.vid_size3-1 {width: 51%;}
.vid_size3-2 {width: 50%;}
.vid_size4 {width: 50%;}

/* 방송 전체 화면 */
.airlivefs-fixed-chat {position: fixed; top: 80px; right: 35px; z-index: 1501; height: 562px; border-radius: 10px; overflow: hidden;}
.airlivefs-fixed-screen {position: fixed; top: 15px; left: 15px; bottom: 10px; right: 0; padding-right: 340px; overflow-y: auto; overflow-x: hidden; z-index: 1500;}
.airlivefs-close-btn {display: none; position: fixed; top: 724px; right: 30px; background-color: #4fe744; color: #fff; border-radius: 10px; padding: 12px 20px; z-index: 4000;}
.airlivefs-banner-wrap {display: none; position: fixed; right: 35px; top: 15px; z-index: 1501; width: 300px;}
.airlivefs-banner-wrap > div {margin-bottom: 15px;}
.airlivefs-banner-wrap > div:nth-child(1){}
.airlivefs-banner-wrap > div:nth-child(2){height: 562px;} /* airlivefs-fixed-chat 의 height 와 맞춰줍니다 */
.airlivefs-banner-wrap > div:nth-child(3){}
.airlivefs-banner-wrap img {border-radius: 10px; display: block; width: 100%;}

.airlivefs-back-pannel {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1499; background-color: var(--background-color-black);}
.airlivefs-title {display: flex; align-items: center; padding: 10px; margin-bottom: 200px; border-bottom: 1px solid var(--border-color); background-color: var(--background-color-gray);}
.airlivefs-title .close-btn {width: 120px; padding-right: 15px;}
.airlivefs-title > div:first-child{padding-left: 15px;}
.airlivefs-fixed-h700 {height: 700px;}
.is_fullscreen #main_container::after {content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 100px; pointer-events: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(22 27 40)); filter: blur(10px); z-index: 3999;}

.air_dbg_info {display: none;}

/* 스케쥴표 끝 ---------------------------------------------------- */

/* 게시판 */
.bbs_layout_box {padding: 25px; background: var(--background-color-gray); border-radius: 10px;}
.bbs_layout_box .iframeVid {width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden;}

.bbs_layout_box2 {padding: 25px; background: var(--background-color-gray2); border-radius: 10px;}

.bbs-no-article {padding: 25px; background: var(--background-color-gray); border-radius: 10px; text-align: center; color: var(--type-weak);}

.bbs_normal_list_pc_header {display: flex; align-items: center; margin-bottom: 8px;}
.bbs_normal_list_pc_header .title {flex: 1; padding-left: 55px;}
.bbs_normal_list_pc_header .comment {width: 64px; text-align: center;}
.bbs_normal_list_pc_header .hit {width: 64px; text-align: center;}
.bbs_normal_list_pc_header .extra {width: 202px;}
.bbs_normal_list_pc_header .partnernm {width: 120px; text-align: left;}

.new_icon {display: inline-block; width: 16px; line-height: 16px; font-size: 0.825em; color: var(--type-green); background: var(--background-color-gray); border: 1px solid var(--border-color); text-align: center; border-radius: 2px; margin-left: 2px; vertical-align: baseline}

.flex-tbl-row {display: flex; align-items: center;}
.flex-tbl-row .flex1 {flex: 1;}
.flex-tbl-row .wrap-wrap {flex-wrap: wrap;}
.flex-tbl-row .wr-subject {margin-bottom: 5px; font-size: 15px;}
.flex-tbl-row .r1 {margin-bottom: 3px;}
.flex-tbl-row .r2 {color: var(--type-weak); font-size: 12px;}
.flex-tbl-row .r2 span {color: var(--type-weak);}
.flex-tbl-row .r3 {margin-top: 16px; font-size: 12px;}

.flex-tbl-row .custom-mpad2 .r1 {font-size: 15px; margin-bottom: 8px;}
.flex-tbl-row .custom-mpad2 .r2 {font-size: 12px;}
.flex-tbl-row .custom-mpad2 .r3 {margin-top: 12px; font-size: 12px;}
.flex-tbl-row .custom-mpad2 .r3 .fc-weak {margin: 0 3px;}

.flex-tbl-row .rp8 {padding-right: 8px;}
.flex-tbl-row .lp8 {padding-left: 8px;}
.flex-tbl-row .lp0 {padding-left: 0;}
.flex-tbl-row .pad {padding: 20px;}
.flex-tbl-row .lineht {line-height: 1.4;}
.flex-tbl-row .tc {text-align: center;}
.flex-tbl-row .tl {text-align: left;}
.flex-tbl-row .w64 {width: 64px;}
.flex-tbl-row .w80 {width: 80px;}
.flex-tbl-row .w90 {width: 90px;}
.flex-tbl-row .w100 {width: 100px;}
.flex-tbl-row .w120 {width: 120px;}
.flex-tbl-row .mw80 {min-width: 80px;}
.flex-tbl-row .new_icon {display: inline-block; width: 16px; line-height: 16px; font-size: 0.825em; color: var(--type-green); background: var(--background-color-gray); border: 1px solid var(--border-color); text-align: center; border-radius: 2px; margin-left: 2px; vertical-align: baseline}
.flex-tbl-row .file_icon {display: inline-block; width: 16px; line-height: 16px; font-size: 0.825em; color: var(--type-blue); background: var(--background-color-gray); border: 1px solid var(--border-color); text-align: center; border-radius: 2px; margin-left: 2px; vertical-align: baseline}
.flex-tbl-row .hot_icon {display: inline-block; width: 16px; line-height: 16px; font-size: 0.825em; color: var(--type-red); background: var(--background-color-gray); border: 1px solid var(--border-color); text-align: center; border-radius: 2px; margin-left: 2px; vertical-align: baseline}
.flex-tbl-row .cnt_cmt {display: none;}
.flex-tbl-row .custom-wnormal-w100 {padding: 20px;} /* normal list skin */
.flex-tbl-row .custom-w100-wflex1 {width: 110px;}
.flex-tbl-row .custom-newsimg {padding: 10px 20px;}
.flex-tbl-row .custom-mpad {padding: 20px;} /* pc에서는 20 mobile 에서는 bottom 을 4로 */
.flex-tbl-row .custom-mpad2 {padding: 20px 20px 20px 0;} /* pc에서는 20 mobile 에서는 bottom 을 4로 news 에서 사용*/

/* 공지, 게시물 번호 중앙정렬 강제 맞춤*/
.flex-tbl-wrap > .flex-tbl-row .custom-mpad:nth-child(1) {width: 65px; padding-left: 20px; padding-right: 0;}
.flex-tbl-wrap > .flex-tbl-row .custom-mpad:nth-child(1) > span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.flex-tbl-row .firstimg {position: relative; padding: 10px 0 10px 170px; height: 118px;}
.flex-tbl-row .firstimg > a {display: block; position: absolute; left: 0; top: 10px; width: 165px; height: 100px; overflow: hidden; border-radius: 10px;}
.flex-tbl-row .firstimg img {width: 100%; border-radius: 10px;}
.flex-tbl-row .sblock {width: 70px; font-size: 12px;}
.flex-tbl-row .borderL {border-left: 2px solid var(--border-color);}

.flex-tbl-wrap {}
.flex-tbl-wrap > div:nth-child(even){background-color: var(--background-color-gray);}
.flex-tbl-wrap > div:nth-child(odd){background-color: var(--background-color-gray2);}
.flex-tbl-wrap > div:first-child{border-top-left-radius: 10px; border-top-right-radius: 10px;}
.flex-tbl-wrap > div:last-child{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

/* 게시판 검색 */
.searchbox_wrap {padding: 20px; background: var(--box-color); border-radius: 10px; display: flex;}
.searchbox_wrap .sub-title {font-size: 15px; font-family: "a3"; margin: 5px 0 8px; font-weight: normal;}
.searchbox_wrap .sub-desc {font-size: 12px; color: #9aa4bf; font-family: "a2"; font-weight: normal;}

.bbs_search_wrap {display: flex; align-items: center;}

.bbs_search_wrap .input-wrap {width: 205px;}
.bbs_search_wrap .input-wrap input {border-radius: 2px; color: #fff; background-color: var(--background-color-gray); border: 1px solid var(--border-color); font-family:"a2",sans-serif; width: 100%; height: 48px; padding: 0 15px; border: 1px solid #3f485f; outline: 0; font-size: 12px; color: #fff; border-radius: 10px; background: var(--box-color);}
.bbs_search_wrap .input-wrap input::placeholder {color: #70788d;}

/*.bbs_search_wrap > div {padding-right: 8px;}*/
.bbs_search_wrap > div:last-child {padding-right: 0;}
.bbs_search_wrap .scbtn {width: 62px; height: 48px; margin-left: 5px; line-height: 46px; vertical-align: top; text-align: center; background: #ff6927; border-radius: 10px; color: #fff; font-size: 20px; padding: 0; border: 0;}
.attv_ctr_common {border-radius: 2px; color: #fff; background-color: var(--background-color-gray); border: 1px solid var(--border-color);}
.attv_ctr_common_input {font-family:"a2",sans-serif; width: 205px; height: 48px; padding: 0 15px; border: 1px solid #3f485f; outline: 0; font-size: 12px; color: #fff; border-radius: 10px; background: var(--box-color);}
.attv_ctr_common_input::placeholder {color: #70788d;}

/* 게시판 상세 */

/*bbs_view_title_wrap 삭제 예정*/
.bbs_view_title_wrap {}
.bbs_view_title_wrap .r1-title {font-size: 18px; font-family:"a3",sans-serif;}
.bbs_view_title_wrap .r2-extra {color: var(--type-weak); margin-top: 6px; font-size: 12px;}
.bbs_view_title_wrap .r2-extra span {font-size: 12px;}

/* 게시판 상세 공통 상세파일 내부*/
.bbs_view_head_row1 {display: flex; padding-bottom: 20px;}
.bbs_view_head_row1 > div:nth-child(1) {flex: 1;}
.bbs_view_head_row1 > div:nth-child(2) {width: 158px; display: flex;}
.bbs_view_head_row1 .title {margin-top: 0; margin-right: 50px; font-size: 18px; color: var(--type-normal); font-family:"a3",sans-serif; margin-bottom: 7px;}
.bbs_view_head_row1 .ext-info {font-size: 12px; color: var(--type-weak);}
.bbs_view_head_row1 .ext-info .seporator {color: var(--type-weak);}
.bbs_view_head_row1 .img-wrap {padding-right: 4px; padding-bottom: 45px;}
.bbs_view_head_row1 .name {margin: 5px 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:"a3",sans-serif; max-width: 120px;}
.bbs_view_head_row1 .dt {font-size: 12px; color: var(--type-weak);}

.bbs_view_head_row2 {display: flex; align-items: center;}
.bbs_view_head_row2 > div:nth-child(1) {text-align: left; width: 58px;}
.bbs_view_head_row2 > div:nth-child(2) {flex: 1; text-align: left;}
.bbs_view_head_row2 > div:nth-child(3) {text-align: center;}
.bbs_view_head_row2 > div:nth-child(4) {text-align: center; border-left: 2px solid var(--border-color);}
.bbs_view_head_row2 > div .upper {display: block; margin-bottom: 2px;}
.bbs_view_head_row2 > div .bottom {display: block; color: var(--type-weak); font-size: 12px;}
.bbs_view_head_row2 .sblock {width: 70px;}

.bbs_view_mobile_title {margin-top: 0; font-size: 18px; font-family:"a2"; margin-bottom: 10px;}

/* 메인 사이드바 로그인 */

/* before login */
#main-login-wrap .login-top {padding: 20px; background: var(--background-color-gray); border-top-left-radius: 10px; border-top-right-radius: 10px;}
#main-login-wrap .login-top .title {margin: 0 0 15px; font-family: "a3",sans-serif; color: var(--type-normal); font-size: 15px;}
#main-login-wrap .login-top .inputArea {border: 1px solid #3f485f; border-radius: 10px; overflow: hidden;}
#main-login-wrap .login-top .inputArea .id {height: 40px; border-bottom: 1px solid #3f485f;}
#main-login-wrap .login-top .inputArea .id .iconfont,
#main-login-wrap .login-top .inputArea .pass .iconfont{font-size: 18px; line-height: 40px; width: 42px; display: inline-block; text-align: center; color: #8e97b1;}
#main-login-wrap .login-top .inputArea input::placeholder {color: #9aa4bf;}

#main-login-wrap .login-top .inputArea .id input,
#main-login-wrap .login-top .inputArea .pass input{width: calc(100% - 60px); background: var(--background-color-gray); border: 0; outline: 0; font-size: 12px; height: 32px; color: #fff; margin-bottom: 7px;}
#main-login-wrap .login-top .inputArea i .on {color: #fff;}

#main-login-wrap .login-top #subLogin {
	cursor: pointer;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: var(--type-normal);
	font-size: 16px;
	border-radius: 10px;
	background: linear-gradient(90deg, #ff6927 0%, #e60012 100%);
	text-align: center;
	display: block;
	margin-top: 14px;
}
/* #main-login-wrap .login-top #subLogin {cursor: pointer; width: 100%; height: 40px; line-height: 40px; color: var(--type-normal); font-size: 16px; border-radius: 10px; background: var(--background-color-gray2); text-align: center; display: block; margin-top: 14px;} */
/* #main-login-wrap .login-top #subLogin:hover {background: #2dbb3d; -webkit-animation: darkback 3s infinite linear;} */
#main-login-wrap .login-bottom {display: flex; align-items: center; padding: 0 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 55px; border-top: 1px solid var(--border-color); background: var(--background-color-gray); font-size: 0;}
#main-login-wrap .login-bottom > div {flex: 1; text-align: center;}
#main-login-wrap .login-bottom a {font-size: 12px; color: #9aa4bf; font-family: "a3",sans-serif; padding: 12px 15px; border-radius: 10px;}
#main-login-wrap .login-bottom a i {color: #475066; font-size: 20px !important; vertical-align: middle;}
#main-login-wrap .login-bottom a:hover {background: #3b3a3a; color: #fff; transition-duration:.5s;}
#main-login-wrap .login-bottom a:hover i {color: #4ff461;  transition-duration:.5s;}

/* after login */
#main-login2-wrap {}
#main-login2-wrap .login-bottom {display: flex; align-items: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 55px; border-top: 1px solid var(--border-color); background: var(--background-color-gray2); font-size: 0;}
#main-login2-wrap .login-bottom > div {flex: 1; text-align: center;}
#main-login2-wrap .login-bottom a {font-size: 12px; color: #9aa4bf; font-family: "a3",sans-serif; padding: 12px 15px; border-radius: 10px;}
#main-login2-wrap .login-bottom a i {color: #475066; font-size: 20px !important; vertical-align: middle;}

#main-login2-wrap .imgsection {margin: 20px; text-align: center;}
#usr_area_info_pannel {padding: 35px;}

#main-login2-wrap .infosection {flex: 1;}
#main-login2-wrap .infosection > div{margin-bottom: 12px;}
#main-login2-wrap .infosection > div:last-child{margin-bottom: 0; display: flex;}
#main-login2-wrap .info-row {display: flex; align-items: center;}

#main-login2-wrap .info-row > div:first-child{padding-left: 0;}
#main-login2-wrap .info-row > div:nth-child(1) {color: var(--type-weak); width: 25px; text-align: center;}
#main-login2-wrap .info-row > div:nth-child(2) {flex: 1;}
#main-login2-wrap .info-row > div:nth-child(3) {}
#main-login2-wrap .info-row > div:nth-child(4) {width: 15px; text-align: right; color: var(--type-weak);}

#main-login2-wrap #usr_area_alarm_pannel {}
#main-login2-wrap .alarm-row {display: flex; padding-left: 6px; padding-right: 0; width: 100%;}
#main-login2-wrap .alarm-row > div:nth-child(1) {flex: 1; text-align: left;}
#main-login2-wrap .alarm-row > div:nth-child(2) {text-align: right;}
#main-login2-wrap .alarm-row i {color: var(--type-weak);}
#main-login2-wrap .alarm_btn{display: inline-block; padding: 0 12px; height: 24px; line-height: 24px; color: #fff; font-size: 14px; border-radius: 10px; margin: 0 2px 0 0; background: #21283B; cursor: pointer;}
#main-login2-wrap .btn_active {-webkit-animation: darkback 3s infinite linear;}

/* 공통 테이블 태그 */
.common_tbl_set1_title {padding: 20px; border-radius: 10px; background-color: #21283B; line-height: 150%; width: 100%; margin: auto; margin-bottom: 20px; margin-top: 20px;}
.common_tbl_set_wrap {border-radius: 10px; overflow: hidden;}
.common_tbl_set1 {background-color: #21283B; border-collapse: collapse; width: 100%;}
.common_tbl_set1 th {background-color: #21283B; color: #fff; border: 1px solid #21283B; padding: 5px; height: 36px;}
.common_tbl_set1 td {border: 1px solid #21283B; padding: 5px; text-align: center; color: #fff; height: 36px}
.common_tbl_set1 tbody tr:nth-child(odd) {background-color: #2C3247}
.common_tbl_set1 tbody tr:nth-child(even) {background-color: #21283B}

/* 공통 팝업 스타일*/
.common-popup-wrap {background-color: var(--background-color-black); border-radius: 10px;}
.common-popup-title {display: flex; height: 54px; align-items: center; padding-right: 15px; padding-left: 15px; border-bottom: 1px solid hsla(0, 0%, 100%, .06); font-size: 15px;}
.common-popup-title i {color: var(--type-weak);}
.common-popup-title .extra {flex: 1;}
.common-popup-title .close-btn {font-size: 18px; cursor: pointer;}
.common-popup-title .close-btn i {color: #ff5454;}
.common-popup-content {}
.common-popup-content .bottom-line {border-bottom: 1px solid hsla(0, 0%, 100%, .06); font-size: 15px;}

/* 영상 자동실행 팝업 */
.auto_start_popup_wrap {width: 100%; padding-left: 15px; padding-right: 15px;}
.auto_start_popup_title {font-size: 14px; color: #fff; margin-bottom: 10px;}
.auto_start_popup_img_wrap {display: flex; flex-wrap: wrap;}
.auto_start_popup_img_wrap > div {margin-right: 10px; width: 110px; margin-bottom: 8px;}
.auto_start_popup_img_wrap > div > img {width: 100%; border-radius: 10px;}

/* 일일 미션 */
#popup-mission-box {display: none; position: fixed; z-index: 1100; top: calc(50% - 300px); left: calc(50% - 200px); width: 80%; max-width: 400px;}
#popup-mission-box .mission-content .label-today-point {color: #4fe744;}
#popup-mission-box .mission-content .label-today-xp {color: #4fe744;}
#popup-mission-box .mission-content {padding: 15px 18px;}
#popup-mission-box .mission-content .data-head {margin-top: 5px; margin-bottom: 15px; padding-bottom: 15px; font-size: 16px; text-align: center;}
#popup-mission-box .mission-content .data-head .extra-txt {color: var(--type-weak); font-size: 12px; text-align: center; margin-top: 10px;}
#popup-mission-box .mission-content .data-row {display: flex; align-items: center; margin-bottom: 15px; margin-top: 5px;}
#popup-mission-box .mission-content .data-row .col-label {flex: 1;}
#popup-mission-box .mission-content .data-row .col-label span {color: var(--type-weak); display: inline-block; padding-left: 8px;}
#popup-mission-box .mission-content .data-row .col-right {}
#popup-mission-box .mission-content .data-row .col-right .rbtn {display: inline-block; text-align: center; width: 70px; padding: 0 12px; height: 20px; line-height: 20px; color: var(--type-weak); font-size: 12px; border-radius: 10px; margin: 0 2px 0 0; background-color: #21283B;}
#popup-mission-box .mission-content .data-row .col-right .color-active {color: #4fe744;}
#popup-mission-box .mission-content .data-row .col-right .color-fff {color: #fff;}

/* 종료된경기 팝업 */
#air-history-fixed-wnd {display: none; position: fixed; z-index: 1100; top: calc(50% - 300px); left: calc(50% - 400px); width: 80%; max-width: 800px; max-height: 80%; overflow-y: auto;}
#air-history-fixed-wnd .common-popup-content {padding: 10px 15px;}

/* 아이프레임 팝업 */
.popup-fs-width-iframe {display: none; position: fixed; z-index: 1100; width: 500px; max-width: 95%; top: 80px; bottom: 120px; left: calc(50% - 250px);}
.popup-fs-width-iframe .common-popup-content {position: relative; display: flex; height: 100%;}
.popup-fs-width-iframe .common-popup-content iframe {width: calc(100% - 10px); height: calc(100% - 84px); overflow-y: scroll; border: 0; margin: 0 auto;}

/* 알람 */
#member-alarm-box {display: none; position: fixed; z-index: 1100; top: calc(50% - 300px); left: calc(50% - 200px); width: 80%; max-width: 400px; background-color: var(--background-color-black); border-radius: 10px;}
#member-alarm-box .not-login {padding: 50px 20px; text-align: center; width: 100%;}
.member-alarm-title {display: flex; height: 54px; align-items: center; padding-right: 15px; padding-left: 15px; border-bottom: 1px solid hsla(0, 0%, 100%, .06); font-size: 15px;}
.member-alarm-title i {color: var(--type-weak);}
.member-alarm-title .extra {flex: 1;}
.member-alarm-title .close-btn {font-size: 18px; cursor: pointer;}
.member-alarm-title .close-btn i {color: #ff5454;}
.member-alarm-wrap {padding: 15px;}
.member-alarm-wrap .highlight-text-box {color: #4fe744;}
.member-alarm-wrap .hr {border-bottom: 1px solid hsla(0, 0%, 100%, .06);}
.member-alarm-wrap .alarm-row {display: flex; align-items: center; height: 36px; padding-left: 6px; padding-right: 0; width: 100%;}
.member-alarm-wrap .alarm-row .text-col {flex: 1; color: #fff;}
.member-alarm-wrap .alarm-row .text-col i {display: inline-block; color: var(--type-weak); margin-right: 8px;}
.member-alarm-wrap .alarm-row .btn-col {}
.member-alarm-wrap .textbox-row {margin-left: 6px; margin-right: 10px; margin-top: 6px; margin-bottom: 18px; background-color: #2a2828; height: 180px; overflow-y: scroll; width: 100%; padding: 8px; border: 1px solid hsla(0, 0%, 100%, .06);}
.member-alarm-wrap .textbox-row .article-wrap {padding: 4px 6px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid hsla(0, 0%, 100%, .06);}
.member-alarm-wrap .textbox-row .article-wrap .article-title {display: block; width: 100%; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.member-alarm-wrap .textbox-row .article-wrap .article-cnt {color: var(--type-weak); padding-left: 8px;}
.member-alarm-wrap .textbox-row .article-wrap:last-child {border: 0;}
.member-alarm-wrap .link-btn {display: inline-block; padding: 0 12px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; border-radius: 10px; margin: 0 2px 0 0; background-color: #21283B;}
.member-alarm-wrap .link-btn.active {background: #40d04f; color: var(--background-color-black);}

.octagon_num {width: 20px; height: 23px; background: url(../img/level_bg.png) no-repeat; line-height: 23px; color: #ffffff; font-family:"a3",sans-serif; font-size: 12px; display: inline-block;}

/* 사용자 경험치별 레벨 안내 */
.mb_level_tbl {
	background-color: #21283B;
	border-collapse: collapse;
	width: 300px;
	margin: 0 auto; /* Add this line to center align the table */
}
.mb_level_tbl {background-color: #21283B; border-collapse: collapse; width: 80%}
.mb_level_tbl th {background-color: #21283B; color: #fff; border: 1px solid #21283B; padding: 5px; height: 36px}
.mb_level_tbl td {border: 1px solid #21283B; padding: 5px; text-align: center; color: #fff; height: 36px}
.mb_level_tbl tbody tr:nth-child(odd) {background-color: #2C3247}
.mb_level_tbl tbody tr:nth-child(even) {background-color: #21283B}

/* 사이드바 리그별 순위 */
/* head */
#rt-team-rank-title {}
#rt-team-rank-title > div {width: 25%; text-align: center; border-radius: 4px; cursor: pointer;}
#rt-team-rank-title .active {background-color: var(--background-color-gray);}
#rt-team-rank-title .img {padding-top: 4px;}
#rt-team-rank-title .img > img {width: 24px;}
#rt-team-rank-title .title {padding-top: 4px; padding-bottom: 4px;}

.rt-team-rank-title2 {background-color: var(--background-color-gray);}
.rt-team-rank-title2 ul {width: 100%; padding-inline-start: 0; text-align: center; margin: 0; padding-top: 8px; padding-bottom: 8px;}
.rt-team-rank-title2 ul li {margin-left: 4px; margin-bottom: 4px; padding: 4px 8px 4px 8px; border-radius: 4px; list-style: none; display: inline-block; cursor: pointer; transition-duration: 1s;}
.rt-team-rank-title2 ul li:first-child{margin-left: 0;}
.rt-team-rank-title2 .active {background-color: #303A56;}

/* data */
#rt-team-rank-data {overflow-y: scroll; height: 250px;}
#rt-team-rank-data::-webkit-scrollbar {
	width: 4px;
	background-color: var(--background-color-gray2);
}
#rt-team-rank-data::-webkit-scrollbar-thumb {
	background-color: #9b6a2f;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid #9b6a2f;
}
#rt-team-rank-data::-webkit-scrollbar-track {
	background-color: var(--background-color-gray2);
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px var(--background-color-gray2);
}  
.rt-team-rank-data-title > div {height: 36px; color: var(--type-gray2); text-align: center; min-width: 25px; line-height: 36px;}
.rt-team-rank-data-title > div:nth-child(1) {}
.rt-team-rank-data-title > div:nth-child(2) {}
.rt-team-rank-data-title > div:nth-child(3) {}
.rt-team-rank-data-title > div:nth-child(4) {}
.rt-team-rank-data-title > div:nth-child(5) {}
.rt-team-rank-data-title > div:nth-child(6) {}
.rt-team-rank-data-title > div:nth-child(6) {}

.rt-team-rank-data-conetent > div {height: 30px; line-height: 30px; text-align: center; min-width: 25px; font-family:"a1",sans-serif;}
.rt-team-rank-data-conetent > div:nth-child(1) {}
.rt-team-rank-data-conetent > div:nth-child(2) {text-align: left;}
.rt-team-rank-data-conetent > div:nth-child(3) {}
.rt-team-rank-data-conetent > div:nth-child(4) {}
.rt-team-rank-data-conetent > div:nth-child(5) {}
.rt-team-rank-data-conetent > div:nth-child(6) {}
.rt-team-rank-data-conetent > div:nth-child(6) {}

#rt-team-rank-data {padding: 0 10px 5px 10px; padding-left: 4px; padding-right: 4px;}
.rt-team-rank-data-bigtitle {height: 30px; line-height: 30px;}

/* 사이드바 실시간몰리는경기 */
#tops-game-title-wrap {}
#tops-game-title-wrap > div {width: 25%; text-align: center; border-radius: 4px; cursor: pointer;}
#tops-game-title-wrap .active {background-color: var(--background-color-gray);}
#tops-game-title-wrap .img {padding-top: 4px;}
#tops-game-title-wrap .img > img {width: 24px;}
#tops-game-title-wrap .title {padding-top: 4px; padding-bottom: 4px;}

/* data */
.tops-game-dtitle {}
.tops-game-dtitle > div {height: 36px; color: var(--type-gray2); text-align: center; min-width: 50px; line-height: 36px;}

.tops-game-drow > div {height: 30px; line-height: 30px; text-align: center; min-width: 50px;}
.tops-game-drow > div:nth-child(2) {text-align: left;}
.tops-game-drow > div:last-child {border-bottom: none;}
.tops-game-drow-nodata {text-align: center; line-height: 80px; color: var(--type-weak);}

.side-banner {display: block;}
.side-banner img {width: 100%; border-radius: 10px;}

.iframe_non_scroll {width: 100%; min-height: 1200px;}

.jumbotron { background-color: var(--background-color-gray2); border-radius: 10px; padding: 20px; }
.jumbotron iframe { border-radius: 10px; }

.notification_jumbotron {background-color: var(--background-color); border-radius: 10px; padding: 20px;}

.css-itv7rx {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 5px;
}
.css-itv7rx .team-info-item {
	position: relative;
	flex: 1 1 0%;
	display: flex;
	flex-flow: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	max-width: calc(50% - 35px);
}
.css-itv7rx .team-info-item .emblem {
	width: auto;
	height: 45px;
}
.css-s70qe6 {
	background: rgb(238, 238, 238);
}
.css-s70qe6 .team-info-item .team {
	color: rgb(20, 20, 20);
}
.css-itv7rx .team-info-item .team {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 85%;
	margin-top: 3px;
}
.css-itv7rx .team-info-item .home-tag-img::after {
	content: "홈";
	display: block;
	position: absolute;
	top: -2px;
	left: calc(50% - 24px);
	transform: translateX(-50%);
	color: rgb(238, 238, 238);
	background-color: rgb(37, 53, 69);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 1.8rem;
	border: 2px solid rgb(238, 238, 238);
	font-size: 12px;
}
.css-itv7rx .team-info-item:nth-of-type(2) {
	display: flex;
	width: 125px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.css-s70qe6 .team-info-item.center {
	flex-flow: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}
.css-s70qe6 .team-info-item .score {
	font-size: 2.4rem;
	font-family: 'a3', sans-serif;
	color: rgb(20, 20, 20);
}
.css-itv7rx .team-info-item .score.win {
	color: rgb(175, 28, 57);
}
.css-itv7rx .team-info-item:nth-of-type(2) span:nth-child(1) {
	text-align: right;
	padding: 0 9px 0 0;
}
.css-itv7rx .team-info-item:nth-of-type(2) span {
	min-width: 50%;
	font-size: 32px;
	text-align: left;
	padding: 0 0 0 9px;
}
.css-itv7rx .team-info-item .vs-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgb(80, 96, 112);
}
.css-itv7rx .team-info-item .vs-bg::before {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	top: 4px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgb(213, 213, 213);
}
.css-itv7rx .team-info-item .vs-bg::after {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgb(213, 213, 213);
}
.css-s70qe6 .team-info-item .match-tag {
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	bottom: -24px;
	left: 50%;
	transform: translateX(-50%);
	padding: 2px 8px;
	background: rgb(221, 221, 221);
	color: rgb(146, 146, 146);
	font-weight: 500;
	height: 20px;
	max-width: 65px;
	line-height: 1.4;
	border-radius: 4px;
	white-space: nowrap;
}
.css-s70qe6 .timeline, .css-s70qe6 .timeline * {
	color: rgb(20, 20, 20);
}
.css-139d675 {
	width: auto;
	overflow: hidden auto;
}
.css-139d675 .timeline--table {
	padding: 18px 15px 0;
}
.css-s70qe6 .timeline--table .table {
	width: 100% !important;
	border-collapse: collapse;
}
.css-139d675 .timeline--table .table {
	width: auto;
	max-width: 100%;
	border-collapse: collapse;
}
.css-139d675 .timeline--table .table--head {
	border-top: 1px solid rgb(213, 213, 213);
	border-bottom: 1px solid rgb(213, 213, 213);
}
.css-139d675 .timeline--table .table th {
	font-weight: 500;
	height: 28px;
	color: rgb(146, 146, 146);
	text-align: center;
}
.css-139d675 .timeline--table .table th.screen-out {
	padding-right: 25px;
}
.css-139d675 .timeline--table .table--head .round {
	padding: 0 4px;
	text-align: center;
	font-weight: 500;
}
.css-139d675 .timeline--table .table--body tr:first-of-type {
	/*border-top: 8px solid transparent;*/
}
.css-139d675 .timeline--table .table--body td {
	padding-top: 8px;
}
.css-139d675 .timeline--table .table--body .team-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 60px;
	padding-right: 10px;
	font-weight: 500;
	text-align: left;
}
.css-139d675 .timeline--table .table--body .score {
	width: auto;
	min-width: 22px;
	text-align: center;
	font-weight: 500;
}
.css-139d675 .timeline--table .table--body .score.win {
	color: rgb(175, 28, 57);
	font-weight: 700;
}
.css-s70qe6 .timeline:nth-of-type(3) {
	position: relative;
	background: rgb(221, 221, 221);
	text-align: left;
	height: 220px;
}
.css-139d675 .timeline--table--basketball {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 12px 16px 12px 14px;
}
.css-139d675 .timeline--table--basketball::before {
	content: "";
	display: block;
	width: 1px;
	height: 192px;
	background-color: rgb(201, 201, 201);
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.css-139d675 .timeline--table--basketball .table {
	display: block;
	width: calc(50% - 7px);
}
.css-139d675 .timeline--table--basketball .table th {
	font-weight: 500;
	height: 18px;
	color: rgb(172, 172, 172);
}
.css-139d675 .timeline--table--basketball .table--head {
	display: block;
	height: 16px;
	margin-bottom: 8px;
}
.css-139d675 .timeline--table--basketball .table--head tr {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.css-139d675 .timeline--table--basketball .table--head tr .screen-out {
	width: calc(100% - 30px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.css-139d675 .timeline--table--basketball .table--head tr .round {
	font-weight: 500;
	text-align: right;
}
.css-139d675 .timeline--table--basketball .table--body {
	display: block;
}
.css-139d675 .timeline--table--basketball .table--body tr {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 17px;
	margin-bottom: 10px;
}
.css-139d675 .timeline--table--basketball .table--body .team-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	font-weight: 500;
	text-align: left;
	color: rgb(92, 92, 92);
}
.css-139d675 .timeline--table--basketball .table--body .score {
	text-align: right;
}
.css-139d675 .timeline--table--basketball .sport-ico {
	width: 14px;
	height: 14px;
	margin: 0 6px 1px 0 !important;
}
.css-1yit17 {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 13px;
	height: 13px;
	min-height: 13px;
	vertical-align: middle;
	transform: translateY(-1px);
}
.css-1yit17 img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0px, -50%);
	width: auto;
	height: inherit;
}

.css-s70qe6.modal {padding: 24px 0;}

/*
	반응형 픽셀간 규격

	1366 - 1160 : PC전용
	1160 - 860 : 레이아웃 모바일, 컨텐츠 PC 전환
	860이하 : 레잉아웃 컨텐츠 모바일 전환

*/
@media (max-width: 1160px) {
	.partner-view-info .btn-wrap {display: none;}
	.main-menu-item .-title {font-weight: normal !important; font-size: 17px !important;  font-family:'a3', sans-serif;}
	.sub-menu-item .-title {font-size: 15px !important;}
	#header_wrap {/*border-radius: 0 0 25px 25px;*/ background-color: var(--background-color);}
	#header_inner {height: var(--mobile-head-height); border-bottom: 0 solid var(--border-color);}
	.header_btn_wrap {justify-content: right; width: auto; flex-grow: 2;}
	.header_btn {margin-left: 1px;}	

	#header_menu_list {display: none;}
	#header_menu2_list {display: none;}
	#header_login_btn {display: block;}
	#header_menu_btn {display: block; top: 6px; left: 10px; line-height: 24px; background: #3b3a3a; border-radius: 10px; padding: 1px 15px; font-size: 12px;}

	#main_container {display: flex; justify-content: center; margin: auto; padding-top: var(--mobile-head-height); width: 100%; max-width: var(--max-width);}
	#main_right_container {position: fixed; width: 0; height: 0; bottom:-1000px;}
	#footer_mobile {display: block;}
	#chat_wnd {display: none; z-index: 1000; position: fixed; height: 400px; left: 0; bottom: 40px; right: 0; background-color: #2a2828; padding-bottom: 30px;}
	#frame-body {padding-left: 5px; padding-right: 5px; padding-top: 12px; margin-bottom: 60px;}
}

/*
	반응형 픽셀간 규격

	1366 - 1160 : PC전용
	1160 - 860 : 레이아웃 모바일, 컨텐츠 PC 전환
	860이하 : 레잉아웃 컨텐츠 모바일 전환

*/
@media (max-width: 860px) {
	.mobile_only {display: block !important;}
	.pc_only{display: none !important;}

	#header_logo img {width: 100px;}

	/* 반응형 pc2 mobile1 */
	.resp_2to1_wrap {display: block} 
	.resp_2to1_wrap > div:nth-child(1) {width: 100%;}
	.resp_2to1_wrap > div:nth-child(2) {width: 0;}
	.resp_2to1_wrap > div:nth-child(3) {width: 100%;}

	/* 반응형 pc2 모바일1 2nd*/ 
	.resp_2to1_wrap2 {display: block;} 
	.resp_2to1_wrap2 > div {width: 100%; margin-right: 0; margin-bottom: 5px;}

	.resp_3to1_wrap3 {display: block;} 
	.resp_3to1_wrap3 > div {width: 100%; margin-right: 0; margin-bottom: 5px;}

	/* 반응형 pc5 mobile2 */
	.resp_5to2_wrap {display: flex; flex-wrap: wrap;}
	.resp_5to2_wrap > div {width: 49%; margin-bottom: 8px; margin-right: 2%;}
	.resp_5to2_wrap > div:nth-child(2n){margin-right: 0%;}

	/* 반응형 pc4 mobile2 */
	.resp_4to2_wrap {display: flex; flex-wrap: wrap; margin-bottom:-8px;}
	.resp_4to2_wrap > div {flex-basis: 49%; margin-bottom: 8px; margin-right: 2%;}
	.resp_4to2_wrap > div:nth-child(2n){margin-right: 0%;}

	.mbanner_resp_2to1_wrap {}
	.mbanner_resp_2to1_wrap > div {margin-right: 0; width: 100%; margin-bottom: 12px;}
	.mbanner_resp_2to1_wrap > div:last-child{margin-bottom: 0;};

	.mpage-notice-box {width: 48%;}
	.mpage-pick-box {width: 48%;}
	.mpage-pick-box .league-img {width: 40px;}
	.mpage-bscreen-box {width: 48%; margin-bottom: 12px;}

	.airlistrow1_wrap {display: flex; align-items: stretch;}
	.airlistrow1_wrap .thumbimg {}
	.airlistrow1_wrap .thumbimg > img {width: 80px; height: 60px; border: 1px solid #333;}
	.airlistrow1_wrap .extraswrap {flex: 1; padding-left: 6px;}
	#member-alarm-box {display: none; position: fixed; z-index: 1100; top: 60px; left: calc(50% - 170px); width: 90%; max-width: 340px; background-color: var(--background-color-black); border-radius: 10px;}
	#popup-mission-box {display: none; position: fixed; z-index: 1100; top: 60px; left: calc(50% - 170px); width: 90%; max-width: 340px; background-color: var(--background-color-black); border-radius: 10px;}
	#air-history-fixed-wnd {display: none; position: fixed; z-index: 1100; top: 60px; left: 50%; transform: translateX(-50%); width: 90%; background-color: var(--background-color-black); border-radius: 10px;}

	.popup-fs-width-iframe {display: none; position: fixed; z-index: 1100; top: 60px; left: calc(50% - 170px); width: 90%; max-width: 340px; bottom: 70px;}

	.auto_start_popup_img_wrap {height: 200px; overflow-y: scroll;}
	/*
	#popup-fullsc-width-iframe {
		top: 40px;
		left: 2px;
		right: 2px;
		bottom: 0;
	}
	*/
	.partner_list {display: flex; flex-wrap: wrap;}
	.partner_list  > div {margin-bottom: 12px;}
	.partner_list .img {width: 49%; text-align: center;}
	.partner_list .img img {width: 100%;}
	.partner_list .img span {display: block; width: 280px; height: 186px; line-height: 186px;}
	.partner_list .info1 {width: 49%; min-width: 180px; line-height: 150%;}
	.partner_list .info2 {width: 49%; line-height: 170%;}
	.partner_list .info3 {width: 49%; line-height: 170%;}
	.partner_list .stitle {background-color: var(--background-color-gray); height: 28px; line-height: 28px; text-align: center; margin-bottom: 8px; border-radius: 8px;}
	.partner_list .extras-a {width: 2%;}
	.partner_list .extras-b {width: 0%;}

	/* 스포츠분석 상세페이지 모바일 */
	.pickinfo-view-wrap .team-info-row {display: flex; align-items: center; margin: auto; background-color: #21283B; padding: 10px; border-radius: 15px; margin-top: 10px;}
	.pickinfo-view-wrap .team-info-row .row-extra {flex: 1;}
	.pickinfo-view-wrap .team-info-row .row-img {width: 26px;}
	.pickinfo-view-wrap .team-info-row .row-img > img {width: 100%;}
	.pickinfo-view-wrap .team-info-row .row-vs {}
	.pickinfo-view-wrap .team-info-row .row-vs > img {width: 30px;}
	.pickinfo-view-wrap .team-info-row .row-hteam {flex: 1; text-align: center; font-size: 14px;}
	.pickinfo-view-wrap .team-info-row .row-ateam {flex: 1; text-align: center; font-size: 14px;}

	.pickinfo-view-wrap .row-wrap {padding: 10px 25px;}
	.pickinfo-view-wrap .row-info {display: block; padding: 10px 0; background-color: var(--background-color-gray2);}
	.pickinfo-view-wrap .row-data {width: 100%;}

	.pickinfo-view-wrap .row-data li.bet-name {width: 70%;}
	.pickinfo-view-wrap .row-data li.bet-line {text-align: center;}
	.pickinfo-view-wrap .row-data li.result-status {text-align: center;}

	/* 포인트샵 */
	.pshop-list-wrap {display: flex; align-items: center; flex-wrap: wrap;}
	.pshop-block {width: 48%; margin-bottom: 16px;}
	.pshop-list-wrap .img > img {width: 100%;}
	.pshop-list-wrap .pshop-title {}
	.pshop-list-wrap .pshop-price {}
	.pshop-list-wrap .pshop-order {padding-top: 8px;}

	.pshop-block-extra {width: 1%;}

	/* 반응형 레이아웃 */
	.resp_2_to_1 {}
	.resp_2_to_1 > div:nth-child(2) {padding-left: 0;}
	.resp_2_to_1 > div {width: 100%;}

	.game-font {font-family: "Noto Sans KR","맑은 고딕",Dotum,"돋움",Arial,sans-serif;}

	/* 스케쥴표 시작 ---------------------------------------------------- */
	#screen-a {position: fixed; top: 0; left: 0; right: 0; width: 100%; border-radius: 0}
	#screen-b {position: fixed; top: 210px; left: 0; right: 0; width: 100%; bottom: 0; overflow-y: scroll; border-radius: 0; min-width: 375px; background-color: var(--background-color-black);} 
	#screen-extra {position: relative; background-color: green; z-index: -1;}
	.vidFrame {border-radius: 0}
	/*.truncate-text {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/

	/* 방송화면 */
	#ifr_radar {display: none; width: 100%; height: 471.375px;}

	#glist-dataset {padding-bottom: 40px;}

	/* 스케쥴표 상단 카테고리 */

	.glist-filter-wrap {
		background: none;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background: var(--background-color);
	}
	.glist-filter-wrap > div {height: 50px; line-height: 50px; padding: 0 12px;}
	.glist-filter-wrap > div > img {width: 32px;}

	/* 목록 */
	.onair-wrap:nth-child(even).onair-active {background-color: #202f57; }
	.onair-wrap:nth-child(odd).onair-active {background-color: #152143;}	

	.glist-single-wrap {padding-top: 30px; overflow: hidden;}
	.glist-t2-wrap {display: block;}
	.glist-t2-row-tname-home,
	.glist-t2-row-tname-away {font-size: 12px; width: 42%; padding-left: 0; padding-right: 0; text-align: left;}
	.glist-t2-row-league {position: absolute; top: 10px; left: 10px; width: 30%; padding-left: 0;}
	.glist-t2-row-league img {width: 12px;}
	.glist-t2-row-league span {font-size: 10px; vertical-align: middle;}
	.glist-t2-row-time {position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 80px; text-align: center;}
	.glist-t2-row-time > span {font-size: 10px;}
	.glist-t2-row-betradar-pc {position: absolute; top: 41px; right: 88px; width: auto; border-radius: 6px !important;}
	.glist-t2-row-betradar-pc.button-group > div {padding-left: 5px; padding-right: 5px;}
	.glist-t2-row-betradar-pc.button-group > div:first-child {padding-right: 3px;}
	.glist-t2-row-betradar-pc.button-group > div:last-child {padding-left: 3px;}	
	.onair-status-off .glist-t2-row-betradar-pc {}
	.glist-t2-row-multich-pc {position: absolute; top: 41px; right: 5px; padding-right: 0; width: auto;}
	.glist-multich-btn-wrap {border-radius: 6px;}
	.glist-multich-btn-wrap > div {min-width: 20px; height: 25px; font-size: 11px;}
	.glist-multich-btn-wrap > div:hover {background-color: transparent; color: #9aa4bf;}
	.glist-multich-btn-wrap .active:hover {background-color: #080a0e; color: #4ff461;}
	.glist-textair-btn {height: 25px; line-height: 25px; font-size: 11px; padding-left: 5px; padding-right: 5px; display: inline-block; max-width: 100%; border-radius: 6px;}
	.glist-textair-btn3 {height: 25px; line-height: 25px; font-size: 11px; display: inline-block; border-radius: 6px; max-width: 100%; border-radius: 6px;}
	.glist-t4-wrap .txt-description {display: none;}
	.glist-t2-row-mixinfo {min-width: 0; width: 40px; position: absolute; left: 50%; transform: translateX(-50%);}
	.glist-t2-row-mixinfo > span {font-size: 12px;}
	.glist-t2-row-mixinfo > img {width: 15px; max-height: 18px;}
	.glist-t2-row-mix-home {top: 30px;}
	.glist-t2-row-mix-away {top: 48px;/*bottom: 10px;*/}
	.glist-t2-row-center {min-width: auto; width: auto; max-width: auto; position: absolute; top: 10px; right: 5px;}
	.glist-t2-row-center > div,
	.glist-t2-row-center > span {font-size: 10px;}

	.glist-t2-normal-air {display: block;}

	.glist-t3-row-title {text-align: left; font-size: 12px; margin-bottom: 16px; max-width: 48%;}

	/* 방송화면 */
	.vmulti-wrap {display: flex; flex-wrap: wrap; background-color: #000; justify-content: center; border-radius: 0;}
	.vid_size1 {width: 100%;}
	.vid_size2 {width: 100%;}
	.vid_size3-1 {width: 51%;}
	.vid_size3-2 {width: 50%;}
	.vid_size4 {width: 50%;}
	/* 스케쥴표 끝*/

	/* 게시판 */
	.bbs_layout_box {padding: 20px 10px; background: var(--background-color-gray); border-radius: 10px;}
	.bbs_layout_box2 {padding: 20px 10px; background: var(--background-color-gray2); border-radius: 10px;}

	.flex-tbl-row .custom-wnormal-w100 {width: 100%;}
	.flex-tbl-row .custom-wnormal-w100 .rp8 {position: relative; margin-right: 10px;}
	.flex-tbl-row .custom-wnormal-w100 .rp8:after {
		content: "";
		position: absolute;
		right: -2px;
		width: 2px;
		height: 22px;
		background: #262d3e;
		top: 50%;
		transform: translateY(-50%);
	}

	.flex-tbl-row .custom-w100-wflex1 {flex: 1;}
	.flex-tbl-row .custom-newsimg {padding: 20px 20px 4px 14px;}
	.flex-tbl-row .custom-mpad {padding: 20px 20px 4px 20px;}
	.flex-tbl-row .custom-mpad2 {padding: 20px 20px 4px 0;} /* pc에서는 20 mobile 에서는 bottom 을 4로 news 에서 사용*/
	.flex-tbl-row .cnt_cmt {margin-left: 10px; color: var(--type-weak);}

	.flex-tbl-row .firstimg {position: relative; padding: 0 0 0 106px; height: 72px;}
	.flex-tbl-row .firstimg > a {width: 106px; height: 66px; overflow: hidden; border-radius: 10px;}

	.searchbox_wrap {display: block;}
	.searchbox_wrap .sub-title {margin-top: 0; margin-bottom: 5px;}

	.bbs_search_wrap {margin-top: 15px;}
	.bbs_search_wrap .input-wrap {width: 100%;}

	.page-title-main {font-size: 18px;}
	.categories_bbs_title_wrap .mtitle {font-size: 18px;}

	.hexagonImg .levelnum {right:-5px;}
	.partnerbox_wrap .hexagonImg {margin-right: 10px;}
	.partnerbox_bottom > div:nth-child(2) *,
	.partnerbox_bottom > div:nth-child(3) *,
	.partnerbox_bottom > div:nth-child(4) * {font-size: 11px !important;}
	.partnerbox_bottom > div:nth-child(4) {padding-right: 10px;}
	.partnerbox_top .title {margin-top: 10px; margin-bottom: 10px;}
	.partnerbox_top {padding-bottom: 10px; min-height: 180px;}
	.partnerbox_bottom > div .upper {margin-bottom: 1px;}

	.pshop_top .title {margin-top: 10px;}
	.pshop_top {padding-bottom: 10px; min-height: 180px;}

	.pshop-order-wrap .pshop-order .col-price {text-align: right; min-width: 80px;}
	.pshop-order-wrap .pshop-order .col-time {padding-left: 10px; padding-right: 10px; font-size: 12px; width: 80px;}

	.pg_wrap .pg a,
	.pg_current {width: 40px; height: 40px; min-width: 40px;}

	.flex-tbl-wrap > .flex-tbl-row .custom-mpad:nth-child(1) {width: 55px;}

	.hide-header #header_wrap {top:-100px;}
	/*
	.hide-header #screen-a {top: 0;}
	.hide-header #screen-b {top: 312px !important;}
	*/
	.hide-header #popup-lmenu {padding-top: 0;}

	/* 스포츠분석 */
	.sp_pick_list_wrap {margin-top: 0; border-radius: 10px; overflow: hidden;}
	.sp_pick_list_wrap > .sp_pick_list_box.type1 {border-radius: 0;}
	.sp_pick_list_wrap > div:nth-child(odd){background-color: var(--background-color-gray);}
	.sp_pick_list_wrap > div:nth-child(even){background-color: var(--background-color-gray2);}
	.sp_pick_list_box.type1 .extend-wrap .title .away-name {margin-top: 3px;}
	.sp_pick_list_box.type1 .extend-wrap .title .home-name,
	.sp_pick_list_box.type1 .extend-wrap .title .away-name {display: block; line-height: 1.3;}
	.sp_pick_list_box.type1 .extend-wrap .title .home-name i,
	.sp_pick_list_box.type1 .extend-wrap .title .away-name i {width: 30px; border-radius: 3px;}
	.sp_pick_list_box.type1 .extend-wrap .separator--vs {display: none;}

	.common_top_page_title .extra {flex: 0;}
	.common_top_page_title .title-wrap {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		justify-content: flex-start;
	}	
	.jumbotron {padding: 0; background-color: transparent;}

	.css-s70qe6.modal {width: 90%; max-width: 90%;}
	.blocker {padding: 20px;}

	#popup-usr-info {
		padding: 0 !important;
		top: var(--mobile-head-height) !important;
		border: 0 !important;
		background-color: transparent !important;
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		max-width: 100% !important;
	}	
	#popup-usr-info .categories_title_wrap {border-radius: 0;}
	#main-login2-wrap .imgsection {margin: 20px 40px;}
	#main-login2-wrap #mb_usr_area_info_pannel {padding: 15px 30px;}

	.wave {height: 5em;}
	#header_wrap {overflow: hidden;}
	.header_btn_wrap {justify-content: right; width: auto; flex-grow: 2;}
	.header_btn {margin-left: 1px;}

	.partner-view-info {display: block; padding: 0 10px;}
	.partner-view-info h4 {color: #f4b24f;}
	.partner-view-info .info-label {}
	.partner-view-info > div {margin-bottom: 15px;}
	.partner-view-info .info-wrap {margin-bottom: 20px; padding-left: 0;}
	.partner-view-info .info-wrap-ml {padding-left: 0; margin-bottom: 0;}
	.partner-view-info .btn-wrap {display: block; width: 100%; margin-bottom: 0;}
	.event-site-information .partner-event-name {margin-bottom: 5px; text-align: center; font-size: 15px; line-height: 24px;}
	.event-site-information .partner-site-url {text-align: center; font-size: 15px;}
	.event-site-information .partner-event-label {margin-bottom: 5px;}
	.event-site-information .partner-site-label {display: none;}
	#main_container{padding-top: 10px;}
}

.ajax_disabled {
	pointer-events: none; /* 이벤트 처리 비활성화 */
	opacity: 0.5; /* 투명도 조절하여 비활성화 효과 줌 */
	/* 필요한 다른 스타일 속성 추가 */
}

#site-footer {font-size: 12px; background-color: var(--background-color-gray2); border-radius: 10px; padding: 20px;}
#site-footer ul {line-height: 1.4; color: #9aa4bf;}
#site-footer .copyright-text {margin-top: 10px;}
#site-footer .caution-wrap {display: flex; align-items: center;}
#site-footer .caution {margin-bottom: 20px; margin-right: 20px;}
#site-footer .caution img {width: 40px;}
#site-footer .text-wrap {}

.util-bar {display: flex; margin-top: 10px; margin-bottom: 10px;}
.util-bar div:last-child {margin-left: auto;}
.util-bar button {border: 0; border-radius: 5px; padding: 0 10px; line-height: 30px; height: 30px; font-size: 12px; color: #9aa4bf; background-color: var(--point-color);}
.util-bar button:hover {background-color: #2a2828;}
.util-bar button i {font-style: normal; margin-left: 2px;}
.util-bar button.viewer {pointer-events: none; display: none;}
.util-bar .btns-wrap {display: flex;}
.util-bar .btns-wrap button {display: block; margin-left: 5px;}
.util-bar .btns-wrap button:last-child {}
.util-bar .btn_active {color: #4fe744;}

#header-main-menu .mn-emphasis > a,
#mgnb_1dul .mn-emphasis > a {color: #ffb238;}
#header-main-menu .mn-emphasis > a:hover,
#mgnb_1dul .mn-emphasis > a:hover {color: #f5a018;}

#header-main-menu .mn-emphasis2 > a,
#mgnb_1dul .mn-emphasis2 > a {color: #ff8400;}
#header-main-menu .mn-emphasis2 > a:hover,
#mgnb_1dul .mn-emphasis2 > a:hover { color: #ff8400; }

.bbs_layout_box2 .list-event {padding-left: 15px; list-style: disc; margin-bottom: 15px;}
.bbs_layout_box2 .list-event:last-child { margin-bottom: 0; }

.talk-bubble {
	display: inline-block;
	position: absolute;
	background-color: #ff6927;
	border-radius: 8px;
	top: 8px;
	left: 50%;
	transform: translate(-50%, 0);
	white-space: nowrap;
	animation: bounce 1s;
	animation-iteration-count: infinite;
}

.talk-bubble .talktext {padding: 3px 5px; text-align: center;}
.talk-bubble .talktext p {font-size: 10px;}

.talk-bubble .talktext2 {padding: 3px 5px; text-align: center;}
.talk-bubble .talktext2 p {font-size: 10px;}

@keyframes bounce {
	0% {top: 5px; -webkit-animation-timing-function: ease-in;}
	3% {top: 7px; -webkit-animation-timing-function: ease-out;}
	50% {top: 10px; -webkit-animation-timing-function: ease-in;}
	80% {top: 7px; -webkit-animation-timing-function: ease-out;}
	100% {top: 5px; -webkit-animation-timing-function: ease-in;}
}

/* 프로모션 게시판 */
#bo_v_promotion #bo_v_img {max-width: 400px; margin: 0 auto;}
#bo_v_promotion #bo_v_img img {margin-bottom: 15px;}
#bo_v_promotion #bo_v_nav {margin-bottom: 15px;}
#bo_v_promotion #bo_v_nav ul {background-color: #262e45; border-radius: 10px; overflow: hidden; padding: 15px;}
#bo_v_promotion #bo_v_nav li {display: block; padding: 8px 15px;}
#bo_v_promotion #bo_v_con h2 {color: #4fe744; font-size: 15px; margin: 15px 0 5px 0;}
#bo_v_promotion #bo_v_con p {margin-bottom: 20px;}

a:hover { color: inherit;}

.main-top-banner {background-color: var(--background-color-gray); padding: 10px; border-radius: 10px;}
.main-top-banner img {width: 100%; border-radius: 10px;}
.main-top-banner .slick-list {margin: 0 -5px;}
.main-top-banner .slick-slide {margin: 0 5px;}

@media (max-width: 480px) {
    #chat_wnd { height: 500px; }
}

.banner-container {
	width: 100%;
}
.banner-row {
	margin-left: 0;
	margin-right: 0;
}
.banner-full-col {
	padding-left: 0;
	padding-right: 0;
}
.banner-full-col > * {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.banner-full-col .main-top-banner,
.banner-full-col [class*="slick-slider"],
.banner-full-col .slick-list,
.banner-full-col .slick-track {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.banner-full-col .slick-list {
	margin: 0 !important;
}
.banner-full-col .slick-slide {
	margin: 0;
}
.banner-full-col img,
.banner-full-col .main-top-banner img,
.banner-full-col .slick-slide img {
	width: 100%;
	max-width: 100%;
	display: block;
}
.main-right-box{
	padding-right: 0;
	padding-left: 5px;
}
.main-left-box{
	padding-right: 5px; 
	padding-left: 0;
}
@media (max-width: 560px) {
	.main-right-box{
	padding-right: 5px;
	padding-left: 5px;
	}
	.main-left-box{
	padding-right: 5px;
	padding-left: 5px;
	}
	.banner-full-col {
		padding-left: 5px;
		padding-right: 5px;
	}
}