@charset "utf-8";

/* 공통 헤더 커스텀 */
/*#page_container{padding-top:0}*//*메인상단 헤더 공간 비움*/
article#header{background-color:rgba(255,255,255,0.6)}
article#header{
	-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;
}
article#header:hover, article#header.active{background-color:rgba(255,255,255,1.0)}

article#content_wrap{width:100%;padding-top:0;padding-bottom:0}
#content_body{width:100%}

/* renew 2022 */
.section{display:inline-block;width:100%;overflow:hidden}

/* pc 가로 정렬 */
.section.horizontal{display:flex;align-items:center;justify-content:center;padding:50px 0}
.section.horizontal > .sectionWrap{float:left}
.section.horizontal > .sectionWrap{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.horizontal > .sectionWrap:first-child{max-width:230px;margin:0}
.section.horizontal > .sectionWrap:last-child{max-width:1020px;margin:0;padding:0 0 0 50px}
.section.horizontal > .sectionWrap > .section-title{margin:0}
.section.horizontal > .sectionWrap > .section-title .title{font-size:30px}
.section.horizontal > .sectionWrap > .section-title .title > span{font-size:30px}
.section.horizontal > .sectionWrap > .section-title .divider,
.section.horizontal > .sectionWrap > .section-title .desc{display:none}
/* pc 가로 정렬 : MD's Pick */
.section.horizontal.md_pick{padding-bottom:50px}
.section.horizontal.md_pick .relation_list .item{width:230px}
/* pc 가로 정렬 : 회원 전용 혜택 */
.section.horizontal.notice{padding-bottom:50px}
.section.horizontal.notice .notice_list .swiper-slide{width:323px}
.section.horizontal.notice .notice_list .swiper-slide a .img_box{height:auto}
.section.horizontal.notice .notice_list .swiper-slide a .txt_box{padding:10px 0}
.section.horizontal.notice .notice_list .swiper-slide a .txt_box p{font-size:16px;margin-bottom:0}
.section.horizontal.notice .notice_list .swiper-slide a .txt_box span{font-size:14px}
/* pc 가로 정렬 : 모먼트 소식 */
.section.horizontal.news{padding-bottom:50px}
.section.horizontal.news .moreBtn{margin-top:20px}
.section.horizontal.news .moreBtn > a{width:100%;font-size:16px;line-height:33px}
.section.horizontal.news .news-list-box{padding:0}
.section.horizontal.news .news-list{margin-bottom:0}
.section.horizontal.news .news-list-box .news-list > li > .news > div.txt{padding:10px}
.section.horizontal.news .news-list-box .news-list > li > .news > div.txt > strong{font-size:15px;line-height:20px;min-height:40px}
.section.horizontal.news .news-list-box .news-list > li > .news > div.txt > span{font-size:14px;line-height:20px}
.section.horizontal.news .news-list-box .news-list > li > .news > div.txt > span.label{bottom:10px;right:10px}
/* pc 가로 정렬 : SNS */
.section.horizontal.sns{padding:0 0 75px}
.section.horizontal.sns.bottom-x{padding-top:50px}
.section.horizontal.sns.bottom > .sectionWrap{max-width:1230px;margin-top:25px;padding:20px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.section.horizontal.sns #instaPics{min-height:570px}
.section.horizontal.sns #instaPics > .instaBox{margin-bottom:25px}
.section.horizontal.sns #instaPics > .instaBox > a > .img{height:200px;background-position:center center}
.section.horizontal.sns #instaPics > .instaBox > a > .box > .txt > p{font-size:14px;line-height:20px}
.section.horizontal.sns #instaPics > .instaBox > a > .box > .txt > .desc{height:40px}/* 2줄 */
.section.horizontal.sns #instaPics > .instaBox > a:hover > .box > .txt > .desc{height:100px}/* 5줄 */
.section.horizontal.sns > .sectionWrap > .section-title.except .desc{display:block}
.section.horizontal.sns > .sectionWrap > .moreBtn > ul{width:100%;text-align:center;border:0;margin-top:5px}
.section.horizontal.sns > .sectionWrap > .moreBtn > ul > li{float:none;display:inline-block}


/* 상품 공통 */
.section .relation_list{display:inline-block;width:100%}
.section .relation_list
, .section .relation_list *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section .relation_list .item{display:inline-block;width:100%;position:relative;background-color:#fff;text-align:center}
/* 상품명 1줄 표시 */
/*.section .relation_list .item .item_name{height:20px}*/
/*.section .relation_list .item .item_name a{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*/
.section .relation_list .item .item_color i{width:15px;height:15px}

/* 더보기 공통 */
.section .moreBtn{display:inline-block;width:100%;text-align:center;margin-top:35px}
.section .moreBtn > a{display:inline-block;width:338px;border:1px solid #009739;color:#009739;font-size:20px;line-height:68px;font-weight:500;background-color:#fff}
.section .moreBtn > 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;
}
.section .moreBtn > a:hover{border-color:#0057b7;color:#0057b7}
/* 가득채움 */
.section .moreBtn > a.fill-bg:hover{border-color:#009739;color:#fff;background-color:#009739}

/* 메인배너 : 카드형 */
.section.slideCard{padding-top:20px}
.section.slideCard > .sectionWrap{width:100%}
.section.slideCard > .sectionWrap .publicBanner{float:left;width:100%;height:100%;max-height:720px;overflow:hidden;padding:0 10px}
.section.slideCard > .sectionWrap .publicBanner
, .section.slideCard > .sectionWrap .publicBanner *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.slideCard > .sectionWrap .publicBanner .img-box
, .section.slideCard > .sectionWrap .publicBanner .text-box
, .section.slideCard > .sectionWrap .publicBanner .videoFrame
, .section.slideCard > .sectionWrap .publicBanner > a
, .section.slideCard > .sectionWrap .publicBanner > div{float:left;width:100%;max-height:inherit}
.section.slideCard > .sectionWrap .publicBanner > a
, .section.slideCard > .sectionWrap .publicBanner > div{height:100%;position:relative;overflow:hidden;border-radius:20px}
.section.slideCard > .sectionWrap .publicBanner .videoFrame{position:relative;background-color:#000}
.section.slideCard > .sectionWrap .publicBanner .videoFrame > img{float:left;width:auto;height:100%;opacity:0}
.section.slideCard > .sectionWrap .publicBanner .videoFrame > video{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
.section.slideCard > .sectionWrap .publicBanner .img-box{position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-size:cover}
.section.slideCard > .sectionWrap .publicBanner .img-box > img{float:left;width:100%;height:100%;opacity:0}
.section.slideCard > .sectionWrap .publicBanner .text-box{position:absolute;bottom:0;left:0;padding:20px}
.section.slideCard > .sectionWrap .publicBanner .text-box:before{content:"";position:absolute;top:-25%;left:0;float:left;width:100%;height:150%;opacity:0.5}
.section.slideCard > .sectionWrap .publicBanner .text-box:before{
	-webkit-transition:all 0.30s ease;
	-moz-transition:all 0.30s ease;
	-ms-transition:all 0.30s ease;
	-o-transition:all 0.30s ease;
	transition:all 0.30s ease;
}
.section.slideCard > .sectionWrap .publicBanner:hover .text-box:before{opacity:1.0}
.section.slideCard > .sectionWrap .publicBanner .text-box:before{
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(1,#000));
	background:-ms-linear-gradient(top,transparent,#000);
	background:-moz-linear-gradient(center top,transparent 0,#000 100%);
	background:-o-linear-gradient(top,transparent,#000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent',EndColorStr='#000')";
}
.section.slideCard > .sectionWrap .publicBanner .text-box > div{position:relative;color:#fff;font-size:16px;line-height:22px;font-weight:400}
.section.slideCard > .sectionWrap .publicBanner .text-box > div.box-title{font-size:26px;line-height:32px;margin-bottom:5px;font-weight:500}
.mainCardBanner.pc-only .swiper-container-wrap .swiper-slide{width:auto !important}
.mainCardBanner .swiper-container-wrap .swiper-pagination{left:0;bottom:0;width:100%;background:rgba(0, 151, 57, 0.5)}
.mainCardBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{margin:0;background:#009739;border-radius:0;height:5px;opacity:0}
.mainCardBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{
	-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;
}
.mainCardBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0057b7;opacity:1}
.mainCardBanner .swiper-button-prev, .mainCardBanner .swiper-button-next{outline:none;width:60px;height:60px;border-radius:30px;margin-top:-30px}
.mainCardBanner .swiper-button-prev{background:url("/theme/cosmetic/img/yonex/images/site/group1-Prev.png") no-repeat center center / 20px auto #000}
.mainCardBanner .swiper-button-next{background:url("/theme/cosmetic/img/yonex/images/site/group1-Next.png") no-repeat center center / 20px auto #000}
.mainCardBanner .swiper-button-prev, .mainCardBanner .swiper-button-next{border-radius:5px}
.mainCardBanner .swiper-button-prev, .mainCardBanner .swiper-button-next{
	-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;
}
.mainCardBanner .swiper-button-prev, .mainCardBanner .swiper-button-next{opacity:0}
.mainCardBanner:hover .swiper-button-prev, .mainCardBanner:hover .swiper-button-next{opacity:0.3}
.mainCardBanner:hover .swiper-button-prev:hover, .mainCardBanner:hover .swiper-button-next:hover{opacity:0.8}
.mainCardBanner:hover .swiper-button-prev:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Prev_on.png")}
.mainCardBanner:hover .swiper-button-next:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Next_on.png")}
.mainCardBanner .swiper-button-prev:after, .mainCardBanner .swiper-button-next:after{display:none}
.mainCardBanner .swiper-button-prev{left:1%}
.mainCardBanner .swiper-button-next{right:1%}
.mainCardBanner .swiper-button-prev.swiper-button-disabled, .mainCardBanner .swiper-button-next.swiper-button-disabled{cursor:pointer;pointer-events:inherit}

/* 메인 슬라이드쇼 */
.section.slideShow > .sectionWrap{width:100%}
.section.slideShow > .sectionWrap .fullBanner{float:left;width:100%;height:100%;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover}
.section.slideShow > .sectionWrap .fullBanner
, .section.slideShow > .sectionWrap .fullBanner *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.slideShow > .sectionWrap .fullBanner > .videoFrame{position:relative;width:100%;height:100%;text-align:center;padding:82px 0 5px}
.section.slideShow > .sectionWrap .fullBanner > .videoFrame{padding-top:0}/*메인상단 헤더 공간 비움*/
.section.slideShow > .sectionWrap .fullBanner > .videoFrame > div{position:relative;display:inline-block}
.section.slideShow > .sectionWrap .fullBanner > .videoFrame > div > img{display:inline-block;width:auto;height:100%;opacity:0}
.section.slideShow > .sectionWrap .fullBanner > .videoFrame > div > video{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
.section.slideShow > .sectionWrap .fullBanner > img{position:relative;width:100%;height:auto;opacity:0}
.section.slideShow > .sectionWrap .fullBanner > .title-box{position:absolute;bottom:50px;right:50px;float:left;padding:10px 30px 20px;background-color:rgba(0,0,0,0.4)}
.section.slideShow > .sectionWrap .fullBanner > .title-box{
	-webkit-transition:all 0.30s ease;
	-moz-transition:all 0.30s ease;
	-ms-transition:all 0.30s ease;
	-o-transition:all 0.30s ease;
	transition:all 0.30s ease;
}
.section.slideShow > .sectionWrap .fullBanner > .title-box:hover{background-color:rgba(0,0,0,0.8)}
.section.slideShow > .sectionWrap .fullBanner > .title-box p{color:#fff;font-size:40px;line-height:50px;font-weight:600}
.section.slideShow > .sectionWrap .fullBanner > .title-box p.main-title{margin-bottom:10px}
.section.slideShow > .sectionWrap .fullBanner > .title-box p.sub-title{font-size:18px;line-height:25px;font-weight:500}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group{float:left;margin-top:20px}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn{float:left;width:140px;border:2px solid #009739;color:#009739;font-size:16px;line-height:35px;font-weight:500;background-color:rgba(255,255,255,0.9);margin-right:15px}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn:nth-child(odd){border-color:#0057b7;color:#0057b7}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn:last-child{margin-right:0}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn{
	-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;
}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group:hover .btn{opacity:0.5}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group:hover .btn:hover{opacity:1}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn:hover{border-color:#0057b7;color:#0057b7}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn:nth-child(odd):hover{border-color:#009739;color:#009739}
/* 가득채움 */
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn.fill-bg:hover{border-color:#009739;color:#fff;background-color:#009739}
.section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn.fill-bg:nth-child(odd):hover{border-color:#0057b7;color:#fff;background-color:#0057b7}
.section.slideShow > .sectionWrap .publicBanner{float:left;width:100%;height:100%;overflow:hidden}
.section.slideShow > .sectionWrap .publicBanner
, .section.slideShow > .sectionWrap .publicBanner *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.slideShow > .sectionWrap .publicBanner > div{float:left;height:100%;display:flex;align-items:center;justify-content:center}
.section.slideShow > .sectionWrap .publicBanner > div.text-box{width:40%}
.section.slideShow > .sectionWrap .publicBanner.right > div.text-box{justify-content:right}
.section.slideShow > .sectionWrap .publicBanner.right.bottom.fade > div.text-box{justify-content:center}
.section.slideShow > .sectionWrap .publicBanner.left > div.text-box{justify-content:left}
.section.slideShow > .sectionWrap .publicBanner > div.img-box{width:60%}
.section.slideShow > .sectionWrap .publicBanner.right > div.img-box{justify-content:right}
.section.slideShow > .sectionWrap .publicBanner.left > div.img-box{justify-content:left}
.section.slideShow > .sectionWrap .publicBanner.fade > div.img-box{justify-content:center}
/* 이미지 가운데 정렬로 변경 */
/*.section.slideShow > .sectionWrap .publicBanner.right.bottom.fade > div.img-box{align-items:end}*/
.section.slideShow > .sectionWrap .publicBanner > div.text-box > div{float:left;width:100%;max-width:65%}
.section.slideShow > .sectionWrap .publicBanner.right.bottom.fade > div.text-box > div{width:auto;max-width:100%}
.section.slideShow > .sectionWrap .publicBanner > div.text-box > div{opacity:0}
.section.slideShow > .sectionWrap .swiper-slide-active .publicBanner > div.text-box > div
, .section.slideShow > .sectionWrap .swiper-slide-duplicate-active .publicBanner > div.text-box > div{opacity:1}
.section.slideShow > .sectionWrap .publicBanner > div.text-box > div{
	-webkit-transition:all 0.50s ease;
	-moz-transition:all 0.50s ease;
	-ms-transition:all 0.50s ease;
	-o-transition:all 0.50s ease;
	transition:all 0.50s ease;
}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-title{display:block;font-size:40px;line-height:50px;font-weight:600;margin-bottom:10px}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-title{
	background:linear-gradient(to bottom, #0057b7 0%, #0057b7 30%, #009739 70%, #009739 100%);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;

	-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){
	.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-title{background:transparent}
}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-desc{display:block;color:#666;font-size:16px;line-height:25px;font-weight:500}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn{display:inline-block;margin-top:25px}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a{float:left;color:#0057b7;background-color:#fff;border:2px solid #0057b7;padding:0 20px;margin-right:20px;font-size:15px;line-height:41px;font-weight:500}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a:nth-child(even){color:#009739;border-color:#009739}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a:last-child{margin-right:0}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a:hover{color:#fff;background-color:#0057b7}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a:nth-child(even):hover{color:#fff;background-color:#009739}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn:hover a{opacity:0.35}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn:hover a:hover{opacity:1}
.section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn 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;
}
.section.slideShow > .sectionWrap .publicBanner > div.img-box img{float:left;width:50%;max-width:100%}
.section.slideShow > .sectionWrap .publicBanner.left > div.img-box img{width:100%;max-width:80%}
.section.slideShow > .sectionWrap .publicBanner.right > div.img-box img{width:100%;max-width:80%}
.section.slideShow > .sectionWrap .publicBanner.fade > div.img-box img{width:auto;max-width:100%;max-height:70%}
.section.slideShow > .sectionWrap .publicBanner.right.bottom.fade > div.img-box img{max-height:100%}
/* 이미지 여백에 맞춤 */
.section.slideShow > .sectionWrap .publicBanner > div.img-box{padding:82px 0 5px}
.section.slideShow > .sectionWrap .publicBanner > div.img-box{padding-top:0}/*메인상단 헤더 공간 비움*/
.section.slideShow > .sectionWrap .publicBanner > div.img-box img{max-height:100%}
.mainBanner .swiper-container-wrap .swiper-pagination{left:0;bottom:0;width:100%;background:rgba(0, 151, 57, 0.5)}
.mainBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{margin:0;background:#009739;border-radius:0;height:5px;opacity:0}
.mainBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{
	-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;
}
.mainBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0057b7;opacity:1}
.mainBanner .swiper-button-prev, .mainBanner .swiper-button-next{outline:none;width:60px;height:60px;border-radius:30px;margin-top:-30px}
.mainBanner .swiper-button-prev{background:url("/theme/cosmetic/img/yonex/images/site/group1-Prev.png") no-repeat center center / 20px auto #000}
.mainBanner .swiper-button-next{background:url("/theme/cosmetic/img/yonex/images/site/group1-Next.png") no-repeat center center / 20px auto #000}
.mainBanner .swiper-button-prev, .mainBanner .swiper-button-next{border-radius:5px}
.mainBanner .swiper-button-prev, .mainBanner .swiper-button-next{
	-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;
}
.mainBanner .swiper-button-prev, .mainBanner .swiper-button-next{opacity:0}
.mainBanner:hover .swiper-button-prev, .mainBanner:hover .swiper-button-next{opacity:0.3}
.mainBanner:hover .swiper-button-prev:hover, .mainBanner:hover .swiper-button-next:hover{opacity:0.8}
.mainBanner:hover .swiper-button-prev:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Prev_on.png")}
.mainBanner:hover .swiper-button-next:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Next_on.png")}
.mainBanner .swiper-button-prev:after, .mainBanner .swiper-button-next:after{display:none}
.mainBanner .swiper-button-prev{left:1%}
.mainBanner .swiper-button-next{right:1%}
.mainBanner .swiper-button-prev.swiper-button-disabled, .mainBanner .swiper-button-next.swiper-button-disabled{cursor:pointer;pointer-events:inherit}

body .section.slideShow > .sectionWrap .swiper-slide > div{opacity:0}
body .section.slideShow > .sectionWrap .swiper-slide.swiper-slide-active > div
, body .section.slideShow > .sectionWrap .swiper-slide.swiper-slide-duplicate-active > div{opacity:1}
body .section.slideShow > .sectionWrap .swiper-slide > div{
	-webkit-transition:all 0.50s ease;
	-moz-transition:all 0.50s ease;
	-ms-transition:all 0.50s ease;
	-o-transition:all 0.50s ease;
	transition:all 0.50s ease;
}

/* 메인서브배너 */
.section.subBanner{margin-top:25px;margin-bottom:100px}
.section.subBanner > .sectionWrap{width:1440px}
.section.subBanner > .sectionWrap{
/*	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.35);*/
/*	-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.35);*/
/*	-ms-box-shadow:10px 10px 10px rgba(0,0,0,0.35);*/
/*	-o-box-shadow:10px 10px 10px rgba(0,0,0,0.35);*/
/*	box-shadow:10px 10px 10px rgba(0,0,0,0.35);*/
}
/* 너비 1440px 간격 25px 기준으로 계산 */
.mainSubBanner{display:inline-block;width:4370px;margin-left:-1465px;height:605px;opacity:0}
.mainSubBanner.ready{opacity:1}
.mainSubBanner{
	-webkit-transition:all 0.30s ease;
	-moz-transition:all 0.30s ease;
	-ms-transition:all 0.30s ease;
	-o-transition:all 0.30s ease;
	transition:all 0.30s ease;
}
/*.mainSubBanner .swiper-container-wrap{padding-bottom:5px}*/
.mainSubBanner .swiper-container-wrap
, .mainSubBanner .swiper-container-wrap .swiper-wrapper
, .mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide
, .mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide a
, .mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide img{float:left;width:100%}
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide img{max-width:1440px}
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide:before{content:"";position:absolute;top:0;left:0;z-index:2;float:left;width:100%;height:100%;background-color:#000;opacity:0.4}
.mainSubBanner:hover .swiper-container-wrap .swiper-wrapper .swiper-slide:before{opacity:0.7}
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide:before{
	-webkit-transition:all 0.30s ease;
	-moz-transition:all 0.30s ease;
	-ms-transition:all 0.30s ease;
	-o-transition:all 0.30s ease;
	transition:all 0.30s ease;
}
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide.swiper-slide-active:before
, .mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active:before{opacity:0}
/*.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide{width:100% !important}*/
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide a{position:relative;z-index:1}
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide.swiper-slide-active a
, .mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active a{z-index:3}
.mainSubBanner .swiper-container-wrap .swiper-pagination{left:0;bottom:0;width:100%;background:rgba(0, 151, 57, 0.5)}
.mainSubBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{margin:0;background:#009739;border-radius:0;height:5px;opacity:0}
.mainSubBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{
	-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;
}
.mainSubBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0057b7;opacity:1}
.mainSubBanner .swiper-button-prev, .mainSubBanner .swiper-button-next{outline:none;width:60px;height:60px;border-radius:30px}
.mainSubBanner .swiper-button-prev{background:url("/theme/cosmetic/img/yonex/images/site/group1-Prev.png") no-repeat center center / 20px auto #fff}
.mainSubBanner .swiper-button-next{background:url("/theme/cosmetic/img/yonex/images/site/group1-Next.png") no-repeat center center / 20px auto #fff}
.mainSubBanner .swiper-button-prev, .mainSubBanner .swiper-button-next{
	-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;
}
.mainSubBanner .swiper-button-prev, .mainSubBanner .swiper-button-next{opacity:0}
.mainSubBanner:hover .swiper-button-prev, .mainSubBanner:hover .swiper-button-next{opacity:0.4}
.mainSubBanner:hover .swiper-button-prev:hover, .mainSubBanner:hover .swiper-button-next:hover{opacity:0.8}
.mainSubBanner:hover .swiper-button-prev:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Prev_on.png")}
.mainSubBanner:hover .swiper-button-next:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Next_on.png")}
.mainSubBanner .swiper-button-prev:after, .mainSubBanner .swiper-button-next:after{display:none}
.mainSubBanner .swiper-button-prev{left:1%}
.mainSubBanner .swiper-button-next{right:1%}

/* 배너 사이즈 900으로 강제 조정 */
.section.subBanner > .sectionWrap{width:900px}
/* 너비 900px 간격 25px 기준으로 계산 */
.mainSubBanner{display:inline-block;width:2750px;margin-left:-925px;height:375px;opacity:0}
.mainSubBanner .swiper-container-wrap .swiper-wrapper .swiper-slide img{max-width:900px}
.mainSubBanner .swiper-button-prev, .mainSubBanner .swiper-button-next{border-radius:5px}
.mainSubBanner .swiper-button-prev{left:-11%}
.mainSubBanner .swiper-button-next{right:-11%}
/* 배너 사이즈 900으로 강제 조정 end */

/* 모먼트 취급 품목 배너 */
.section.divisionBanner{padding-bottom:100px}
.section.divisionBanner .bannerBox{float:left;width:50%;margin-bottom:40px;position:relative;overflow:hidden}
.section.divisionBanner .bannerBox:first-child
, .section.divisionBanner .bannerBox:last-child{width:100%}
.section.divisionBanner .bannerBox:last-child{margin-bottom:0}
.section.divisionBanner .bannerBox:nth-child(2)
, .section.divisionBanner .bannerBox:nth-child(4){padding-right:20px}
.section.divisionBanner .bannerBox:nth-child(3)
, .section.divisionBanner .bannerBox:nth-child(5){padding-left:20px}
.section.divisionBanner .bannerBox
, .section.divisionBanner .bannerBox *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.divisionBanner .bannerBox > *{display:inline-block;width:100%;position:relative;overflow:hidden}
.section.divisionBanner .bannerBox .img_box{float:left;width:100%;height:250px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover}
.section.divisionBanner .bannerBox .img_box{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.section.divisionBanner .bannerBox a:hover .img_box{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}
.section.divisionBanner .bannerBox .txt_box{float:left;width:100%;height:100%;position:absolute;top:0;left:0;padding:70px 0 0;text-align:center}
.section.divisionBanner .bannerBox .txt_box{padding:90px 0 100px}
.section.divisionBanner .bannerBox .txt_box p{display:inline-block;width:100%;padding:0;font-size:55px;line-height:60px;color:#fff;font-weight:600;text-align:center;letter-spacing:3px}
.section.divisionBanner .bannerBox .txt_box p{
	-webkit-text-shadow:3px 3px 4px rgba(0,0,0,0.75);
	-moz-text-shadow:3px 3px 4px rgba(0,0,0,0.75);
	-ms-text-shadow:3px 3px 4px rgba(0,0,0,0.75);
	-o-text-shadow:3px 3px 4px rgba(0,0,0,0.75);
	text-shadow:3px 3px 4px rgba(0,0,0,0.75);
}
.section.divisionBanner .bannerBox .txt_box a{display:inline-block;width:140px;border:2px solid #0057b7;color:#0057b7;font-size:16px;line-height:33px;font-weight:500;background-color:rgba(255,255,255,0.9);text-align:center;margin-top:14px}
.section.divisionBanner .bannerBox .txt_box 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;
}
.section.divisionBanner .bannerBox .txt_box a:hover{border-color:#009739;color:#009739}
/* 가득채움 */
.section.divisionBanner .bannerBox .txt_box a.fill-bg:hover{border-color:#0057b7;color:#fff;background-color:#0057b7}
/* 모먼트 취급 품목 배너 : type2 */
.section.divisionBanner.type2{padding-bottom:50px}
.section.divisionBanner.type2 .bannerBox{width:20%;padding:0 5px}
.section.divisionBanner.type2 .bannerBox.korea_team{width:100%}
.section.divisionBanner.type2 .bannerBox .img_box{height:auto}
.section.divisionBanner.type2 .bannerBox .txt_box{display:none !important}

/* MD's Pick */
.section.md_pick{background-color:#f5f7fb;padding-bottom:100px}
.section.md_pick > .sectionWrap{width:1270px}
.section.md_pick .relation_list .item{width:285px;margin:0;padding:10px}
/* 2023.01.27. 표시 사이즈 확대 */
.section.md_pick > .sectionWrap{width:1440px}
.section.md_pick .relation_list .item{width:340px}
.section.md_pick .relation_list .item .item_name{height:20px}
.section.md_pick .relation_list .item{
	-webkit-transition:all 0.30s ease;
	-moz-transition:all 0.30s ease;
	-ms-transition:all 0.30s ease;
	-o-transition:all 0.30s ease;
	transition:all 0.30s ease;
/* 2023.01.27. 마우스오버 그림자 효과 제거
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	-ms-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	-o-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
*/
}
/* 2023.01.27. 마우스오버 그림자 효과 제거
.section.md_pick .relation_list .item:hover{
	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.35);
	-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.35);
	-ms-box-shadow:10px 10px 10px rgba(0,0,0,0.35);
	-o-box-shadow:10px 10px 10px rgba(0,0,0,0.35);
	box-shadow:10px 10px 10px rgba(0,0,0,0.35);
}
*/
.section.md_pick .md_pick_goodsList{float:left;width:100%;position:relative}
.section.md_pick .md_pick_goodsList .swiper-container-wrap{padding:0 0 35px;overflow:hidden}
.section.md_pick .md_pick_goodsList .swiper-container-wrap .swiper-wrapper .swiper-slide{text-align:center}
.section.md_pick .md_pick_goodsList .swiper-container-wrap .swiper-pagination{bottom:0}
.section.md_pick .md_pick_goodsList .swiper-button-prev, .section.md_pick .md_pick_goodsList .swiper-button-next{outline:none;width:40px;height:40px}
.section.md_pick .md_pick_goodsList .swiper-button-prev{background:url("/theme/cosmetic/img/yonex/images/site/group1-Prev.png") no-repeat center center / 20px auto}
.section.md_pick .md_pick_goodsList .swiper-button-next{background:url("/theme/cosmetic/img/yonex/images/site/group1-Next.png") no-repeat center center / 20px auto}
.section.md_pick .md_pick_goodsList .swiper-button-prev, .section.md_pick .md_pick_goodsList .swiper-button-next{
	-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;
}
.section.md_pick .md_pick_goodsList .swiper-button-prev, .section.md_pick .md_pick_goodsList .swiper-button-next{opacity:0.4}
.section.md_pick .md_pick_goodsList .swiper-button-prev:hover, .section.md_pick .md_pick_goodsList .swiper-button-next:hover{opacity:0.8}
.section.md_pick .md_pick_goodsList .swiper-button-prev:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Prev_on.png")}
.section.md_pick .md_pick_goodsList .swiper-button-next:hover{background-image:url("/theme/cosmetic/img/yonex/images/site/group1-Next_on.png")}
.section.md_pick .md_pick_goodsList .swiper-button-prev:after, .section.md_pick .md_pick_goodsList .swiper-button-next:after{display:none}
.section.md_pick .md_pick_goodsList .swiper-button-prev{left:-40px}
.section.md_pick .md_pick_goodsList .swiper-button-next{right:-40px}

/* 라켓 셀렉트 */
.section.racquetselect{padding-bottom:100px}
.section.racquetselect > .sectionWrap{width:1230px}
.section.racquetselect .img_box{float:left;width:100%;height:275px;overflow:hidden}
/*
.section.racquetselect .img_box img{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.section.racquetselect .img_box:hover img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}
*/
.racquetselect_wrap{float:left;width:100%;max-width:720px;position:relative}
.racquetselect_wrap img{float:left;width:100%}
.racquetselect_wrap a{position:absolute;float:left}
.racquetselect_wrap a.back{width:7.5% !important;height:6.7% !important;bottom:5% !important;left:12% !important}
.racquetselect_wrap.intro a{width:33.2%;height:8.4%;top:84.7%;left:33%}
.racquetselect_wrap.selected_0 a{width:52%;height:13%;left:24%}
.racquetselect_wrap.selected_0 a.btn1{top:30%}
.racquetselect_wrap.selected_0 a.btn2{top:49.5%}
.racquetselect_wrap.selected_0 a.btn3{top:69.5%}
.racquetselect_wrap.selected_0_1 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_1 a.btn1{top:27.6%}
.racquetselect_wrap.selected_0_1 a.btn2{top:47.6%}
.racquetselect_wrap.selected_0_1 a.btn3{top:68.3%}
.racquetselect_wrap.selected_0_1_3 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_1_3 a.btn1{top:35.3%}
.racquetselect_wrap.selected_0_1_3 a.btn2{top:55.4%}
.racquetselect_wrap.selected_0_1_3_1 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_1_3_1 a.btn1{top:27.6%}
.racquetselect_wrap.selected_0_1_3_1 a.btn2{top:47.6%}
.racquetselect_wrap.selected_0_1_3_1 a.btn3{top:68.3%}
.racquetselect_wrap.selected_0_1_3_2 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_1_3_2 a.btn1{top:27.6%}
.racquetselect_wrap.selected_0_1_3_2 a.btn2{top:47.6%}
.racquetselect_wrap.selected_0_1_3_2 a.btn3{top:68.3%}
.racquetselect_wrap.selected_0_2 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_2 a.btn1{top:35.6%}
.racquetselect_wrap.selected_0_2 a.btn2{top:55.6%}
.racquetselect_wrap.selected_0_3 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_3 a.btn1{top:35.6%}
.racquetselect_wrap.selected_0_3 a.btn2{top:55.6%}
.racquetselect_wrap.selected_0_3_1 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_3_1 a.btn1{top:35.6%}
.racquetselect_wrap.selected_0_3_1 a.btn2{top:55.6%}
.racquetselect_wrap.selected_0_3_2 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_3_2 a.btn1{top:35.6%}
.racquetselect_wrap.selected_0_3_2 a.btn2{top:55.6%}
.racquetselect_wrap.selected_0_3_2_1 a{width:54%;height:13.5%;left:24%}
.racquetselect_wrap.selected_0_3_2_1 a.btn1{top:35.6%}
.racquetselect_wrap.selected_0_3_2_1 a.btn2{top:55.6%}

/* 회원 전용 혜택 */
.section.notice{padding-bottom:100px}
.section.notice > .sectionWrap{width:1230px}
.section.notice .notice_list{display:inline-block;width:100%}
.section.notice .notice_list
, .section.notice .notice_list *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.notice .notice_list .swiper-wrapper{height:auto}
.section.notice .notice_list .swiper-slide{float:left;width:410px}
.section.notice .notice_list .swiper-slide a{float:left;width:100%}
.section.notice .notice_list .swiper-slide a .img_box{float:left;width:100%;height:275px;overflow:hidden}
.section.notice .notice_list .swiper-slide a .img_box img{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.section.notice .notice_list .swiper-slide:hover a .img_box img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.section.notice .notice_list .swiper-slide a .txt_box{float:left;width:100%;padding:15px 0;background-color:#fff;text-align:center;border:1px solid #e6eaed;border-right:0}
.section.notice .notice_list .swiper-slide:last-child a .txt_box{border-right:1px solid #e6eaed}
.section.notice .notice_list .swiper-slide a .txt_box p{font-size:18px;font-weight:500;margin-bottom:5px}
.section.notice .notice_list .swiper-slide a .txt_box span{font-size:15px;text-decoration:underline}
.section.notice .banner_box{display:inline-block;width:100%}
.section.notice .member_join{float:left;width:50%;margin-top:25px;position:relative;overflow:hidden;padding-right:15px}
.section.notice .member_join.type2{padding-right:0;padding-left:15px}
.section.notice .member_join
, .section.notice .member_join *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.notice .member_join > div{float:left;width:100%;position:relative;min-height:215px}
.section.notice .member_join .img_box{float:left;width:100%;position:absolute;top:0;left:0;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.section.notice .member_join .img_box img{float:left;width:100%;opacity:0}
.section.notice .member_join .txt_box{float:left;width:100%;position:relative;top:auto;left:auto;height:auto;padding:20px 30px;min-height:215px}
.section.notice .member_join .txt_box p{float:left;width:100%;padding:0;font-size:17px;line-height:25px;font-weight:400}
.section.notice .member_join .txt_box p a.text{font-size:17px;line-height:25px;font-weight:400}
.section.notice .member_join .txt_box p.title{font-size:26px;line-height:50px;font-weight:600;letter-spacing:1px}
.section.notice .member_join .txt_box a.btn{float:left;width:140px;border:2px solid #0057b7;color:#0057b7;font-size:16px;line-height:33px;font-weight:500;background-color:rgba(255,255,255,0.9);text-align:center;margin-top:25px}
.section.notice .member_join .txt_box a.btn{
	-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;
}
.section.notice .member_join .txt_box a.btn:hover{border-color:#009739;color:#009739}
/* 가득채움 */
.section.notice .member_join .txt_box a.btn.fill-bg:hover{border-color:#0057b7;color:#fff;background-color:#0057b7}

/* 모먼트 소식 */
.section.news{padding-bottom:100px}
.section.news{background:url("/theme/cosmetic/img/yonex/shop/data/skin/standard_C/img/main/box02_bg.jpg") no-repeat center center;background-size:cover;background-attachment:fixed}
/* IE 에서 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	.section.news{background-attachment:inherit}
}
.section.news > .sectionWrap{width:1340px}
.section.news .news-list{display:inline-block;width:100%;margin-bottom:20px}
.section.news .news-list
, .section.news .news-list *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
/* 기본 css renew_2022_main.css, renew_2022_brand.css 동일 */
/* 공통 사용으로 renew_2022.css 로 이동 */
/*.news-list-box .news-list > li{}*/

/* 인스타그램 */
.section.sns{padding-bottom:100px}
.section.sns.bottom-x{padding-bottom:0}
.section.sns > .sectionWrap{width:1320px}
#instaPics{display:inline-block;width:100%}
/* 3x2 높이 기준, height:360px;margin-bottom:30px */
#instaPics{min-height:780px}
#instaPics > .instaBox
, #instaPics > .instaBox *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#instaPics > .instaBox{float:left;width:33.33333%;padding:0 10px;margin-bottom:30px}
#instaPics > .instaBox > a{float:left;width:100%;position:relative;padding-bottom:60px}
#instaPics > .instaBox > a > .img{position:relative;float:left;width:100%;height:300px;background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:1;border:1px solid #d9d9d9}
#instaPics > .instaBox > a > .img{
	-webkit-transition:all 0.60s ease;
	-moz-transition:all 0.60s ease;
	-ms-transition:all 0.60s ease;
	-o-transition:all 0.60s ease;
	transition:all 0.60s ease;
}
#instaPics > .instaBox > a:hover > .img{opacity:0.6}
#instaPics > .instaBox > a > .box{position:absolute;bottom:0;left:0;float:left;width:100%;padding:0 10px}
#instaPics > .instaBox > a > .box > .txt{float:left;width:100%;padding:10px 15px;border:1px solid #d9d9d9;background-color:#fff}
#instaPics > .instaBox > a > .box > .txt{
	-webkit-transition:all 0.60s ease;
	-moz-transition:all 0.60s ease;
	-ms-transition:all 0.60s ease;
	-o-transition:all 0.60s ease;
	transition:all 0.60s ease;
}
#instaPics > .instaBox > a:hover > .box > .txt{border-color:#009739}
#instaPics > .instaBox > a > .box > .txt > p{float:left;width:100%;font-size:15px;line-height:22px;font-weight:400}
#instaPics > .instaBox > a > .box > .txt > .desc{height:44px;overflow:hidden}/* 2줄 */
#instaPics > .instaBox > a:hover > .box > .txt > .desc{height:176px}/* 8줄 */
#instaPics > .instaBox > a > .box > .txt > .desc{
	-webkit-transition:all 0.60s ease;
	-moz-transition:all 0.60s ease;
	-ms-transition:all 0.60s ease;
	-o-transition:all 0.60s ease;
	transition:all 0.60s ease;
}
#instaPics > .instaBox > a > .box > .txt > .tags{margin-top:10px;height:44px;overflow:hidden}
#instaPics > .instaBox > a > .box > .txt > .tags > span{float:left;margin-right:5px;color:#0057b7}
#instaPics > .instaBox > a > .box > .txt > .date{color:#b0b0b0;margin-top:10px}
.section.sns > .sectionWrap > .section-title.except{margin:0}
.section.sns > .sectionWrap > .section-title.except .desc{font-size:20px;color:#0057b7;margin-bottom:0}
.section.sns > .sectionWrap > .moreBtn{margin-top:0}
.section.sns > .sectionWrap > .moreBtn > ul{display:inline-block;margin-top:15px;border-top:1px solid #d9d9d9;padding-top:15px}
.section.sns > .sectionWrap > .moreBtn > ul > li{float:left;padding:0 30px}
.section.sns > .sectionWrap > .moreBtn > ul > li > a{float:left;position:relative}
.section.sns > .sectionWrap > .moreBtn > ul > li > a:after{content:"";float:left;width:0;height:2px;background-color:#009739;position:absolute;bottom:4px;right:0}
.section.sns > .sectionWrap > .moreBtn > ul > li > a:hover:after{width:30%}
.section.sns > .sectionWrap > .moreBtn > ul > li > a:after{
	-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;
}
.section.sns > .sectionWrap > .moreBtn > ul > li > a > span{float:left;font-size:24px;line-height:45px;font-weight:500;padding-left:60px;position:relative}
.section.sns > .sectionWrap > .moreBtn > ul > li > a:hover > span{color:#0057b7}
.section.sns > .sectionWrap > .moreBtn > ul > li > a > span > img{position:absolute;top:0;left:0}
/*.section.sns > .sectionWrap > .moreBtn > ul > li > a:hover > span > img{top:-5px}*/
.section.sns > .sectionWrap > .moreBtn > ul > li > a > span > img{
	-webkit-transition:all 0.40s ease;
	-moz-transition:all 0.40s ease;
	-ms-transition:all 0.40s ease;
	-o-transition:all 0.40s ease;
	transition:all 0.40s ease;

	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
}
.section.sns > .sectionWrap > .moreBtn > ul > li > a:hover > span > img{
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-ms-transform:scale(1.0);
	-o-transform:scale(1.0);
	transform:scale(1.0);
}

/* 공지사항 */
.section.noticePanel{background-color:#f5f7fb;padding-top:100px;padding-bottom:100px}
.section.noticePanel > .sectionWrap{width:1300px}
.section.noticePanel .panel-box{float:left;width:100%}
.section.noticePanel .panel-box *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.section.noticePanel .bbs{float:left;width:50%;padding:0 20px}
.section.noticePanel .bbs 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;
}
.section.noticePanel .bbs > dl{float:left;width:100%;margin:0}
.section.noticePanel .bbs > dl > dt{float:left;width:100%;border-bottom:1px solid #e7e7e7;padding:0 15px 12px}
.section.noticePanel .bbs > dl > dt > a.bbs-title{float:left;font-size:18px;line-height:22px}
.section.noticePanel .bbs > dl > dt > a.more{float:right;color:#969696;font-size:14px;line-height:22px;font-weight:normal}
.section.noticePanel .bbs > dl > dt > a:hover{color:#0057b7}
.section.noticePanel .bbs > dl > dd{float:left;width:100%;border-bottom:1px solid #e7e7e7;color:#969696;padding:7px 15px;font-size:14px;line-height:18px}
.section.noticePanel .bbs > dl > dd *{font-size:inherit;line-height:inherit}
.section.noticePanel .bbs > dl > dd > a{float:left;width:100%;color:#969696}
.section.noticePanel .bbs > dl > dd > a:hover{color:#0057b7}
.section.noticePanel .bbs > dl > dd > a > .list-title{float:left;width:75%}
.section.noticePanel .bbs > dl > dd > a > .date{float:left;width:25%;text-align:right}
.section.noticePanel .info{float:left;width:100%;display:flex;padding-top:40px}
.section.noticePanel .info > dl{float:left;width:100%;margin:0;padding:10px;color:#fff}
.section.noticePanel .info > dl.contact{background-color:rgba(0, 87, 183, 0.8)}
.section.noticePanel .info > dl.access{background-color:rgba(0, 151, 57, 0.8)}
.section.noticePanel .info > dl > dt{float:left;width:100%;font-size:16px;line-height:24px}
.section.noticePanel .info > dl > dt > a{color:#fff}
.section.noticePanel .info > dl > dd{float:left;width:100%;font-size:14px;line-height:20px}
.section.noticePanel .info > dl > dd *{font-size:inherit;line-height:inherit}
.section.noticePanel .info > dl > dd > .info-title{float:left;margin-right:10px}
.section.noticePanel .info > dl > dd > .contents{float:left;color:#fff}
.section.noticePanel .info > dl > dd > .contents > a{color:#fff}

.section.noticePanel .info > dl > dd.kakao_yonex_cs{display:flex;align-items:center;justify-content:start;width:100%;margin:8px 0}
.section.noticePanel .info > dl > dd.kakao_yonex_cs a{display:flex;align-items:center;justify-content:start}
.section.noticePanel .info > dl > dd.kakao_yonex_cs a > img{float:left;margin-right:9px;height:24px}
.section.noticePanel .info > dl > dd.kakao_yonex_cs a > span{float:left}
.section.noticePanel .info > dl > dd.kakao_yonex_cs a > span > *{display:inline-block;text-align:left;line-height:20px}
.section.noticePanel .info > dl > dd.kakao_yonex_cs a > span > strong{font-size:inherit;font-weight:400}
.section.noticePanel .info > dl > dd.kakao_yonex_cs a > span > span{font-size:inherit}
.section.noticePanel .info > dl > dd.kakao_yonex_cs.instagram{margin-top:0}