@import url(common.css?ver=1.0);
body{background-color:#000;}

.wrap{width:100%;}

/** header gnb **/
.gnb{width:100%;display:inline-block;position:fixed;top:0;left:0;background:#000;height:96px;z-index:99;}
.topMenu{position:relative;top:0;left:50%;transform:translateX(-50%);display:inline-block;width:100%;max-width:1920px;height:100%;margin:0 auto;text-align:center;}
.tLeft{position:absolute;top:24px ;left:16px;}
.tRight{position:absolute;top:24px;right:16px;}
.tMenu{display:inline-block;position:absolute;top:50px;left:50%;transform:translate(-50%, -50%);width:876px;}
.tMenu li{float:left;position:relative;padding:10px 14px;font-size:16px;line-height:20px;font-family: "Syne", serif;color:#fff;font-weight:400;background:url('/images/tm_line01.png') no-repeat center right;cursor:pointer;}
.tMenu li:hover{font-weight:700;}
.tMenu li::after{content:attr(title);display:block;font-weight:700;height: 0px; visibility: hidden;}
.tMenu li:nth-last-of-type(1){background:none;}
.tMenu li .subMenu{position:absolute;top:20px;display:block;left:-40px;opacity:0;text-align:left;width:400px;transform:translateY(-50%);}
.tMenu li .subMenu .bgbox{position:absolute;width:100%;height:calc(100% - 20px);top:20px;left:0;background:transparent;z-index:-1;}
.tMenu li .subMenu .box{border-left:1px solid #4C4C4C;display:inline-block;padding:0 0 0 19px;margin:40px 0 20px 0;}
.tMenu li .subMenu .tit01{font-family: "Syne", serif;color:#B2B2B2;font-weight:800;margin-bottom:12px;}
.tMenu li .subMenu .menu01{font-family: "Syne", serif;color:#fff;font-weight:700;font-size:20px;margin-bottom:8px;}
.tMenu li .subMenu .menu01:nth-last-of-type(1){margin-bottom:0;}
.tMenu li .subMenu .menu01:hover{color:#00ff99;}
.familySite{position:absolute;display:block;right:24px;top:80px;width:48px;}

.gnb:hover{background:#000;}
.gnb:has(.tMenu li:hover .subMenu)	{
	height:185px;-webkit-transition-duration: .5s;
}

.tMenu li:hover, .tMenu li:hover .subMenu{display:block;opacity:1;transform:translate(0);-webkit-transition-duration: .5s;}

.gnbSlideBox{position:fixed;z-index:998;width:100%;height:100%;left:100%;top:0;background:#000;transition:.5s;-webkit-transition:.5s;opacity:0;}
.gnbSlide{position:fixed;z-index:999;width:100%;height:100%;left:100%;top:0;background:transparent;transition:.5s;-webkit-transition:.5s;opacity:0;}
.gnbSlideBox.on{opacity:.9;left:0;transition:.5s;-webkit-transition:.5s;}
.gnbSlide.on{opacity:1;left:0;transition:.5s;-webkit-transition:.5s;}

.slideTop{position:relative;top:0;left:50%;transform:translateX(-50%);display:inline-block;width:100%;max-width:1920px;height:100%;margin:0 auto;text-align:center;}
.slideMenu{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1894px;height:calc(100% - 176px);margin-top:176px;padding:0 0 80px 80px;overflow-y:auto;display:block;overscroll-behavior:none;}
.slideMenu .menu{display:inline-block;}
.slideMenu .menu li{margin-bottom:60px;}
.slideMenu .menu li a{font-size:24px;font-weight:800;font-family:"Syne", serif;color:#fff;}
.slideMenu .menu li:nth-last-child(1){margin-bottom:0;}
.slideMenu .menu li.small{margin-bottom:24px;}
.slideMenu .menu li.small a{font-weight:700;}
.slideMenu .menu li.gray{font-size:24px;font-weight:800;font-family:"Syne", serif;color:#777;margin-bottom:16px;}
.slideMenu .menu li a:hover{color:#00FF99;}


/** footer **/
.bottomMenu{position:relative;display:inline-block;width:100%;padding:80px 0;margin:0 auto;border-top:1px solid #555;bottom:0;text-align:center;background:#000000;}
.bottomBox{width:90%;max-width:1920px;text-align:left;margin:0 auto;}
.bottomText{width:100%;display:inline-block;margin-top:20px;color:#fff;opacity:.5;font-size:14px;font-weight:400;line-height:24px;clear:both;word-break:break-all;}
.bLogo{margin:5px 0;}
.bImg{}

.pageContent{width:100%;max-width:1920px;padding:96px 16px 0 16px;margin:0 auto;}

.cTitle01{font-size:min(7.8vw, 120px);text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;font-family: "Syne", serif;font-weight:800;line-height:min(7.8vw, 120px);color:#00FF99;margin:160px 0;}
.cTitle02{font-size:16px;color:#B2B2B2;font-family: "Syne", serif;font-weight:700;padding-bottom:16px;border-bottom:1px solid #808080;margin-bottom:40px;word-break:break-all;}
.cTitle03{font-size:120px;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;font-family: "Syne", serif;font-weight:700;letter-spacing: -4.8px;line-height:120px;color:#00FF99;margin:160px 0;word-break:break-all;}
.cTitle04{font-size:min(3vw, 60px);letter-spacing:-3.2px;color:#fff;font-weight:700;font-family: "Syne", serif;word-break:break-all;line-height:min(3vw, 60px);}
.cTitle05{font-size:min(3vw, 60px);letter-spacing:0px;color:#fff;font-weight:800;font-family: "Syne", serif;word-break:break-all;line-height:min(3vw, 60px);margin-bottom:80px;}
.cTitle06{font-size:48px;letter-spacing:-0.96px;color:#00ff99;font-weight:700;word-break:break-all;margin-bottom:80px;}
.cTitle07{font-size:60px;font-weight:700;letter-spacing:-1.2px;color:#555;margin-bottom:40px;width:100%;display:inline-block;}

.cText01{font-size:48px;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;font-family: "Syne", serif;font-weight:700;color:#fff;word-break:break-all;}
.cText02{font-size:24px;line-height:30px;letter-spacing: -0.24px;font-weight:400;color:#B3B3B3;word-break:break-all;margin-bottom:80px;}
.cText03{font-size:36px;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;font-family: "Syne", serif;font-weight:700;color:#fff;letter-spacing:-0.72px;word-break:break-all;margin:16px 0 8px 0;}
.cText04{font-size:20px;line-height:28px;font-weight:400;color:#B3B3B3;word-break:break-all;margin-bottom:160px;}
.cText05{font-size:min(6vw, 80px);font-weight:200;line-height:normal;color:#fff;margin-bottom:360px;}
.cText06{font-size:40px;line-height:40px;font-family: "Syne", serif;font-weight:700;color:#fff;}
.cText07{font-size:min(5vw, 60px);font-weight:700;color:#00ff99;line-height:normal;word-break:break-all;}
.cText08{font-size:min(4vw, 36px);font-weight:400;color:#ffffff;line-height:normal;word-break:break-all;}


.circle4{position:relative;width:100%;margin-bottom:240px;}
.ul_circle4{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);}
.ul_circle4 li{float:left;width:25%;color:#fff;text-align:center;font-size:24px;letter-spacing:-0.24px;}

.tb01{width:100%;table-layout:fixed;margin-bottom:160px;}
.tb01 th{font-size:24px;font-weight:700;letter-spacing:-.24px;line-height:30px;color:#777;}
.tb01 td{font-size:36px;font-weight:400;letter-spacing:-.72px;line-height:44px;padding:40px 0;color:#fff;border-bottom:1px solid #555;}
.tb01 tr:nth-last-child(1) td{border:none;}

.btn01{font-size:24px;font-weight:700;color:#fff;padding:15px 24px;border:1px solid #fff;gap:10px;border-radius:200px;background:#000;cursor:pointer;}
.black{color:#000;}

.w30{width:35%;float:left;padding-right:80px;}
.w70{width:65%;float:left;}
.w100Box{position:relative;width:100%;overflow-x:hidden;}

@media all and (max-width:1919px)	{
	.pageContent{padding:96px 80px 0 80px;}
}

@media all and (max-width:1023px)	{
	/* header */
	.tMenu{display:none !important;}
	.slideMenu{margin-top:130px;padding:0 16px;}
	.slideMenu .menu li.small{margin-bottom:16px;}
	.familySite{position:relative;top:auto !important;margin-top:40px;bottom:0px;left:0px;width:200px;height:48px;}
	.familySite a:nth-child(2){margin:0 24px !important;}
	.familySite a img{margin:0 !important;}

	.pageContent{padding:70px 16px 0 16px !important;}

	/* footer */
	.bottomMenu{padding:40px 0;}
	.bLogo{margin:2px 0;width:117px;height:36px;}
	.bImg{width:40px;height:40px;}

	.cTitle01{margin:60px 0;}
	.cTitle02{margin-bottom:16px;}
	.cTitle04, .cTitle05{font-size:32px;line-height:40px;}
	.cTitle05, .cTitle06{margin-bottom:40px;}
	.cTitle06{font-size:28px;}
	.cTitle07{font-size:36px;margin-bottom:16px;}

	.cText01{font-size:28px;}
	.cText02{font-size:18px;margin-bottom:24px;}
	.cText03{font-size:24px;}
	.cText04{font-size:16px;margin-bottom:40px;}
	.cText05{margin-bottom:120px;}

	.cText07{}
	.cText08{}

	.circle4{margin-bottom:68px;}
	.ul_circle4 li{font-size:12px;}

	.tb01{margin-bottom:80px;}

	.w30, .w70{width:100%;}
}


/* tournament > professional */
.tabMenuBox{width:100%;overflow-x:auto;}
.tabMenuBox::-webkit-scrollbar{display:none;}
.tabMenu01{display:inline-block;width:1420px;margin-bottom:80px;}
.tabMenu01 li{float:left;padding:15px 36px;font-size:24px;font-weight:700;line-height:38px;letter-spacing:-.24px;color:#999;border:1px solid #999;border-radius:200px;cursor:pointer;margin-right:16px;}
.tabMenu01 li:hover{color:#fff;}
.tabMenu01 li.on{background:#fff;color:#000;}

.tContent{width:100%;}
.tContent .tBox{float:left;position:relative;width:calc(50% - 8px);margin-bottom:160px;font-size:24px;line-height:30px;letter-spacing:-.24px;color:#fff;}
.tContent .tBox.tBoxL{margin-right:16px;}
.tContent .tBox img{width:100%;margin-bottom:16px;}
.tContent .tBox .grayOver{position:absolute;left:0;top:0;width:100%;height:calc(100% - 46px);background:#000;opacity:.4;}
.tContent .tBox .grayOver:hover{opacity:0;-webkit-transition-duration: .5s;}