/* main_visual */
#main_visual { position: relative; height: 889px; max-height: calc(100vh - 130px); overflow: hidden; }
#main_visual .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/mv_bg2.jpg) no-repeat center/cover; }
#main_visual .person { z-index: 3; position: absolute; bottom: 0; right: 0; max-height: 100%; }
#main_visual .person img { display: inline-block; width: 543px; }
#main_visual .contwrap { height: 100%; }
#main_visual .textbox { z-index: 5; position: relative; top: 50%; transform: translateY(-50%); }
#main_visual .textbox .text1 { font-family: 'FuturaExtraBlackCondensedRegular'; font-size: 110px; color: #fff; line-height: 1; }
#main_visual .textbox .text1 .ver1 { font-family: 'CapturaThinDemo'; }
#main_visual .textbox .text1 .color1 { color: #00ff48; }
#main_visual .textbox .text1 .color2 { color: #fff600; }
#main_visual .textbox .text2 { margin-top: 50px; display: inline-block; padding: 30px 50px; text-align: center; font-family: 'MyriadPro'; font-size: 20px; color: #fff; background-color: #000; }
#main_visual .textbox .text2:hover { background-color: #333; }
@media (max-width: 1580px) {
    #main_visual { height: calc(500px + 27vw); max-height: calc(100vh - 115px); }
    #main_visual .person img { width: calc(300px + 15vw); }
}
@media (max-width: 1279px) {
    #main_visual { max-height: calc(100vh - 105px); }
}
@media (max-width: 1023px) {
    #main_visual { height: calc(400px + 22vw); height: initial; max-height: calc(100vh - 90px); }
    #main_visual .textbox { top: initial; transform: translateY(0); text-align: center; padding-top: 80px; }
    #main_visual .textbox .text1 { line-height: 1.1; }
    #main_visual .person { position: relative; text-align: center; }
    #main_visual .person img { margin-left: 10%; width: calc(250px + 10vw); }
}

/* main_lang */
#main_lang { overflow: hidden; }
#main_lang .langnav { display: flex; flex-wrap: nowrap; justify-content: right; font-family: 'MyriadPro'; font-size: 18px; color: #4d4d4d; }
#main_lang .langnav * { font-family: inherit; font-size: inherit; color: inherit; }
#main_lang .langnav a { position: relative; display: inline-block; padding: 25px 17px 0 17px; }
#main_lang .langnav a.active { font-weight: 700; color: #000; }
#main_lang .langnav a span { position: relative; display: inline-block; }
#main_lang .langnav a span::after { display: none; content: ''; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background-color: #000; }
#main_lang .langnav a.active span::after { display: block; }
@media (max-width: 1580px) {
    #main_lang .langnav a { padding: 23px 15px 0 15px; }
    #main_lang .langnav a span::after { top: -23px; }
}
@media (max-width: 1279px) {
    #main_lang .langnav a { padding: 20px 13px 0 13px; }
    #main_lang .langnav a span::after { top: -20px; }
}
@media (max-width: 1023px) {
    #main_lang .langnav { padding-bottom: 30px; }
    #main_lang .langnav a { padding: 15px 10px 0 10px; }
    #main_lang .langnav a span::after { top: -15px; height: 3px; }
}

/* main_about */
#main_about { position: relative; overflow: hidden; padding-top: 140px; }
#main_about .bar { display: block; content: ''; position: absolute; /* top: 0; */ left: 0; width: 10px; height: 100%; background-color: #000; }
#main_about .aboutUl { display: flex; flex-wrap: nowrap; }
#main_about .aboutUl li:first-of-type { width: 55%; padding-right: 5%; }
#main_about .aboutUl li:last-of-type { width: 45%; }
#main_about .aboutUl li .textbox { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 100%; }
#main_about .aboutUl li .textbox .text1 { position: relative; font-family: 'Gobold Bold'; font-weight: 700; font-size: 72px; color: #000; line-height: 1.35; }
#main_about .aboutUl li .textbox .text1 .br2 { display: none; }
#main_about .aboutUl li .textbox .text2 { margin-top: 45px; font-family: 'MyriadPro'; font-size: 25px; color: #000; line-height: 1.45; }
#main_about .aboutUl li .textbox .text3 { margin-top: 90px; display: block; padding: 30px 10px; text-align: center; font-family: 'MyriadPro'; font-size: 20px; color: #fff; background-color: #000; transition: background-color 0.3s; }
#main_about .aboutUl li .textbox .text3:hover { background-color: #444; }
#main_about .aboutUl li .cont { width: 100vw; height: 100%; padding: 70px; background-color: #000; background-image: url(/image/main/about_img1.png); background-position: left bottom; background-repeat: no-repeat; }
#main_about .aboutUl li .cont .text1 { font-family: 'Gobold Bold'; font-size: 44px; color: #fff; line-height: 1.35; }
@media (max-width: 1580px) {
    #main_about .bar { width: 8px; }
    #main_about .aboutUl li .cont { padding: 60px; }
}
@media (max-width: 1279px) {
    #main_about .bar { width: 6px; }
    #main_about .aboutUl li .cont { padding: 50px; }
}
@media (max-width: 1023px) {
    #main_about::after { display: block; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 20%; height: 4px; background-color: #000; }
    #main_about .bar { display: none; }
    #main_about .contwrap { width: 100%; max-width: 100%; }
    #main_about .aboutUl { display: block; }
    #main_about .aboutUl li:first-of-type { width: 100%; padding-right: initial; padding: 0 40px; }
    #main_about .aboutUl li:last-of-type { width: 100%; margin-top: 20px; }
    #main_about .aboutUl li .textbox { text-align: center; }
    #main_about .aboutUl li .textbox .text1 .br1 { display: none; }
    #main_about .aboutUl li .textbox .text1 .br2 { display: inline-block; }
    #main_about .aboutUl li .cont { padding: 60px 40px; background-position: center; background-size: cover; }
    #main_about .aboutUl li .cont .text1 br { display: none; }
}
@media (max-width: 767px) {
    .contwrap { width: calc(100% - 60px); }
    #main_about .aboutUl li:first-of-type { padding: 0 30px; }
    #main_about .aboutUl li .cont { padding: 50px 30px; }
}
@media (max-width: 460px) {
    .contwrap { width: calc(100% - 40px); }
    #main_about .aboutUl li:first-of-type { padding: 0 20px; }
    #main_about .aboutUl li .cont { padding: 40px 20px; }
}

/* main_feature */
#main_feature { padding: 250px 0; overflow: hidden; }
#main_feature .text1 { padding-bottom: 65px; text-align: center; font-family: 'Gobold Bold'; font-size: 55px; color: #000; line-height: 1.35; }
#main_feature .text1 br { display: none; }
#main_feature .featureUl { display: flex; flex-wrap: wrap; }
#main_feature .featureUl li { width: 50%; }
#main_feature .featureUl li:nth-of-type(1) { order: 1; }
#main_feature .featureUl li:nth-of-type(2) { order: 2; }
#main_feature .featureUl li:nth-of-type(3) { order: 4; }
#main_feature .featureUl li:nth-of-type(4) { order: 3; }
#main_feature .featureUl li:nth-of-type(2n) { padding: 60px; background-color: #f2f2f2; }
#main_feature .featureUl li:nth-of-type(2n - 1) { display: flex; align-items: center; justify-content: center; background-color: #d8d8d8; }
#main_feature .featureUl li .cont { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 100%; }
#main_feature .featureUl li .cont .desc1 { font-family: 'MyriadPro'; font-weight: 700; font-size: 55px; color: #000; }
#main_feature .featureUl li .cont .desc2 { margin: 10px 0; font-family: 'NanumBarunGothic'; font-size: 20px; color: #000; line-height: 1.57; }
#main_feature .featureUl li .cont .desc3 { display: block; padding: 30px 10px; text-align: center; font-family: 'MyriadPro'; font-size: 20px; color: #fff; background-color: #000; transition: background-color 0.3s; }
#main_feature .featureUl li .cont .desc3:hover { background-color: #444; }
@media (max-width: 624px) {
    #main_feature .text1 br { display: inline-block; }
    #main_feature .featureUl { display: block; margin-bottom: 20%; }
    #main_feature .featureUl li { width: 100%; }
    #main_feature .featureUl li:nth-of-type(3) { margin-top: 20px; }
}

/* main_fiting */
#main_fiting { padding: 50px 0 130px; background-color: #3664fe; }
#main_fiting .fitingUl { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: end; }
#main_fiting .fitingUl li:first-of-type { min-width: max-content; margin-right: 100px; }
#main_fiting .fitingUl li:last-of-type { display: inline-block; width: 45%; }
#main_fiting .fitingUl li .text1 { position: relative; font-family: 'Gotham', sans-serif; font-weight: 900; font-size: 100px; color: #fff; line-height: 1; }
#main_fiting .fitingUl li .text1 .racketimg { z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50%; width: 100%; }
#main_fiting .fitingUl li .ballimg { text-align: center; }
#main_fiting .fitingUl li .morebtn a { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; text-align: left; padding: 45px 40px; background-color: #000; font-family: 'Gotham', sans-serif; font-weight: 500; font-size: 34px; color: #fff; line-height: 1.3; transition: background-color 0.3s; }
#main_fiting .fitingUl li .morebtn a br { display: none; }
#main_fiting .fitingUl li .morebtn a img { display: inline-block; margin-left: 33px; width: 75px; }
#main_fiting .fitingUl li .morebtn a:hover { background-color: #444; }
@media (max-width: 1580px) {
    #main_fiting .fitingUl li:first-of-type { margin-right: calc(50px + 3.1vw); }
    #main_fiting .fitingUl li .morebtn a img { margin-left: calc(20px + 0.8vw); width: calc(40px + 2.2vw); }
}
@media (max-width: 1279px) {
    #main_fiting .fitingUl li:first-of-type { width: 52%; min-width: initial; margin-right: initial; }
    #main_fiting .fitingUl li:last-of-type { width: 48%; }
    #main_fiting .fitingUl li .text1 { text-align: center; }
    #main_fiting .fitingUl li .text1 .racketimg img { width: 100%; max-width: 350px; }
}
@media (max-width: 1023px) {
    #main_fiting { background: url(/image/main/fiting_mo_bg.jpg) no-repeat center/cover; background-size: 160%; }
    #main_fiting .fitingUl { display: block; text-align: center; }
    #main_fiting .fitingUl li:first-of-type { width: 100%; }
    #main_fiting .fitingUl li .text1 { margin-top: 25%; text-align: center; }
    #main_fiting .fitingUl li .text1 br { display: none; }
    #main_fiting .fitingUl li:last-of-type { width: 100%; }
    #main_fiting .fitingUl li .text1 .racketimg img { max-width: calc(200px + 9.3vw); }
    #main_fiting .fitingUl li .ballimg { display: none; }
    #main_fiting .fitingUl li .morebtn { margin-top: 30px; }
    #main_fiting .fitingUl li .morebtn a { display: inline-flex; }
}
@media (max-width: 767px) {
    #main_fiting .fitingUl li .morebtn a img { margin-left: 15px; width: 40px; }
    #main_fiting .fitingUl li .morebtn a br { display: inline-block; }
}