@charset "utf-8";

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

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

.section > .sectionWrap > .section-sub-title{float:left;width:100%;text-align:center}
.section > .sectionWrap > .section-sub-title .title{float:left;width:100%;margin:0;padding:0;text-align:center;font-size:30px;line-height:40px;font-weight:600;color:#4f4a47}
.section > .sectionWrap > .section-sub-title .title .fa{color:#ccc;position:relative}
.section > .sectionWrap > .section-sub-title .title .fa.fa-quote-left{top:-15px}
.section > .sectionWrap > .section-sub-title .title .fa.fa-quote-right{bottom:-15px}
.section > .sectionWrap > .section-sub-title .divider{border:1px solid #4f4a47;position:relative;display:inline-block;width:30px;margin:10px 0}
.section > .sectionWrap > .section-sub-desc{float:left;width:100%;text-align:center;margin-top:30px}
.section > .sectionWrap > .section-sub-desc p
, .section > .sectionWrap > .section-sub-desc p *{font-size:20px;line-height:30px;color:#737a7e}

.section-container{display:inline-block;width:100%;overflow:hidden;padding-bottom:100px}
.section-container *{
	-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-sub-menu{display:flex;align-items:center;justify-content:center;margin-bottom:100px;position:relative}
.section-sub-menu:before{content:"";position:absolute;bottom:0;left:0;float:left;width:100%;height:2px;background-color:#f7f8f9}
.section-sub-menu li{float:left;width:220px;position:relative}
.section-sub-menu.small li{width:150px}
.section-sub-menu li a{float:left;width:100%;color:#a1a6a8;border-bottom:2px solid #f7f8f9;font-size:20px;line-height:48px}
.section-sub-menu li a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.section-sub-menu li a:hover{color:#1f2427}
.section-sub-menu li.active a{border-color:#0057b7;color:#1f2427}

/* MOMENT 브랜드 소개 */
#brandInfo .section.section1 .intro-box{float:left;width:100%;position:relative;margin-top:40px}
#brandInfo .section.section1 .intro-box .text-box{float:left;width:42%;position:absolute;top:15%;left:0;padding-left:40px}
#brandInfo .section.section1 .intro-box .text-box:before{content:"";position:absolute;top:95px;left:-40px;float:left;width:200px;height:200px;background-color:#f7f8f9}
#brandInfo .section.section1 .intro-box .text-box p{float:left;width:100%;position:relative}
#brandInfo .section.section1 .intro-box .text-box p.box-title{font-size:30px;line-height:40px;color:#4f4a47;margin-bottom:30px;font-weight:500}
#brandInfo .section.section1 .intro-box .text-box p.box-desc{font-size:20px;line-height:30px;color:#737a7e}
#brandInfo .section.section1 .intro-box img{display:inline-block;max-width:100%}
#brandInfo .section.section2{position:relative;padding:100px 0;background:url(/theme/cosmetic/img/yonex/images/brand/World_Map_v3a.png) no-repeat center center;background-size:cover;background-attachment:fixed}
/* IE 에서 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	#brandInfo .section.section2{background-attachment:inherit}
}
#brandInfo .section.section2:before{content:"";position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.75}
#brandInfo .section.section2 > .sectionWrap > .section-sub-title .title{color:#fff;font-weight:500}
#brandInfo .section.section2 > .sectionWrap > .section-sub-desc{margin-top:60px}
#brandInfo .section.section2 > .sectionWrap > .section-sub-desc p
, #brandInfo .section.section2 > .sectionWrap > .section-sub-desc p *{color:#ddd;font-weight:300}
#brandInfo .section.section2 > .sectionWrap > .section-sub-desc p strong{font-weight:500}
#brandInfo .section.section3{padding:0 0 55px;background-color:#f5f7fb}
#brandInfo .section.section3 > .sectionWrap > .section-title .title{font-size:30px;line-height:40px}
#brandInfo .section.section3 > .sectionWrap > .section-title .title > span{font-size:30px;line-height:40px}
#brandInfo .section.section3 > .sectionWrap > .section-title .desc{font-size:20px;line-height:30px;color:#737a7e}
#brandInfo .section.section4{padding:100px 0}
#brandInfo .section.section4 > .sectionWrap > .section-title{margin:30px 0}
#brandInfo .section.section4 > .sectionWrap > .section-title .divider{margin-top:10px}
#brandInfo .section.section4 > .sectionWrap > .section-sub-desc p
, #brandInfo .section.section4 > .sectionWrap > .section-sub-desc p *{color:#4f4a47}
#brandInfo .section.section4 > .sectionWrap > .section-sub-desc.type2{margin-top:0}
#brandInfo .section.section4 > .sectionWrap > .section-sub-desc.type2 p
, #brandInfo .section.section4 > .sectionWrap > .section-sub-desc.type2 p *{color:#737a7e;font-size:24px;line-height:34px;font-weight:500}

/* MOMENT KOREA 소개 */
#introduce .section > .sectionWrap{width:1100px}
#introduce .section.section1{overflow:visible}
#introduce .section.section1 .company-box{display:flex;align-items:center;justify-content:center;margin-top:40px}
#introduce .section.section1 .company-box .goods{float:left;min-width:200px}
#introduce .section.section1 .company-box .goods.left{text-align:right;padding-right:25px}
#introduce .section.section1 .company-box .goods.right{text-align:left;padding-left:25px}
#introduce .section.section1 .company-box .goods li{display:block;font-size:18px;line-height:25px;position:relative;color:#737a7e}
#introduce .section.section1 .company-box .goods li:before{content:"";float:left;width:5px;height:5px;background-color:#737a7e;position:absolute;top:10px;border-radius:5px}
#introduce .section.section1 .company-box .goods.left li{padding-right:15px}
#introduce .section.section1 .company-box .goods.left li:before{right:0}
#introduce .section.section1 .company-box .goods.right li{padding-left:15px}
#introduce .section.section1 .company-box .goods.right li:before{left:0}
#introduce .section.section1 .company-box .company-name{float:left;min-width:200px;border:7px solid #45c2c3;color:#45c2c3;font-size:32px;line-height:46px;text-align:center;padding:70px 0;border-radius:200px;font-weight:500}
#introduce .section.section1 .company-box .angle{padding:0 30px}
#introduce .section.section1 .company-box .angle .fa{font-size:50px;color:#45c2c3}
#introduce .section.section1 hr{background-color:#ccc;margin:0 0 20px;float:left;width:100%;height:1px;border:1px solid #eee}
#introduce .section.section1 .company-intro-box{display:inline-block;width:100%;margin-top:80px;border-radius:10px;overflow:hidden;margin-bottom:100px}
#introduce .section.section1 .company-intro-box{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
#introduce .section.section1 .company-intro-box > div{float:left;width:50%;padding:25px 35px 30px}
#introduce .section.section1 .company-intro-box > div:last-child{background-color:#f5f7fb}
#introduce .section.section1 .company-intro-box > div .box
, #introduce .section.section1 .company-intro-box > div .box > *{float:left;width:100%}
#introduce .section.section1 .company-intro-box > div .box > h3{font-size:30px;line-height:50px;font-weight:600;text-align:center}
#introduce .section.section1 .company-intro-box > div .box > dl{margin:20px 0 30px}
#introduce .section.section1 .company-intro-box > div .box > dl > *{float:left;font-size:18px;line-height:30px}
#introduce .section.section1 .company-intro-box > div .box > dl dt{width:20%;color:#0057b7;font-weight:500}
#introduce .section.section1 .company-intro-box > div:last-child .box > dl dt{color:#009739}
#introduce .section.section1 .company-intro-box > div .box > dl dd{width:80%;color:#737a7e}
#introduce .section.section1 .company-intro-box > div .box > p{color:#4f4a47;font-size:16px;line-height:24px}
#introduce .section.section1 .company-intro-box > div .box > p strong{font-size:inherit;line-height:inherit;font-weight:500}
#introduce .section.section1 .mission-box{display:inline-block;width:100%;text-align:center}
#introduce .section.section1 .mission-box > img{max-width:100%}

/* 소비자중심경영 (CCM) */
#ccm_certification .section.section1{padding-bottom:100px}
#ccm_certification .section.section2
, #ccm_certification .section.section3{padding:100px 0}
#ccm_certification .section.section1{overflow:visible}
#ccm_certification .section.section2{background-color:#f5f7fb}
/*#ccm_certification .section.section2{background:url(/theme/cosmetic/img/yonex/images/brand/box_bg2.png) no-repeat center center / 100% 100% #f5f7fb}*/
#ccm_certification .section hr{background-color:#ccc;margin:70px 0;float:left;width:100%;height:1px;border:1px solid #eee}
#ccm_certification .section .certification-box{float:left;width:100%}
#ccm_certification .section .certification-box > *{float:left;width:100%}
#ccm_certification .section .certification-box h3{font-size:35px;line-height:45px;font-weight:600;text-align:center;margin-bottom:50px}
#ccm_certification .section .certification-box .box{display:flex;justify-content:center}
#ccm_certification .section .certification-box .box > *{float:left;width:100%}
#ccm_certification .section .certification-box .box .img-box{width:60%}
#ccm_certification .section .certification-box .box .img-box img{display:inline-block}
#ccm_certification .section .certification-box .box .text-box > *{float:left;width:100%}
#ccm_certification .section .certification-box .box .text-box p
, #ccm_certification .section .certification-box .box .text-box p strong{color:#4f4a47;font-size:20px;line-height:30px}
#ccm_certification .section .certification-box .box .text-box p strong{color:#0057b7}
#ccm_certification .section .certification-box .box .text-box .gov-box{display:flex;justify-content:center;margin:20px 0}
#ccm_certification .section .certification-box .box .text-box .gov-box > *{float:left;width:50%;text-align:center;padding:10px}
#ccm_certification .section .certification-box .box .text-box .gov-box dl dt{display:inline-block;font-size:20px;line-height:30px;color:#fff;background-color:#2e2e38;border-radius:40px;padding:5px 50px}
#ccm_certification .section .certification-box .box .text-box .gov-box dl dd{display:inline-block;border:1px solid #c5c5c5;border-radius:10px;margin-top:20px;padding:12px 20px;background-color:#fff}
#ccm_certification .section .certification-box .box .text-box .gov-box dl dd img{display:inline-block;max-width:100%}
#ccm_certification .section .certification-box .box .text-box > dl{position:relative;padding-left:80px}
#ccm_certification .section .certification-box .box .text-box > dl > *{float:left;font-size:18px;line-height:30px}
#ccm_certification .section .certification-box .box .text-box > dl dt{position:absolute;top:0;left:0;width:80px;color:#0057b7;font-weight:500}
#ccm_certification .section .certification-box .box .text-box > dl dd{width:100%;color:#737a7e}
#ccm_certification .section .certification-box.moment .box .img-box{min-width:720px}
#ccm_certification .section .certification-box.moment .box .img-box a{float:left;width:350px;margin-right:20px}
#ccm_certification .section .certification-box.moment .box .img-box a{
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
#ccm_certification .section .certification-box.moment .box .img-box a:hover{transform:translateY(-10px)}
#ccm_certification .section .certification-box.moment .box .img-box a:last-child{margin-right:0}
#ccm_certification .section .certification-box.moment .box .img-box a img{float:left;width:100%}
#ccm_certification .section .certification-box.moment .box .text-box{padding:20px 30px;padding-right:0}
#ccm_certification .section .certification-box.moment .box .text-box p
, #ccm_certification .section .certification-box.moment .box .text-box p strong{color:#737a7e}
#ccm_certification .section .certification-box.moment .box .text-box p strong{color:#0057b7}
#ccm_certification .section .certification-box.moment .box .text-box{background:url(/theme/cosmetic/img/yonex/images/site/logo_moment.png) no-repeat right bottom}
/*#ccm_certification .section.section2 .certification-box.moment .box .text-box{background:url(/theme/cosmetic/img/yonex/images/site/logo-white.png) no-repeat right bottom / 300px auto}*/

#ccm_certification .section > .sectionWrap.lsp-wrap{width:1000px}
#ccm_certification .section .lsp-info-box{float:left;width:100%}
#ccm_certification .section .lsp-info-box > *{float:left;width:100%}
#ccm_certification .section .lsp-info-box > .box{font-size:20px;line-height:25px;text-align:center;border:2px solid #0057b7;color:#0057b7;padding:20px 0;background-color:#fff;border-radius:5px}
#ccm_certification .section .lsp-info-box > .box{color:#fff;background-color:rgba(0, 87, 183, 0.7)}
#ccm_certification .section .lsp-info-box > .box{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
#ccm_certification .section .lsp-info-box > .box.green-box{border-color:#009739;color:#009739}
#ccm_certification .section .lsp-info-box > .box.green-box{color:#fff;background-color:rgba(0, 151, 57, 0.7)}
#ccm_certification .section .lsp-info-box > .angle{padding:10px 0;text-align:center}
#ccm_certification .section .lsp-info-box > .angle{
	-webkit-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
	-moz-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
	-ms-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
	-o-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
	text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
}
#ccm_certification .section .lsp-info-box > .angle .fa{font-size:50px;color:#0057b7}
#ccm_certification .section .lsp-info-box > .angle.green .fa{color:#009739}
#ccm_certification .section .lsp-info-box > .lsp-box{padding:30px 40px 40px;background-color:#fff;border:5px solid #5a97d1;text-align:center;border-radius:10px}
#ccm_certification .section .lsp-info-box > .lsp-box{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
#ccm_certification .section .lsp-info-box > .lsp-box h4{color:#2e2e38;font-size:50px;line-height:60px;font-weight:500}
#ccm_certification .section .lsp-info-box > .lsp-box ul{display:flex;align-items:center;justify-content:center}
#ccm_certification .section .lsp-info-box > .lsp-box ul.lsp{margin:20px 0 40px}
#ccm_certification .section .lsp-info-box > .lsp-box ul.lsp > li{display:inline-block;margin:0 20px}
#ccm_certification .section .lsp-info-box > .lsp-box ul.lsp > li
, #ccm_certification .section .lsp-info-box > .lsp-box ul.lsp > li *{color:#7d8488;font-size:20px;line-height:30px}
#ccm_certification .section .lsp-info-box > .lsp-box ul.process{justify-content:space-between}
#ccm_certification .section .lsp-info-box > .lsp-box ul.process > li{float:left;width:100px;line-height:96px;border:2px solid #45c2c3;color:#45c2c3;border-radius:100px;font-weight:500;font-size:18px}
#ccm_certification .section .lsp-info-box > .lsp-box ul.process > li > span{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
#ccm_certification .section .lsp-info-box > .lsp-box ul.process > li{background-color:rgba(69, 194, 195, 0.05)}
/* ccm 로고에서 색상 취득 */
#ccm_certification .section .lsp-info-box > .lsp-box ul.process > li:nth-child(odd){border-color:#f08200;color:#f08200;background-color:rgba(240, 130, 0, 0.05)}
#ccm_certification .section .lsp-info-box > .lsp-box ul.process > li:nth-child(even){border-color:#5a97d1;color:#5a97d1;background-color:rgba(90, 151, 209, 0.05)}
/* LSP 2안 */
#ccm_certification .section > .sectionWrap.lsp-wrap.type2{width:1240px}
#ccm_certification .section .lsp-info-box.type2{display:flex;align-items:center;justify-content:center}
#ccm_certification .section .lsp-info-box.type2 > *{width:auto}
#ccm_certification .section .lsp-info-box.type2 > .box{width:190px;height:190px;border-radius:190px;padding:30px 0;border-width:5px;border-color:rgba(0, 87, 183, 0.7)}
#ccm_certification .section .lsp-info-box.type2 > .box{color:#0057b7;background-color:transparent}
#ccm_certification .section .lsp-info-box.type2 > .box.green-box{color:#009739;border-color:rgba(0, 151, 57, 0.7)}
#ccm_certification .section .lsp-info-box.type2 > .box{
/*	-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-ms-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-o-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#ccm_certification .section .lsp-info-box.type2 > .box .fa{margin-bottom:10px;font-size:50px}
#ccm_certification .section .lsp-info-box.type2 > .angle{padding:0 25px}
#ccm_certification .section .lsp-info-box.type2 > .angle{
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	text-shadow:none;
}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box{width:300px;height:300px;padding:60px 0;border-radius:300px;position:relative;margin:110px 150px;background-color:#96c11f;border-width:0}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box > *{position:relative;z-index:2}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box h4{float:left;width:100%;color:#fff}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp{float:left;width:100%;display:block;margin-bottom:0}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp > li{float:left;width:100%;margin:0}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp > li
, #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp > li *{color:#fff}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process{position:absolute;z-index:1;top:-20px;right:-20px;bottom:-20px;left:-20px;display:block}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li{position:absolute;width:0;height:100%;margin:0 50%;border:0;transform:rotate(-360deg);font-size:20px;line-height:120px}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li > span{position:absolute;left:50%;bottom:100%;width:120px;height:120px;margin-left:-60px;border:15px solid #45c2c3;border-radius:100px;border-width:0;line-height:120px;color:#fff}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li > span{
/*	-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-ms-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-o-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(odd) > span{border-color:#f08200;background-color:rgba(240, 130, 0, 0.05)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(even) > span{border-color:#5a97d1;background-color:rgba(90, 151, 209, 0.05)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(1){transform:rotate(22.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(2){transform:rotate(67.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(3){transform:rotate(112.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(4){transform:rotate(157.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(5){transform:rotate(202.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(6){transform:rotate(247.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(7){transform:rotate(292.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(8){transform:rotate(337.5deg)}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(1) > span{transform:rotate(-22.5deg);background-color:#f79740}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(2) > span{transform:rotate(-67.5deg);background-color:#ed726c}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(3) > span{transform:rotate(-112.5deg);background-color:#cd93d3}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(4) > span{transform:rotate(-157.5deg);background-color:#a18fd4}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(5) > span{transform:rotate(-202.5deg);background-color:#81b1d4}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(6) > span{transform:rotate(-247.5deg);background-color:#5dc4b7}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(7) > span{transform:rotate(-292.5deg);background-color:#54c68a}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(8) > span{transform:rotate(-337.5deg);background-color:#dfc732}
/* CCM 공홈에서 색상 발췌 */
#ccm_certification .section .lsp-info-box.type2 > .lsp-box{background-color:transparent}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box h4{color:#4f4a47}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp{float:none;display:inline-block;width:auto}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp > li{color:#7d8488;text-align:left;float:none;display:block;width:auto}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.lsp > li *{color:#4f4a47}
#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process{top:0;left:0;right:0;bottom:0}
/*#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(1) > span*/
/*, #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(3) > span*/
/*, #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(5) > span*/
/*, #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(7) > span{background-color:rgba(242,102,51,0.9)}*/
/*#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(2) > span*/
/*, #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(6) > span{background-color:rgba(110,111,113,0.9)}*/
/*#ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(4) > span*/
/*, #ccm_certification .section .lsp-info-box.type2 > .lsp-box ul.process > li:nth-child(8) > span{background-color:rgba(81,194,188,0.9)}*/

#ccm_certification .section .youtube-box{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin-top:30px}
#ccm_certification .section .youtube-box > div{float:left;width:960px;position:relative}
#ccm_certification .section .youtube-box > div > img{float:left;width:100%;opacity:0}
#ccm_certification .section .youtube-box > div > iframe{position:absolute;top:0;left:0;float:left;width:100%;height:100%}

/* CEO 인사말 */
#greeting .section > .sectionWrap{width:1030px}
#greeting .section.section1{padding-bottom:100px}
#greeting .section.section1 .intro-box{float:left;width:100%}
#greeting .section.section1 .intro-box .ceo{float:left;width:25%;text-align:right;padding-left:30px}
#greeting .section.section1 .intro-box .ceo img{max-width:100%;margin-bottom:20px;border-radius:0 15px}
#greeting .section.section1 .intro-box .ceo p{font-size:20px;line-height:30px}
#greeting .section.section1 .intro-box .ceo p strong{font-size:25px;line-height:40px}
#greeting .section.section1 .intro-box .text-box{float:left;width:75%;position:relative;padding:30px 0}
#greeting .section.section1 .intro-box .text-box:before{content:"";position:absolute;top:100px;left:-40px;float:left;width:200px;height:200px;background-color:#f7f8f9}
#greeting .section.section1 .intro-box .text-box p{float:left;width:100%;position:relative}
#greeting .section.section1 .intro-box .text-box p.box-title{font-size:30px;line-height:40px;color:#4f4a47;margin-bottom:70px;font-weight:500}
#greeting .section.section1 .intro-box .text-box p.box-title .fa{color:#ccc;position:relative}
#greeting .section.section1 .intro-box .text-box p.box-title .fa.fa-quote-left{top:-15px}
#greeting .section.section1 .intro-box .text-box p.box-title .fa.fa-quote-right{bottom:-15px}
#greeting .section.section1 .intro-box .text-box p.box-desc{font-size:20px;line-height:30px;color:#737a7e;padding-left:40px}
/* 배경이미지 */
/*#greeting .section.section2{position:relative;padding:100px 0;background:url(/theme/cosmetic/img/yonex/images/brand/World_Map_v3a.png) no-repeat center center;background-size:cover;background-attachment:fixed}*/
/* IE 에서 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
/*	#greeting .section.section2{background-attachment:inherit}*/
}
/*#greeting .section.section2:before{content:"";position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.75}*/
/*#greeting .section.section2 > .sectionWrap > .section-sub-title .title{color:#fff;font-weight:500}*/
/*#greeting .section.section2 > .sectionWrap > .section-sub-desc{margin-top:60px}*/
/*#greeting .section.section2 > .sectionWrap > .section-sub-desc p*/
/*, #greeting .section.section2 > .sectionWrap > .section-sub-desc p *{color:#ddd;font-weight:300}*/
/*#greeting .section.section2 > .sectionWrap > .section-sub-desc p strong{font-weight:500}*/
#greeting .section.section2{padding:100px 0;background-color:#f5f7fb}
#greeting .section.section2{padding:100px 0;background:url(/theme/cosmetic/img/yonex/images/brand/box02_bg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed}
/* IE 에서 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	#greeting .section.section2{background-attachment:inherit}
}
#greeting .section.section2 > .sectionWrap > .section-sub-desc p
, #greeting .section.section2 > .sectionWrap > .section-sub-desc p *{color:#4f4a47}
#greeting .section.section3{padding:100px 0}
#greeting .section.section3 > .sectionWrap > .section-title{margin:30px 0}
#greeting .section.section3 > .sectionWrap > .section-title .divider{margin-top:10px}
#greeting .section.section3 > .sectionWrap > .section-sub-desc{margin-top:60px}
#greeting .section.section3 > .sectionWrap > .section-sub-desc.type2{margin-top:0}
#greeting .section.section3 > .sectionWrap > .section-sub-desc.type2 p
, #greeting .section.section3 > .sectionWrap > .section-sub-desc.type2 p *{color:#737a7e;font-size:24px;line-height:34px;font-weight:500}

/* 윤리경영 */
#ethicalManagement .section > .sectionWrap{width:1140px}
#ethicalManagement .section.section1{padding-bottom:100px;overflow:visible}
#ethicalManagement .section.section1 > .sectionWrap > .section-title{margin:30px 0}
#ethicalManagement .section.section1 > .sectionWrap > .section-title .divider{margin-top:10px}
#ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc{margin-top:60px}
#ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc.type2{margin-top:0}
#ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc.type2 p
, #ethicalManagement .section.section1 > .sectionWrap > .section-sub-desc.type2 p *{color:#737a7e;font-size:24px;line-height:34px;font-weight:500}
#ethicalManagement .section.section2
, #ethicalManagement .section.section3{padding:100px 0}
#ethicalManagement .section.section2{background-color:#f5f7fb}
#ethicalManagement .section .certification-box{float:left;width:100%}
#ethicalManagement .section .certification-box > *{float:left;width:100%}
#ethicalManagement .section .certification-box h3{font-size:35px;line-height:45px;font-weight:600;text-align:center;margin-bottom:50px}
#ethicalManagement .section .certification-box .box{display:flex;justify-content:center}
#ethicalManagement .section .certification-box .box > *{float:left;width:100%}
#ethicalManagement .section .certification-box .box .img-box{width:60%}
#ethicalManagement .section .certification-box .box .img-box img{display:inline-block}
#ethicalManagement .section .certification-box .box .text-box > *{float:left;width:100%}
#ethicalManagement .section .certification-box .box .text-box p
, #ethicalManagement .section .certification-box .box .text-box p strong
, #ethicalManagement .section .certification-box .box .text-box p span{color:#4f4a47;font-size:20px;line-height:30px}
#ethicalManagement .section .certification-box .box .text-box p strong{color:#0057b7}
#ethicalManagement .section .certification-box.moment .box .img-box{min-width:970px}
#ethicalManagement .section .certification-box.moment .box .img-box img{float:left;width:450px;margin-right:70px}
#ethicalManagement .section .certification-box.moment .box .img-box img:last-child{margin-right:0}
#ethicalManagement .section .certification-box.moment .box .text-box p{margin-top:25px}
#ethicalManagement .section .certification-box.moment .box .text-box p:first-child{margin-top:0}
#ethicalManagement .section .certification-box.moment .box .text-box p.desc{margin-top:5px;padding-left:20px}
#ethicalManagement .section .certification-box.moment .box .text-box p
, #ethicalManagement .section .certification-box.moment .box .text-box p strong{color:#737a7e}
#ethicalManagement .section .certification-box.moment .box .text-box p strong{color:#0057b7;font-weight:500}
/*#ethicalManagement .section .certification-box.moment .box .text-box{background:url(/theme/cosmetic/img/yonex/images/site/logo_moment.png) no-repeat right bottom}*/

/* 연혁 */
#history{padding-bottom:0}
/*#history .section > .sectionWrap{width:1000px}*/
#history .section.section1{padding-bottom:100px}
#history .section.section2{padding-bottom:100px;overflow:visible}
#history .section.section2 > .sectionWrap{width:890px}
#history .section.section2 .history-menu{display:flex;align-items:center;justify-content:center}
#history .section.section2 .history-menu li{float:left;width:200px;text-align:center;margin:0 15px}
#history .section.section2 .history-menu li:first-child{margin-left:0}
#history .section.section2 .history-menu li:last-child{margin-right:0}
#history .section.section2 .history-menu li a{float:left;width:100%;color:#0057b7;background-color:#fff;border:2px solid #0057b7;padding:10px;border-radius:15px 0}
#history .section.section2 .history-menu li:nth-child(even) a{color:#009739;border-color:#009739}
#history .section.section2 .history-menu li a:hover
, #history .section.section2 .history-menu li a.active{color:#fff;background-color:#0057b7}
#history .section.section2 .history-menu li:nth-child(even) a:hover
, #history .section.section2 .history-menu li:nth-child(even) a.active{color:#fff;background-color:#009739}
#history .section.section2 .history-menu:hover li a{opacity:0.35}
#history .section.section2 .history-menu:hover li a:hover{opacity:1}
#history .section.section2 .history-menu li a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
#history .section.section2 .history-menu li a > span{float:left;width:100%;font-size:22px;line-height:30px;font-weight:500}
#history .section.section2 .history-menu li a > span:last-child{font-size:18px;font-weight:400}
#history .section.section3 > .sectionWrap{width:1300px}
#history .section.section3{padding:70px 0 170px;background:url(/theme/cosmetic/img/yonex/images/site/logo-white.png) no-repeat center center #0057b7;background-attachment:fixed}
/* IE 에서 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	#history .section.section3{background-attachment:inherit}
}
#history .section.section3.logo{background-image:url(/theme/cosmetic/img/yonex/images/site/logo-symbol-white.png)}
#history .section.section3.no-logo{background-image:none}
#history .section.section3.photo{padding:200px 0;background-image:url(/theme/cosmetic/img/yonex/images/brand/mainimg_191004.jpg);background-size:cover}
#history .section.section3{background-color:rgba(0, 87, 183, 0.8)}
#history .section.section3 .history{float:left;width:100%;position:relative;padding:30px;border-radius:20px}
#history .section.section3.photo .history{background-color:rgba(0,0,0,0.7)}
#history .section.section3.photo .history{
	-webkit-box-shadow:0px 0px 150px 150px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0px 0px 150px 150px rgba(0, 0, 0, 0.7);
	-ms-box-shadow:0px 0px 150px 150px rgba(0, 0, 0, 0.7);
	-o-box-shadow:0px 0px 150px 150px rgba(0, 0, 0, 0.7);
	box-shadow:0px 0px 150px 150px rgba(0, 0, 0, 0.7);
}
#history .section.section3 .history:before{content:"";float:left;width:6px;height:100%;position:absolute;top:0;left:50%;margin-left:-3px;background-color:rgba(255,255,255,0.4);border-radius:10px}
/*#history .section.section3 .history:before{height:calc(100% - 30px);top:15px}*/
#history .section.section3 .history > div{float:left;width:100%;position:relative}
#history .section.section3 .history > div:before{content:"";float:left;width:20px;height:20px;position:absolute;top:25px;left:50%;margin-left:-10px;background-color:rgba(0, 87, 183, 0.8);border-radius:20px}
#history .section.section3 .history > div:nth-child(even):before{background-color:rgba(0, 151, 57, 0.8)}
#history .section.section3 .history .year{float:left;width:48%;margin-bottom:50px;border-radius:10px;overflow:hidden;padding:70px 30px 20px;background-color:rgba(255,255,255,0.95);position:relative}
#history .section.section3 .history .year{margin-bottom:0}
#history .section.section3 .history > div:nth-child(even) .year{float:right}
/*#history .section.section3 .history .year{background:url(/theme/cosmetic/img/yonex/images/site/logo_moment.png) no-repeat right bottom / auto 50px #fff}*/
/*#history .section.section3 .history > div:nth-child(even) .year{background:url(/theme/cosmetic/img/yonex/images/site/logo-white.png) no-repeat right bottom / auto 50px #f5f7fb}*/
/*#history .section.section3 .history > div:nth-child(even) .year{background-color:rgba(245,247,251,0.95)}*/
#history .section.section3 .history > div:last-child .year{margin-bottom:0}
#history .section.section3 .history .year{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.7);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.7);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.7);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.7);
}
#history .section.section3 .history .year .year-title{position:absolute;top:0;left:10px;font-size:60px;line-height:70px;color:#0057b7;font-weight:600;opacity:0.3}
#history .section.section3 .history > div:nth-child(odd) .year .year-title{left:auto;right:10px;color:#009739}
#history .section.section3 .history .year dl{position:relative;float:left;width:100%;padding-left:90px;margin-bottom:10px}
#history .section.section3 .history .year dl:last-child{margin-bottom:0}
#history .section.section3 .history .year dl > *{float:left;font-size:20px;line-height:22px}
#history .section.section3 .history .year dl dt{position:absolute;top:0;left:0;color:#0057b7;font-weight:500;letter-spacing:-1px}
#history .section.section3 .history > div:nth-child(even) .year dl dt{color:#009739}
#history .section.section3 .history .year dl dd{color:#4f4a47;font-size:17px}

/* 사회공헌 */
#contribution .section.section1{padding-bottom:100px}
#contribution .section.section2{padding-bottom:100px;overflow:visible}
#contribution .section.section2 > .sectionWrap{width:1000px}
#contribution .section.section2 .contribution-intro-box{width:100%;border-radius:10px;overflow:hidden;background-color:#ecedf2;margin-bottom:100px}
#contribution .section.section2 .contribution-intro-box.d-flex{display:flex;justify-content:center}
/*#contribution .section.section2 .contribution-intro-box{align-items:center}*/
#contribution .section.section2 .contribution-intro-box:last-child{margin-bottom:0}
#contribution .section.section2 .contribution-intro-box{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
#contribution .section.section2 .contribution-intro-box > div{float:left;width:100%}
#contribution .section.section2 .contribution-intro-box > div.img-box{max-width:100%;padding:25px}
#contribution .section.section2 .contribution-intro-box.d-flex > div.img-box{max-width:425px}
#contribution .section.section2 .contribution-intro-box > div.img-box img{float:left;width:100%}
#contribution .section.section2 .contribution-intro-box > div.text-box{background:url(/theme/cosmetic/img/yonex/images/teamYonex/korea_national_2019/empty_yonex.png) no-repeat center center / 200px auto}
#contribution .section.section2 .contribution-intro-box:nth-child(even){background-color:#f5f7fb}
#contribution .section.section2 .contribution-intro-box:nth-child(even) > div.text-box{background:url(/theme/cosmetic/img/yonex/images/site/logo-white.png) no-repeat center center}
#contribution .section.section2 .contribution-intro-box > div.text-box{padding:25px}
#contribution .section.section2 .contribution-intro-box > div:first-child{padding-bottom:10px}
#contribution .section.section2 .contribution-intro-box > div:last-child{padding-top:10px}
#contribution .section.section2 .contribution-intro-box.d-flex > div:first-child{padding-right:10px;padding-bottom:25px}
#contribution .section.section2 .contribution-intro-box.d-flex > div:last-child{padding-left:10px;padding-top:25px}
#contribution .section.section2 .contribution-intro-box > div .box
, #contribution .section.section2 .contribution-intro-box > div .box > *{float:left;width:100%}
#contribution .section.section2 .contribution-intro-box > div .box > h3{font-size:30px;line-height:40px;font-weight:600;margin-bottom:10px}
/*#contribution .section.section2 .contribution-intro-box.d-flex > div .box > h3{margin-top:10px}*/
#contribution .section.section2 .contribution-intro-box > div .box > p{color:#4f4a47;font-size:16px;line-height:24px}
#contribution .section.section2 .contribution-intro-box > div .box > p.sub-title{color:#0057b7;font-size:18px;line-height:30px;font-weight:500;margin-bottom:5px}
#contribution .section.section2 .contribution-intro-box > div .box > p strong{font-size:inherit;line-height:inherit;font-weight:500}

/* 오시는 길 */
/*#contactUs .section > .sectionWrap{width:1100px}*/
#contactUs .section.section1{padding-bottom:100px;overflow:visible}
#contactUs .section.section1 hr{background-color:#ccc;margin:0 0 70px;float:left;width:100%;height:1px;border:1px solid #eee}
#contactUs .section.section1 .company-intro-box{display:inline-block;width:100%;border-radius:10px;overflow:hidden;background-color:#ecedf2;margin-bottom:70px}
#contactUs .section.section1 .company-intro-box:first-child{background-color:#f5f7fb}
#contactUs .section.section1 .company-intro-box:last-child{margin-bottom:0}
#contactUs .section.section1 .company-intro-box{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
#contactUs .section.section1 .company-intro-box > div{float:left;width:50%}
/*#contactUs .section.section1 .company-intro-box > div:first-child{background:url(/theme/cosmetic/img/yonex/images/teamYonex/korea_national_2019/empty_yonex.png) no-repeat center center}*/
#contactUs .section.section1 .company-intro-box > div:first-child .box{height:500px}
#contactUs .section.section1 .company-intro-box > div:last-child{background-color:#fff;padding:20px}
#contactUs .section.section1 .company-intro-box > div:first-child .box{padding:40px;text-align:center}
/*
#contactUs .section.section1 .company-intro-box:first-child > div:first-child .box{height:500px}
#contactUs .section.section1 .company-intro-box:first-child > div:last-child{background-color:#fff;padding:20px}
#contactUs .section.section1 .company-intro-box:first-child > div:first-child .box{padding:40px;text-align:center}
#contactUs .section.section1 .company-intro-box:last-child > div:last-child .box{height:500px}
#contactUs .section.section1 .company-intro-box:last-child > div:first-child{background-color:#fff;padding:20px}
#contactUs .section.section1 .company-intro-box:last-child > div:last-child .box{padding:40px;text-align:center}
*/
#contactUs .section.section1 .company-intro-box > div .box
, #contactUs .section.section1 .company-intro-box > div .box > *{float:left;width:100%}
#contactUs .section.section1 .company-intro-box > div .box > h3{font-size:30px;line-height:50px;font-weight:600;text-align:center;margin-bottom:20px}
#contactUs .section.section1 .company-intro-box > div .box > dl{width:100%}
#contactUs .section.section1 .company-intro-box > div .box > dl > *{float:left;font-size:18px;line-height:30px;text-align:left}
#contactUs .section.section1 .company-intro-box > div .box > dl dt{width:25%;color:#0057b7;font-weight:500}
#contactUs .section.section1 .company-intro-box > div .box > dl:nth-child(n+4) dt{color:#009739}
#contactUs .section.section1 .company-intro-box > div .box > dl dd{width:75%;color:#737a7e}
#contactUs .section.section1 .company-intro-box > div .box > img{float:none;display:inline-block;width:auto;margin-top:60px}
/*#contactUs .section.section1 .company-intro-box:last-child > div:first-child{background:url(/theme/cosmetic/img/yonex/images/teamYonex/korea_national_2019/empty_yonex.png) no-repeat center center}*/
#contactUs .section.section1 .company-intro-box:last-child{background-color:transparent}
#contactUs .section.section1 .company-intro-box:last-child > div .box > .img-box{float:left;width:350px;opacity:0.85;margin-top:80px;position:relative}
#contactUs .section.section1 .company-intro-box:last-child > div .box > .img-box:before{content:"";position:absolute;bottom:-30px;right:-50px;float:left;width:100px;height:100px;background-color:#f7f8f9}
#contactUs .section.section1 .company-intro-box:last-child > div .box > .img-box img{float:left;width:100%;position:relative;border-radius:0 10px}
#contactUs .section.section1 .company-intro-box > div .box .map > div{float:left;width:100%;height:500px}
#contactUs .section.section1 .company-intro-box > div .box .map > div .mapInfo{width:300px;padding:10px 15px}
#contactUs .section.section1 .company-intro-box > div .box .map > div .mapInfo h4{font-size:16px;line-height:22px}
#contactUs .section.section1 .company-intro-box > div .box .map > div .mapInfo p{font-size:14px;line-height:22px}

/* 채용안내 */
#recruitInfo .section{padding:100px 0}
#recruitInfo .section:first-child{padding:0}
#recruitInfo .section > .sectionWrap > .section-title .title{font-size:30px}
#recruitInfo .section > .sectionWrap > .section-title .title > span{font-size:30px}
#recruitInfo .section.section1{padding-top:0}
#recruitInfo .section.section2{background-color:#f5f7fb}
#recruitInfo .section hr{background-color:#ccc;margin:100px 0;float:left;width:100%;height:1px;border:1px solid #eee}
#recruitInfo .section .process{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin:30px 0}
#recruitInfo .section .process > .box{float:left;width:130px;height:90px;border:3px solid #bacae3;color:#0057b7;background-color:#e8f1f8;border-radius:10px;font-weight:500;font-size:18px;line-height:22px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
#recruitInfo .section .process > .box.blue{color:#fff;border-color:#0057b7;background-color:rgba(0, 87, 183, 0.8)}
#recruitInfo .section .process > .box.green{color:#fff;border-color:#009739;background-color:rgba(0, 151, 57, 0.8)}
#recruitInfo .section .process > .angle{float:left;margin:0 15px;font-size:35px;color:#0057b7}
#recruitInfo .section .process > .angle.blue{color:#0057b7}
#recruitInfo .section .process > .angle.green{color:#009739}
#recruitInfo .section .sub-contents{float:left;width:100%;margin-top:30px;text-align:center}
#recruitInfo .section .sub-contents dl{display:inline-block;width:63%;padding:20px;border:2px solid #0057b7;border-radius:0 15px;margin-bottom:30px;text-align:left;position:relative}
#recruitInfo .section .sub-contents dl:nth-child(even){border-color:#009739}
#recruitInfo .section .sub-contents dl:last-child{margin-bottom:0}
#recruitInfo .section .sub-contents dl{
	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
#recruitInfo .section .sub-contents dl > *{float:left;width:100%}
#recruitInfo .section .sub-contents dl dt{color:#0057b7;font-size:22px;line-height:30px;font-weight:500;margin-bottom:10px}
#recruitInfo .section .sub-contents dl:nth-child(even) dt{color:#009739}
#recruitInfo .section .sub-contents dl dd{}
#recruitInfo .section .sub-contents dl dd p{padding-left:24px;color:#4f4a47;font-size:16px;line-height:26px;position:relative}
#recruitInfo .section .sub-contents dl dd p:before{content:"";position:absolute;top:10px;left:10px;float:left;width:4px;height:4px;background-color:#ccc}
#recruitInfo .section .sub-contents dl dd p *{font-size:inherit;line-height:inherit;font-weight:inherit}
#recruitInfo .section .sub-contents dl:nth-child(even) dd p{color:#4f4a47}
#recruitInfo .section .sub-contents dl dd p a.btn{display:inline-block;border:1px solid #0057b7;color:#fff;font-size:15px;line-height:20px;background-color:#0057b7;text-align:center;margin:5px 0 10px;padding:5px 20px}
#recruitInfo .section .sub-contents dl dd p a.btn{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
#recruitInfo .section .sub-contents dl dd p a.btn:hover{color:#0057b7;background-color:rgba(0, 87, 183, 0.15)}
#recruitInfo .section .who-box{float:left;width:100%;display:flex;justify-content:center;margin-top:60px;background-color:#fff;padding-bottom:30px;border-radius:0 30px}
#recruitInfo .section .who-box{
	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
#recruitInfo .section .who-box .box{float:left;width:350px;margin:0 20px;position:relative}
#recruitInfo .section .who-box .box:before{content:"";position:absolute;top:-20px;left:-40px;float:left;width:100px;height:100px;background-color:#000;opacity:0.1}
#recruitInfo .section .who-box .box:first-child{margin-left:0}
#recruitInfo .section .who-box .box:last-child{margin-right:0}
#recruitInfo .section .who-box .box > *{float:left;width:100%;position:relative}
#recruitInfo .section .who-box .box h4{font-size:22px;line-height:30px;margin:15px 0 5px;color:#0057b7}
#recruitInfo .section .who-box .box ul{margin-bottom:10px}
#recruitInfo .section .who-box .box ul li{float:left;width:100%;font-size:18px;line-height:30px;position:relative;padding-left:24px;color:#009739;font-weight:500}
#recruitInfo .section .who-box .box ul li:before{content:"";position:absolute;top:12px;left:10px;float:left;width:4px;height:4px;background-color:#000}
#recruitInfo .section .who-box .box p{font-size:16px;line-height:26px;color:#737a7e}
#recruitInfo .section .benefit-box{float:left;width:100%;margin-top:30px}
#recruitInfo .section .benefit-box.fullWidth{padding-bottom:30px;border-bottom:1px solid #ddd}
#recruitInfo .section .benefit-box .box{float:left;width:50%;min-height:100px;display:flex;align-items:center;justify-content:center;padding:0 40px 0 130px;margin-bottom:30px;position:relative}
#recruitInfo .section .benefit-box .box:last-child{margin-bottom:0}
/*#recruitInfo .section .benefit-box .box:nth-child(n+9){margin-bottom:0}*/
#recruitInfo .section .benefit-box.fullWidth .box{width:100%}
#recruitInfo .section .benefit-box .box:before{content:"";position:absolute;top:10px;left:20px;float:left;width:80px;height:80px;background-color:#45c2c3;border-radius:80px}
#recruitInfo .section .benefit-box .box:nth-child(odd):before{background-color:rgba(0, 87, 183, 0.8)}
#recruitInfo .section .benefit-box .box:nth-child(even):before{background-color:rgba(0, 151, 57, 0.8)}
#recruitInfo .section .benefit-box.fullWidth .box:before{background-color:#1b7e98}
#recruitInfo .section .benefit-box .box:before{
	-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);
}
#recruitInfo .section .benefit-box .box > .icon-box{position:absolute;top:10px;left:20px;width:84px;height:80px;text-align:center}
#recruitInfo .section .benefit-box .box > .icon-box .fa{font-size:40px;line-height:80px;color:#fff}
#recruitInfo .section .benefit-box .box dl{float:left;width:100%;position:relative}
#recruitInfo .section .benefit-box .box dl > *{float:left;width:100%}
#recruitInfo .section .benefit-box .box dl dt{color:#0057b7;font-size:20px;line-height:25px;font-weight:500;margin-bottom:5px}
#recruitInfo .section .benefit-box.fullWidth .box dl dt{color:#1b7e98}
#recruitInfo .section .benefit-box .box:nth-child(even) dl dt{color:#009739}
#recruitInfo .section .benefit-box .box dl dd{}
#recruitInfo .section .benefit-box .box dl dd p{float:left;color:#737a7e;font-size:17px;line-height:25px;padding-right:61px;position:relative}
#recruitInfo .section .benefit-box .box dl dd p:before{content:"";position:absolute;top:5px;right:30px;float:left;width:1px;height:15px;background-color:#737a7e;opacity:0.5}
#recruitInfo .section .benefit-box .box dl dd p:last-child{padding-right:0}
#recruitInfo .section .benefit-box .box dl dd p:last-child:before{display:none}

/* 채용공고::공통 사용 게시판 형태로 구성, 기본 6개 칼럼으로 구성 */
#recruit .section.section1{padding-bottom:100px;overflow:visible}
#recruit .section > .sectionWrap > .section-title .title{font-size:30px}
#recruit .section > .sectionWrap > .section-title .title > span{font-size:30px}
/* 게시판 리스트 */
.bbs-list-box{float:left;width:100%}
.bbs-list-box .bbs-list{float:left;width:100%;border-top:3px solid #131415}
.bbs-list-box .bbs-list li{float:left;width:100%;display:flex;justify-content:space-between}
.bbs-list-box .bbs-list li > *{float:left;text-align:center;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:16px;line-height:20px;padding:15px}
.bbs-list-box .bbs-list li > *:last-child{border-right:0}
.bbs-list-box .bbs-list li > *:nth-child(1){width:110px}/* 번호 */
.bbs-list-box .bbs-list li > *:nth-child(2){width:480px}/* 팀 */
.bbs-list-box .bbs-list li > *:nth-child(3){width:200px}/* 분류 */
.bbs-list-box .bbs-list li > *:nth-child(4){width:100%;text-align:left}/* 채용공고 */
.bbs-list-box .bbs-list li.head > *:nth-child(4){text-align:center}
.bbs-list-box .bbs-list li > *:nth-child(5){width:350px}/* 모집기간 */
.bbs-list-box .bbs-list li > *:nth-child(6){width:150px}/* 진행상태 */
/* 일반 형식 칼럼 4개 */
.bbs-list-box.column-4 .bbs-list li > *:nth-child(1){width:170px}/* 번호 */
.bbs-list-box.column-4 .bbs-list li > *:nth-child(2){width:100%;text-align:left}/* 제목 */
.bbs-list-box.column-4 .bbs-list li.head > *:nth-child(2){text-align:center}
.bbs-list-box.column-4 .bbs-list li > *:nth-child(3){width:300px}/* 등록일 */
.bbs-list-box.column-4 .bbs-list li > *:nth-child(4){width:170px;text-align:center}/* 조회수 */

.bbs-list-box .bbs-list li > a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.bbs-list-box .bbs-list li > *.notice{color:#f37021}
.bbs-list-box .bbs-list li > *.ing{color:#009739}
.bbs-list-box .bbs-list li > *.end{color:#0057b7}
.bbs-list-box .bbs-list li > a:hover{color:#0057b7}
.bbs-list-box .bbs-list li.head{background-color:#f8f8f8}
.bbs-list-box .bbs-list li.head > *{font-size:17px;font-weight:500}
/* 게시판 상세 */
.bbs-view-box{float:left;width:100%}
.bbs-view-box .bbs-view{float:left;width:100%;border-top:3px solid #131415}
.bbs-view-box.link-box .bbs-view{border-top:0}
.bbs-view-box .bbs-view .head-box{float:left;width:100%;display:flex;justify-content:space-between}
.bbs-view-box .bbs-view .head-box dl{border-right:1px solid #d9d9d9}
.bbs-view-box .bbs-view .head-box dl:last-child{border-right:0}
.bbs-view-box .bbs-view dl{float:left;width:100%;padding-left:120px;position:relative}
.bbs-view-box .bbs-view dl > *{float:left;text-align:center;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:16px;line-height:20px;padding:15px}
.bbs-view-box .bbs-view dl > *:last-child{border-right:0}
.bbs-view-box .bbs-view dl dt{width:120px;position:absolute;top:0;left:0;background-color:#f8f8f8;font-size:17px;font-weight:500}
.bbs-view-box .bbs-view dl dd{width:100%}
.bbs-view-box .bbs-view dl dd.textLeft{text-align:left}
.bbs-view-box .bbs-view dl dd.notice{color:#f37021}
.bbs-view-box .bbs-view dl dd.ing{color:#009739}
.bbs-view-box .bbs-view dl dd.end{color:#0057b7}
.bbs-view-box .bbs-view dl dd a{font-size:inherit;font-weight:inherit}
.bbs-view-box .bbs-view dl dd a:hover{color:#0057b7}
.bbs-view-box .bbs-view dl dd a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.bbs-view-box .bbs-view .bbs-contents{float:left;width:100%;padding:20px;border-bottom:1px solid #d9d9d9}
/* ck 에디터 초기화 */
.ck-content{float:left;width:100%}
.ck-content > *:first-child{margin-top:16px}
.ck-content a:hover{color:#0057b7}
.ck-content a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.ck-content img{max-width:100%;height:auto !important}
.ck-content, .ck-content *{font-family:inherit !important;font-size:16px;line-height:24px;max-width:100%}
.ck-content p{font-size:inherit;line-height:inherit;margin-bottom:16px}
.ck-content p *{font-size:inherit;line-height:inherit;font-weight:inherit}
.ck-content .text-huge{font-size:1.8em}
.ck-content .text-big{font-size:1.4em}
.ck-content .text-small{font-size:.85em}
.ck-content .text-tiny{font-size:.7em}
.ck-content p strong{font-weight:600}
.ck-content .table table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;width:100%}
.ck-content .table table td, .ck-content .table table th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;vertical-align:middle;font-size:inherit;line-height:inherit}
.ck-content .table table td *, .ck-content .table table th *{font-size:inherit;line-height:inherit;font-weight:inherit}
.ck-content .table table td strong, .ck-content .table table th strong{font-weight:600}
.ck-content .image{display:table;clear:both;text-align:center;margin:1em auto}
.ck-content .image img{display:block;margin:0 auto;max-width:100%;min-width:50px}
/* 게시판 목록 가기 버튼 */
.bbs-btn-box{float:left;width:100%;text-align:center;margin-top:100px}
.bbs-btn-box a{display:inline-block;color:#fff;background-color:#131415;border:2px solid #131415;padding:0 40px;font-size:15px;line-height:40px}
.bbs-btn-box a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.bbs-btn-box a:hover{color:#131415;background-color:#fff}

/* NEWS */
#yonex_news .section.section1{overflow:visible}
#yonex_news .section.section1 > .sectionWrap{width:1280px}
#yonex_news.newsDiv_3 .section.section1{padding-bottom:100px}
#yonex_news.newsDiv_3 .section.section1 > .sectionWrap{width:1240px}
.news-list-box{float:left;width:100%}
.news-list-box .news-list{float:left;width:100%;margin-bottom:100px}
/* 기본 css renew_2022_main.css, renew_2022_brand.css 동일 */
/* 공통 사용으로 renew_2022.css 로 이동 */
/*.news-list-box .news-list > li{}*/

/* NEWS 상세::채용공고에서 기본 제작한 내용으로 커스텀 */
#yonex_news.yonex_news_view .section.section1{padding-bottom:100px}
/*#yonex_news.yonex_news_view .section.section1.newsDiv_1{margin-top:50px}*/
#yonex_news.yonex_news_view .section.section1 > .sectionWrap{width:1240px}
#yonex_news.yonex_news_view .section > .sectionWrap > .section-title .title{font-size:30px}
#yonex_news.yonex_news_view .section > .sectionWrap > .section-title .title > span{font-size:30px}
#yonex_news.yonex_news_view .bbs-view-box .bbs-view dl dd{text-align:left}

/* Collaboration */
#collaboration .section.section1{overflow:visible}
#collaboration .section.section1 > .sectionWrap{width:1280px}
/*#collaboration .news-list-box{margin-top:50px}*/
/* 기본 css renew_2022_main.css, renew_2022_brand.css 동일 */
/* 공통 사용으로 renew_2022.css 로 이동 */
/*.news-list-box .news-list > li{}*/
#collaboration .section.section1 > .sectionWrap.collaboration-info{width:1240px}
#collaboration .section .collaboration-contact-box{float:left;width:100%;margin-bottom:100px;padding:40px 0;border:2px solid #eee;border-left:0;border-right:0;display:flex;align-items:center;justify-content:center}
#collaboration .section .collaboration-contact-box > *{float:left;margin:0 40px}
#collaboration .section .collaboration-contact-box > *:first-child{margin-left:0}
#collaboration .section .collaboration-contact-box > *:last-child{margin-right:0}
#collaboration .section .collaboration-contact-box .img-box{}
#collaboration .section .collaboration-contact-box .img-box img{filter:invert(75%)}
#collaboration .section .collaboration-contact-box .text-box{}
#collaboration .section .collaboration-contact-box .text-box > *{display:block}
#collaboration .section .collaboration-contact-box .text-box p{color:#737a7e;font-size:18px;line-height:30px;text-align:center}
#collaboration .section .collaboration-contact-box .text-box p *{color:inherit;font-size:inherit;line-height:inherit}
#collaboration .section .collaboration-contact-box .text-box p.box-title{color:#404040;font-size:28px;line-height:40px;font-weight:600}
#collaboration .section .collaboration-contact-box .text-box ul{display:flex;justify-content:center}
#collaboration .section .collaboration-contact-box .text-box ul li{color:#737a7e;font-size:18px;line-height:30px}
#collaboration .section .collaboration-contact-box .text-box ul li *{color:inherit;font-size:inherit;line-height:inherit}
#collaboration .section .collaboration-contact-box .text-box a{
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
#collaboration .section .collaboration-contact-box .text-box a:hover{color:#0057b7}

/* NEWS 상세::채용공고에서 기본 제작한 내용으로 커스텀 */
#collaboration.collaboration_view .section.section1{padding-bottom:100px}
#collaboration.collaboration_view .section.section1 > .sectionWrap{width:1240px}
#collaboration.collaboration_view .section > .sectionWrap > .section-title .title{font-size:30px}
#collaboration.collaboration_view .section > .sectionWrap > .section-title .title > span{font-size:30px}
#collaboration.collaboration_view .bbs-view-box .bbs-view dl dd{text-align:left}


/* 신규 아카데미 페이지 공통 */
.academy .section-sub-menu{margin-bottom:50px}
.academy .section > .sectionWrap.bg-gray{background-color:#f5f5f5}
.academy .section > .sectionWrap > .img-group{float:left;width:100%;position:relative;overflow:hidden}
.academy .section > .sectionWrap > .img-group > *{float:left;width:100%;position:relative}
.academy .section > .sectionWrap > .img-group > .bg{float:left;width:100%;position:relative}
.academy .section > .sectionWrap > .img-group > .over-img{position:absolute;top:0;left:0}
.academy .section > .sectionWrap > .img-group > .txt-box{float:left;width:100%;padding:50px 0;display:flex;align-items:center;justify-content:center}
.academy .section > .sectionWrap > .img-group > .txt-box.head{position:absolute;top:0;left:0;height:100%;padding:260px 0 0}
.academy .section > .sectionWrap > .img-group > .txt-box.popup-list{padding-bottom:40px}
.academy .section > .sectionWrap > .img-group > .txt-box.pb-0{padding-bottom:0}
.academy .section > .sectionWrap > .img-group > .txt-box > div{float:left;text-align:center}
.academy .section > .sectionWrap > .img-group > .txt-box > div > *{float:left;width:100%}
.academy .section > .sectionWrap > .img-group > .txt-box.head > div > .desc{font-size:22px;line-height:36px}
.academy .section > .sectionWrap > .img-group > .txt-box > div > .textColorWhite{color:#fff}
.academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-title{font-size:47px;line-height:60px;font-weight:600;margin:30px 0 20px}
.academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-title.img{margin:10px 0 30px}
.academy .section > .sectionWrap > .img-group > .txt-box > div > .desc{font-size:30px;line-height:40px;font-weight:500}
.academy .section > .sectionWrap > .img-group > .txt-box > div > .sub-desc{font-size:25px;line-height:30px;color:#595959}
.academy .section > .sectionWrap > .img-group > .popup-img-box{float:left;width:100%;padding:0 70px 60px;display:flex;align-items:center;justify-content:center}
.academy .section > .sectionWrap > .img-group > .popup-img-box > a{float:left;width:100%;margin:0 5px}
.academy .section > .sectionWrap > .img-group > .popup-img-box > a > img{float:left;width:100%}
.academy .section > .sectionWrap > .img-group > .popup-img-box > a{
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
.academy .section > .sectionWrap > .img-group > .popup-img-box > a:hover{transform:translateY(-10px)}

/* 아카데미 소개 */
#academy_intro .section.section3 > .sectionWrap > .img-group > .txt-box{padding-bottom:20px}
#academy_intro .section.section3 > .sectionWrap > .img-group > .txt-box.desc{padding:25px 0 50px}
#academy_intro .section.section3 > .sectionWrap > .section-sub-title .title .fa{color:#cfdcd9}
#academy_intro .section.section3 > .sectionWrap.coach{width:1490px}
#academy_intro .section.section3 > .sectionWrap.coach > .img-group:nth-child(2n){margin-top:50px}
#academy_intro .section.section3 > .sectionWrap.coach > .img-group > .over-img.bottom{top:auto;bottom:0}
#academy_intro .section.section3 > .sectionWrap.coach > .img-group > .over-img.right{left:auto;right:0;width:auto;height:100%}
#academy_intro .section .youtube-box{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin:0 0 60px}
#academy_intro .section .youtube-box > div{float:left;width:960px;position:relative}
#academy_intro .section .youtube-box > div > img{float:left;width:100%;opacity:0}
#academy_intro .section .youtube-box > div > iframe{position:absolute;top:0;left:0;float:left;width:100%;height:100%}

/* 아카데미 시스템 */
#academy_system .section > .sectionWrap{width:1200px}
#academy_system .section > .sectionWrap > .system-box{float:left;width:100%;margin:50px 0;padding:80px 0;background-color:#f5f5f5;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#academy_system .section > .sectionWrap > .system-box img{float:left}
#academy_system .section > .sectionWrap > .system-box > .img-title{float:left;margin-bottom:30px}
#academy_system .section > .sectionWrap > .system-box > .img-content{float:left;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#academy_system .section > .sectionWrap > .system-box > .img-content > *{margin-bottom:7px}
#academy_system .section > .sectionWrap > .system-box > .img-content > *:last-child{margin-bottom:0}
#academy_system .section.section2{margin-top:50px}
#academy_system .section.section3 > .sectionWrap > .system-box > .img-content{max-width:1000px}
#academy_system .section.section3 > .sectionWrap > .system-box > .img-content > *{margin-bottom:0}
#academy_system .section.section4 > .sectionWrap > .system-box > .img-content > *{margin:0 12px}
#academy_system .section.section5 > .sectionWrap > .system-box{margin-bottom:0}
#academy_system .section.section5 > .sectionWrap > .system-box > .img-title{margin-bottom:60px}

/* 아카데미 회원 혜택 */
#academy_benefit .section > .sectionWrap{width:1200px}
#academy_benefit .section > .sectionWrap > .system-box{float:left;width:100%;margin:0 0 70px;padding:0;background-color:#f5f5f5;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border:1px solid #efefef}
#academy_benefit .section > .sectionWrap > .system-box img{float:left}
#academy_benefit .section > .sectionWrap > .system-box > .img-content{float:left;width:100%;padding-left:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e8e8e8}
#academy_benefit .section > .sectionWrap > .system-box > .img-content > div{float:left;width:100%;display:flex;align-items:center;justify-content:space-between}
#academy_benefit .section.section8 > .sectionWrap > .system-box{margin-bottom:0}

/* 아카데미 이용 정보 */
#academy_use_info .section > .sectionWrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#academy_use_info .section > .sectionWrap > .info-box{float:left;text-align:center;padding:30px 0}
#academy_use_info .section > .sectionWrap > .info-box > *{float:left;width:100%}
#academy_use_info .section > .sectionWrap > .info-box > .info-title{font-size:45px;line-height:60px;font-weight:600;margin:25px 0}
#academy_use_info .section > .sectionWrap > .info-box > .info-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#academy_use_info .section > .sectionWrap > .info-box > .info-content.map{margin:40px 0 10px}
#academy_use_info .section > .sectionWrap > .info-box > .info-content.map > img{padding:7px;background-color:#014433}
#academy_use_info .section > .sectionWrap > .info-box > .info-content,
#academy_use_info .section > .sectionWrap > .info-box > .info-content *{font-size:28px;line-height:40px;font-weight:600}
#academy_use_info .section > .sectionWrap > .info-box > .info-content strong{float:left;width:210px;margin-right:20px;color:#014433}
#academy_use_info .section > .sectionWrap > .info-box > .info-content strong:after{content:"";float:right;width:4px;height:24px;margin-top:8px;background-color:#014433}
#academy_use_info .section > .sectionWrap > .info-box > .info-content span{float:left;width:210px;text-align:left}
#academy_use_info .section > .sectionWrap > .info-box > .info-content span.m_dp_none{float:none;width:auto}
#academy_use_info .section.section1{margin-bottom:50px}
#academy_use_info .section > .sectionWrap > .info-box.access{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:0;margin-bottom:30px;max-width:1200px}
#academy_use_info .section > .sectionWrap > .info-box.access > .info-content{width:1000px;justify-content:start}
#academy_use_info .section > .sectionWrap > .info-box.access > .info-content strong{width:160px}
#academy_use_info .section > .sectionWrap > .info-box.access > .info-content span{width:auto}
#academy_use_info .section.section3 > .sectionWrap > .info-box{padding:60px 0}
#academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content{margin-bottom:10px}
#academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content:last-child{margin-bottom:0}
#academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content,
#academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content *{font-size:30px;font-weight:500}
#academy_use_info .section.section3 > .sectionWrap > .info-box > .info-content.tel a{color:#014433;font-weight:800}
#academy_use_info .section > .sectionWrap > .info-box > .link-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:25px 0}
#academy_use_info .section > .sectionWrap > .info-box > .link-box a,
#academy_use_info .section > .sectionWrap > .info-box > .link-box img{float:left}
#academy_use_info .section > .sectionWrap > .info-box > .link-box a{margin:0 25px}
#academy_use_info .section.section4 > .sectionWrap > .info-box{padding:50px 0}

/* 아카데미 소식 */
#yonex_news.newsDiv_4 .news-list-box .news-list > li > .news > div.txt > span.event_date{color:#009739}
/* Moment logo on dark brand sections (former logo-white) */
#collaboration .collaboration-contact-box .img-box img,
#store_open .collaboration-contact-box .img-box img,
.collaboration-contact-box .img-box img{filter:brightness(0) invert(1);height:40px;width:auto}
#contactUs .company-intro-box img[src*="logo_moment"],
.company-intro-box img[src*="logo_moment"]{max-height:48px;width:auto}
#brandInfo img[src*="logo_moment"],
#introduce img[src*="logo_moment"],
.section img[src*="logo_moment"]{max-height:60px;width:auto}