@charset "utf-8";
/** �뜝�뜫�걞占쎌맠 **/
header {width:100%; height:110px; border-bottom:1px solid rgba(255,255,255,0.5); position:fixed; z-index:9; box-sizing:border-box; top:0;back}
#header {Z-INDEX: 1000; position: absolute; width: 100%; top: 0px; left: 0px;}
#header .headDiv {position: relative; margin:0 auto; width: 1210px; overflow: hidden}
#header H1 {position: absolute; top: 67px; left: 0px}
.head_logo {width:329px; height:68px; background:url('../images/head_logo_w.png') no-repeat 50% 50%; background-size:auto; position:absolute; left:0; top:21px;}
#util {text-align: right; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; height: 12px; color: #fff; font-size: 12px; padding-top: 8px}
#util A {display: inline-block; color: #fff}
#util SPAN {padding-bottom: 0px; padding-left: 11px; padding-right: 11px; display: inline-block; padding-top: 0px}

#gnb {margin-top: 38px; /*width: 715px;*/ float: right; /*overflow: hidden*/}
#gnb LI {text-align: center; float: left; padding-top: 5px; position:relative;}
#gnb LI A.oneD {	padding-bottom: 34px; padding-left: 18px; padding-right: 18px; display: block; color: #fff; font-size: 17px; font-weight: 600; padding-top: 20px}
#gnb LI A.oneD:last-child {cursor:default;}
#gnb LI A.oneD span#dday {color:#fff; border: 1px solid #fff; padding: 3px 10px;border-radius: 5px; letter-spacing: 0.06em;}
header.change #gnb LI A.oneD span#dday {color:#ff0108; border: 1px solid #ff0108;}
#gnb LI A.oneD.lang {font-weight: 500; cursor:pointer;}
#gnb LI.on A.oneD {	color: #6f23f9}
#gnb LI .twoD {/*position: relative; top:-10px;*/ padding:0; position: absolute; top: 50px; left:50%; margin-left: -70px; min-width:140px; line-height: 17px; display:none;}
#gnb LI.on .twoD {background: transparent; display:block;}
#gnb LI .twoD A {padding-bottom: 10px; padding-left: 0px; padding-right: 0px; display: block; color: #777; font-size: 0; font-weight: normal; padding-top: 10px;}
#gnb LI.on > .twoD A {background-color:#6f23f9; font-size: 16px;}
#gnb LI.on > .twoD A:first-child {padding-top: 14px;}
#gnb LI.on > .twoD A:last-child {padding-bottom: 14px;}

#gnb LI.on .twoD A {color: #fff}
#gnb LI.on .twoD A:hover {background: #6107ef; text-decoration: none}
#gnb LI.on .twoD A:focus {background: #6107ef; text-decoration: none}
#gnb .leftBg {position: absolute; top: 160px; left: 20px}

#member {position: absolute; right: 50px;; top: 50px;}
#member LI {text-align: center; float: left; padding-top: 5px; position:relative;}
#member LI A.oneD {	padding-bottom: 9px; padding-left: 18px; padding-right: 18px; display: block; color: #fff; font-size: 17px; font-weight: 600; padding-top: 0px}
#member LI A.oneD:last-child {cursor:default;}
#member LI A.oneD span#dday {color:#fff; border: 1px solid #fff; padding: 3px 10px;border-radius: 5px; letter-spacing: 0.06em;}
header.change #member LI A.oneD span#dday {color:#ff0108; border: 1px solid #ff0108;}
#member LI A.oneD.lang {font-weight: 500; cursor:pointer;}
#member LI A.oneD:hover {	color: #6f23f9;cursor:pointer;}
#member LI .twoD {/*position: relative; top:-10px;*/ padding:0; position: absolute; top: 50px; left:50%; margin-left: -70px; min-width:140px; line-height: 17px; display:none;}
#member LI.on .twoD {background: transparent; display:block;}
#member LI .twoD A {padding-bottom: 10px; padding-left: 0px; padding-right: 0px; display: block; color: #777; font-size: 0; font-weight: normal; padding-top: 10px;}
#member LI.on > .twoD A {background-color:#6f23f9; font-size: 16px;}
#member LI.on > .twoD A:first-child {padding-top: 14px;}
#member LI.on > .twoD A:last-child {padding-bottom: 14px;}

#member LI.on .twoD A {color: #fff}
#member LI.on .twoD A:hover {background: #6107ef; text-decoration: none}
#member LI.on .twoD A:focus {background: #6107ef; text-decoration: none}
#member .leftBg {position: absolute; top: 160px; left: 20px}

body.game_body header {background-color: rgba(0,0,0,0.35); border-bottom: 1px solid rgba(255,255,255,0.2);}
header.change {background-color:#fff; transition: background-color 0.4s; border-bottom:1px solid rgba(0,0,0,0.15);}
body.game_body header.change {background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.15);}
header.change .head_logo {background-image:url('../images/head_logo_color.png');}
header.change #gnb LI A.oneD {color:#111;}
header.change #gnb LI A.oneD:hover {color:#6107ef;}
header.change #member LI A.oneD {color:#111;}
header.change #member LI A.oneD:hover {color:#6107ef;}

.mainVisual {position:relative; width:100%;}
.mainVisual > div img {position: relative; left: 50%; top: 0; width: 100%; height:auto; transform: translateX(-50%);}
.mainVisual .centercenter {z-index:1}
.index_ti li.small {font-size:22px; font-weight:500; letter-spacing:-0.02em; line-height:1.1em;}
.index_ti li {font-size:72px; color:#fff; font-weight:900; letter-spacing:-0.06em; line-height:1.1em;}
.index_ti li.en {font-size:22px; font-weight:600; letter-spacing:-0.02em; line-height:1em;}	
.index_ti li.game {font-size:50px; letter-spacing: -0.0em; text-shadow: 0px 0px 5px rgb(0 0 0 / 30%);}
}

.mainVisual.subVisual_news {height:350px;}
.mainVisual.subVisual_news {background-image:url('../images/subpage_background.png')!important;background-size: 100% 100%;}

.mainVisual.subVisual_news.greetings {background-image:url('../images/subpage_background.png')!important;background-size: 100% 100%;}
.mainVisual.subVisual_news.overview {background-image:url('../images/subpage_background.png')!important;background-size: 100% 100%;}
.mainVisual.subVisual_news.philosophy {background-image:url('../images/subpage_background.png')!important;background-size: 100% 100%;}
.mainVisual.subVisual_news.sponsor {background-image:url('../images/subpage_background.png')!important;background-size: 100% 100%;}
/* .mainVisual.subVisual_news.greetings {background-color:#ffc000;} */
/* .mainVisual.subVisual_news.overview {background-color:#0daf4a;} */
/* .mainVisual.subVisual_news.philosophy {background-color:#0373f2;} */
/* .mainVisual.subVisual_news.sponsor {background-color:#636468;} */

.mainVisual.gameVisual {height:350px;}
.mainVisual.gameVisual {background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }

/*#index_vod {position: relative; width: 100%; height: 100%; background-color:#000;}
#index_vod .videoWrapper {padding-bottom:0; width:100%; height:100%;}
#index_vod .videoWrapper video {position: static; top: 0; left: 0; width: auto; max-width:100%; height: 100%; margin: 0 auto;}*/

#wrapper {position: relative; width: 1137px; margin:60px auto 100px;}

.news_ti_wrap:after {content:" "; display:block; clear:both; *zoom:1;}
.news_ti_wrap {padding-bottom:20px;}
.news_ti_wrap.vod {padding-bottom:47px;}
.news_detail_ti_wrap {border-bottom:1px solid #111;}
.detail_date {font-size:18px; padding-bottom:30px;}
.detail_view {font-size:18px; line-height:1.7em; padding:20px;border-bottom:1px solid #111;}
.answer_view {font-size:18px; line-height:1.7em; padding:20px;border-bottom:1px solid #111;}
.news_ti {color: #111; font-size: 32px; font-weight: 600; letter-spacing: -0.05rem; line-height: 1.5;}
.attach_wrap {padding-top:20px; font-size:18px; font-weight:300;}
.attach_wrap .attach_ti {display:inline-block; padding-right:10px;}
.attach_wrap .small_btn {margin:0 10px; vertical-align:middle; margin-top:-3px;}
.board_search {float:right;}
select.selline {vertical-align:middle;}
input.inpline {width:300px; vertical-align:middle;}
input.btn_search_submit {width:80px; vertical-align:middle;}

table.board tr td:first-child {padding-left:40px; padding-right:40px; color:#999;}
table.board tr td:last-child {padding-left:30px; padding-right:30px; color:#999;}
table.board tr td {font-size:18px; padding:27px 0; border-top:1px solid #e5e5e5; white-space: nowrap;}
table.board tr td a {overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 95%;}
table.board tr td a:hover {color:#6f23f9;}
table.board tr:last-child td {border-bottom:1px solid #e5e5e5;}

table.board_foot tr th, table.board_foot tr td {font-size:18px; padding:15px 0; border-bottom:1px solid #e5e5e5;}
table.board_foot tr td a:hover {color:#6f23f9;}
table.board_foot tr:last-child th, table.board_foot tr:last-child td {border-bottom:1px solid #111;}

table.board.normal tr th {border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background-color:#f5f5f5; text-align:center; padding: 15px 20px;}
table.board.normal tr th:last-child {border-right:1px solid #e5e5e5; color:#000;}
table.board.normal tr td {border-left:1px solid #e5e5e5; padding: 15px 20px; color:#000;}
table.board.normal tr td:last-child {border-right:1px solid #e5e5e5;}

.navigator_wrap {text-align:center; margin-top:40px;}
.navigator_wrap span {display:inline-block; font-size:18px; margin:0 10px; vertical-align:middle;}
.navigator_wrap span.btn img {width:40px; height:40px; margin:0 30px;}

ul.vod_gallery_list_wrap {font-size:0; letter-spacing: 0; margin-right:-8px; margin-left:-8px;}
ul.vod_gallery_list_wrap li {display:inline-block; vertical-align:top; *display:inline;*zoom:1; font-size:18px; letter-spacing: 0.02em; width:379px; padding:0 8px; margin-top:30px;}
ul.vod_gallery_list_wrap li:nth-child(-n+3) {margin-top:0;}
ul.vod_gallery_list_wrap li p img {width:100%; height:auto;}
ul.vod_gallery_list_wrap li p.caption {font-size:18px; padding-top:10px;}

.wording_wrap:after {content:" "; display:block; clear:both; *zoom:1;}
.wording_wrap {font-size:18px;line-height:1.75em;}
h1 {font-size:30px; line-height:1.4em; font-weight: 600;}
h2 {font-size:22px; line-height:1.4em; font-weight: 600;}
.wording_wrap p {margin-bottom:25px;}
.wording_wrap p:last-child {margin-bottom:0;}
.wording_wrap.greetings .fir {/*float:left; width:60%;*/}
.wording_wrap.greetings .sec {position:relative; text-align:right;}
.wording_wrap.greetings .sec .sign {position:absolute; left:0; bottom:0;}
.greet_sign {vertical-align:-6px;margin-left:20px; width:110px; height:auto;}

.subpage_img {display:block; width:1137px; margin:0 auto; height:350px; position:relative; /*background-image:url('../images/subpage_img.png')!important;background-position: center bottom; background-repeat: no-repeat;background-size: 100% 100%;*/}
.subpage_background {background-image:url('../images/subpage_background.png')!important;background-size: 100% 100%;}

.overview_line01 {padding-bottom:40px; margin-bottom:50px; border-bottom:4px solid #0daf4a;}
.overview_list {margin-bottom:50px;}
.overview_list:last-child {margin-bottom:0;}
.overview_list li {padding-left:44px; position:relative; margin-bottom:10px;}
.overview_list.indent li {text-indent: -5em; margin-left: 5em;}
.overview_list li.ti {font-size:22px; line-height:1.4em; font-weight: 600; padding-left:0; margin-bottom:20px; letter-spacing: -0.04em;}
.overview_list li.ti:before {display:none;}
.overview_list li:before {width: 16px; content: "○"; position: absolute; left: 20px; top: -2px;}

.ti {font-size: 22px; line-height: 1.4em; font-weight: 600; padding-left: 0; margin-bottom: 20px; letter-spacing: -0.04em;}

.sponsor_logo_wrap {font-size:0;}
.sponsor_logo_wrap li {width:25%; display:inline-block; text-align:center; padding:0px;}
.sponsor_logo_wrap li img {width:100%; height:auto;}

.contact_map {width:100%; height:450px;}

footer .foot_inner {position: relative; width: 1270px; margin:60px auto 0; border-top:1px solid #bdbdbd; padding:50px 0 40px;}
footer .foot_inner:after {content:" "; display:block; clear:both; *zoom:1;}
footer .foot_inner_box:after {content:" "; display:block; clear:both; *zoom:1;}
footer .foot_inner_box {margin-bottom:30px;}
footer .foot_inner .fir {float:left; width:270px;}
footer .foot_inner .sec {float:left;}
footer .foot_inner .sec p {margin-bottom:5px; letter-spacing:0.01em; font-size:14px;}
footer .foot_inner .sec p:last-child {margin-bottom:0;}
footer .foot_inner .thi p.copyright {font-size:13px; letter-spacing:0.0em;}
footer .foot_inner .logo_list {text-align: center;}
footer .foot_inner .logo_list .ti {font-size:13px; letter-spacing:0.0em; font-weight:500;}
footer .foot_inner .logo_list .ti.ti02 {padding-left:20px;}
footer .foot_inner .logo_list span {display:inline-block; padding-right:20px;}
footer .foot_inner .logo_list p {display:inline-block;}
footer .copy02 {padding-top:0px; font-size:12px; text-align:center;}

.small_symbol {width:210px; height:auto;}
.foot_logo {width:auto; height:auto;} 
footer .foot_inner .thi {float:right;}

#index_container {margin-top:110px}
#index_wrapper {width: 1137px; margin: 0px auto 0; padding:30px 0;}
/*body#index_body #index_container {margin-top:0}*/
body#index_body #index_wrapper {color:#fff;}
body#index_body header {background-color:rgba(0,0,0,0.5);}
body#index_body header.change {background-color: #fff;}

.index_btn_wrap {padding-top:30px; text-align:center;}
.index_btn_wrap .btn {display:inline-block; color:#fff; font-weight:500; font-size:18px; padding:12px 25px; margin:0 2px; cursor:pointer; margin-bottom:10px;}
.index_btn_wrap .btn span {display:inline-block; margin-right:10px; vertical-align:middle; margin-top:-2px;}
.btn_game_application {background-color:#e33139;}
.btn_game_upload {background-color:#0373f2;}
.btn_game_guide {background-color:#6f23f9;}
.btn_game_score {background-color:#0daf4a;}

.guide_area {padding-top:20px; position:relative;}
.guide_area h3 {color:#fff; padding-left:20px;font-size: 24px; padding-bottom:20px; margin-top: 40px;}
.guide_area.area_block {display:block;}
.guide_area_poster {font-size:0;}
.guide_area_poster > li {display:inline-block; font-size:13px; width:25%; padding:0 20px; vertical-align: top; margin-bottom:40px;}
.guide_area_poster > li img {width:100%; height:auto; margin-bottom:5px;}
.guide_area_poster > li p {cursor:pointer; color:#ccc; border:1px solid #666; margin:2px 0; padding:4px 5px; line-height: 15px;}
.guide_area_poster > li p a {color:#ccc;}
.guide_area_poster > li p a:hover {color:#fff;}

.name_tag {position:absolute; top:-110px;}
.login_wrap > input[type=submit], .login_wrap > input.btn_login {background-color:#6f23f9; color:#fff; padding:0 10px; height:40px; border:0; margin-top:15px;}

.main_body_wrap:after {content:" "; display:block; clear:both; *zoom:1;}
.main_body_wrap {margin-top:60px; margin-bottom:40px;}
.main_body_wrap .fir {float:left; width:calc(100% - 275px); padding-right:20px; position:relative;}
.main_body_wrap .sec {float:left; width:275px;}
.main_body_wrap h1 {font-size: 22px; line-height: 1.4em; font-weight: 600; margin-bottom:20px;}
.main_body_wrap ul.today_high {font-size:0; line-height: 0; letter-spacing: 0; margin-right:-15px;  margin-left:-15px;}
.main_body_wrap ul.today_high li {font-size: 16px; line-height: 1.6em; letter-spacing: -0.02em; padding:0 15px; display:inline-block; width:33.33%; vertical-align: top; margin-bottom:40px;}
.main_body_wrap ul.today_high li p {position:relative;}
.main_body_wrap ul.today_high li p.sti {margin-top:16px; font-size: 17px;}
.main_body_wrap ul.today_high li img {width:100%; height:auto; max-height:185px; min-height:185px;}
.main_body_wrap.main_video_wrap {margin-top:20px;}
.live_ti {position:absolute; left:0; top:0; background-color:#e33139; display:inline-block; z-index:2; padding: 10px; font-size: 20px; font-weight: 600; letter-spacing:0.06em; width:80px; text-align:center;}

.main_ranking_wrap {background-color:#fff; color:#000; border:1px solid #6f23f9;}
.main_ranking_wrap .ranking_head {background-color:#6f23f9; color:#fff; padding:16px 0 16px 14px; position:relative;}
.main_ranking_wrap .total {float:right; font-size:13px; width:13.5%; text-align:center;}

.icon_ranking {display:inline-block; width:28px; height:28px; border-radius:15px; color:#fff; position:absolute; top:50%; margin-top:-14px; text-align:center; line-height:28px; font-size:13px; font-weight:500;}
.icon_ranking.gold {background-color:#f5b50c; right:114px;}
.icon_ranking.silver {background-color:#8d8d8d; right:78px;}
.icon_ranking.bronze {background-color:#da9f42; right:42px;}
.icon_ranking.rankin_page {position:static; width:34px; height:34px; border-radius:18px; line-height:34px; margin-top: 0px;}
.icon_ranking.big {position:static; width:60px; height:60px; border-radius:32px; line-height:60px; font-size:16px; margin-top: 0px;}

.btn_playbtn {width:40px; height:40px; background:url('../images/btn_playbtn.svg') no-repeat 50% 50%; display:inline-block; position:absolute; top:50%; left:50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
table.ranking_table {margin:15px 0 14px;}
table.ranking_table td {text-align:center; font-size:15px; padding:7px 0; vertical-align: middle;}
table.ranking_table td.flag img {width:100%; height:auto; border:1px solid #d9d9d9;}
.main_body_wrap.main_video_wrap .sec table.ranking_table td.flag img {max-width:50px;}
table.ranking_table td:nth-child(4) {color:#f5b50c;}
table.ranking_table td:nth-child(5) {color:#8d8d8d;}
table.ranking_table td:nth-child(6) {color:#da9f42;}

table.medal_table {margin-top:40px;}
table.medal_table th {background-color:#6f23f9; color:#fff; padding:15px 0; letter-spacing:0.04em; vertical-align:middle;}
table.medal_table th, table.medal_table td {text-align:center;}
table.medal_table td {border-bottom: 1px solid #c9c9c9; padding: 15px; font-size:19px; letter-spacing:0.03em; vertical-align:middle;}
table.medal_table td.title {text-align:left; font-size:20px; letter-spacing:0.04em;}
img.medal_table {max-width:54px; width:100%; height:auto; margin-right:10px; border:1px solid #d9d9d9; vertical-align:middle;}
table.medal_table td:nth-child(3) {color:#f5b50c; font-weight:500;}
table.medal_table td:nth-child(4) {color:#8d8d8d; font-weight:500;}
table.medal_table td:nth-child(5) {color:#da9f42; font-weight:500;}

table.medal_table.nation {border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9;}
table.medal_table.nation td {font-size:22px; }
table.medal_table.nation td:nth-child(2) {color:#f5b50c; font-weight:500;}
table.medal_table.nation td:nth-child(4) {color:#8d8d8d; font-weight:500;}
table.medal_table.nation td:nth-child(6) {color:#da9f42; font-weight:500;}
table.medal_table.nation td.nation_ti_wrap {text-align:left; padding: 30px;}
table.medal_table.nation td.nation_ti_wrap > div {font-size:25px; font-weight:600;}
table.medal_table.nation td.nation_ti_wrap .right_r {float:right; display:inline-block; vertical-align:middle; margin-top: 7px;}
table.medal_table.nation img.medal_table {max-width:64px; margin-right:15px;}

table.medal_table.detail {margin-top:10px;}
table.medal_table.detail {border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9;}
table.medal_table.detail th {background: #eeeeee; color:#222; border-bottom: 1px solid #c9c9c9;}
table.medal_table.detail td {font-size: 17px;}
table.medal_table.detail td:nth-child(3),
table.medal_table.detail td:nth-child(4),
table.medal_table.detail td:nth-child(5) {color:#222; font-weight:400;}
.metal_detail_ti {margin-bottom:0px; font-size:19px; font-weight:500;}
.metal_detail_wrap {margin-top:40px;}
table.medal_table.detail td.nation_area span {display:inline-block; margin:0 10px;}

.medal_event_ti {margin-top: 40px; padding: 30px 0; font-size: 24px; letter-spacing: 0.03em; font-weight:600;}