@charset "utf-8";
	/* css 이 아래부터 가져가세요 */
	.sub_visual{height:200px; background:#aaa;  background-size:cover; background-repeat:no-repeat; background-position:center;}
	.sub_visual .inner{display:flex; height:100%; margin:0 auto; align-items: center;}
	.sub_visual h2{font-size:48px; color:#fff; letter-spacing:-0.04em; font-weight:700;}

	.sub_visual .sub_path{position:absolute; left:0; bottom:0; width:100%; background:#fff; border:1px solid #eee; box-sizing:border-box; font-size:0; letter-spacing:-4px;}
	.sub_visual .sub_path:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
	.sub_visual .sub_path > *{float:left;}
	.sub_visual .sub_path a.home{width:60px; background:#222; display:block; font-size:0; letter-spacing:-4px; text-align:center; padding:21px; box-sizing:border-box;}
	.sub_visual .sub_path a.home:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
	.sub_visual .sub_path a.home i{display:inline-block; vertical-align:top; width:calc(50% - 2px); height:7px; margin:1px; background:#fff;}
	.sub_visual .sub_path a.home span{display:none;}
	.sub_visual .sub_path [class^='depth']{width:calc(50% - 30px); max-width:326px; position:relative; border-right:1px solid #eee; box-sizing:border-box;}
	.sub_visual .sub_path [class^='depth'] > p{cursor:pointer; height:60px; line-height:60px; font-size:16px; color:#666; letter-spacing:0.075em; font-weight:400; padding:0 50px 0 30px; position:relative; overflow:hidden}
	.sub_visual .sub_path [class^='depth'] > p:before{content:''; position:absolute; top:calc(50% - 5px); right:30px; display:block; width:12px; height:6px; background:url('/img/sub_visual_arrow.png') no-repeat center center / contain;}
	.sub_visual .sub_path [class^='depth'] ul{display:none; background:#fff; position:absolute; left:0; top:100%; z-index:100; width:100%; padding:20px 0; border:1px solid #eee; box-sizing:border-box;}
	.sub_visual .sub_path [class^='depth'] ul li a{display:block; padding:10px 30px; font-size:16px; color:#666; letter-spacing:0.075em; font-weight:400;}

	.sub_tab{margin-top:40px;}
	.sub_tab .inner{margin:0 auto;}
	.sub_tab ul{font-size:0; letter-spacing:-4px; text-align:center;}
	.sub_tab ul li{display:inline-block; vertical-align:top; width:calc(16.6666% - 10px); height:60px; margin:5px;}
	.sub_tab ul li a{display:table; width:100%; height:100%; font-size:18px; color:#222; letter-spacing:0em; font-weight:400; line-height:1.2; border:1px solid #ddd; box-sizing:border-box; border-radius:30px 0 30px 0; overflow:hidden;}
	.sub_tab ul li a span{display:table-cell; vertical-align:middle;}
	.sub_tab ul li:hover a{color:#fff; background:#444;}
	.sub_tab ul li.on a{color:#fff; background:#444;}

	.sub_tab ul.grid2 li{width:calc(50% - 10px);}
	.sub_tab ul.grid3 li{width:calc(33.333333% - 10px);}
	.sub_tab ul.grid4 li{width:calc(25% - 10px);}
	.sub_tab ul.grid5 li{width:calc(20% - 10px);}
	.sub_tab ul.grid6 li{width:calc(16.666666% - 10px);}
	.sub_tab ul.grid7 li{width:calc(14.285714% - 10px);}
	.sub_tab ul.grid8 li{width:calc(12.5% - 10px);}
	.sub_tab ul.grid9 li{width:calc(11.111111% - 10px);}
	.sub_tab ul.grid10 li{width:calc(10% - 10px);}

	@media all and (max-width:1400px){
		.sub_tab ul.grid7 li{width:calc(25% - 10px);}
		.sub_tab ul.grid8 li{width:calc(25% - 10px);}
		.sub_tab ul.grid9 li{width:calc(25% - 10px);}
		.sub_tab ul.grid10 li{width:calc(25% - 10px);}
	}
	@media all and (max-width:1000px){
		.sub_tab ul.grid7 li{width:calc(33.3333334% - 10px);}
		.sub_tab ul.grid8 li{width:calc(33.3333334% - 10px);}
		.sub_tab ul.grid9 li{width:calc(33.3333334% - 10px);}
		.sub_tab ul.grid10 li{width:calc(33.3333334% - 10px);}
	}

	.ShopCon_Custom{padding-top: 150px;}
	.ShopCon_Custom .view_list ul{display: flex; justify-content: flex-end;}
	.ShopCon_Custom .view_list ul li a{ color: #888888; font-size: 16px; letter-spacing: -0.04em; display: block; padding: 0 15px;}
	.ShopCon_Custom .view_list ul li.on a,
	.ShopCon_Custom .view_list ul li:hover a{color: #444444;}
	.ShopCon_Custom .category_spot{margin-top: 0px; display: flex; justify-content: space-between;}
	.ShopCon_Custom .filter_box{max-width: 260px; width: 50%; margin-top: 60px;}
	.ShopCon_Custom .check_list .top_box{padding-bottom: 20px; border-bottom: 2px solid #434343;}
	.ShopCon_Custom .check_list .top_box p{font-size: 24px; color:#333333; letter-spacing: 0;}

	.ShopCon_Custom .check_list .bot_box > ul{padding: 40px 0;}
	.ShopCon_Custom .check_list .bot_box > ul + ul{border-top: 1px solid #d2d2d2;}
	.ShopCon_Custom .check_list .bot_box > ul > li{font-size: 22px; color:#333333; letter-spacing: -0.04em;}
	.ShopCon_Custom .check_list .bot_box > ul > li > ul{margin-top: 10px;}
	.ShopCon_Custom .check_list .bot_box > ul > li label{font-size: 18px; color:#555555; letter-spacing: -0.04em;}
	.ShopCon_Custom .check_list .bot_box ul.color_list{display: flex; gap: 13px; flex-wrap: wrap;}
	.ShopCon_Custom .check_list .bot_box ul.color_list li a{display: block; width: 32px; height: 32px; box-sizing: border-box; background-color: var(--bg-color);}
	.ShopCon_Custom .check_list .bot_box ul.color_list li.check a{background-image: url(/img/theme/soccer/soccer_check_icon01.png); background-position: center center; background-repeat: no-repeat;}

	.ShopCon_Custom .sub_cont01{width: 100%; max-width: 1040px;}
	.ShopCon_Custom	.img_wrap .img_list{width: calc(33.333% - 33.333px);}