@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	font-size:14px;
}
input,textarea,select,button{font-size:14px}
body,table{line-height:1.5}
.btn{font-size:14px;line-height:20px}
.stxt{font-size:14px}
.input_txt{font-size:14px}
.mid_btn{padding:5px 15px;line-height:24px}
.mid_btn.blue_btn{line-height:26px}
#form input,textarea{line-height:24px}

/* renew */
html{min-width:1440px}
body{min-width:1440px}

/**{font-family:'Roboto','Noto Sans KR' !important}*/
.text-gradient{
	background:linear-gradient(to bottom, #0057b7 0%, #0057b7 20%, #009739 80%, #009739 100%);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
}
/* IE 에서 텍스트 그라데이션 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	.text-gradient{
		background:transparent;
		/* 그림자 효과로 대체 */
		-webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		-moz-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		-ms-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		-o-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		text-shadow:1px 1px 3px rgba(0,0,0,0.35);
	}
}

.textShadow{
	-webkit-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	-moz-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	-ms-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	-o-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	text-shadow:2px 2px 3px rgba(0,0,0,0.40);
}

.textOver{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.text-blue{color:#0057b7}
.text-red{color:#e54b4b !important}
.text-yellow{color:#fcea10 !important}
.text-green{color:#009739}

.textCenter{text-align:center}
.textLeft{text-align:left}

.fontMontserrat{font-family:'Montserrat','Roboto','Noto Sans KR' !important}
.fontOswald{font-family:'Oswald','Roboto','Noto Sans KR' !important}
/* 2023.01.27. NotoSans 폰트로 통일 */
.fontOswald{font-family:'Roboto','Noto Sans KR' !important}
.fontLato{font-family:'Lato','Roboto','Noto Sans KR' !important}

.m_dp_only{display:none}

.blank-img{opacity:0}

.borderBox{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.boxShadow{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.boxShadow.type2{
	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
.boxShadow.type3{
	-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.swiper-pagination .swiper-pagination-bullet-active{background:#0057b7}

#page_container{padding-top:82px}
/*article#content_wrap{padding-top:82px}*/

/*.sub_visual{height:200px;overflow:hidden}*/
/*.sub_visual img{margin-top:-55px}*/
/* 서브페이지 헤더 모두 제거 */
#content_body .sub_visual
, #content_wrap .sub_visual
, #page_container .sub_visual{display:none !important}

#goodsList .goods_top_info{padding-top:0;background-color:#f8f8f8}

#header{position:fixed;top:0;left:0;z-index:7777;float:left;width:100%;padding:0 50px;background-color:#fff;margin-top:0 !important}
#header{border-bottom:2px solid rgba(0,0,0,0.1)}
#header{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
/* 2023.01.27. 마우스오버 그림자 효과 제거
#header:hover{
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-ms-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-o-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	box-shadow:0 5px 5px rgba(0,0,0,0.35);
}
*/
#header #header_sub{float:left;width:100%;height:auto;display:flex;background-color:transparent;border:0;position:relative;top:auto;left:auto}
#header #header_sub.header_sub.fixed{}
#header #header_sub #yonex_logo{float:left;padding:18px 0}
#header #header_sub #yonex_logo a{float:left}
#header #header_sub #top_costomer_menu{position:absolute;top:8px;right:0;float:right;width:auto;padding:0;background-color:transparent}
#header #header_sub #top_costomer_menu > div > ul > li:after{background-color:#000}
#header #header_sub #top_costomer_menu > div > ul > li > a{color:#000}
#header #header_sub #top_costomer_menu .layout_wrap{float:left;width:auto !important}
#header #header_sub #top_costomer_menu > div > ul > li > div.hiddenMenu{top:20px}
#header #header_sub #top_costomer_menu .join_benefit{float:left;margin-right:30px}
#header #header_sub #top_costomer_menu .join_benefit a{display:inline-block;font-size:13px;line-height:22px;font-weight:500;color:#fff;background-color:#009739;padding:0 10px;border-radius:10px}
#header #header_sub #top_costomer_menu .join_benefit a{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_costomer_menu .join_benefit a:hover{background-color:#0057b7}

#header #header_sub #top_1{float:left;width:100%;padding:0 0 0 50px;position:relative}
#header #header_sub #top_1 .yonex_menu{float:left}
#header #header_sub #top_1 .yonex_menu > li{float:left;padding:0 35px 0 0;position:relative}
#header #header_sub #top_1 .yonex_menu > li{
/*	-webkit-transition:all 0.20s ease;*/
/*	-moz-transition:all 0.20s ease;*/
/*	-ms-transition:all 0.20s ease;*/
/*	-o-transition:all 0.20s ease;*/
/*	transition:all 0.20s ease;*/
}
#header #header_sub #top_1 .yonex_menu > li:last-child{padding-right:0}
#header #header_sub #top_1 .yonex_menu > li > a{float:left;font-size:22px;line-height:80px;font-weight:400;position:relative}
#header #header_sub #top_1 .yonex_menu > li > a
, #header #header_sub #top_1 .yonex_menu > li > a *{font-family:'Oswald','Roboto','Noto Sans KR';letter-spacing:1px}
/* 2023.01.27. NotoSans 폰트로 통일 */
#header #header_sub #top_1 .yonex_menu > li > a
, #header #header_sub #top_1 .yonex_menu > li > a *{font-family:'Roboto','Noto Sans KR';letter-spacing:0;font-weight:500}
#header #header_sub #top_1 .yonex_menu > li > a span{float:left;font-size:22px;line-height:80px}
#header #header_sub #top_1 .yonex_menu > li > a span{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 .yonex_menu > li > a span{
/* 텍스트 그라데이션 제거 */
/*	background:linear-gradient(to bottom, #0057b7 0%, #0057b7 40%, #009739 60%, #009739 100%);*/
/*	-webkit-text-fill-color:transparent;*/
/*	-webkit-background-clip:text;*/
	background:transparent;
	/* 그림자 효과로 대체 */
/* 2023.01.27. 그림자 효과 제거
	-webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
	-moz-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
	-ms-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
	-o-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
	text-shadow:1px 1px 3px rgba(0,0,0,0.35);
*/
}
/* IE 에서 텍스트 그라데이션 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	#header #header_sub #top_1 .yonex_menu > li > a span{
		background:transparent;
		/* 그림자 효과로 대체 */
/* 2023.01.27. 그림자 효과 제거
		-webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		-moz-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		-ms-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		-o-text-shadow:1px 1px 3px rgba(0,0,0,0.35);
		text-shadow:1px 1px 3px rgba(0,0,0,0.35);
*/
	}
}
#header #header_sub #top_1 .yonex_menu > li > a:before{content:"";position:absolute;top:10px;left:5px;float:left;width:5px;height:5px;background-color:#0057b7;border-radius:5px;opacity:0}
#header #header_sub #top_1 .yonex_menu > li:hover > a:before{opacity:0.7;top:20px}
#header #header_sub #top_1 .yonex_menu > li > a:before{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 .yonex_menu:hover > li a span{opacity:0.4}
#header #header_sub #top_1 .yonex_menu:hover > li:hover a span{opacity:1}
#header #header_sub #top_1 .yonex_menu > li .sub_menu{display:none;position:absolute;top:80px;left:0;float:left;background-color:#fff;min-width:725px;text-align:center;padding:15px 0 12px;background-color:#f5f7fb}
/*#header #header_sub #top_1 .yonex_menu > li .sub_menu.default.event{min-width:300px}*/
#header #header_sub #top_1 .yonex_menu > li .sub_menu{
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-ms-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-o-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	box-shadow:0 5px 5px rgba(0,0,0,0.35);
}
#header #header_sub #top_1 .yonex_menu > li:hover .sub_menu{display:block}
#header #header_sub #top_1 .yonex_menu > li .sub_menu .sub_menu_wrap{float:left}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default:before{content:"";position:fixed;top:80px;left:0;float:left;width:100%;height:50px;background-color:#f5f7fb;border-top:2px solid #000}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default:before{
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-ms-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	-o-box-shadow:0 5px 5px rgba(0,0,0,0.35);
	box-shadow:0 5px 5px rgba(0,0,0,0.35);
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap{position:relative}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul{float:left;width:100%}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul > li{float:left}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul > li:before{content:"";float:left;width:1px;height:11px;margin:6px 10px;background-color:#000;opacity:0.5}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul > li:first-child:before{display:none}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul > li > a{float:left;color:#000;font-size:15px;line-height:25px;font-weight:400}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul > li > a{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul:hover > li > a{opacity:0.4}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.default > .sub_menu_wrap > ul:hover > li:hover > a{opacity:1}

#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend{position:fixed;top:80px;width:100%;padding:0 264px 0 264px;text-align:left;border-top:2px solid #000}
/*#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend.brand{display:block}*/
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend
, #header #header_sub #top_1 .yonex_menu > li .sub_menu.extend *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl{float:left;padding:15px 110px 20px 0}
/* 2023.01.27. NotoSans 폰트로 통일 */
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend.store.isImageCate > .sub_menu_wrap > dl{padding-right:77px}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend.store.isImageCate > .sub_menu_wrap > dl.img_cate{padding-right:60px}
@media only screen and (max-width:1900px){
	#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend.store > .sub_menu_wrap > dl{padding-right:75px}
	#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend.store.isImageCate > .sub_menu_wrap > dl,
	#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend.store.isImageCate > .sub_menu_wrap > dl.img_cate{padding-right:24px}
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl:last-child{padding-right:0}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap:hover > dl{opacity:0.4}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap:hover > dl:hover{opacity:1}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt,
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt a{display:inline-block;color:#0057b7;font-size:18px;line-height:32px;margin-bottom:15px;position:relative;font-weight:500}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt.isWorldCollection{margin-bottom:0;margin-top:15px}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt.isWorldCollection a{margin-bottom:0}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt,
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt a{font-family:'Oswald','Roboto','Noto Sans KR'}
/* 2023.01.27. NotoSans 폰트로 통일 */
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt,
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt a{font-family:'Roboto','Noto Sans KR'}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dt:before{content:"";position:absolute;bottom:0;left:0;float:left;width:100%;height:1px;background-color:#000;opacity:0.5}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl.img_cate > dt:after{content:"";position:absolute;top:13px;left:-16px;float:left;width:6px;height:6px;background-color:#0057b7}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd{display:block}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul{display:inline-block}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li{display:block;padding:2px 0}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li a
, #header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul > li.sub_menu_list > strong{display:inline-block;color:#000;font-size:15px;line-height:25px;font-weight:400;position:relative}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li a{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li a:hover{color:#009739}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl.img_cate > dd > ul li.img_cate{margin-top:15px}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl.img_cate > dd > ul li.img_cate a:before{display:none}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl.img_cate > dd > ul li img{max-width:235px}
@media only screen and (max-width:1900px){
	#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl.img_cate > dd > ul li img{max-width:155px}
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li a:before{content:"";position:absolute;bottom:0;left:0;float:left;width:0;height:1px;background-color:#000;opacity:0.5}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li a:hover:before{width:100%}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul li a:before{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul > li.sub_menu_list > a
, #header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul > li.sub_menu_list > strong{font-weight:500}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul > li.sub_menu_list > ul{display:block;padding-left:25px;margin-bottom:15px}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul > li.sub_menu_list:last-child > ul{margin-bottom:0}
#header #header_sub #top_1 .yonex_menu > li .sub_menu.extend > .sub_menu_wrap > dl > dd > ul > li.sub_menu_list > ul > li{display:block;padding:2px 0}

#header #header_sub #top_1 .top_right{float:right;margin-top:37px}

#header #header_sub #top_1 #top_search{float:right;position:relative;top:auto;right:auto;padding:0 !important;background-color:transparent;box-shadow:none;opacity:1}
#header #header_sub #top_1 #top_search .search_input{border-bottom-color:#000;color:#000;opacity:0.3}
#header #header_sub #top_1 #top_search .search_input{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#header #header_sub #top_1 #top_search .search_input:focus{opacity:1}
#header #header_sub #top_1 #top_search .search_btn{right:5px}

#header #header_sub #top_1 .top_menu{float:right;position:relative;top:auto;right:auto;margin:0 5px 0 10px;padding:0}
#header #header_sub #top_1 .top_menu li{float:left}
#header #header_sub #top_1 .top_menu li:first-child{padding-left:0}
#header #header_sub #top_1 .top_menu li:last-child{padding-right:0}
#header #header_sub #top_1 .top_menu li.top_menu_search a{background-image:url("/theme/cosmetic/img/yonex/shop/data/skin/standard_C/img/icon/top_search_ico01_black.png")}
#header #header_sub #top_1 .top_menu li.top_menu_cart a{background-image:url("/theme/cosmetic/img/yonex/shop/data/skin/standard_C/img/icon/top_menu_ico02_black.png")}
#header #header_sub #top_1 .top_menu li.top_menu_cart a span{line-height:1}
#header #header_sub #top_1 .hd_cart_box{top:82px;right:0}
#header #header_sub #top_1 .hd_cart_box:before{top:-10px;right:10px}

/* 최상단 띠배너 */
#page_container.isTopBanner{padding-top:122px}
#page_container.isTopBanner #header{padding-top:40px}
#page_container.isTopBanner #header .top_banner{position:absolute;top:0;left:0;float:left;width:100%}
#page_container.isTopBanner #header .top_banner > a{float:left;width:100%;height:40px;font-size:17px;line-height:40px;background-color:#000;text-align:center;color:#fff}
#page_container.isTopBanner #header .top_banner > a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
#page_container.isTopBanner #header .top_banner > a:hover{background-color:#4f4a47}
#page_container.isTopBanner #header .top_banner > a > span{color:inherit;font-size:inherit;line-height:inherit}
#page_container.isTopBanner #header #header_sub #top_1 .yonex_menu > li .sub_menu.extend{top:120px}
#page_container.isTopBanner #header #header_sub #top_1 .yonex_menu > li .sub_menu.default:before{top:120px}

#content_body #subcategory_list{display:none !important}
#content_body #subcategory_list{top:0 !important;left:0 !important;margin-left:0 !important;margin-top:-45px;text-align:center}
#content_body #subcategory_list > ul{display:inline-block}
#content_body #subcategory_list > ul > li{float:left;width:177px;display:inline-block}
#content_body #subcategory_list > ul > li a{width:176px;height:45px}
#content_body #subcategory_list > ul > li:last-child a
, #content_body #subcategory_list > ul > li:nth-child(7) a{border-right:none;width:177px}
#content_body #subcategory_list.cate_022
, #content_body #subcategory_list.cate_023{margin-top:-91px}
#content_body #subcategory_list.cate_023 > ul{width:1062px}
#content_body #subcategory_list.cate_022 > ul > li:nth-child(n+8) a{border-top:1px solid rgba(255,255,255,0.6)}
#content_body #subcategory_list.cate_023 > ul > li:nth-child(n+7) a{border-top:1px solid rgba(255,255,255,0.6)}
#content_body #subcategory_list.cate_023 > ul > li:last-child a
, #content_body #subcategory_list.cate_023 > ul > li:nth-child(6) a{border-right:none;width:177px}
#content_body #subcategory_list.cate_023 > ul > li:nth-child(7) a{border-right:1px solid rgba(255,255,255,0.6);width:176px}


#footer_bottom{background-color:#3e3e3e;padding:30px 0 25px}
#footer_bottom .ft_bottom_left #ft_logo *{float:left}
#footer_bottom .ft_bottom_left #ft_logo > a{padding:7px 0}
#footer_bottom .ft_bottom_left #ft_logo > a > img{height:36px}
#footer_bottom .ft_bottom_left #ft_logo > img.ccm{height:50px;margin-left:35px}
#footer_bottom .ft_bottom_left nav{margin-bottom:10px}
#footer_bottom .ft_bottom_left nav ul li:after{margin:0 26px}
#footer_bottom .ft_bottom_left nav ul li a{font-size:15px;line-height:24px}
#footer_bottom .ft_bottom_left .ft_info li{margin-bottom:5px}
#footer_bottom .ft_bottom_left .ft_info li:last-child{margin-bottom:0}
#footer_bottom .ft_bottom_left .ft_info li
, #footer_bottom .ft_bottom_left .ft_info a{font-size:14px;line-height:20px}
#ft_copy{background-color:#363636;border-top:0;padding:15px 0}
#ft_copy p{font-size:14px;line-height:20px}
/* 상단 이동 버튼 고정 */
#footer_bottom .top_btn{position:fixed;z-index:7777;bottom:20px;right:40px;top:auto;left:auto;margin-top:0;margin-left:0;display:none !important}
/*#footer_bottom .top_btn{bottom:224px}*/
/* 고정 버튼 영역 */
#footer_bottom .fixed-btn-layer{position:fixed;z-index:7777;bottom:20px;right:20px;top:auto;left:auto;margin-top:0;margin-left:0;float:left;width:60px;padding:10px;background-color:#fff;border-radius:15px}
#footer_bottom .fixed-btn-layer{
	-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
#footer_bottom .fixed-btn-layer
, #footer_bottom .fixed-btn-layer *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#footer_bottom .fixed-btn-layer .btn_icon{float:left;width:40px;height:40px;margin-bottom:10px}
#footer_bottom .fixed-btn-layer .btn_icon > img{float:left;width:100%}
#footer_bottom .fixed-btn-layer .btn_top{float:left;width:40px;height:40px;border-radius:40px;color:#fff;background-color:#444;text-align:center;font-weight:500}
#footer_bottom .fixed-btn-layer .btn_top .fa{float:left;width:100%;font-size:17px;line-height:17px;margin-top:3px}
#footer_bottom .fixed-btn-layer .btn_top span{float:left;width:100%;font-size:13px;line-height:23px;margin-top:-6px}

/* 신규 페이지 공통 */
.section > .sectionWrap{display:block;width:1240px;margin:0 auto;position:relative;z-index:1}
.section > .sectionWrap.fullWidth{width:100% !important}
.section > .sectionWrap:before, .section > .sectionWrap:after{display:block;content:'';line-height:0}
.section > .sectionWrap:after{clear:both}
.section > .sectionWrap > img{float:left;width:100%}

.section > .sectionWrap > .section-title{float:left;width:100%;margin:100px 0 45px;text-align:center}
.section > .sectionWrap > .section-title .title{float:left;width:100%;margin:0;padding:0;text-align:center;font-size:37px;line-height:44px;font-weight:600}
.section > .sectionWrap > .section-title .title > span{display:inline-block;font-size:37px;line-height:44px}
.section > .sectionWrap > .section-title .title > span .fa{color:#ccc;position:relative}
.section > .sectionWrap > .section-title .title > span .fa.fa-quote-left{top:-15px}
.section > .sectionWrap > .section-title .title > span .fa.fa-quote-right{bottom:-15px}
.section > .sectionWrap > .section-title .desc{display:block;margin:15px 0 0;font-size:17px;line-height:25px;color:#666}
.section > .sectionWrap > .section-title .divider{border:2px solid #009739;position:relative;display:inline-block;width:30px;margin-top:25px;margin-bottom:10px}
.section > .sectionWrap > .section-title .divider:after
, .section > .sectionWrap > .section-title .divider:before{position:absolute;content:"";width:50px;height:1px;background:#0057b7}
.section > .sectionWrap > .section-title .divider:after{top:-8px;left:0}
.section > .sectionWrap > .section-title .divider:before{bottom:-8px;right:0}
.section > .sectionWrap > .section-title .divider:after
, .section > .sectionWrap > .section-title .divider:before{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.section:hover > .sectionWrap > .section-title .divider:after
, .section:hover > .sectionWrap > .section-title .divider:before{width:70px}


/* 기본 css renew_2022_main.css, renew_2022_brand.css 동일 */
/* 공통 사용으로 renew_2022.css 로 이동 */
.news-list-box{padding:0 10px}
.news-list-box .news-list > li{float:left;width:25%;padding:0 10px;position:relative}
.news-list-box .news-list > li > .news{float:left;width:100%;position:relative;border:1px solid #999}
.news-list-box .news-list > li > .news{
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;

	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
.news-list-box .news-list > li > .news:hover{transform:translateY(-10px)}
/*.news-list-box .news-list > li > .news:hover{border-color:#0057b7}*/
.news-list-box .news-list > li > .news:hover{
	-webkit-box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.45);
	-ms-box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.45);
	-o-box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.45);
	box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.45);
}
.news-list-box .news-list > li > .news > *{float:left;width:100%}
.news-list-box .news-list > li > .news > div > *{float:left;width:100%}
.news-list-box .news-list > li > .news > div.img{position:relative;overflow:hidden}
.news-list-box .news-list:nth-child(odd) > li:nth-child(odd) > .news > div.img
, .news-list-box .news-list:nth-child(even) > li:nth-child(even) > .news > div.img{background:url("/theme/cosmetic/img/yonex/images/site/logo-white.png") no-repeat center center / 200px auto #333}
.news-list-box .news-list:nth-child(even) > li:nth-child(odd) > .news > div.img
, .news-list-box .news-list:nth-child(odd) > li:nth-child(even) > .news > div.img{background:url("/theme/cosmetic/img/yonex/images/site/logo_moment.png") no-repeat center center / 200px auto #f5f7fb}
.news-list-box .news-list > li > .news > div.img .bg{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
.news-list-box .news-list > li > .news > div.img .logo{background:url("/theme/cosmetic/img/yonex/images/site/logo-white.png") no-repeat center center / 200px auto}
.news-list-box .news-list > li > .news > div.img .blank{
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#00914c),color-stop(1,#005ba4));
    background:-ms-linear-gradient(bottom,#00914c,#005ba4);
    background:-moz-linear-gradient(center bottom,#00914c 0,#005ba4 100%);
    background:-o-linear-gradient(bottom,#00914c,#005ba4);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#005ba4',EndColorStr='#00914c')";
}
.news-list-box .news-list > li > .news > div.img > img{position:relative;z-index:1}
.news-list-box .news-list > li > .news > div.txt{padding:15px;background-color:#fff;position:relative}
.news-list-box .news-list > li > .news > div.txt > strong{font-size:17px;line-height:23px;min-height:46px;font-weight:500;margin-bottom:5px}
.news-list-box .news-list > li > .news > div.txt > strong{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.news-list-box .news-list > li > .news > div.txt > span{font-size:15px;line-height:25px;color:#b0b0b0}
.news-list-box .news-list > li > .news > div.txt > span.label{position:absolute !important;bottom:15px;right:15px;width:auto;color:#009739;font-weight:500}
/* 상위 3개 커스텀 */
.news-list-box.column-3{padding:0}
.news-list-box.column-3 .news-list > li{width:33.333333%;padding:0 20px}
.news-list-box.column-3 .news-list:first-child li:first-child{width:66.666666%}
.news-list-box.column-3 .news-list:first-child li{}
.news-list-box.column-3 .news-list:first-child li:nth-child(2){margin-bottom:40px}
/*.news-list-box.column-3 .news-list:first-child > li > .news{border:0}*/
.news-list-box.column-3 .news-list:first-child:hover > li > .news{opacity:0.45}
.news-list-box.column-3 .news-list:first-child:hover > li > .news:hover{opacity:1}
.news-list-box.column-3 .news-list:first-child > li > .news:hover{transform:none}
.news-list-box.column-3 .news-list:first-child > li > .news:hover{
	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
/*.news-list-box.column-3 .news-list:first-child > li > .news > div.img{background-size:100% auto !important}*/
/*.news-list-box.column-3 .news-list:first-child > li > .news > div.img.img-none{background:url("/theme/cosmetic/img/yonex/images/site/logo_moment.png") no-repeat center center / 200px auto #f5f7fb !important}*/
.news-list-box.column-3 .news-list:first-child > li:nth-child(1) > .news > div.img.img-none{background:url("/theme/cosmetic/img/yonex/images/site/logo-white.png") no-repeat center center / auto auto #333 !important}
.news-list-box.column-3 .news-list:first-child > li:nth-child(2) > .news > div.img.img-none{background:url("/theme/cosmetic/img/yonex/images/site/logo-symbol-white.png") no-repeat center center / 130px auto #3177c4 !important}
.news-list-box.column-3 .news-list:first-child > li:nth-child(3) > .news > div.img.img-none{background:url("/theme/cosmetic/img/yonex/images/site/logo-white.png") no-repeat center center / 200px auto #31aa60 !important}
.news-list-box.column-3 .news-list:first-child > li:first-child > .news > div.img > img{height:622px}/* border 1px + 1px */
.news-list-box.column-3 .news-list:first-child > li > .news > div.img > img{height:290px}
.news-list-box.column-3 .news-list:first-child > li > .news > div.txt{position:absolute;bottom:0;left:0;z-index:2;background-color:transparent}
.news-list-box.column-3 .news-list:first-child > li > .news > div.txt:before{content:"";position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.6}
.news-list-box.column-3 .news-list:first-child > li > .news:hover > div.txt:before{opacity:0.8}
.news-list-box.column-3 .news-list:first-child > li > .news > div.txt:before{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.news-list-box.column-3 .news-list:first-child > li > .news > div.txt > *{position:relative;color:#fff}
.news-list-box.column-3 .news-list:first-child > li > .news > div.txt > strong{min-height:auto}
.news-list-box.column-3 .news-list:first-child > li:first-child > .news > div.txt > strong{font-size:20px;line-height:25px}
.news-list-box.column-3 .news-list:first-child > li:first-child > .news > div.txt > span{font-size:16px}
/* 콜라보레이션 커스텀 */
.news-list-box.column-3.type2 .news-list > li > .news > div.txt > strong{min-height:23px;-webkit-line-clamp:1}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li > .news{display:flex;align-items:center;justify-content:center}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li > .news > div.txt{width:72%;text-align:center}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li > .news > div.txt > strong{font-size:22px;line-height:32px;-webkit-line-clamp:3}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li > .news > div.txt > span{font-size:17px;line-height:27px}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li{width:100%;margin-bottom:100px}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li > .news > div.img > img{max-height:290px}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li:nth-child(even) > .news{background-color:#404040}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li:nth-child(even) > .news > div.txt{background-color:transparent}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li:nth-child(even) > .news > div.txt > strong{color:#fff}
.news-list-box.column-3.type2 .news-list:nth-child(n+2) > li:nth-child(even) > .news > div.txt > span{color:#fff}
.news-list-box.column-3.type2 .news-list > li:last-child{margin-bottom:0}
.news-list-box.column-3.type2 .news-list:first-child li:first-child{width:57%}
.news-list-box.column-3.type2 .news-list:first-child li{width:43%}


/* 페이징 */
.paginationWrap{float:left;width:100%;text-align:center;position:relative;display:flex;justify-content:center;margin-bottom:100px}
.paginationWrap > .totalRows{float:left;font-size:15px;line-height:40px;position:absolute;top:0;left:0}
.paginationWrap > .btn-group{float:right;position:absolute;top:0;right:0}
.pagination{display:inline-block;margin:0}
.pagination > li{float:left}
.pagination > li > a{position:relative;float:left;min-width:40px;padding:9px 14px;margin-left:-1px;color:#444;text-decoration:none;background-color:#fff;border:1px solid #d9d9d9}
.pagination > li > a{transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
.pagination > li > a
, .pagination > li > a > strong{font-size:16px;line-height:21px;max-height:40px}
.pagination > li > a > .fa{font-size:20px}
.pagination > li:first-child > a{margin-left:0}
.pagination > li:last-child > a{}
.pagination > li > a.on{color:#fff;background-color:#131415}
.pagination > li > a:hover
, .pagination > li > a:focus{z-index:2;color:#000;background-color:#f5f7fb;border-color:#d9d9d9}


/* datepicker */
.ui-widget.ui-widget-content{z-index:9999 !important}
.ui-datepicker-calendar th, .ui-datepicker-calendar td{text-align:center}
.ui-datepicker-calendar th > *, .ui-datepicker-calendar td > *{display:block}
.ui-datepicker-calendar th > *, .ui-datepicker-calendar td > *{word-break:break-all}
.ui-datepicker-calendar th{font-weight:500}
.ui-datepicker-calendar td a{text-decoration:none}


/* 상품리스트 */
.contents_item_list h3{padding:0;line-height:35px}
.contents_item_list .list_style01 ul.clearfix{padding-bottom:60px}
.contents_item_list .list_style01 ul.clearfix:last-child{padding-bottom:0}
.list_style01 li, .list_style01 li *
, .relation_list li, .relation_list li *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.list_style01 li, .relation_list li{padding:14px}
.list_style01 .item_img
, .relation_list .item_img{padding:14px !important}
.list_style01 .item_img a
, .relation_list .item_img a{overflow:hidden}
.list_style01 .item_img .filter_size
, .relation_list .item_img .filter_size{left:14px;bottom:14px;width:calc(100% - 28px)}
.list_style01 .item_name
, .relation_list .item_name{padding:0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list_style01 .item_name a
, .relation_list .item_name a{line-height:20px}
.list_style01 .item_icon
, .relation_list .item_icon{top:14px;padding:0 14px}
.list_style01 .item_color
, .relation_list .item_color{height:auto !important;padding-bottom:0 !important;min-height:35px;margin:0 14px !important}
/* 상품사진 배경색 */
/*.list_style01 .item_img a img*/
/*, .relation_list .item_img a img{background-color:#ccc}*/

/* 팝업 */
#popUp{position:fixed;top:85px;left:5%;z-index:999;float:left;max-width:90%;box-sizing:border-box;text-align:center}
#popUp *{box-sizing:border-box}
#popUp > div{float:left;max-width:300px;margin:7px;padding:5px;border:1px solid #a1a1a1;background-color:#fff}
#popUp > div > a, #popUp > div img{float:left}
#popUp > div > div.btn-wrap{float:left;width:100%;margin-top:5px}
#popUp > div > div.btn-wrap > a{float:left;font-size:13px;line-height:18px;padding:5px}
#popUp > div > div.btn-wrap > a:last-child{float:right}

/* 할인뱃지 */
.list_discount_badge{height:23px;padding:0 8px;font-size:13px;font-weight:400;line-height:23px;border-radius:5px}
/* Moment logo sizing + footer (dark bar) white render */
#header #header_sub #yonex_logo a img{display:block;height:36px;width:auto}
#footer_bottom .ft_bottom_left #ft_logo > a > img{filter:brightness(0) invert(1)}