@import url('https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@400;500;600;700;800&display=swap');
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
* {-webkit-text-size-adjust:none;}
* { margin:0;padding:0; }
a { text-decoration: none;color:#666; }
a:visited{ text-decoration: none;color:#666; }
a:hover{ color:#666; }
img{ border:0px; }

body, html{
	font-family:'Apple SD Gothic Neo','Noto Sans CJK KR', 'Malgun Gothic', 'dotum', 'gulim',sans-serif;
}
body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* Etc */
.title_font_family{
	font-family:'Baloo Tammudu 2','Apple SD Gothic Neo',sans-serif;
}

#wrap{
	position:relative;
	width:100%;
	font-family:'Apple SD Gothic Neo','Noto Sans CJK KR', 'Malgun Gothic', 'dotum', 'gulim',sans-serif;
}

/* 본문 */
#wrap > #body{
	width:100%;
	background-color:#ffffff;
}
#wrap > #body > #body_content{
	width:100%;
	letter-spacing:-1px;
}

/* 탭메뉴 */
#wrap > #body > #body_content > #tab_menu_wrap{
	width:100%;
	background-color:#fff;
	padding-top:10px;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu{
	width:95%;
	margin:auto;
	overflow:hidden;
	display: flex;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i{
	float:left;
	display:block;
	width:calc(50% - 2.5px);
	height:40px;
	line-height:40px;
	font-style:normal;
	text-align:center;
	box-sizing:border-box;
	border-radius:10px;
	background-color:#fff;
	margin-right:5px;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i.on{
	background-color:#3EB136;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i:last-child{
	margin-right:0px;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i > a{
	display:block;
	width:100%;
	height:100%;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i > a,
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i > a:visited,
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i > a:hover{
	color:#000;
}
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i.on > a,
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i.on > a:visited,
#wrap > #body > #body_content > #tab_menu_wrap > #tab_menu > i.on > a:hover{
	color:#fff;
}

/* 경기일정 */
#wrap > #body > #body_content > #product_wrap{
	width:100%;
	background-color:#fff;
	padding-top:10px;
}
#wrap > #body > #body_content > #product_wrap > #product{
	margin:0px 10px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar{	
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar .date_item_box{
	line-height:18px;
	color:#444;
	font-size:15px;
	text-align:center;
	border:0px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
	cursor:pointer;
	outline:none;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar .date_item_box.sun{
	color:#ec4d51;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar .date_item_box.sat{
	color:#639dff;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar .slick-prev::before,
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar .slick-next::before{
	color:#022358;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_calendar .clicked{
	color:#000 !important;
	border-radius:5px;
	background-color:#FFD940;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_area{
	border-top:1px solid #ddd;
	margin-top:10px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_area ul{
	margin-top:10px;
	overflow:hidden;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_area ul > li{
	float:left;
	list-style:none;
	font-size:13px;
	padding:7px 8px;
	cursor:pointer;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_area ul > li.on{
	color:#000;
	font-weight:bold;
	border-radius:5px;
	background-color:#FFD940;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table{
	border-top:1px solid #ddd;
	margin-top:10px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul{
	position:relative;
	width:100%;
	color:#222;
	font-size:14px;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	overflow:hidden;
	cursor:pointer;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li{
	float:left;
	list-style:none;
	padding-top:12px;
	padding-bottom:12px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.time{
	width:16%;
	font-size:15px;
	text-align:center;
	font-weight: bold;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.time > span{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:10px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name{
	width:67%;
	text-align:left;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(1){
	font-size:15px;
	font-weight:600;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(1) .coupon{	
	display:inline-block;
	color:#fff;
	font-size:9px;
	border-radius:3px;
	background-color:#0091fe;
	padding:5px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(1) > span.mobile.conform{
	color:#fff;
	font-size:9px;
	border-radius:2px;
	background-color:red;
	padding:3px 3px;
	margin-left:5px;
	vertical-align:middle;
	/*경기내용 라인에 맞춰 위치변경*/
	position: absolute;
	top: 53%;
	left: 63%;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2){
	color:#999;
	font-size:12px;
	text-align:left;
	margin-top:4px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span.sex.male{
	color: blue;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span.sex.female{
	color: red;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span.sex.unisex{
	color: green;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span{
	position:relative;
	display:inline-block;
	padding-right:10px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span::before{
	position:absolute;
	top:3px;
	right:3px;
	width:1px;
	height:10px;
	background-color:#ccc;
	content:"";
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span:last-child::before,
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span:nth-child(5)::before{
	display:none;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.name > div:nth-child(2) > span.pc{
	display:none;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.apply{
	width:17%;
	text-align:center;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.apply > .button{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:10px;
	display:inline-block;
	width:75px;
	height:40px;
	line-height:35px;
	color:#fff;
	font-size:13px;
	font-weight:600;
	border-radius:9px;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.apply.on > .button{
	background-color:#00cd00;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.apply.off > .button{
	background-color:#bfbfbf;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wrap > #body > #body_content > #product_wrap > #product > #goods_table ul > li.none{
	width:100%;
	height:55px;
	line-height:55px;
	font-size:14px;
	text-align:center;
}

/* 게시판,고객센터 */
#wrap > #body > #body_content > #board_wrap{
	width:100%;
	background-color:#f3f3f5;
	padding:15px 0px;
}
#wrap > #body > #body_content > #board_wrap > #board{
	margin:0px 15px;
}
#wrap > #body > #body_content > #board_wrap > #board > div{
	background-color:#fff;
	padding:10px;
	margin-top:20px;
	border-radius:15px;
}
#wrap > #body > #body_content > #board_wrap > #board > div:first-child{
	margin-top:0px;
}
.sns li{
	display:inline-block; 
	width: 50%;
	border-radius: 20px;
}
.sns li a img{
	width: 100%;
	border-radius:20px;
}
.insta{
	margin-right:10px;
}