@charset "utf-8"; @media only screen and (max-width:768px){ } /* renew */ html{min-width:auto} body{min-width:auto;overflow-y:initial} input{-webkit-appearance:none} /* 최상단 띠배너 */ #wrap .top_banner{display:inline-block;width:100%} #wrap .top_banner > a{float:left;width:100%;height:34px;font-size:15px;line-height:34px;background-color:#000;text-align:center;color:#fff} #wrap .top_banner > a > span{color:inherit;font-size:inherit;line-height:inherit} header.isTopBanner .menu_all_wrap{top:135px;padding-bottom:135px} header.isNotLogin .menu_all_wrap{top:121px;padding-bottom:121px} header.isTopBanner.isNotLogin .menu_all_wrap{top:161px;padding-bottom:161px} #top_costomer_menu{background-color:#fff;height:37px;padding-top:5px} #top_costomer_menu.isNotLogin{height:63px} #top_costomer_menu > ul > li > a{color:#000;font-size:13px} #top_costomer_menu > ul > li:after{background-color:#000} #top_costomer_menu .join_benefit{display:inline-block;width:100%;margin-bottom:4px} #top_costomer_menu .join_benefit a{font-size:13px;line-height:22px;font-weight:500;color:#fff;background-color:#009739;padding:0 10px;border-radius:10px} #wrap{display:inline-block;width:100%} #wrap:after{display:block;content:'';line-height:0;clear:both} #wrap header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.1)} #wrap header:after{display:block;content:'';line-height:0;clear:both} .gnb{border-bottom:1px solid rgba(0,0,0,0.1)} .gnb #logo{padding:10px 0 15px} .gnb #logo img{width:120px} .gnb #logo-left{margin-top:-19px;left:0} .gnb #logo-left .menu_all_btn{padding:10px} .gnb #logo-right{margin-top:-13px} .menu_all_btn span{background-color:#000} .menu_all_btn.active span{background-color:#000} .gnb #search-btn{filter:invert(100%)} .gnb #cart-btn{filter:invert(100%)} .gnb #cart-btn .cart-item-quantity{filter:invert(100%);font-size:inherit;line-height:inherit} .search-area{border-color:rgba(0,0,0,0.1);height:43px;padding:6px 70px 6px 10px} .search-area{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .search-area #search-box{margin:0;padding:0} .search-area #search-box input{font-size:14px;line-height:30px;height:30px;padding:0 10px} .search-area #search-box input{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .search-area #search-box-btn{top:6px;width:50px;height:30px;font-size:13px;line-height:30px;padding:0;border-radius:0 !important} /*.owl-carousel .owl-item{float:none;display:inline-block}*/ #topCateSub{padding:5px 0} #topCateSub:after{display:block;content:'';line-height:0;clear:both} #topCateSub h2{padding:0 10px} #topCateSub h2 a{color:#000;font-size:14px;text-transform:inherit} #topCateSub h3{padding:0 10px} #topCateSub h3 a{color:#000;font-size:14px;text-transform:inherit} #topCateSub .top_sub_category{float:left;width:100%;height:33px} #topCateSub .top_sub_category:after{display:block;content:'';line-height:0;clear:both} #topCateSub .top_sub_category.active{border-top:1px solid rgba(0,0,0,0.1);margin-top:5px;padding:5px 0 0} #topCateSub .owl-carousel{display:inline-block;height:33px;float:left} #topCateSub .owl-carousel:after{display:block;content:'';line-height:0;clear:both} #topCateSub .owl-carousel .item{float:left;display:inline-block} #topCateSub .owl-carousel .owl-stage-outer{height:33px} #topCateSub .owl-carousel .owl-stage-outer .owl-stage{display:inline-block;height:33px} #topCateSub .owl-item h2 a.category_017{color:#000} #topCateSub .owl-item h2 a.category_017.active{color:#0057b7} #topCateSub .owl-item h2 a.category_017:after{background-color:#0057b7} .menu_all_wrap{top:95px;padding-bottom:95px;background-color:#fff} .menu_all_wrap a{text-transform:inherit} .menu_all_wrap nav{padding:0} .menu_all_wrap .depth1{padding:10px 0} .menu_all_wrap .depth1 h2{padding:10px 0} .menu_all_wrap .depth1 h2 a{color:#000;line-height:25px} .menu_all_wrap .depth1 > li > i{filter:invert(100%);top:12px} .menu_all_wrap .depth2{border-bottom:1px solid rgba(0,0,0,0.1)} .menu_all_wrap .depth2 > li{border-color:rgba(0,0,0,0.1);background-color:#fff} .menu_all_wrap .depth2 h3{padding:9px 0} .menu_all_wrap .depth2 h3 a{color:#000;line-height:20px} .menu_all_wrap .depth2 li.active h3 a{color:#0057b7} .menu_all_wrap .depth2 > li > i{filter:invert(100%);top:12px} .menu_all_wrap .depth3{padding:3px 0;border-color:rgba(0,0,0,0.1)} .menu_all_wrap .depth3 h4{padding:3px 0} .menu_all_wrap .depth3 h4 a{color:#000;font-size:13px;line-height:20px} /*.menu_all_wrap .util_menu{margin-top:-1px}*/ .menu_all_wrap .util_menu{border-bottom:1px solid rgba(0,0,0,0.1)} .menu_all_wrap .util_menu li{border-color:rgba(0,0,0,0.1)} .menu_all_wrap .util_menu li.li01, .menu_all_wrap .util_menu li.li04{border-left:0} .menu_all_wrap .util_menu li a{color:#000;font-size:13px} .menu_all_wrap .util_menu li i{filter:invert(100%);margin-right:7px} section#footer{margin-top:50px} #ft_bottom{background-color:#3e3e3e;padding:40px 0 10px} #ft_logo{text-align:center;margin-bottom:15px} #ft_logo > a{display:inline-block;padding:7px 0} #ft_logo > a img{height:36px} #ft_logo .ccm{display:inline-block;height:50px;margin-left:30px} #ft_bottom .ft_info{padding:0 10px;margin-bottom:10px} #ft_bottom .ft_info{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #ft_bottom .ft_info li{font-size:12px} #ft_bottom .ft_info a{font-size:12px} #ft_bottom .ft_navi2 li a{color:#fff;font-size:12px} #ft_copy{padding:10px 0} #ft_copy p{font-size:12px} .table_style01 tbody th{font-size:12px} .table_style01 tbody td{font-size:12px} .m_dp_none{display:none} .m_dp_only{display:inline} .m_textCenter{text-align:center} /* 본문 */ .section{float:left} .section{ -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 > .sectionWrap{width:100% !important;max-width:1240px} .section > .sectionWrap > .section-title{margin:50px 0 20px} .section > .sectionWrap > .section-title .title{font-size:25px;line-height:30px} .section > .sectionWrap > .section-title .title > span{font-size:25px;line-height:30px} .section > .sectionWrap > .section-title .divider{width:20px;margin-top:20px;margin-bottom:5px} .section > .sectionWrap > .section-title .divider:after, .section > .sectionWrap > .section-title .divider:before{width:40px} .section:hover > .sectionWrap > .section-title .divider:after, .section:hover > .sectionWrap > .section-title .divider:before{width:60px} .section > .sectionWrap > .section-title .desc{font-size:15px;line-height:22px;margin-top:10px} body .section-container{float:left;padding-bottom:0} body .section-container:after{display:block;content:'';line-height:0;clear:both} .boxShadow{ -webkit-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); } .boxShadow.type2{ -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); } .boxShadow.type3{ -webkit-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); -ms-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); -o-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); } /*.sub_visual{display:none !important}*/ #subcategory-list{border-bottom:1px solid #d9d9d9} #subcategory-list:after{display:block;content:'';line-height:0;clear:both} section#subcategory-list .top_title{margin:14px 0 7px;display:block;float:left;width:100%;padding:0 14px} section#subcategory-list .top_title{ -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#subcategory-list .top_title li{float:left;width:auto !important;margin-right:7px;margin-bottom:7px} /*section#subcategory-list .top_title li{float:none;display:inline-block;width:auto !important;margin-right:4px;margin-bottom:7px}*/ section#subcategory-list .top_title li:last-child{margin-right:0} section#subcategory-list .top_title li a{font-size:13px;line-height:18px;border:1px solid #a1a6a8 !important;padding:5px 10px;border-radius:5px;color:#a1a6a8;background-color:#fff} section#subcategory-list .top_title li.on a{background-color:#0057b7;color:#fff;border-color:#0057b7 !important} section#goodslist{padding-bottom:50px} /* 상품리스트 */ section#goodslist .goods-sort-area{padding:10px 14px} section#goodslist .goods-sort-area p{font-size:13px;line-height:22px} section#goodslist .goods-sort-area .goods-sort{font-size:13px;line-height:22px} section#goodslist .goods-sort-area .goods-sort .select_style1{font-size:13px;height:22px;line-height:22px;float:left;color:#000} .goods-sort .filter_btn{font-size:13px;line-height:22px;height:22px} .filter_contents a.btn.white_btn{font-size:13px} .filter_contents input[type="checkbox"] + label{font-size:13px} .filter_con h3{font-size:15px} .filter_con_category dd > a{font-size:14px} .filter_contents h4{font-size:14px} .filter_contents button{font-size:14px} .filter_con_category dd > ul li a{font-size:13px} body section#goodslist .goods-area .goods-list-item , body section.goodslist .goods-area .goods-list-item{padding:7px !important} body section#goodslist .goods-area .goods-list-item * , body section.goodslist .goods-area .goods-list-item *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } body section#goodslist .goods-area .goods-list-item .goods-list-img , body section.goodslist .goods-area .goods-list-item .goods-list-img{float:left !important;width:100%;padding:7px !important} body section#goodslist .goods-area .goods-list-item .goods-list-img a , body section.goodslist .goods-area .goods-list-item .goods-list-img a , body section#goodslist .goods-area .goods-list-item .goods-list-img img , body section.goodslist .goods-area .goods-list-item .goods-list-img img{float:left;height:auto} /*body section#goodslist .goods-area .goods-list-item .goods-list-img img*/ /*, body section.goodslist .goods-area .goods-list-item .goods-list-img img{background-color:#ccc}*/ body section#goodslist .goods-area .goods-list-item .goods-list-info , body section.goodslist .goods-area .goods-list-item .goods-list-info{float:left !important;width:100%;padding:0 7px 7px} body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-nm , body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-nm{margin-bottom:4px !important;padding-top:0 !important;font-size:13px;line-height:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit;font-weight:500} body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer.info , body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer.info{width:100%;font-size:11px;line-height:18px;position:relative;top:-2px;margin-bottom:-8px} body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer , body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer{font-size:13px;line-height:20px} body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer strike , body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer strike{font-size:13px;line-height:20px;font-weight:400} /*body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer strike*/ /*, body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-consumer strike{text-decoration:line-through}*/ body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-price , body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-price{font-size:14px;line-height:20px} body section#goodslist .goods-area .goods-list-item .goods-list-info .goods-price .red , body section.goodslist .goods-area .goods-list-item .goods-list-info .goods-price .red{font-size:14px;line-height:20px;font-weight:500} body section#goodslist .item_color , body section.goodslist .item_color{margin-top:7px;padding:7px 0 0;height:auto;min-height:50px} body section#goodslist .item_icon , body section.goodslist .item_icon{top:7px;padding:0 7px} /* 메인페이지 */ body .section.slideShow > .sectionWrap .fullBanner > .videoFrame{display:flex;align-items:center;justify-content:center;padding:0} body .section.slideShow > .sectionWrap .fullBanner > .videoFrame > div > img{height:auto} body .section.slideShow > .sectionWrap .fullBanner > .title-box{width:calc(100% - 20px);bottom:10px;right:10px;padding:10px;visibility:visible !important;opacity:1 !important} body .section.slideShow > .sectionWrap .fullBanner > .title-box > *{visibility:visible !important} body .section.slideShow > .sectionWrap .fullBanner > .title-box p{font-size:25px;line-height:30px} body .section.slideShow > .sectionWrap .fullBanner > .title-box p.main-title{margin-bottom:5px} body .section.slideShow > .sectionWrap .fullBanner > .title-box p.sub-title{font-size:15px;line-height:22px} body .section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group{margin-top:10px} body .section.slideShow > .sectionWrap .fullBanner > .title-box .btn-group .btn{width:auto;font-size:14px;line-height:20px;padding:5px 10px} body .section.slideShow > .sectionWrap .publicBanner{position:relative;padding-top:200px} body .section.slideShow > .sectionWrap .publicBanner > div{height:auto} body .section.slideShow > .sectionWrap .publicBanner > div.img-box{position:absolute;top:30px;left:0;width:100%} body .section.slideShow > .sectionWrap .publicBanner > div.img-box{justify-content:center !important} body .section.slideShow > .sectionWrap .publicBanner > div.img-box img{width:auto !important;max-width:90% !important;max-height:150px !important} body .section.slideShow > .sectionWrap .publicBanner > div.text-box{position:relative;width:100%} body .section.slideShow > .sectionWrap .publicBanner > div.text-box{justify-content:center !important} body .section.slideShow > .sectionWrap .publicBanner > div.text-box > div{width:auto;max-width:100%;padding:0 15px 15px;opacity:1} body .section.slideShow > .sectionWrap .publicBanner > div.text-box .box-title{font-size:25px;line-height:30px;margin-bottom:5px} body .section.slideShow > .sectionWrap .publicBanner > div.text-box .box-desc{font-size:15px;line-height:22px} body .section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn{margin-top:15px;display:flex;align-items:center;justify-content:center} body .section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a{width:auto;font-size:14px;line-height:20px;padding:5px 10px;margin:0 5px} body .section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a:first-child{margin-left:0} body .section.slideShow > .sectionWrap .publicBanner > div.text-box .box-btn a:last-child{margin-right:0} /* 이미지 여백에 맞춤 */ body .section.slideShow > .sectionWrap .publicBanner > div.img-box{padding:0} body .mainBanner .swiper-button-prev, body .mainBanner .swiper-button-next{width:30px;height:30px;background-size:10px auto;top:27.5%} body .mainBanner .swiper-container-wrap{padding-bottom:3px} body .mainBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{float:left;height:3px} /* 메인배너 : 카드형 */ body .section.slideCard > .sectionWrap .publicBanner{height:450px;padding:0 0 0 10px} body .section.slideCard > .sectionWrap .publicBanner > a , body .section.slideCard > .sectionWrap .publicBanner > div{border-radius:15px} body .section.slideCard > .sectionWrap .publicBanner .text-box{padding:15px} body .section.slideCard > .sectionWrap .publicBanner .text-box > div{font-size:14px;line-height:20px;font-weight:400} body .section.slideCard > .sectionWrap .publicBanner .text-box > div.box-title{font-size:20px;line-height:25px;font-weight:500} body .section.slideCard > .sectionWrap .publicBanner .text-box:before{opacity:1.0} body .mainCardBanner .swiper-button-prev, body .mainCardBanner .swiper-button-next{width:30px;height:30px;background-size:10px auto;margin-top:-15px} body .mainCardBanner .swiper-container-wrap{padding-bottom:3px} body .mainCardBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{float:left;height:3px} body .mainCardBanner .swiper-container-wrap .swiper-slide.isVideo{width:auto !important} body .mainCardBanner .swiper-container-wrap .swiper-slide.isVideo .videoFrame{height:450px} body .section.divisionBanner{padding:0 14px 50px} body .section.divisionBanner .bannerBox{margin-bottom:14px} body .section.divisionBanner .bannerBox > *{float:left} body .section.divisionBanner .bannerBox:nth-child(2), body .section.divisionBanner .bannerBox:nth-child(4){padding-right:7px} body .section.divisionBanner .bannerBox:nth-child(3), body .section.divisionBanner .bannerBox:nth-child(5){padding-left:7px} body .section.divisionBanner .bannerBox .img_box{height:100px;background-size:250% auto;background-color:#000} body .section.divisionBanner .bannerBox:first-child .img_box{background-size:cover} body .section.divisionBanner .bannerBox .txt_box{padding:35px 0} body .section.divisionBanner .bannerBox .txt_box p{font-size:25px;line-height:30px} /* 전체 나열 */ body .section.divisionBanner .bannerBox{width:100%} body .section.divisionBanner .bannerBox:nth-child(2), body .section.divisionBanner .bannerBox:nth-child(4){padding-right:0} body .section.divisionBanner .bannerBox:nth-child(3), body .section.divisionBanner .bannerBox:nth-child(5){padding-left:0} body .section.divisionBanner .bannerBox:nth-child(4){margin-bottom:14px} body .section.divisionBanner .bannerBox .img_box{height:80px;background-size:cover} body .section.divisionBanner .bannerBox .txt_box{padding:25px 0} /* WEARS 예외 처리 */ body .section.divisionBanner .bannerBox.wears .img_box{background-color:#252120;background-size:auto 140%;background-position:center top} /*body .section.divisionBanner .bannerBox.wears{background:linear-gradient(to right, #7c7875 0%, #7c7875 30%, #878380 70%, #878380 100%)}*/ /*body .section.divisionBanner .bannerBox.wears .img_box{background-size:auto 115%;background-color:transparent}*/ /* 모먼트 취급 품목 배너 : type2 */ body .section.divisionBanner.type2{padding:0 10px 50px} body .section.divisionBanner.type2 .bannerBox{width:33.333333%;padding:0 4px} body .section.divisionBanner.type2 .bannerBox:nth-child(1), body .section.divisionBanner.type2 .bannerBox:nth-child(2){width:50%} body .section.divisionBanner.type2 .bannerBox.korea_team{width:100%} body .section.divisionBanner.type2 .bannerBox .img_box{height:auto;background-color:transparent} body .section.subBanner{margin-top:0;margin-bottom:50px} body .mainSubBanner{float:left;width:100%;margin-left:0;height:auto} body .mainSubBanner .swiper-container-wrap{position:relative;padding-bottom:13px} body .mainSubBanner .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{float:left;height:3px} body .section.md_pick{padding-bottom:50px} body .section.md_pick .md_pick_goodsList{padding:0 7px} body .section.md_pick .md_pick_goodsList .swiper-container-wrap{position:relative} body .section.md_pick .md_pick_goodsList .swiper-container-wrap .swiper-wrapper .swiper-slide{padding:0 7px} body .section.md_pick .md_pick_goodsList .swiper-container-wrap .swiper-pagination{height:8px;bottom:8px} body .section.md_pick .relation_list .item{width:100%;padding:7px} /* 2023.01.27. 마우스오버 그림자 효과 제거 body .section.md_pick .relation_list .item , body .section.md_pick .relation_list .item:hover{ -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2); -ms-box-shadow:3px 3px 3px rgba(0,0,0,0.2); -o-box-shadow:3px 3px 3px rgba(0,0,0,0.2); box-shadow:3px 3px 3px rgba(0,0,0,0.2); } */ body .section.md_pick .relation_list .item .item_img{display:inline-block;padding:7px !important} body .section.md_pick .relation_list .item .item_img a{float:left} body .section.md_pick .relation_list .item .item_img a img{float:left} body .section.md_pick .relation_list .item .item_img a img.hover{display:none !important} body .section.md_pick .relation_list .item .item_name{padding:0 7px;height:34px;overflow:hidden;margin-bottom:7px} body .section.md_pick .relation_list .item .item_name a{display:block;font-size:13px;line-height:17px;font-weight:500;color:#000} body .section.md_pick .relation_list .item .item_price{color:#767676;font-size:11px;line-height:18px;display:inline-block;width:100%} body .section.md_pick .relation_list .item .item_price strike{text-decoration:none;color:#aab2bd;font-size:13px;line-height:20px;margin-right:5px;font-weight:400} body .section.md_pick .relation_list .item .item_price b{color:#0057b7;font-size:14px;line-height:20px;font-weight:500} body .section.md_pick .relation_list .item .item_icon{position:absolute;top:7px;left:0;width:100%;padding:0 7px;text-align:left} body .section.md_pick .relation_list .item .item_icon img{display:inline-block} body .section.md_pick .relation_list .item .item_color{margin:7px 7px 0 !important;border-top:1px solid #d9d9d9;padding:7px 0;min-height:30px} body .section.md_pick .relation_list .item .item_color i{display:inline-block;width:13px;height:13px;border-radius:3px;margin:0 2px;border:1px solid #ddd} body .section.notice{padding:0 14px 50px} body .section.notice .notice_list{float:left} body .section.notice .notice_list .swiper-container-wrap{position:relative;padding-bottom:15px} body .section.notice .notice_list .swiper-slide{width:100%} body .section.notice .notice_list .swiper-slide:last-child{margin-bottom:0} body .section.notice .notice_list .swiper-slide a .img_box{height:auto;border:1px solid #e6eaed;border-bottom:0} body .section.notice .notice_list .swiper-slide:hover a .img_box img{transform:none} body .section.notice .notice_list .swiper-slide a .txt_box{padding:10px 0;border-right:1px solid #e6eaed} body .section.notice .notice_list .swiper-slide a .txt_box p{font-size:15px;line-height:20px} body .section.notice .notice_list .swiper-slide a .txt_box span{display:block;font-size:13px;line-height:18px} body .section.notice .notice_list .swiper-container-wrap .swiper-pagination{left:25%;width:50%;bottom:0} body .section.notice .notice_list .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{float:left;margin:0;background:#c7cfd1;border:0;border-radius:0;height:2px;opacity:1;transition:all 0.15s} body .section.notice .notice_list .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0f1e34} body .section.notice .banner_box{float:left} body .section.notice .member_join{float:left;margin-top:0;width:100%;padding-right:0;padding-left:0} body .section.notice .member_join.type2{padding-right:0;padding-left:0} body .section.notice .member_join > div{float:left;min-height:auto} body .section.notice .member_join .img_box{position:absolute;top:0;left:0;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover} body .section.notice .member_join .img_box img{opacity:0} body .section.notice .member_join .txt_box{position:relative;top:auto;left:auto;height:auto;padding:15px;text-align:center;min-height:auto} body .section.notice .member_join.type2{margin-top:14px} body .section.notice .member_join.type2 .txt_box{padding:15px} body .section.notice .member_join .txt_box p{font-size:15px;line-height:20px;text-align:left} body .section.notice .member_join .txt_box p a.text{font-size:15px;line-height:20px;text-align:left} body .section.notice .member_join .txt_box p.title{font-size:25px;line-height:30px;margin-bottom:10px;text-align:center} body .section.notice .member_join .txt_box a.btn{float:none;display:inline-block;width:auto;font-size:14px;line-height:20px;padding:5px 10px;margin-top:10px} body .section.racquetselect{padding:0 14px 50px} body .section.racquetselect .img_box{height:auto} body .section.news{padding-bottom:50px;background-attachment:inherit} body .section.news .news-list{float:left;margin-bottom:0} body .news-list-box{float:left;padding:0 7px} body .news-list-box .news-list{margin-bottom:0} body .news-list-box .news-list > li{width:50%;padding:0 7px;margin-bottom:14px} body .news-list-box .news-list > li > .news , body .news-list-box .news-list > li > .news:hover{ -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); } body .news-list-box .news-list > li > .news:hover{transform:none} body .news-list-box .news-list:nth-child(odd) > li:nth-child(odd) > .news > div.img , body .news-list-box .news-list:nth-child(even) > li:nth-child(even) > .news > div.img{background-size:100px} body .news-list-box .news-list:nth-child(even) > li:nth-child(odd) > .news > div.img , body .news-list-box .news-list:nth-child(odd) > li:nth-child(even) > .news > div.img{background-size:100px} body .news-list-box .news-list > li > .news > div.img .logo{background-size:100px} body .news-list-box .news-list > li > .news > div.txt{padding:7px} body .news-list-box .news-list > li > .news > div.txt > strong{font-size:14px;line-height:20px;min-height:60px;-webkit-line-clamp:3} body .news-list-box .news-list > li > .news > div.txt > span{font-size:13px;line-height:18px} body .news-list-box .news-list > li > .news > div.txt > span.label{bottom:7px;right:7px} body .section .moreBtn{float:left;margin-top:16px;padding:0 14px} body .section .moreBtn{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } body .section .moreBtn > a{float:left;width:100%;font-size:15px;line-height:18px;padding:10px 0} body .section.sns{padding:0 7px 50px} body #instaPics{float:left;min-height:auto} body #instaPics > .instaBox{width:50%;padding:0 7px;margin-bottom:14px} body #instaPics > .instaBox > a{padding:0} body #instaPics > .instaBox > a > .img{height:150px;border-bottom:0} body #instaPics > .instaBox > a > .box{position:relative;bottom:auto;left:auto;padding:0} body #instaPics > .instaBox > a > .box > .txt{padding:7px} body #instaPics > .instaBox > a > .box > .txt > p{font-size:13px;line-height:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} body #instaPics > .instaBox > a > .box > .txt > .desc{height:54px !important}/* 3줄 고정 */ body #instaPics > .instaBox > a > .box > .txt > .date{margin-top:5px} body .section.sns > .sectionWrap > .section-title.except .desc{font-size:17px;line-height:25px;text-align:left;padding:0 11px} body .section.sns > .sectionWrap > .moreBtn{padding:0 7px} body .section.sns > .sectionWrap > .moreBtn > ul{float:left;margin-top:8px;padding-top:0} body .section.sns > .sectionWrap > .moreBtn > ul > li{width:50%;padding:0;margin-top:10px} body .section.sns > .sectionWrap > .moreBtn > ul > li > a > span{padding-left:37px;font-size:15px;line-height:30px} body .section.sns > .sectionWrap > .moreBtn > ul > li > a > span > img{float:left;height:30px} body .section.noticePanel{padding:50px 14px} body .section.noticePanel .bbs{width:100%;padding-left:0;padding-right:0;margin-bottom:25px} body .section.noticePanel .bbs > dl > dt{padding:0 7px 7px} body .section.noticePanel .bbs > dl > dt > a.bbs-title{font-size:16px;line-height:20px} body .section.noticePanel .bbs > dl > dt > a.more{font-size:13px;line-height:20px} body .section.noticePanel .bbs > dl > dd{font-size:13px;padding:7px} body .section.noticePanel .bbs > dl > dd > a > .list-title{width:80%} body .section.noticePanel .bbs > dl > dd > a > .date{width:20%} body .section.noticePanel .info{width:100%;margin:10px 0 50px;padding-top:0;display:inherit} body .section.noticePanel .info > dl{padding:10px 14px} body .section.noticePanel .info > dl > dt{font-size:15px;line-height:20px;margin-bottom:5px} body .section.noticePanel .info > dl > dd{font-size:13px;line-height:18px} body .section.noticePanel .info > dl > dd.kakao_yonex_cs{margin:0 0 5px} /*body .section.noticePanel .info > dl > dd.kakao_yonex_cs a > img{margin-right:10px;height:40px}*/ /*body .section.noticePanel .info > dl > dd.kakao_yonex_cs a > span > *{line-height:20px}*/ /* 메인페이지 끝 */ /* MOMENT 브랜드 소개 */ body #brandInfo .section.section1{padding:14px 14px 50px} body #brandInfo .section.section1 .intro-box{margin-top:0} body #brandInfo .section.section1 .intro-box .text-box{width:100%;position:relative;top:auto;padding-left:0;z-index:2} body #brandInfo .section.section1 .intro-box .text-box:before{top:60px;left:-7px;width:120px;height:120px} body #brandInfo .section.section1 .intro-box .text-box p.box-title{font-size:18px;line-height:25px;margin-bottom:15px} body #brandInfo .section.section1 .intro-box .text-box p.box-desc{font-size:15px;line-height:22px} body #brandInfo .section.section1 .intro-box img{position:absolute;z-index:1;top:30px;right:0;opacity:0.15;max-width:100%} body #brandInfo .section.section2{padding:50px 14px;background-attachment:inherit} body .section > .sectionWrap > .section-sub-title .title{font-size:18px;line-height:25px;text-align:left;font-weight:500} body .section > .sectionWrap > .section-sub-title .title .fa.fa-quote-left{position:absolute;top:-20px;left:0} body .section > .sectionWrap > .section-sub-title .title .fa.fa-quote-right{bottom:0} body #brandInfo .section.section2 > .sectionWrap > .section-sub-title .title{font-weight:400} body #brandInfo .section.section2 > .sectionWrap > .section-sub-desc{margin-top:30px} body .section > .sectionWrap > .section-sub-desc{margin-top:15px} body .section > .sectionWrap > .section-sub-desc p , body .section > .sectionWrap > .section-sub-desc p *{font-size:15px;line-height:22px;text-align:left} body .section > .sectionWrap > .section-sub-desc p.m_textCenter , body .section > .sectionWrap > .section-sub-desc p.m_textCenter *{text-align:center} body #brandInfo .section.section3{padding:0 14px 30px} body #brandInfo .section.section3 > .sectionWrap > .section-title .title{font-size:25px;line-height:30px} body #brandInfo .section.section3 > .sectionWrap > .section-title .title > span{font-size:25px;line-height:30px} body #brandInfo .section.section3 > .sectionWrap > .section-title .desc{font-size:15px;line-height:22px;text-align:left} body #brandInfo .section.section3 > .sectionWrap > .section-title .desc.m_textCenter{text-align:center} body #brandInfo .section.section4{padding:50px 14px} body #brandInfo .section.section4 .section-sub-title > img{width:150px} body #brandInfo .section.section4 > .sectionWrap > .section-title{margin:20px 0} body #brandInfo .section.section4 > .sectionWrap > .section-sub-desc{margin-top:30px} body #brandInfo .section.section4 > .sectionWrap > .section-sub-desc.type2 p , body #brandInfo .section.section4 > .sectionWrap > .section-sub-desc.type2 p *{font-size:17px;line-height:24px} /* MOMENT KOREA 소개 */ body #introduce .section.section1{padding:14px 14px 0} body #introduce .section > .sectionWrap > .section-sub-title > img{width:150px} body #introduce .section.section1 .company-box{float:left;width:100%;margin-top:30px;align-items:start} body #introduce .section.section1 .company-box > div{width:130px} body #introduce .section.section1 .company-box .company-name{width:100px;height:100px;border-width:3px;font-size:18px;line-height:94px;padding:0;min-width:auto;margin-bottom:10px} body #introduce .section.section1 .company-box > div:last-child .company-name{float:right} body #introduce .section.section1 .company-box .goods{min-width:auto} body #introduce .section.section1 .company-box .goods.right{padding-left:0} body #introduce .section.section1 .company-box .goods.left{padding-right:0;float:right} body #introduce .section.section1 .company-box .goods li{font-size:14px;line-height:20px} body #introduce .section.section1 .company-box .goods.right li{padding-left:10px} body #introduce .section.section1 .company-box .goods.left li{padding-right:10px} body #introduce .section.section1 .company-box .goods li:before{width:4px;height:4px;top:8px} body #introduce .section.section1 .company-box .angle{margin-top:25px;padding:0;text-align:center} body #introduce .section.section1 .company-box .angle .fa{font-size:20px;line-height:25px} body #introduce .section.section1 hr{margin-bottom:10px} body #introduce .section.section1 .company-intro-box{float:left;margin-top:30px;margin-bottom:50px} body #introduce .section.section1 .company-intro-box{ -webkit-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); } body #introduce .section.section1 .company-intro-box > div{width:100%;padding:14px} body #introduce .section.section1 .company-intro-box > div .box > h3{font-size:20px;line-height:30px} body #introduce .section.section1 .company-intro-box > div .box > dl{margin:15px 0} body #introduce .section.section1 .company-intro-box > div .box > dl > *{font-size:14px;line-height:20px} /*body #introduce .section.section1 .company-intro-box > div .box > dl dt{width:21%}*/ /*body #introduce .section.section1 .company-intro-box > div .box > dl dd{width:79%}*/ body #introduce .section.section1 .company-intro-box > div .box > p{font-size:13px;line-height:18px} /* 소비자중심경영 (CCM) */ body #ccm_certification .section.section1{padding:14px 14px 50px} body #ccm_certification .section.section2 , body #ccm_certification .section.section3{padding:50px 14px} body #ccm_certification .section .certification-box h3{font-size:18px;line-height:25px;margin-bottom:20px;font-weight:500} body #ccm_certification .section .certification-box .box{display:block} body #ccm_certification .section .certification-box .box .img-box{width:100%;text-align:center;margin-bottom:20px} body #ccm_certification .section .certification-box.moment .box .img-box{min-width:auto} body #ccm_certification .section .certification-box.moment .box .img-box a{width:calc(50% - 7px);max-width:350px} body #ccm_certification .section .certification-box.moment .box .img-box a:first-child{margin-right:7px} body #ccm_certification .section .certification-box.moment .box .img-box a:last-child{margin-left:7px} body #ccm_certification .section .certification-box.moment .box .img-box a:hover{transform:none} body #ccm_certification .section .certification-box.moment .box .text-box{padding:0;background:none} body #ccm_certification .section .certification-box .box .text-box p , body #ccm_certification .section .certification-box .box .text-box p strong{font-size:14px;line-height:20px} body #ccm_certification .section .certification-box .box .img-box img{max-width:40%} body #ccm_certification .section .certification-box.moment .box .img-box img{max-width:100%} body #ccm_certification .section .certification-box .box .text-box .gov-box{margin:10px 0} body #ccm_certification .section .certification-box .box .text-box .gov-box > *{padding:7px} body #ccm_certification .section .certification-box .box .text-box .gov-box dl dt{font-size:15px;line-height:20px;padding:5px 15px} body #ccm_certification .section .certification-box .box .text-box .gov-box dl dd{margin-top:10px;padding:5px 10px;width:100%} body #ccm_certification .section .certification-box .box .text-box .gov-box dl dd img{max-height:32px} body #ccm_certification .section .certification-box .box .text-box > dl{padding-left:50px;margin-bottom:5px} body #ccm_certification .section .certification-box .box .text-box > dl:last-child{margin-bottom:0} body #ccm_certification .section .certification-box .box .text-box > dl > *{font-size:14px;line-height:20px} body #ccm_certification .section .certification-box .box .text-box > dl dt{width:50px} body #ccm_certification .section hr{margin:30px 0} body #ccm_certification .section .lsp-info-box.type2{display:block;text-align:center} body #ccm_certification .section .lsp-info-box.type2 > .box{float:none;display:inline-block;width:140px;height:140px;border-width:3px;font-size:15px;line-height:20px;padding:25px 0 0} body #ccm_certification .section .lsp-info-box.type2 > .box .fa{font-size:30px;margin-bottom:5px} body #ccm_certification .section .lsp-info-box.type2 > .angle{float:none;display:inline-block;width:100%;padding:0;margin:5px 0 15px} body #ccm_certification .section .lsp-info-box.type2 > .angle:last-of-type{margin:15px 0 5px} body #ccm_certification .section .lsp-info-box > .angle .fa{font-size:40px} body #ccm_certification .section .lsp-info-box.type2 > .lsp-box{float:none;display:inline-block;width:160px;height:160px;margin:65px;padding:20px 0} body #ccm_certification .section .lsp-info-box > .lsp-box h4{font-size:30px;line-height:35px} body #ccm_certification .section .lsp-info-box > .lsp-box ul.lsp{margin-top:10px} body #ccm_certification .section .lsp-info-box > .lsp-box ul.lsp > li , body #ccm_certification .section .lsp-info-box > .lsp-box ul.lsp > li *{font-size:15px;line-height:20px} body #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li{font-size:15px;line-height:80px} body #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li > span{width:80px;height:80px;margin-left:-40px;line-height:80px} body #ccm_certification .section.section3 > .sectionWrap > .section-sub-title .title{text-align:center} body #ccm_certification .section .youtube-box{margin-top:10px} /* CEO 인사말 */ body #greeting .section.section1{padding:14px 14px 50px;overflow:visible} body #greeting .section.section1 .intro-box .text-box{width:100%;padding:0} body #greeting .section.section1 .intro-box .text-box p.box-title{font-size:18px;line-height:25px;margin-bottom:15px} body #greeting .section.section1 .intro-box .text-box p.box-title .fa.fa-quote-left{position:absolute;top:-20px;left:0} body #greeting .section.section1 .intro-box .text-box p.box-title .fa.fa-quote-right{bottom:0} body #greeting .section.section1 .intro-box .text-box p.box-desc{font-size:15px;line-height:22px;padding-left:0} body #greeting .section.section1 .intro-box .text-box:before{top:60px;left:-7px;width:120px;height:120px} body #greeting .section.section1 .intro-box .ceo{display:flex;align-items:end;width:100%;padding-left:0;margin-top:15px} body #greeting .section.section1 .intro-box .ceo img{float:left;width:50%;margin-bottom:0} body #greeting .section.section1 .intro-box .ceo p{float:left;width:50%;font-size:15px;line-height:20px} body #greeting .section.section1 .intro-box .ceo p strong{font-size:20px;line-height:30px} body #greeting .section.section2{padding:50px 14px;background-attachment:inherit} body #greeting .section.section3{padding:50px 14px} body #greeting .section.section3 > .sectionWrap > .section-sub-desc{margin-top:15px} body #greeting .section.section3 > .sectionWrap > .section-title{margin:20px 0} body #greeting .section.section3 > .sectionWrap > .section-sub-desc.type2 p , body #greeting .section.section3 > .sectionWrap > .section-sub-desc.type2 p *{font-size:17px;line-height:24px} /* 윤리경영 */ body #ethicalManagement .section.section1{padding:14px 14px 50px} body #ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc{margin-top:15px} body #ethicalManagement .section.section1 > .sectionWrap > .section-title{margin:20px 0} body #ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc.type2 p , body #ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc.type2 p *{font-size:17px;line-height:24px} body #ethicalManagement .section.section2 , body #ethicalManagement .section.section3{padding:50px 14px} body #ethicalManagement .section .certification-box h3{font-size:18px;line-height:25px;margin-bottom:20px;font-weight:500} body #ethicalManagement .section .certification-box .box{display:block} body #ethicalManagement .section .certification-box .box .img-box{width:100%;text-align:center;margin-bottom:20px} body #ethicalManagement .section .certification-box.moment .box .img-box{min-width:auto} body #ethicalManagement .section .certification-box.moment .box .img-box img{width:100%;max-width:450px;margin-right:0} body #ethicalManagement .section .certification-box.moment .box .img-box img:first-child{margin-bottom:25px} body #ethicalManagement .section .certification-box.moment .box .text-box{padding:0;background:none} body #ethicalManagement .section .certification-box .box .text-box p , body #ethicalManagement .section .certification-box .box .text-box p strong , body #ethicalManagement .section .certification-box .box .text-box p a{font-size:14px;line-height:20px} body #ethicalManagement .section .certification-box .box .text-box p a{color:#737a7e} body #ethicalManagement .section .certification-box.moment .box .text-box p{margin-top:15px} body #ethicalManagement .section .certification-box.moment .box .text-box p:first-child{margin-top:0} body #ethicalManagement .section .certification-box.moment .box .text-box p.desc{margin-top:2px;padding-left:10px} /* 연혁 */ body #history .section.section1{padding:14px 14px 50px} body #history .section.section2{padding:0 7px 36px} body #history .section.section2 .history-menu{display:block;float:left;width:100%} body #history .section.section2 .history-menu li{width:50%;margin:0 0 14px;padding:0 7px} body #history .section.section2 .history-menu li a{padding:7px} body #history .section.section2 .history-menu li a > span{font-size:15px;line-height:20px} body #history .section.section2 .history-menu li a > span:last-child{font-size:14px} body #history .section.section3{padding:50px 0 100px;background-attachment:inherit} body #history .section.section3 .history{padding:0 14px} body #history .section.section3 .history .year{width:100%;padding:35px 14px 14px} body #history .section.section3 .history .year .year-title{font-size:30px;line-height:35px} body #history .section.section3 .history > div{margin-bottom:14px} body #history .section.section3 .history > div:last-child{margin-bottom:0} body #history .section.section3 .history > div:nth-child(odd) .year .year-title{left:10px;right:auto} body #history .section.section3 .history .year dl{padding-left:60px;margin-bottom:5px} body #history .section.section3 .history .year dl > *{font-size:14px;line-height:18px} body #history .section.section3 .history .year dl dd{font-size:13px} /* 사회공헌 */ body #contribution .section.section1{padding:14px 14px 50px} body #contribution .section.section2{padding:0 14px 50px} body #contribution .section.section2 .contribution-intro-box{margin-bottom:50px} body #contribution .section.section2 .contribution-intro-box{ -webkit-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); } body #contribution .section.section2 .contribution-intro-box > div:first-child{padding:14px 14px 0} body #contribution .section.section2 .contribution-intro-box > div:last-child{padding:14px} body #contribution .section.section2 .contribution-intro-box > div.text-box{background-size:160px auto} body #contribution .section.section2 .contribution-intro-box:nth-child(even) > div.text-box{background-size:250px auto} body #contribution .section.section2 .contribution-intro-box > div .box > h3{font-size:15px;line-height:22px;font-weight:500;margin-bottom:0} body #contribution .section.section2 .contribution-intro-box > div .box > p{font-size:13px;line-height:18px} body #contribution .section.section2 .contribution-intro-box.d-flex{display:block} body #contribution .section.section2 .contribution-intro-box.d-flex > div:first-child{padding:14px} body #contribution .section.section2 .contribution-intro-box.d-flex > div .box > h3{margin-top:0} body #contribution .section.section2 .contribution-intro-box.d-flex > div:last-child{padding:0 14px 14px} /* 오시는 길 */ body #contactUs .section.section1{padding:14px 14px 50px} body #contactUs .section.section1 .company-intro-box{float:left;margin-bottom:30px} body #contactUs .section.section1 .company-intro-box{ -webkit-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.3); } body #contactUs .section.section1 .company-intro-box > div{width:100%} body #contactUs .section.section1 .company-intro-box > div:first-child .box{padding:14px;height:auto} body #contactUs .section.section1 .company-intro-box > div .box > h3{font-size:20px;line-height:30px;margin-bottom:15px} body #contactUs .section.section1 .company-intro-box > div .box > dl > *{font-size:14px;line-height:20px} body #contactUs .section.section1 .company-intro-box > div .box > img{margin-top:14px;max-width:70%} body #contactUs .section.section1 .company-intro-box > div:last-child{padding:14px} body #contactUs .section.section1 .company-intro-box > div .box .map > div{height:250px} body #contactUs .section.section1 hr{margin-bottom:30px} body #contactUs .section.section1 .company-intro-box:last-child > div .box > .img-box{margin-top:14px;width:100%} body #contactUs .section.section1 .company-intro-box:last-child > div .box > .img-box:before{display:none} body #contactUs .section.section1 .company-intro-box:last-child > div .box > .img-box img{float:none;width:70%} body #contactUs .section.section1 .company-intro-box:last-child > div:last-child{padding-top:0} body #contactUs .section.section1 .company-intro-box > div .box .map > div .mapInfo{width:250px;padding:7px 10px} body #contactUs .section.section1 .company-intro-box > div .box .map > div .mapInfo h4{font-size:14px;line-height:20px} body #contactUs .section.section1 .company-intro-box > div .box .map > div .mapInfo p{font-size:13px;line-height:18px} /* 채용안내 */ body #recruitInfo .section > .sectionWrap > .section-title{padding:0 14px} body #recruitInfo .section > .sectionWrap > .section-title .title , body #recruitInfo .section > .sectionWrap > .section-title .title > span{float:left;font-size:18px;line-height:25px;font-weight:500;position:relative;text-align:left} body .section > .sectionWrap > .section-title .title > span .fa.fa-quote-left{position:absolute;top:-20px;left:0} body .section > .sectionWrap > .section-title .title > span .fa.fa-quote-right{bottom:0} body #recruitInfo .section.section1{padding:14px 14px 50px} body #recruitInfo .section > .sectionWrap > .section-sub-title .title{text-align:center} body #recruitInfo .section .process{margin:10px 0 0;display:block} body #recruitInfo .section .process > .box{width:90px;height:60px;font-size:14px;line-height:20px;margin-bottom:14px;border-width:2px} body #recruitInfo .section .process > .angle{font-size:23px;margin:0 5px 14px;line-height:60px} body #recruitInfo .section .sub-contents{margin-top:16px} body #recruitInfo .section .sub-contents dl{float:left;width:100%;margin-bottom:14px;padding:10px} body #recruitInfo .section .sub-contents dl{ -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); } body #recruitInfo .section .sub-contents dl dt{font-size:15px;line-height:22px;margin-bottom:5px} body #recruitInfo .section .sub-contents dl dd p{font-size:13px;line-height:18px;padding-left:12px;margin-bottom:5px} body #recruitInfo .section .sub-contents dl dd p:last-child{margin-bottom:0} body #recruitInfo .section .sub-contents dl dd p:before{width:3px;height:3px;top:6px;left:3px} body #recruitInfo .section .sub-contents dl dd p a.btn{font-size:14px;padding:5px 10px;margin:5px 0} body #recruitInfo .section{padding:50px 14px} body #recruitInfo .section.section2 > .sectionWrap > .section-sub-desc{margin-top:10px} body #recruitInfo .section .who-box{margin-top:30px;padding-bottom:0} body #recruitInfo .section .who-box{ -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); } body #recruitInfo .section .who-box .box{width:100%;margin:0;padding:14px} body #recruitInfo .section .who-box .box:before{top:-14px;width:200px;height:100px} body #recruitInfo .section .who-box .box h4{font-size:18px;line-height:22px;margin-top:0} body #recruitInfo .section .who-box .box ul{margin-bottom:5px} body #recruitInfo .section .who-box .box ul li{font-size:15px;line-height:22px} body #recruitInfo .section .who-box .box ul li:before{top:9px} body #recruitInfo .section .who-box .box p{font-size:13px;line-height:18px;padding:0 7px} body #recruitInfo .section .benefit-box{margin-top:14px} body #recruitInfo .section .benefit-box.fullWidth{margin-top:10px;padding-bottom:14px} body #recruitInfo .section .benefit-box .box{width:100%;min-height:70px;padding:0 0 0 64px;margin-bottom:14px} body #recruitInfo .section .benefit-box .box:before{left:0;width:50px;height:50px} body #recruitInfo .section .benefit-box .box:before{ -webkit-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); -ms-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); -o-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.4); } body #recruitInfo .section .benefit-box .box > .icon-box{left:0;width:50px;height:50px} body #recruitInfo .section .benefit-box .box > .icon-box .fa{font-size:20px;line-height:50px} body #recruitInfo .section .benefit-box .box dl dt{font-size:16px;line-height:22px;margin-bottom:0} body #recruitInfo .section .benefit-box .box dl dd p{width:100%;font-size:14px;line-height:20px;padding-right:0} body #recruitInfo .section .benefit-box .box dl dd p:before{display:none} /* 채용공고 */ body #recruit .section > .sectionWrap > .section-title{padding:0 14px} body #recruit .section > .sectionWrap > .section-title.viewPage{margin-top:30px;margin-bottom:0} body #recruit .section > .sectionWrap > .section-title .title , body #recruit .section > .sectionWrap > .section-title .title > span{float:left;font-size:18px;line-height:25px;font-weight:500;position:relative;text-align:left} body #recruit .section.section1{padding:14px 7px 50px} body #recruit .section.section1.listPage{padding-top:50px} .paginationWrap{padding:0 14px;margin-bottom:50px} .paginationWrap > .totalRows{left:14px;font-size:13px;line-height:30px} .pagination > li > a{min-width:30px;padding:0} .pagination > li > a , .pagination > li > a > strong{font-size:13px;line-height:28px;max-height:30px} .pagination > li > a > .fa{font-size:16px;line-height:28px} .pagination > li > a:hover , .pagination > li > a:focus{color:#444;background-color:#fff} .pagination > li > a.on:hover , .pagination > li > a.on:focus{color:#fff;background-color:#131415} body .bbs-btn-box{margin-top:0;border-top:1px solid #d9d9d9;padding-top:50px} body .bbs-btn-box a{font-size:14px;line-height:30px} body .bbs-list-box .bbs-list{display:table;float:none} body .bbs-list-box .bbs-list li{display:table-row;float:none;width:auto !important} body .bbs-list-box .bbs-list li > *{display:table-cell;float:none;width:auto !important;padding:5px;font-size:13px;line-height:18px} body .bbs-list-box .bbs-list li.head > *{font-size:14px} body .bbs-list-box .bbs-list li > *.textOver{white-space:inherit} body .bbs-list-box .bbs-list li > *:nth-child(1){min-width:40px} body .bbs-list-box .bbs-list li > *:nth-child(5){min-width:75px} body .bbs-list-box .bbs-list li > *:nth-child(6){min-width:40px} body #recruit .section > .sectionWrap .bbs-list-box .bbs-list li > *:nth-child(2) , body #recruit .section > .sectionWrap .bbs-list-box .bbs-list li > *:nth-child(3){display:none} body .bbs-view-box .bbs-view .head-box{display:block} body .bbs-view-box .bbs-view .head-box dl{border-right:0} body .bbs-view-box .bbs-view dl{padding-left:80px} body .bbs-view-box .bbs-view dl > *{font-size:13px;line-height:20px;padding:5px} body .bbs-view-box .bbs-view dl dt{font-size:14px;width:80px;height:100%} body .bbs-view-box .bbs-view .bbs-contents{padding:7px;padding-bottom:20px;border-bottom:0} body .ck-content, body .ck-content *{font-size:13px;line-height:20px} body .ck-content > *:first-child{margin-top:5px} body .ck-content p{margin-bottom:5px} body .ck-content p strong{font-weight:500} body .ck-content .table table td strong, body .ck-content .table table th strong{font-weight:500} body .bbs-view-box.link-box{border-top:1px solid #d9d9d9} body .bbs-view-box.link-box .bbs-view dl:last-child > *{border-bottom:0} body .bbs-view-box.link-box .bbs-view dl dd a{float:left;white-space:inherit} /* NEWS */ body #yonex_news .section.section1{padding-bottom:36px} body .news-list-box.isMobileFirstPage .news-list:first-child > li:nth-child(1) , body .news-list-box.isMobileFirstPage .news-list:first-child > li:nth-child(2){width:100%;margin-bottom:20px} body .news-list-box.isMobileFirstPage .news-list:first-child > li:nth-child(1) > .news > div.txt > strong , body .news-list-box.isMobileFirstPage .news-list:first-child > li:nth-child(2) > .news > div.txt > strong{min-height:auto;-webkit-line-clamp:2} body .section-sub-menu{margin:14px 0 7px;display:block;float:left;width:100%;padding:0 14px} body .section-sub-menu:before{display:none} body .section-sub-menu.small li{width:auto;margin-right:7px;margin-bottom:7px} /*body .section-sub-menu.small li{float:none;display:inline-block;width:auto;margin-right:3px;margin-bottom:1px}*/ body .section-sub-menu.small li:last-child{margin-right:0} body .section-sub-menu li a{font-size:13px;line-height:18px;border:1px solid #a1a6a8;padding:5px 10px;border-radius:5px} body .section-sub-menu li.active a{background-color:#0057b7;color:#fff} body #yonex_news .section > .sectionWrap > .section-title{padding:0 14px} body #yonex_news .section > .sectionWrap > .section-title.viewPage{margin-top:30px;margin-bottom:0} body #yonex_news.yonex_news_view .section > .sectionWrap > .section-title .title , body #yonex_news.yonex_news_view .section > .sectionWrap > .section-title .title > span{float:left;font-size:18px;line-height:25px;font-weight:500;position:relative;text-align:left} body #yonex_news.yonex_news_view .section.section1{padding:14px 7px 50px} body #yonex_news.newsDiv_3 .section.section1{padding:50px 7px 50px} body #yonex_news.newsDiv_4 .section.section1{padding:50px 7px 36px} body .bbs-list-box.column-4 .bbs-list li > *:nth-child(4){display:none} /* Collaboration */ body #collaboration .section.section1{padding:14px 7px 50px} body #collaboration .news-list-box .news-list > li{width:100%;padding:0;margin-bottom:20px} body #collaboration .news-list-box .news-list > li > .news > div.txt{text-align:center} body #collaboration .news-list-box .news-list > li > .news > div.txt > strong{font-size:16px;line-height:22px;min-height:auto} body #collaboration .news-list-box .news-list > li > .news > div.txt > span{font-size:14px;line-height:20px} body #collaboration .section.section1 > .sectionWrap.collaboration-info{padding:0 7px} body #collaboration .section .collaboration-contact-box{display:block;margin:30px 0 0;padding:25px 0;text-align:center} body #collaboration .section .collaboration-contact-box > *{float:none;display:inline-block;margin:0} body #collaboration .section .collaboration-contact-box .img-box{text-align:center} body #collaboration .section .collaboration-contact-box .img-box img{max-width:50%} body #collaboration .section .collaboration-contact-box .text-box{margin-top:20px} body #collaboration .section .collaboration-contact-box .text-box p{font-size:15px;line-height:22px} body #collaboration .section .collaboration-contact-box .text-box p.box-title{font-size:20px;line-height:30px;font-weight:500;margin-bottom:5px} body #collaboration .section .collaboration-contact-box .text-box ul{display:block;margin-top:5px} body #collaboration .section .collaboration-contact-box .text-box ul li{font-size:15px;line-height:22px} body #collaboration.collaboration_view .section > .sectionWrap > .section-title{margin-bottom:0} body #collaboration.collaboration_view .section > .sectionWrap > .section-title .title{font-size:25px;line-height:30px} body #collaboration.collaboration_view .section > .sectionWrap > .section-title .title > span{font-size:25px;line-height:30px} body #collaboration.collaboration_view .section.section1{padding-bottom:50px} /* 검색페이지 */ body .indiv.goods_search{float:left;width:100%} body .indiv.goods_search, body .indiv.goods_search *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } body .indiv.goods_search .mypage_tit{padding:15px;margin-bottom:0} body .indiv.goods_search .mypage_tit p{font-size:15px;margin-bottom:15px;line-height:1.5;float:none} body .indiv.goods_search .search-box{float:left;padding:0;display:flex;width:100%} body .indiv.goods_search .search-box > *{height:30px;border-radius:0 !important;color:#000} body .indiv.goods_search .search-box > select , body .indiv.goods_search #form .search-box > input{line-height:28px} body .indiv.goods_search #form .search-box > span > input{border:1px solid #dfdfdf;background-color:#f7f7f7;font-weight:400;line-height:28px;border-radius:0 !important} body .indiv.goods_search .search-box > select{} body .indiv.goods_search .search-box > input{} body .indiv.goods_search .contents_item_list h3{font-size:13px;line-height:22px;padding:10px 14px;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid #d9d9d9;font-weight:400} body .indiv.goods_search .contents_item_list h3 b{font-size:13px;line-height:22px;font-weight:400} body .indiv.goods_search .contents_item_list .list_style01{} body .indiv.goods_search .contents_item_list .list_style01 ul.clearfix{padding:0;display:flex;flex-wrap:wrap} body .indiv.goods_search .contents_item_list .list_style01 ul > li{float:left;width:50% !important;padding:7px 7px 8px;position:relative;margin-bottom:20px} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div{float:left;width:100%} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div.item_img{padding:7px 7px 6px !important} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div.item_img a , body .indiv.goods_search .contents_item_list .list_style01 ul > li > div.item_img a img{float:left;width:100%;height:auto} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div.item_img a img.hover{display:none !important} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div:last-child{padding:0 7px 7px;text-align:center} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_name{padding:0;height:34px;overflow:hidden;margin-bottom:7px} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_name a{font-size:13px;line-height:17px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_price{font-size:11px;line-height:18px} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_price.info{color:#767676;margin-bottom:1px} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_price strike{font-size:13px;line-height:20px;font-weight:400;color:#aab2bd;margin-right:5px;text-decoration:none} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_price b{font-size:14px !important;line-height:20px !important;font-weight:500;color:#0057b7} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_icon{position:absolute;top:7px;left:0;padding:0 7px;width:100%;text-align:left} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_color{margin:7px 0 0 !important;border-top:1px solid #d9d9d9;padding-top:7px;min-height:30px} body .indiv.goods_search .contents_item_list .list_style01 ul > li > div .item_color i{display:inline-block;width:13px;height:13px;border-radius:3px;margin:0 2px;border:1px solid #ddd} body .indiv.goods_search .contents_item_list .pagination_list{text-align:center;margin:20px 0 50px} body .indiv.goods_search .contents_item_list .pagination_list span{display:inline-block} body .indiv.goods_search .contents_item_list .pagination_list a{float:left;width:35px;height:35px;font-size:14px;border-right:1px solid #ecedee;line-height:35px} body .indiv.goods_search .contents_item_list .pagination_list a:last-of-type{border-right:0} body .indiv.goods_search .contents_item_list .pagination_list b{font-size:14px;float:left;width:35px;height:35px;background-color:#f8f8f8;line-height:35px} /* 렌탈 서비스 */ .sub-menu-wrap{display:block;width:100%} .sub-menu-wrap:after{display:block;content:'';line-height:0;clear:both} .sub-menu-wrap .sub-menu{float:left;width:100%;border-bottom:1px solid rgba(0,0,0,0.1);padding:5px;text-align:center;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box} .sub-menu-wrap .sub-menu li{float:left;font-size:14px;line-height:33px;padding:0 5px} .sub-menu-wrap .sub-menu li a{font-size:inherit;line-height:inherit;font-weight:500;position:relative} .sub-menu-wrap .sub-menu li.active a{color:#0057b7} .sub-menu-wrap .sub-menu li.active a:after{content:"";position:absolute;top:30px;left:0;float:left;width:100%;height:1px;background-color:#0057b7} /* 상품 상세 메뉴와 동일하게 구성 */ .sub-menu-wrap .sub-menu{margin-top:50px;border-top:2px solid #0057b7;border-bottom:1px solid #d3d3d3;justify-content:center;padding:5px 0} .sub-menu-wrap .sub-menu li{font-size:13px;line-height:27px;padding:0 12px} .sub-menu-wrap .sub-menu li a{color:#b2b2b2} .sub-menu-wrap .sub-menu li.active a{color:#121315} .sub-menu-wrap .sub-menu li.active a:after{display:none} /* 장바구니/찜하기 결과 메시지 출력 */ #goodsres-hide2{display:none} #goodsres-hide2{ animation-duration:0.3s; animation-fill-mode:both; } .goodsres_wrap{position:fixed;left:10%;bottom:10%;width:80%;background:#fff;display:block;border-radius:1em;z-index:9999} .goodsres_wrap .goodsres_title{background:#313030;width:100%;border-top-left-radius:1em;border-top-right-radius:1em;height:39px;border-bottom:solid 1px #b2b2b2} .goodsres_wrap .goodsres_title .title{padding-left:14px;line-height:40px;font-size:16px;font-weight:500;color:#fff} .goodsres_wrap .goodsres_msg{padding:15px} .goodsres_wrap .goodsres_msg .text_msg{font-size:15px;color:#353535} /* 할인뱃지 */ .list_discount_badge{height:15px;padding:0 4px;font-size:10px;font-weight:300;line-height:15px;border-radius:3px} /* 신규 아카데미 페이지 공통 */ body .academy .section > .sectionWrap{padding-left:12px;padding-right:12px} body .academy .section > .sectionWrap.fullWidth{padding-left:0;padding-right:0} body .academy .section > .sectionWrap > .section-sub-title .title{position:relative} body .academy .section > .sectionWrap > .img-group > .over-img{top:-10%} body .academy .section > .sectionWrap > .img-group > .txt-box{padding:20px 12px} body .academy .section > .sectionWrap > .img-group > .txt-box.head{padding:0 12px;height:auto;top:60%} body .academy .section > .sectionWrap > .img-group > .txt-box.popup-list{padding-bottom:20px} body .academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-title{margin:10px 0;font-size:25px;line-height:35px} body .academy .section > .sectionWrap > .img-group > .txt-box > div > .desc{font-size:20px;line-height:30px} body .academy .section > .sectionWrap > .img-group > .txt-box.head > div > .desc{font-size:15px;line-height:22px} body .academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-title.img{margin:10px 0} body .academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-title.img img{max-width:200px} body .academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-desc{font-size:15px;line-height:22px} body .academy .section > .sectionWrap > .img-group > .popup-img-box{padding:0 12px 20px;flex-wrap:wrap} body .academy .section > .sectionWrap > .img-group > .popup-img-box > a{width:45%;margin:0 5px 10px} /* 아카데미 소개 */ body #academy_intro .section.section3 > .sectionWrap > .img-group > .txt-box.desc{padding-bottom:25px} body #academy_intro .section.section3 > .sectionWrap > .img-group > .txt-box > div{width:100%} body #academy_intro .section.section3 > .sectionWrap > .img-group > .txt-box > div > .sub-desc{text-align:left} body #academy_intro .section.section3 > .sectionWrap.coach > .img-group > .over-img.bottom{margin-top:-20%;padding:5px 15px 10px;background-color:rgba(245, 245, 245, 0.6)} body #academy_intro .section.section3 > .sectionWrap.coach > .img-group:nth-child(2n){margin-top:30px} body #academy_intro .section .youtube-box{margin:0 0 30px} /* 아카데미 시스템 */ body #academy_system .section.section2{margin-top:15px} body #academy_system .section > .sectionWrap > .system-box{margin:15px 0;padding:25px 15px 15px;border-radius:15px} body #academy_system .section > .sectionWrap > .system-box > .img-title{margin-bottom:15px;max-width:230px} body #academy_system .section.section3 > .sectionWrap > .system-box > .img-title{margin-bottom:10px} body #academy_system .section.section3 > .sectionWrap > .system-box > .img-content > *{max-width:50%} body #academy_system .section.section4 > .sectionWrap > .system-box > .img-content{margin:-15% 0 -10%} body #academy_system .section.section4 > .sectionWrap > .system-box > .img-content > *{max-width:45%;margin:0 2.5%} body #academy_system .section.section5 > .sectionWrap > .system-box > .img-title{margin-bottom:25px} /* 아카데미 회원 혜택 */ body #academy_benefit .section > .sectionWrap > .img-group > .txt-box > div > .sub-title{max-width:280px;margin:20px 0} body #academy_benefit .section > .sectionWrap > .system-box{margin-bottom:30px} body #academy_benefit .section > .sectionWrap > .system-box img{} body #academy_benefit .section > .sectionWrap > .system-box > .img-content{padding:15px;flex-wrap:wrap} body #academy_benefit .section.section8 > .sectionWrap > .system-box > .img-content{justify-content:end} body #academy_benefit .section > .sectionWrap > .system-box > .img-content > div{position:relative;justify-content:end} body #academy_benefit .section.section8 > .sectionWrap > .system-box > .img-content > div{z-index:2;padding-bottom:100px} body #academy_benefit .section > .sectionWrap > .system-box > .img-content > div > img:nth-child(1){position:absolute;top:0;left:0;max-width:200px} body #academy_benefit .section > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){max-width:250px} body #academy_benefit .section.section3 > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){margin-top:5px} body #academy_benefit .section.section4 > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){margin-top:-5px} body #academy_benefit .section.section5 > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){margin-top:10px} body #academy_benefit .section.section6 > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){margin-top:-15px} body #academy_benefit .section.section7 > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){margin-top:10px} body #academy_benefit .section.section8 > .sectionWrap > .system-box > .img-content > div > img:nth-child(2){margin-top:10px} body #academy_benefit .section > .sectionWrap > .system-box > .img-content > img:last-child{position:relative} body #academy_benefit .section.section3 > .sectionWrap > .system-box > .img-content > img:last-child{margin-bottom:-10%} body #academy_benefit .section.section4 > .sectionWrap > .system-box > .img-content > img:last-child{margin-bottom:-5%} body #academy_benefit .section.section5 > .sectionWrap > .system-box > .img-content > img:last-child{margin-bottom:-3%} body #academy_benefit .section.section6 > .sectionWrap > .system-box > .img-content > img:last-child{margin-bottom:-8%;margin-top:-5%} body #academy_benefit .section.section7 > .sectionWrap > .system-box > .img-content > img:last-child{margin-bottom:-6%} body #academy_benefit .section.section8 > .sectionWrap > .system-box > .img-content > img:last-child{position:absolute;top:0;left:0;opacity:0.3} /* 아카데미 이용 정보 */ body #academy_use_info .section.section1{margin:20px 0} body #academy_use_info .section > .sectionWrap > .info-box{padding:20px 0} body #academy_use_info .section > .sectionWrap > .info-box > .info-title{font-size:25px;line-height:35px;margin:0 0 15px} body #academy_use_info .section > .sectionWrap > .info-box > .info-content, body #academy_use_info .section > .sectionWrap > .info-box > .info-content *{font-size:18px;line-height:25px;font-weight:500} body #academy_use_info .section > .sectionWrap > .info-box > .info-content strong{width:140px;margin-right:15px} body #academy_use_info .section > .sectionWrap > .info-box > .info-content strong:after{width:3px;height:15px;margin-top:4px} body #academy_use_info .section > .sectionWrap > .info-box > .info-content span{width:125px} body #academy_use_info .section.section2 > .sectionWrap > .info-box > .info-content, body #academy_use_info .section.section2 > .sectionWrap > .info-box > .info-content *{font-size:15px;line-height:22px} body #academy_use_info .section > .sectionWrap > .info-box > .info-content.map{margin:15px 0 0} body #academy_use_info .section > .sectionWrap > .info-box > .info-content.map > img{padding:4px;width:calc(100% - 24px)} body #academy_use_info .section > .sectionWrap > .info-box.access{margin-bottom:0;padding:0 15px 20px} body #academy_use_info .section > .sectionWrap > .info-box.access > .info-content{width:100%;margin-bottom:10px;flex-wrap:nowrap;align-items:start} body #academy_use_info .section > .sectionWrap > .info-box.access > .info-content:last-child{margin-bottom:0} body #academy_use_info .section > .sectionWrap > .info-box.access > .info-content strong{width:110px;margin-right:0;text-align:left} body #academy_use_info .section > .sectionWrap > .info-box.access > .info-content strong:after{display:none} body #academy_use_info .section > .sectionWrap > .info-box.access > .info-content span{width:100%} body #academy_use_info .section.section3 > .sectionWrap > .info-box{padding:40px 0} body #academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content, body #academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content *{font-size:20px} body #academy_use_info .section.section4 > .sectionWrap > .info-box{padding:40px 0} body #academy_use_info .section.section4 > .sectionWrap > .info-box > .info-title{margin-bottom:30px} body #academy_use_info .section.section4 > .sectionWrap > .info-box > .info-title img{max-width:210px} body #academy_use_info .section > .sectionWrap > .info-box > .link-box{margin:0;flex-wrap:nowrap} body #academy_use_info .section > .sectionWrap > .info-box > .link-box a{margin:0 20px} body #academy_use_info .section > .sectionWrap > .info-box > .link-box img{max-width:60px} /* 아카데미 소식 */ body #yonex_news.newsDiv_4 .news-list-box .news-list > li > .news > div.img > .label{position:absolute;top:5px;left:5px;z-index:2;background-color:rgba(255, 255, 255, 1.0);padding:0 5px;border-radius:5px;font-size:13px;line-height:18px;color:#009739;font-weight:500;width:auto} /* 서브페이지 모바일 본문 래퍼 */ #content_wrap.yx-mobile-content{display:block;width:100%;max-width:100%;float:none;margin:0;padding:0;box-sizing:border-box} #content_wrap.yx-mobile-content #content_body{width:100%;max-width:100%;float:none;margin:0;padding:0 0 20px;box-sizing:border-box} body.moment-yonex-mobile #page_container{min-width:0;width:100%} /* BRAND 모바일: TEAM 등 PC용 section-sub-menu 숨김 — NEWS(#yonex_news) 종목탭은 m2처럼 표시 */ body.moment-yonex-mobile .section-sub-menu, #content_wrap.yx-mobile-content .section-sub-menu, #content_wrap.yx-mobile-content .sectionWrap.fullWidth.textCenter:has(.section-sub-menu){ display:none !important; } body.moment-yonex-mobile #yonex_news .section-sub-menu, body.moment-yonex-mobile #yonex_news .sectionWrap.fullWidth.textCenter:has(.section-sub-menu), #content_wrap.yx-mobile-content #yonex_news .section-sub-menu, #content_wrap.yx-mobile-content #yonex_news .sectionWrap.fullWidth.textCenter:has(.section-sub-menu){ display:block !important; } body.moment-yonex-mobile #yonex_news .section-sub-menu.small, #content_wrap.yx-mobile-content #yonex_news .section-sub-menu.small{ display:block !important;float:left;width:100%;margin:14px 0 7px;padding:0 14px;box-sizing:border-box;text-align:left } body.moment-yonex-mobile #yonex_news .section-sub-menu.small li, #content_wrap.yx-mobile-content #yonex_news .section-sub-menu.small li{ display:inline-block;float:none;width:auto;margin:0 7px 7px 0 } /* yx-hide-section-sub-menu */ /* TEAM MOMENT 모바일 — 원본 m2/proc/team_yonex 와 동일 레이아웃 */ /* yx-team-moment-mobile */ body.moment-yonex-mobile .sub_page, #content_wrap.yx-mobile-content .sub_page{width:100% !important;max-width:100% !important;min-width:0 !important;overflow-x:hidden} body.moment-yonex-mobile .sub_page > .team_yonex > .info, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .info{float:left;width:100%;margin:0} body.moment-yonex-mobile .sub_page > .team_yonex > .info > img.h_txt, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .info > img.h_txt{float:left;width:100%;display:block} body.moment-yonex-mobile .sub_page > .team_yonex > .info > .h_img, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .info > .h_img{float:left;width:100%;position:relative} body.moment-yonex-mobile .sub_page > .team_yonex > .info > .h_img > img, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .info > .h_img > img{float:left;width:100%;display:block} body.moment-yonex-mobile .sub_page > .team_yonex > .info > h2.h_txt, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .info > h2.h_txt{ float:left;width:100%;margin:18px 0 12px;padding:0 14px;box-sizing:border-box; font-size:20px;line-height:28px;font-weight:600;color:#333;text-align:center } body.moment-yonex-mobile .sub_page > .team_yonex > .player, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .player{float:left;width:100%;margin:0 0 20px} body.moment-yonex-mobile .sub_page > .team_yonex > .player > .contents, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .player > .contents{ width:100% !important;max-width:100% !important;min-width:0 !important;margin:0;padding:0 7px;box-sizing:border-box } body.moment-yonex-mobile .sub_page > .team_yonex > .player > .contents > .menu, #content_wrap.yx-mobile-content .sub_page > .team_yonex > .player > .contents > .menu{display:none} body.moment-yonex-mobile #playerList, #content_wrap.yx-mobile-content #playerList{display:block;width:100%} body.moment-yonex-mobile #playerList > .moment, body.moment-yonex-mobile #playerList > div.moment, #content_wrap.yx-mobile-content #playerList > .moment{display:block;width:100%} body.moment-yonex-mobile #playerList .swiper-container, #content_wrap.yx-mobile-content #playerList .swiper-container{ overflow:visible !important;width:100% !important;margin:0 !important;padding:0 !important } body.moment-yonex-mobile #playerList .swiper-wrapper, #content_wrap.yx-mobile-content #playerList .swiper-wrapper{ display:flex !important;flex-wrap:wrap !important;transform:none !important; width:100% !important;height:auto !important;margin:0 !important } body.moment-yonex-mobile #playerList .swiper-slide, #content_wrap.yx-mobile-content #playerList .swiper-slide{ width:50% !important;max-width:50% !important;height:auto !important;margin:0 !important; transform:none !important;opacity:1 !important;flex:0 0 50%;box-sizing:border-box;padding:5px } body.moment-yonex-mobile #playerList .swiper-button-prev, body.moment-yonex-mobile #playerList .swiper-button-next, body.moment-yonex-mobile #playerList .swiper-container > .bg, #content_wrap.yx-mobile-content #playerList .swiper-button-prev, #content_wrap.yx-mobile-content #playerList .swiper-button-next, #content_wrap.yx-mobile-content #playerList .swiper-container > .bg{display:none !important} body.moment-yonex-mobile #playerList .swiper-slide > a.player, #content_wrap.yx-mobile-content #playerList .swiper-slide > a.player{ display:block;float:none;width:100%;height:auto;position:relative;opacity:1 } body.moment-yonex-mobile #playerList .swiper-slide > a.player > .img, #content_wrap.yx-mobile-content #playerList .swiper-slide > a.player > .img{ position:relative !important;top:auto !important;left:auto !important; display:block;width:100% !important;height:0 !important;padding-bottom:100% !important; background-size:cover;background-position:center top;background-repeat:no-repeat; background-color:#ecedf2 } body.moment-yonex-mobile #playerList .swiper-slide > a.player > .player_name, #content_wrap.yx-mobile-content #playerList .swiper-slide > a.player > .player_name{ position:relative !important;bottom:auto !important;left:auto !important; display:block;width:100% !important;height:auto !important;min-height:0; margin:0;padding:8px 4px 10px;border:1px solid #ebebeb;border-top:0; background:#fff;box-sizing:border-box;text-align:center } body.moment-yonex-mobile #playerList .swiper-slide > a.player > .player_name > span, #content_wrap.yx-mobile-content #playerList .swiper-slide > a.player > .player_name > span{ display:block;float:none;width:100%;line-height:1.35 } body.moment-yonex-mobile #playerList .swiper-slide > a.player > .player_name > span.ko, #content_wrap.yx-mobile-content #playerList .swiper-slide > a.player > .player_name > span.ko{ font-size:14px;font-weight:600;color:#333 } body.moment-yonex-mobile #playerList .swiper-slide > a.player > .player_name > span.en, #content_wrap.yx-mobile-content #playerList .swiper-slide > a.player > .player_name > span.en{ font-size:11px;color:#888;margin-top:2px } body.moment-yonex-mobile #ccm_certification .section.section3, #content_wrap.yx-mobile-content #ccm_certification .section.section3{padding:40px 14px 10px} body.moment-yonex-mobile #ccm_certification .section-sub-title .title, #content_wrap.yx-mobile-content #ccm_certification .section-sub-title .title{font-size:20px;line-height:28px;text-align:center} body.moment-yonex-mobile #history .section.section3, #content_wrap.yx-mobile-content #history .section.section3{padding:10px 14px 40px} body.moment-yonex-mobile #history .history .year, #content_wrap.yx-mobile-content #history .history .year{margin-bottom:24px} body.moment-yonex-mobile #history .history .year-title, #content_wrap.yx-mobile-content #history .history .year-title{font-size:22px;line-height:30px;margin-bottom:10px} body.moment-yonex-mobile #history .history .year dl, #content_wrap.yx-mobile-content #history .history .year dl{padding-left:0 !important;margin:0 0 8px;overflow:hidden} body.moment-yonex-mobile #history .history .year dt, #content_wrap.yx-mobile-content #history .history .year dt{float:left;width:72px;font-size:12px;line-height:18px;color:#0057b7} body.moment-yonex-mobile #history .history .year dd, #content_wrap.yx-mobile-content #history .history .year dd{float:left;width:calc(100% - 72px);font-size:12px;line-height:18px;color:#555;margin:0} /* TEAM MOMENT 013001 모바일: 남/여 선수 탭 표시 (m2 동일) */ body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .menu, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .menu{ display:inline-block !important;width:100%;text-align:center;margin-bottom:40px;padding:0 } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul{ float:left;width:100%;padding:0 30px;box-sizing:border-box;list-style:none;margin:0 } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li{ float:left;width:50%;height:40px } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li > a, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li > a{ float:left;width:100%;height:100%;border:1px solid #ddd;color:#676767;font-size:13px;line-height:38px;text-decoration:none;box-sizing:border-box } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li.active > a, body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li > a:hover, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li.active > a, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .menu > ul > li > a:hover{ border-color:#212121;background-color:#212121;color:#fff } /* TEAM MOMENT 013001 모바일 2열 선수카드 (m2 동일) — PC yonex_team.css width:250px 덮어쓰기 */ body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list{ display:block !important;width:100% !important;text-align:left !important;float:left;margin:0 0 30px;padding:0;box-sizing:border-box } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul{ display:none !important;float:none !important;width:100% !important;margin:0 !important;padding:0 7px !important;box-sizing:border-box;list-style:none } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul.active, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul.active{ display:flex !important;flex-wrap:wrap !important;flex-flow:row wrap !important } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li{ float:none !important;width:50% !important;max-width:50% !important;flex:0 0 50% !important; height:auto !important;margin:0 !important;padding:0 7px 20px !important;box-sizing:border-box } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li > a, body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li > a > img, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li > a, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li > a > img{ float:left !important;width:100% !important;height:auto !important;max-width:100% !important;display:block } body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li .nameBox, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li .nameBox{ float:left !important;margin:-17px 4% 0 !important;width:92% !important;border:1px solid #ebebeb;background:#fff;padding:4px 0;box-sizing:border-box;text-align:center } @media only screen and (min-width:640px){ body.moment-yonex-mobile .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013001 > .player > .contents > .list > ul > li{ width:33.333333% !important;max-width:33.333333% !important;flex:0 0 33.333333% !important } } /* TEAM MOMENT 013003 모바일 */ body.moment-yonex-mobile .sub_page > .team_yonex.category_013003 > .player > .contents > .menu, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013003 > .player > .contents > .menu{ display:inline-block !important;width:100%;text-align:center;margin-bottom:24px;padding:0 } body.moment-yonex-mobile .sub_page > .team_yonex.category_013003 > .player > .contents > .list > ul.active, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013003 > .player > .contents > .list > ul.active{ display:flex !important;flex-wrap:wrap !important } body.moment-yonex-mobile .sub_page > .team_yonex.category_013003 > .player > .contents > .list > ul > li, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013003 > .player > .contents > .list > ul > li{ float:none !important;width:50% !important;max-width:50% !important;flex:0 0 50% !important; height:auto !important;margin:0 !important;padding:0 7px 30px !important;box-sizing:border-box !important } /* TEAM MOMENT 013005 모바일 */ body.moment-yonex-mobile .sub_page > .team_yonex.category_013005 #playerList > ul.active, body.moment-yonex-mobile .sub_page > .team_yonex.category_013005 #playerList > ul, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013005 #playerList > ul{ display:flex !important;flex-wrap:wrap !important } body.moment-yonex-mobile .sub_page > .team_yonex.category_013005 #playerList > ul > li, #content_wrap.yx-mobile-content .sub_page > .team_yonex.category_013005 #playerList > ul > li{ float:none !important;width:50% !important;max-width:50% !important;flex:0 0 50% !important; height:auto !important;margin:0 !important;padding:0 7px 20px !important;box-sizing:border-box !important } /* EVENT 기획전 모바일 — m2/proc/event_list.php 동일 */ body.moment-yonex-mobile .yx-event-page-mobile .sub_page, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page{ width:100% !important;max-width:100% !important;min-width:0 !important;margin:0;padding:50px 7px 36px;box-sizing:border-box } body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list{ display:block;float:left;width:100%;padding:0;margin:0;list-style:none } body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li{ float:left;width:50%;padding:0 7px;margin-bottom:14px;list-style:none;box-sizing:border-box } @media only screen and (min-width:700px){ body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li{width:33.333333%} } body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li > .event, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li > .event{ float:left;width:100%;border:1px solid #e1e1e1 } body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li > .event > div.img > .bg > strong, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li > .event > div.img > .bg > strong{ top:10px;right:10px;padding:5px 10px;border-radius:10px;font-size:13px;line-height:18px } body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li > .event > div.txt, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li > .event > div.txt{padding:10px} body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li > .event > div.txt > strong, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li > .event > div.txt > strong{ font-size:13px;line-height:20px;font-weight:500 } body.moment-yonex-mobile .yx-event-page-mobile .sub_page > .event_list > li > .event > div.txt > span, #content_wrap.yx-mobile-content .yx-event-page-mobile .sub_page > .event_list > li > .event > div.txt > span{ font-size:12px;line-height:18px;color:#b0b0b0 } body.moment-yonex-mobile .yx-event-page-mobile .paginationWrap_html, #content_wrap.yx-mobile-content .yx-event-page-mobile .paginationWrap_html{padding-bottom:40px;clear:both} /* E-CATALOGUE 모바일 — m2/proc/E_catalogue.php 동일 */ body.moment-yonex-mobile .yx-catalogue-page-mobile, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile{width:100%;max-width:100%;min-width:0} body.moment-yonex-mobile .yx-catalogue-page-mobile .catal_con .layout_wrap, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile .catal_con .layout_wrap{padding:0;width:100%;max-width:100%} body.moment-yonex-mobile .yx-catalogue-page-mobile .catal_iframe, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile .catal_iframe{width:100%;height:300px;min-height:300px} body.moment-yonex-mobile .yx-catalogue-page-mobile .catal_iframe > iframe, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile .catal_iframe > iframe{width:100%;height:100%;border:0;display:block} body.moment-yonex-mobile .yx-catalogue-page-mobile .catal_list, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile .catal_list{padding-bottom:100px;float:left;width:100%} body.moment-yonex-mobile .yx-catalogue-page-mobile .catal_list .layout_wrap, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile .catal_list .layout_wrap{padding:10px 7px 0;width:100%;max-width:100%;box-sizing:border-box} body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide{ display:block;width:100%;margin:0 0 10px;padding:0;list-style:none;overflow:hidden } body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide > li.item, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide > li.item{ float:left;width:33.333333%;padding:0 5px 12px;box-sizing:border-box;list-style:none } body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide a, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide a{display:block;text-decoration:none;color:inherit} body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide a > .bg, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide a > .bg{ display:block;width:100%;padding-bottom:130%;background-repeat:no-repeat;background-position:center center;background-size:cover;border:1px solid #e1e1e1 } body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide a > .bg > img, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide a > .bg > img{opacity:0;width:100%;height:auto;display:block} body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide a .s1, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide a .s1{ font-size:13px;line-height:20px;font-weight:300;padding:6px 5px 0;margin:0 } body.moment-yonex-mobile .yx-catalogue-page-mobile ul.catal_slide a .s2, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile ul.catal_slide a .s2{display:none} body.moment-yonex-mobile .yx-catalogue-page-mobile .yx-catalogue-sample-note, #content_wrap.yx-mobile-content .yx-catalogue-page-mobile .yx-catalogue-sample-note{display:none} /* OUTLET 모바일 — m2/goods/list.php?category=026* 동일 */ /* depth2 남성의류/여성의류 중앙정렬 (m2 yonexmall.css) */ body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET, body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category{ float:none;width:100%;height:auto;text-align:center } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .owl-carousel, body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category .owl-carousel, body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .category_depth2, body.moment-yonex-mobile #topCateSub[now-category="026"] .category_depth2{ float:none !important;display:inline-block !important;height:auto;vertical-align:top;text-align:center } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .owl-carousel .owl-stage-outer, body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category .owl-carousel .owl-stage-outer{ text-align:center;height:auto } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .owl-carousel .owl-stage, body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category .owl-carousel .owl-stage{ display:inline-block !important;float:none;height:auto;margin:0 auto } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .item, body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category .item{ float:none;display:inline-block;vertical-align:top } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET h3, body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category h3{ padding:0 14px } body.moment-yonex-mobile #page_title, #content_wrap.yx-mobile-content #page_title{ display:block;width:100%;padding:18px 14px 8px;box-sizing:border-box;text-align:center } body.moment-yonex-mobile #page_title .top_title, #content_wrap.yx-mobile-content #page_title .top_title{ font-size:20px;line-height:28px;font-weight:600;color:#131415;letter-spacing:0.02em } body.moment-yonex-mobile .yx-outlet #subcategory_list, #content_wrap.yx-mobile-content.yx-outlet #subcategory_list, #content_wrap.yx-mobile-content #subcategory_list.cate_026{display:none !important} /* 리스트 — goods_search 모바일 2열과 동일 (PC list_style01 깨짐 보정) */ body.moment-yonex-mobile .yx-sct-outlet .yx-outlet-banner, #content_wrap.yx-mobile-content .yx-sct-outlet .yx-outlet-banner{ display:block;width:100%;height:auto;margin:0 0 14px } body.moment-yonex-mobile .yx-sct-outlet .yx-list-sort-bar, #content_wrap.yx-mobile-content .yx-sct-outlet .yx-list-sort-bar{ padding:0 14px 10px;box-sizing:border-box } body.moment-yonex-mobile .yx-sct-outlet .contents_item_list, #content_wrap.yx-mobile-content .yx-sct-outlet .contents_item_list{ padding:0 7px;box-sizing:border-box } body.moment-yonex-mobile .yx-sct-outlet .contents_item_list > h3, #content_wrap.yx-mobile-content .yx-sct-outlet .contents_item_list > h3{ font-size:13px;line-height:20px;padding:0 7px 10px;margin:0;border:0 } body.moment-yonex-mobile .yx-sct-outlet .list_style01 ul.clearfix, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 ul.clearfix{ padding:0;display:flex;flex-wrap:wrap;margin:0;list-style:none } body.moment-yonex-mobile .yx-sct-outlet .list_style01 > ul > li, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 > ul > li, body.moment-yonex-mobile .yx-sct-outlet .list_style01 > ul > li[style], #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 > ul > li[style]{ width:50% !important;float:none !important;padding:7px 7px 8px !important;margin:0 0 20px !important; position:relative;box-sizing:border-box;background:#fff;text-align:center } body.moment-yonex-mobile .yx-sct-outlet .list_style01 ul > li > div, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 ul > li > div{ float:left;width:100%;box-sizing:border-box } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_img, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_img{ padding:7px 7px 6px !important;position:relative } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_img a, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_img a{ display:block;position:relative;float:left;width:100% } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_img a img, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_img a img{ float:left;width:100%;height:auto;opacity:1 !important;transform:none !important;position:static !important } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_img a img.hover, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_img a img.hover{ display:none !important } body.moment-yonex-mobile .yx-sct-outlet .list_style01 ul > li > div:last-child, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 ul > li > div:last-child{ padding:0 7px 7px;text-align:center;float:left;width:100%;box-sizing:border-box } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_name, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_name{ padding:0;height:34px;overflow:hidden;margin-bottom:7px } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_name a, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_name a{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-size:13px;line-height:17px;font-weight:500;color:#131415 } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_price, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_price{ display:block;width:100%;font-size:11px;line-height:18px;margin-bottom:4px;box-sizing:border-box } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_price.info, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_price.info{ color:#767676;margin-bottom:1px } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_price strike, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_price strike{ display:inline-block;font-size:13px;line-height:20px;font-weight:400;color:#aab2bd;margin-right:5px;text-decoration:none } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_price b, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_price b{ display:inline-block;font-size:14px !important;line-height:20px !important;font-weight:500;color:#0057b7 } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_icon, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_icon{ position:absolute;top:7px;left:0;padding:0 7px;width:100%;text-align:left;box-sizing:border-box } body.moment-yonex-mobile .yx-sct-outlet .list_style01 .item_color, #content_wrap.yx-mobile-content .yx-sct-outlet .list_style01 .item_color{ margin:7px 0 0 !important;border-top:1px solid #d9d9d9;padding-top:7px;min-height:20px;height:auto } /* outlet depth2: 2메뉴 flex 중앙 (owl 미초기화 대비) */ body.moment-yonex-mobile #topCateSub[now-category="026"] .top_sub_category.category_OUTLET .category_depth2, body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .category_depth2{ display:flex !important;flex-wrap:nowrap;justify-content:center;align-items:center; float:none !important;width:100% !important;height:auto !important;text-align:center } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .category_depth2.owl-loaded, body.moment-yonex-mobile #topCateSub[now-category="026"] .category_depth2.owl-loaded{ display:block !important; /* owl 사용시 flex 해제 */ } body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .category_depth2 > .item, body.moment-yonex-mobile #topCateSub .top_sub_category.category_OUTLET .category_depth2 .owl-item{ float:none !important;flex:0 0 auto } /* OUTLET depth2 plain center (no owl) */ body.moment-yonex-mobile #topCateSub .yx-outlet-depth2{ display:flex !important;justify-content:center;align-items:center;gap:0; width:100% !important;float:none !important;height:33px;margin:0 auto } body.moment-yonex-mobile #topCateSub .yx-outlet-depth2 > .item{ float:none !important;display:block;flex:0 0 auto } body.moment-yonex-mobile #topCateSub .yx-outlet-depth2 h3{padding:0 16px;margin:0} body.moment-yonex-mobile #topCateSub .yx-outlet-depth2 h3 a{ display:inline-block;line-height:33px;font-size:14px;color:#000;position:relative } body.moment-yonex-mobile #topCateSub .yx-outlet-depth2 h3 a.active{color:#0057b7} body.moment-yonex-mobile #topCateSub .yx-outlet-depth2 h3 a.active:after{ content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#0057b7 } /* ACADEMY mobile topcate — m2/academy/* 동일 */ body.moment-yonex-mobile #academy_intro > .section:first-child .section-title, body.moment-yonex-mobile #academy_system > .section:first-child .section-title, body.moment-yonex-mobile #academy_benefit > .section:first-child .section-title, body.moment-yonex-mobile #academy_use_info > .section:first-child .section-title, body.moment-yonex-mobile #academy_news > .section:first-child .section-title, body.moment-yonex-mobile .academy > .section:first-child .section-sub-menu{display:none !important} body.moment-yonex-mobile #topCateSub .top_sub_category.category_ACADEMY.active{ display:block;float:left;width:100%;height:auto } body.moment-yonex-mobile #topCateSub .top_sub_category.category_ACADEMY .category_depth2 h3 a.active{color:#0057b7} /* academy intro mobile layout fix — PC brand.css 960/1490 폭 보정 (m2 동일) */ body.moment-yonex-mobile #academy_intro .section .youtube-box, body #academy_intro .section .youtube-box{ float:left;width:100%;display:flex;align-items:center;justify-content:center;margin:0 0 30px;padding:0 12px;box-sizing:border-box } body.moment-yonex-mobile #academy_intro .section .youtube-box > div, body #academy_intro .section .youtube-box > div{ float:left;width:100% !important;max-width:100%;position:relative } body.moment-yonex-mobile #academy_intro .section .youtube-box > div > img, body #academy_intro .section .youtube-box > div > img{ float:left;width:100%;opacity:0 } body.moment-yonex-mobile #academy_intro .section .youtube-box > div > iframe, body #academy_intro .section .youtube-box > div > iframe{ position:absolute;top:0;left:0;width:100%;height:100% } body.moment-yonex-mobile #academy_intro .section.section3 > .sectionWrap.coach, body #academy_intro .section.section3 > .sectionWrap.coach{ width:100% !important;max-width:100%;padding:0 12px;box-sizing:border-box } body.moment-yonex-mobile .academy .section > .sectionWrap > .img-group > .popup-img-box, body .academy .section > .sectionWrap > .img-group > .popup-img-box{ padding:0 12px 20px !important;display:flex;flex-wrap:wrap;justify-content:center;box-sizing:border-box } body.moment-yonex-mobile .academy .section > .sectionWrap > .img-group > .popup-img-box > a, body .academy .section > .sectionWrap > .img-group > .popup-img-box > a{ width:45% !important;margin:0 2.5% 10px !important;float:left;box-sizing:border-box } body.moment-yonex-mobile .academy .section > .sectionWrap > .img-group > .popup-img-box > a > img{ float:left;width:100%;height:auto } body.moment-yonex-mobile .academy .section > .sectionWrap > .img-group > .over-img{ max-width:100%;height:auto } body.moment-yonex-mobile .academy .section > .sectionWrap > .img-group > .bg{ float:left;width:100%;height:auto } body.moment-yonex-mobile #academy_intro .section.section1 .img-group{ min-height:0 } body.moment-yonex-mobile #academy_intro .section.section1 .img-group > .txt-box.head{ position:absolute;left:0;top:55%;width:100%;height:auto;padding:0 12px;box-sizing:border-box } body.moment-yonex-mobile .academy .section > .sectionWrap{ width:100% !important;max-width:100%;box-sizing:border-box } body.moment-yonex-mobile .academy .section > .sectionWrap.fullWidth{ padding-left:0 !important;padding-right:0 !important } /* Moment logo */ #ft_logo > a img{filter:brightness(0) invert(1)} .gnb #logo img{height:28px;width:auto}