@charset "utf-8";
/********** common ***********/
/*hr*/
hr.black { height: 2px; background-color: #000000; border: 0; }
hr.pale-white { background: rgba(255,255,255,0.10); border: 0; height:1px; }
.bg-090A0F { background-color:#228893 !important; }
.bg-228893 { background-color:#228893 !important; }
.color-FFBE49 { color: #FFBE49 !important; }

/*tab*/
.inner-tab-wrap { background-color: #000000; text-align: center; height: 68px; }
.inner-tab-wrap ul { display: inline-block; height: 68px; overflow: hidden;}
.inner-tab-wrap ul li { float: left; padding: 0 16px; position: relative; height: 100%;  }
.inner-tab-wrap ul li a { opacity: 0.5; font-size: 20px; color:#ffffff; font-weight: bold; line-height: 68px; position: relative; display: inline-block; height: 100%; }
.inner-tab-wrap ul li.active a { opacity: 1;}
.inner-tab-wrap ul li.active a::after { position: absolute; display: block; content: ''; width: 100%; height: 3px; background-color: #228893; transition: all .3s; bottom: 0; left: 0; }

.tab-wrap.type03 { text-align: center; }
.tab-wrap.type03 ul { display: block; }
.tab-wrap.type03 ul li { border-top:1px solid #414446; border-bottom:1px solid #414446; border-left: 1px solid #414446; height: 60px; }
.tab-wrap.type03 ul li:last-child { border-right: 1px solid #414446; }
.tab-wrap.type03 ul li.active { background:#228893; border-color: #228893; }
.tab-wrap.type03 ul li a { display: block; height: 100%; line-height: 60px; color:#A8A8A8; }
.tab-wrap.type03 ul li.active a { color: #ffffff; }

/*tag*/
.tag.type01 p { padding: 0 24px; color: #ffffff;  font-size: 18px; letter-spacing: -0.68px; text-align: center; line-height: 43px; font-weight: 400; border: 1px solid #ffffff; border-radius: 21.5px; display: inline-block; height: 43px; }

/*circle-label*/
.circle-label { position: absolute; width: 80px; height: 80px; border-radius: 50%; top: 16px; right: 16px; font-size: 16px; color: #FFFFFF; letter-spacing: -0.6px; line-height: 80px; font-weight: bold; text-align: center; }
.circle-label.progress { background-color: #63428F; }
.circle-label.end { background-color: #373737; }

/* table type01 */
.table.type01 { color: #ffffff; text-align: center; }
.table.type01 tr th { height: 64px; font-size: 16px; color: #ffffff; background-color: #282B30; padding:0; border-top: 1px solid #4A4A4A;}
.table.type01 tr td { padding: 0; height: 73px; word-break: break-all; border-bottom: 1px solid #4A4A4A; overflow: hidden;  }
.table.type01 tr td.rajdhani { color: #A8A8A8; }
.table.type01 tr td a { font-size: 20px; color: #FFFFFF; letter-spacing: -0.7px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; max-width: 740px; }

/* board-view type02 */
.board-view.type02 .title-wrap { background-color: #228893 !important;}
.board-view.type02 .title-wrap .text-wrap {  font-size: 40px; color: #FFFFFF; letter-spacing: -0.98px; line-height: 52px; padding: 48px 40px; max-width: 640px;  }
#contents5-7-1 .board-view.type02 .title-wrap .text-wrap span { display: block; }
.board-view.type02 .title-wrap .date-wrap { border-top: 1px solid #000000; padding: 0 40px;  padding: 16px 40px; text-align: right !important; line-height: 18px !important; }
.board-view.type02 .title-wrap .date-wrap strong { display: inline-block; opacity: 0.7; font-size: 16px; color: #FFFFFF; letter-spacing: 0; }
.board-view.type02 .title-wrap .date-wrap span { display: inline-block; font-size: 20px; color: #FFFFFF; letter-spacing: 0; font-weight: normal; margin-left: 16px; }
.board-view.type02 .w1068 > .matter-wrap .matter { margin-top: 0 !important; padding: 64px 40px; color:#ffffff; }
#contents5-7-1 .board-view.type02 .attach-wrap { padding: 0 40px; }
#contents5-7-1 .board-view.type02 .attach-wrap + .attach-wrap { margin-top: 12px; }

.thumb-list li.player > a .country { position: absolute; top:50%; right: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}

/* title-wrap  bg-bird */
.title-wrap.bg-bird { text-align: center; position: relative; background-image: url(/resources/images/common/bg_bird03.png); background-repeat: no-repeat; background-position: left top -30px;}
.title-wrap.bg-bird > p {font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center;line-height: 52px; }

/*content*/
.match .result-wrap .game-match-wrap { background-color: #1F2123; padding-bottom: 200px; }
.match .result-wrap .game-match-wrap .link-wrap {overflow: hidden; }
.match .result-wrap .game-match-wrap .search-wrap { float: right;}
.match .result-wrap .game-match-wrap .search-wrap .search-item { width : 300px;}
.match .result-wrap .game-match-wrap .search-wrap .search-item .select-item { width: 100%; }
.match .result-wrap .game-match-wrap .match-list-wrap { color: #ffffff; margin-bottom: 80px; }
.match .result-wrap .game-match-wrap .match-list-wrap:last-child { margin-bottom: 64px;}
.match .result-wrap .game-match-wrap .match-list-wrap .match-list { background-color: #282B30; padding: 16px 40px; }
.match .result-wrap .game-match-wrap .match-list-wrap > div + div { margin-top: 16px; }.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li { float: left; overflow: hidden; height: 108px; position: relative; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li img { display: block; width: 100%; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item { overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 100%;}
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item > div { float: left; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li:first-child { width: 15.66%; padding-right: 40px; border-right: 1px solid #3C424C; }
.match .result-wrap .result-info-wrap { background-image: url(/resources/images/main/bg_section2_2025.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.match .result-wrap .result-info-wrap::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.7); }
.match .match-list-wrap .match-list > ul > li:nth-child(2) { width: 22.87%; padding-left: 40px;}
.match .match-list-wrap .match-list > ul > li:nth-child(3) { width: 32%; padding-left: 32px;}
.match .match-list-wrap .match-list > ul > li:nth-child(4) { width: 29.4%; padding-left: 40px; }
.match .match-list-wrap .game-logo { width: 32px; height: 32px; }
.match .match-list-wrap .text { width: calc(100% - 88px); color: #FFFFFF; letter-spacing: -0.6px; line-height: 24px; margin-left: 16px; margin-right: 40px; word-break: keep-all; }
.match .match-list-wrap .place { color: #A8A8A8; letter-spacing: -0.6px; display: block; font-weight: normal; margin-top: 4px; }
.match .match-list-wrap .logo-wrap > p { float: left; }
.match .match-list-wrap .logo-wrap > p.team { width: 80px; }
.match .match-list-wrap .team-text { margin: 0 16px; line-height: 80px !important; }
.match .match-list-wrap .btn-wrap { width: calc(100% - 40px); }
.match .match-list-wrap .btn-wrap a { height: 58px; line-height: 56px; min-width: 0; width: calc(50% - 4px); }
.match .match-list-wrap .btn-wrap a span.icon { display:inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 4px; }
.match .result-wrap .game-match-wrap { background-color: #1F2123; padding-bottom: 200px; }
.match .result-wrap .game-match-wrap .link-wrap {overflow: hidden; }
.match .result-wrap .game-match-wrap .search-wrap { float: right;}
.match .result-wrap .game-match-wrap .search-wrap .search-item { width : 300px;}
.match .result-wrap .game-match-wrap .search-wrap .search-item .select-item { width: 100%; }
.match .result-wrap .game-match-wrap .match-list-wrap { color: #ffffff; margin-bottom: 80px; }
.match .result-wrap .game-match-wrap .match-list-wrap:last-child { margin-bottom: 64px;}
.match .result-wrap .game-match-wrap .match-list-wrap .match-list { background-color: #282B30; padding: 16px 40px; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list + div { margin-top: 16px; }.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li { float: left; overflow: hidden; height: 108px; position: relative; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li img { display: block; width: 100%; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item { overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 100%;}
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item > div { float: left; }
.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li:first-child { width: 15.66%; padding-right: 40px; border-right: 1px solid #3C424C; }
.match .result-wrap .select-item select { background-color: #1F2123; border-bottom: 1px solid #ffffff; }

.game-info-wrap { position: relative; z-index: 1; }
.match-schedul .game-info-wrap { text-align: center; }
.match-schedul .game-info-wrap .game-name {text-align: center;}
.match-schedul .game-info-wrap .game-name p { font-size: 18px; color: #FFFFFF; letter-spacing: -0.45px; text-align: center; }
.match-schedul .game-info-wrap .game-name p.game-logo { width: 48px; height: 48px; display: inline-block;}
.match-schedul .game-info-wrap .game-name p.game-logo img { width: 100%; display: block; }
.match-schedul .game-info-wrap .team-wrap { overflow: hidden; display: inline-block; }
.match-schedul .game-info-wrap .team-wrap > div { float: left; }
.match-schedul .game-info-wrap .team-wrap > div img { width: 100%; display: block; }
.match-schedul .game-info-wrap .team-wrap .team { overflow: hidden; }
.match-schedul .game-info-wrap .team-wrap .team p { float: left; color: #FFFFFF; letter-spacing: -0.77px; font-weight: 400; line-height: 131px;}
.match-schedul .game-info-wrap .team-wrap .team.left-team p { float: right; }
.match-schedul .game-info-wrap .team-wrap .team p + p { margin-left: 24px; }
.match-schedul .game-info-wrap .team-wrap .team.left-team p + p { margin-left: 0; margin-right: 24px; }
.match-schedul .game-info-wrap .team-wrap .team p.team-logo { width: 110px; }
.match-schedul .game-info-wrap .team-wrap .game-info p { text-align: center; color: #FFFFFF; letter-spacing: -0.77px; font-weight: 400; line-height: 28px !important; margin-left: 40px; margin-right: 40px; }
.match-schedul .game-info-wrap .team-wrap .game-info p > span { font-size: 40px; color: #FFFFFF; letter-spacing: 0; font-weight: bold; line-height: 51px !important; position: relative;}
.match-schedul .game-info-wrap span.time { position: relative;}
.match-schedul .game-info-wrap span.time { padding-right: 12px; display: inline-block; margin-right: 8px; }
.match-schedul .game-info-wrap span.time::after { position: absolute; display: block; content:''; width: 4px; height: 12px; background:url(/resources/images/common/icon_time.svg) no-repeat center; right:0; top: 18px; }
.match-schedul .game-info-wrap .time-wrap span { color: #FFFFFF; font-weight: bold; line-height: 62px !important; display: inline-block; }
.match-schedul .game-info-wrap .time-wrap span.time { padding-right: 10px; margin-right: 6px; }
.match-schedul .game-info-wrap .time-wrap span.time::after { top: 22px; }
.match-schedul .game-info-wrap .time-wrap span.text { display: block; font-weight: normal; font-size: 14px; color: #A8A8A8; letter-spacing: -0.52px; text-align: center; line-height: 22px !important; }
.match-schedul .game-info-wrap .brn-wrap .btn { width: 274px; }




.thumb-list li .member-box { display: block; position: relative; width: 100%; height: 100%; }
.thumb-list li .member-box .img-wrap { overflow: hidden; position: relative; width: 100%; height: 252px; }
.thumb-list li .member-box .img-wrap > img { position: absolute; width: 100%; left: 50%; top: 0px; transform: translateX(-50%); transition: all .5s; }
.thumb-list li .member-box .txt-wrap { position: absolute; width: 100%; height: 178px; left: 0px; bottom: 0px; background-color: #000; }
.thumb-list li.full .member-box .img-wrap { overflow: hidden; position: relative; width: 100%; height: 100%; }
.thumb-list li.full .member-box .img-wrap::after { position: absolute; content: ''; width: 100%; height: 41%; left: 0px; bottom: 0px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 50%); }
.thumb-list li.full:not(.wide) .member-box .img-wrap > img { position: absolute; width: auto; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .5s; }
.thumb-list li.full .member-box .img-wrap .icon { position: absolute; left: 8px; top: 8px; z-index: 1; }
.thumb-list li.full .member-box .txt-wrap { position: absolute; width: 100%; height: auto; left: 0px; bottom: 0px; padding: 24px; background-color: transparent; }
.thumb-list li.player { position: relative; height: auto; margin-bottom: 36px; z-index: 1; }
.thumb-list li.player .member-box { display: block; position: relative; width: 100%; height: 0; padding-bottom: 119%; }
.thumb-list li.player .member-box .img-wrap { overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; padding: 24px 24px 0px 24px; }
.thumb-list li.player .member-box .img-wrap .num { display: inline-block; position: absolute; left: 12px; top: 12px; width: 72px;  text-align: center; color: #000; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; z-index: 2; }
.thumb-list li.player:not(.wide) .member-box .img-wrap > img { position: absolute; width: auto; height: 92.8%; left: 50%; top: auto; bottom: 0px; transform: translate(-50%, 0px); transition: all .5s; z-index: 2; }
.thumb-list li.player .member-box .img-wrap::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background-image: linear-gradient(180deg, #000000 35%, #1F2125 91%); z-index: 1; }
.thumb-list li.player .member-box .txt-wrap { position: absolute; width: 100%; height: auto; left: 0px; bottom: 0px; padding: 24px; background-color: rgba(0, 0, 0, 0.80); padding: 16px 24px; z-index: 3; }
.thumb-list .member-box .country { position: absolute; top:50%; right: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.sub-slider-wrap .slick-slide { font-size: 0; }
.sub-slider-wrap .sub-slider .item .img-wrap,
.sub-slider-wrap .sub-slider .item .img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sub-slider-wrap .custom-controls-wrap { margin-top: 23px; }
.sub-slider-wrap .custom-controls-wrap .sub-slider-dot { margin-top: 7px; }
.sub-slider-wrap .custom-controls { font-size: 0; }
.sub-slider-wrap .custom-controls .slick-dots li { width: 60px; margin-right: 4px; }
.sub-slider-wrap .custom-controls .slick-dots li button { vertical-align: top; text-indent: -99999em; width: 60px; height: 2px; background-color: #3E3E3E; }
.sub-slider-wrap .custom-controls .slick-dots li.slick-active button { background-color: #fff; }

.sub-slider-wrap .custom-controls > div + div { float: right; }
.sub-slider-wrap .custom-controls > div + div button { margin-left: 14px; vertical-align: middle; }
.sub-slider-wrap .custom-controls button.custom-slick-next { margin-left: 14px; }
.sub-slider-wrap .custom-controls .play-control { float: none; }

#contents2-1-2 .thumb-list .info-wrap .desc li { height: 100%; margin-bottom:0; color: #ffffff; font-size: 18px; }
#contents2-1-2 .thumb-list .info-wrap .desc li + li { margin-top: 16px; }
#contents2-1-2 .thumb-list .info-wrap .desc li > div {color: #A8A8A8; margin-top: 16px; }
#contents2-1-2 .thumb-list .info-wrap .desc li .scroll { height: 210px; overflow-x: hidden; overflow-y: auto; }
#contents2-1-2 .thumb-list .info-wrap .desc li .scroll p + p { margin-top: 8px; }
#contents2-1-2 .thumb-list li:nth-child(4n+1) { clear: both; }
#contents2-1-2 .thumb-list li a { cursor:initial; }
#contents2-1-2 .thumb-list .info-wrap .desc li .scroll {  scrollbar-arrow-color:#B6B7B8; scrollbar-track-color:#4C4D4F; scrollbar-width: thin; }
#contents2-1-2 .thumb-list .info-wrap .desc li .scroll::-webkit-scrollbar { width: 10px; }
#contents2-1-2 .thumb-list .info-wrap .desc li .scroll::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.6); border-radius: 0; }
#contents2-1-2 .thumb-list .info-wrap .desc li .scroll::-webkit-scrollbar-track { background-color:rgba(255, 255, 255, 0.2); border-radius: 0; }




#contents2-2-1 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents2-2-1 .vision-wrap .title { color: #FFFFFF; margin-bottom: 64px; }
#contents2-2-1 .vision-wrap .vision-text { color: #FFFFFF; max-width: 535px; margin: auto; padding-top: 48px; padding-bottom: 48px; position: relative; }
#contents2-2-1 .vision-wrap .vision-text::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); content:''; width: 33px; height: 26px; background: url(/resources/images/page/icon_2_2_1.png) no-repeat; background-size: 100% auto; }
#contents2-2-1 .vision-wrap .vision-text::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -ms-transform: translateX(-50%) rotate(180deg); content:''; width: 33px; height: 26px; background: url(/resources/images/page/icon_2_2_1.png) no-repeat; background-size: 100% auto;  }
#contents2-2-1 .vision-wrap .vision-text .text-wrap { font-size: 36px; text-align: center; letter-spacing: -1.26px; line-height: 56px; }
#contents2-2-1 .vision-wrap .vision-text .text-wrap p.bold { line-height: 30px; letter-spacing: -0.77px; font-size: 22px; }
#contents2-2-1 .vision-wrap .vision-text .text-wrap p span { color: #228893; display: block; }
#contents2-2-1 .mission-wrap { margin-top: 200px; }
#contents2-2-1 .mission-wrap .title { color: #FFFFFF; margin-bottom: 64px; }
#contents2-2-1 .mission-wrap ul { border: 1px solid #A8A8A8;display: -webkit-box; display: -ms-flexbox; display: flex; }
#contents2-2-1 .mission-wrap ul li { float: left; width: 33.333%; padding: 24px 32px 32px; }
#contents2-2-1 .mission-wrap ul li .title { letter-spacing: -0.7px; }
#contents2-2-1 .mission-wrap ul li:nth-child(2) { border-left: 1px solid #A8A8A8; border-right: 1px solid #A8A8A8;}
#contents2-2-1 .mission-wrap ul li .num { font-size: 32px; color: #FFFFFF; letter-spacing: 0; line-height: 41px; margin-bottom: 8px; }
#contents2-2-1 .mission-wrap ul li .img-wrap { text-align: center; }
#contents2-2-1 .mission-wrap ul li .desc { font-size: 16px; color: #A8A8A8; letter-spacing: -0.6px;line-height: 24px; }
#contents2-2-1 .mission-wrap ul li .desc span { display: block; letter-spacing: -0.6px; }
#contents2-2-1 .mission-wrap ul li .desc span + span { margin-top: 8px; }
#contents2-2-1 .facility-wrap .title { color: #FFFFFF;}
#contents2-2-1 .facility-wrap .facility-list ul li { padding: 40px 0; overflow: hidden; }
#contents2-2-1 .facility-wrap .facility-list ul li .img-wrap { height: 242px;background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
#contents2-2-1 .facility-wrap .facility-list ul li .info-wrap dl { overflow: hidden; }
#contents2-2-1 .facility-wrap .facility-list ul li .info-wrap dl dt { float: left; width: 103px; color: #FFFFFF; margin-bottom: 16px; font-weight: 600; line-height: 26px; }
#contents2-2-1 .facility-wrap .facility-list ul li .info-wrap dl dd{ width: calc( 100% - 103px); color: #A8A8A8; margin-bottom: 16px; line-height: 26px; float: right; }
#contents2-2-1 .system-wrap { margin-bottom: 200px; }
#contents2-2-1 .system-wrap .title { color: #FFFFFF;}
#contents2-2-1 .system-wrap .desc { color: #FFFFFF; }
#contents2-2-1 .system-wrap ul li { width: 31.4%; float: left; }
#contents2-2-1 .system-wrap ul li + li { margin-left: 2.38%; }
#contents2-2-1 .system-wrap ul li > p { color: #A8A8A8; position: relative; }
#contents2-2-1 .system-wrap ul li > p::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); content:''; height: 1px; width: calc( 100% - 73px); background-color:#A8A8A8; }
#contents2-2-1 .system-wrap ul li .text-wrap > span { display: block; position: relative; font-size: 16px; color: #A8A8A8; letter-spacing: -0.6px; line-height: 24px; padding-left: 12px; word-break: keep-all; }
#contents2-2-1 .system-wrap ul li .text-wrap > span::after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); content:''; width: 4px; height:4px; background-color: #A8A8A8; }
#contents2-2-1 .system-wrap ul li .text-wrap > span + span { margin-top: 16px; }
#contents2-2-1 .system-wrap ul li .text-wrap .highlight { color:#ffffff; }
#contents2-2-1 .founding-wrap .title { color: #FFFFFF;}
#contents2-2-1 .founding-wrap .desc { color: #FFFFFF; }
#contents2-2-1 .founding-wrap .table.type3 tr th:first-child,
#contents2-2-1 .founding-wrap .table.type3 tr td:first-child { border-left: 0; }
#contents2-2-1 .founding-wrap .table.type3 tr th:last-child,
#contents2-2-1 .founding-wrap .table.type3 tr td:last-child { border-right: 0; }
#contents2-2-1 .founding-wrap .table.type3 tr td { letter-spacing: -0.6px; }

#contents2-2-2 .thumb-list .info-wrap .desc li { height: 100%; margin-bottom:0; color: #ffffff; font-size: 18px; }
#contents2-2-2 .thumb-list .info-wrap .desc li + li { margin-top: 16px; }
#contents2-2-2 .thumb-list .info-wrap .desc li > div {color: #A8A8A8; margin-top: 16px; }
#contents2-2-2 .thumb-list .info-wrap .desc li .scroll { height: 210px; overflow-x: hidden; overflow-y: auto; }
#contents2-2-2 .thumb-list .info-wrap .desc li .scroll p + p { margin-top: 8px; }
#contents2-2-2 .thumb-list li a { cursor:initial; }
#contents2-2-2 .thumb-list .info-wrap .desc li .scroll {  scrollbar-arrow-color:#B6B7B8; scrollbar-track-color:#4C4D4F; scrollbar-width: thin; }
#contents2-2-2 .thumb-list .info-wrap .desc li .scroll::-webkit-scrollbar { width: 10px; }
#contents2-2-2 .thumb-list .info-wrap .desc li .scroll::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.6); border-radius: 0; }
#contents2-2-2 .thumb-list .info-wrap .desc li .scroll::-webkit-scrollbar-track { background-color:rgba(255, 255, 255, 0.2); border-radius: 0; }


#contents2-2-5 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents2-2-5 .desc-wrap { margin-bottom: 120px; }
#contents2-2-5 .desc-wrap .title { color: #FFFFFF;}
#contents2-2-5 .desc-wrap .text { color: #A8A8A8;}
#contents2-2-5 .desc-wrap .text span { display: block; margin-top: 8px; font-weight: normal; }
#contents2-2-5 .info-wrap .title { color: #FFFFFF;}
#contents2-2-5 .info-wrap dl { overflow: hidden; }
#contents2-2-5 .info-wrap dl dt { float: left; width: 192px; color: #FFFFFF; margin-bottom: 16px; font-weight: 600; position:relative; padding-left: 12px; line-height: 26px; }
#contents2-2-5 .info-wrap dl dt::after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); content:''; width: 4px; height:4px; background-color: #ffffff; }
#contents2-2-5 .info-wrap dl dd { width: calc( 100% - 192px); color: #A8A8A8; margin-bottom: 16px; }
#contents2-2-5 .info-wrap dl dd.link-wrap a {float: left; margin-right: 8px; }
#contents2-2-5 .img-wrap { margin-top: 24px; }
#contents2-2-5 .img-wrap ul li {float: left; width: calc(50% - 16px); }
#contents2-2-5 .img-wrap ul li:nth-child(2n) { margin-left: 32px; }
#contents2-2-5 .img-wrap ul li:nth-child(3n) { margin-top: 32px; }
#contents2-2-5 .img-wrap ul li:nth-child(4n) { margin-top: 32px; }
#contents2-2-5 .img-wrap ul li img { display: block; width: 100%; }


#contentsWrap #contents3-1 { padding-top: 68px; padding-bottom: 0; }
#contentsWrap #contents3-1-2 { padding-top: 68px; padding-bottom: 0; }

#contents3-1 .match-list-wrap .match-list > ul > li:nth-child(3) { width: 28%; padding-left: 32px;}
#contents3-1 .match-list-wrap .match-list > ul > li:nth-child(4) { width: 33.4%; padding-left: 0; }
#contents3-1 .match-list-wrap .btn-wrap { width: 100%; display: flex; align-items: center; }
#contents3-1 .match-list-wrap .btn-wrap .btn.preview > span { height: 24px; padding: 5px 0px 5px 32px; background-repeat: no-repeat; background-position: left center; background-image: url(/resources/images/common/icon_preview.svg); }
#contents3-1 .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item .ticket-open { display: inline-flex; justify-content: center; flex-direction: column; text-align:center; font-size: 16px; font-weight:600; color: #fff; background-color: #1F2123; width: calc(50% - 4px); min-width: 190px; height: 64px; border: 1px solid #3C424C; margin-right: auto; padding: 0px 16px; white-space: nowrap; }
#contents3-1 .match-list-wrap .btn-wrap a + a,
#contents3-1 .match-list-wrap .btn-wrap a + .ticket-open { margin-left: 8px; }

#contents3-1-2 .result-wrap .result-info-wrap{ padding-top: 65px; padding-bottom: 120px; }
#contents3-1-2 .result-wrap .game-info-wrap { text-align: center; }
#contents3-1-2 .result-wrap .game-info-wrap .game-name  {text-align: center;  margin-bottom: 56px; }
#contents3-1-2 .result-wrap .game-info-wrap .game-name p { font-size: 18px; color: #FFFFFF; letter-spacing: -0.45px; text-align: center; display: inline-block;}
#contents3-1-2 .result-wrap .game-info-wrap .game-name p.game-logo { width: 27px; height: 27px; display: inline-block; margin-right: 8px; }
#contents3-1-2 .result-wrap .game-info-wrap .game-name p.game-logo img { width: 100%; display: inline-block; }
#contents3-1-2 .result-wrap .place-wrap { margin-bottom : 8px; }
#contents3-1-2 .result-wrap .place-wrap > span { display: block; font-size: 24px; color: #FFFFFF; line-height: 34px;}
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap { overflow: hidden; display: inline-block; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap > div { float: left; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap > div img { width: 100%; display: block; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team { overflow: hidden; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team p { float: left; color: #FFFFFF; letter-spacing: -0.77px; font-weight: 400; line-height: 115px; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team.left-team p { float: right; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team p + p { margin-left: 16px; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team.left-team p + p { margin-left: 0; margin-right: 16px; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team p.team-logo { width: 115px; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .game-info { font-weight: bold; font-size: 80px; color: #FFFFFF; margin-left: 56px; margin-right: 56px; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .game-info span { font-weight: bold; font-size: 80px; color: #FFFFFF; display: inline-block; float: left; }
#contents3-1-2 .result-wrap .game-info-wrap .team-wrap .game-info .hyphen {margin-left: 16px; margin-right: 16px; }
#contents3-1-2 .result-wrap .preview-wrap { background-color: #1F2123; padding: 144px 0 108px; }
#contents3-1-2 .result-wrap .photo-wrap { padding: 80px 0 0;}
#contents3-1-2 .result-wrap .photo-wrap .title { margin-bottom: 24px; text-align: center; font-weight: bold;  font-size: 28px; color: #FFFFFF; letter-spacing: -0.52px;}
#contents3-1-2 .result-wrap .photo-wrap .list-slider{ margin-bottom: 160px; }
#contents3-1-2 .result-wrap .highlight-wrap{ padding: 80px 0 120px;}
#contents3-1-2 .result-wrap .highlight-wrap .title { margin-bottom: 24px; text-align: center; font-weight: bold;  font-size: 28px; color: #FFFFFF; letter-spacing: -0.52px;}
#contents3-1-2 .result-wrap .highlight-wrap .matter-wrap { max-width: 992px; margin: auto; }
#contents3-1-2 .result-wrap .highlight-wrap .matter-wrap .video-title { font-weight: 400; font-size: 28px; color: #FFFFFF; letter-spacing: -0.98px; text-align: center; margin-top: 32px; }

#contents3-2-1 .result-wrap .preview-wrap { background-color: #1F2123; padding: 144px 0 108px; }
#contents3-2-1 .result-wrap .photo-wrap { padding: 80px 0 0;}
#contents3-2-1 .result-wrap .photo-wrap .title { margin-bottom: 24px; text-align: center; font-weight: bold;  font-size: 28px; color: #FFFFFF; letter-spacing: -0.52px;}
#contents3-2-1 .result-wrap .photo-wrap .list-slider{ margin-bottom: 160px; }
#contents3-2-1 .result-wrap .highlight-wrap{ padding: 80px 0 120px;}
#contents3-2-1 .result-wrap .highlight-wrap .title { margin-bottom: 24px; text-align: center; font-weight: bold;  font-size: 28px; color: #FFFFFF; letter-spacing: -0.52px;}
#contents3-2-1 .result-wrap .highlight-wrap .matter-wrap { max-width: 992px; margin: auto; }
#contents3-2-1 .result-wrap .highlight-wrap .matter-wrap .video-title { font-weight: 400; font-size: 28px; color: #FFFFFF; letter-spacing: -0.98px; text-align: center; margin-top: 32px; }

#contents3-2 { padding-top: 68px !important; padding-bottom: 0 !important; }
#contents3-2 .game-match-wrap { padding-top: 120px; }
#contents3-2 .game-match-wrap hr { margin-bottom: 48px; }
#contents3-2 .link-wrap { text-align: center; position: relative; margin-bottom: 56px; }
#contents3-2 .link-wrap .title { font-weight: 600; font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; line-height: 52px; display: inline-block;}
#contents3-2 .link-wrap a { position: absolute; bottom: 0; left: 0; }
#contents3-2 .link-wrap .search-wrap { position: absolute; bottom: 0; right: 0; }
#contents3-2 .match-list-wrap { position: relative; }
#contents3-2 .match-list-wrap .search-wrap { position: absolute; top: 0; right: 0; padding:0; background-color: transparent;}
#contents3-2 .match-list-wrap .logo-wrap .team { width: auto; }
#contents3-2 .match-list-wrap .logo-wrap .team img { width: 80px; float: left; }
#contents3-2 .match-list-wrap .logo-wrap .team span { display:inline-block; float: left; line-height: 80px; font-weight: bold; font-size: 48px;}
#contents3-2 .match-list-wrap .logo-wrap .team span + img { margin-left: 16px; }
#contents3-2 .match-list-wrap .logo-wrap .team img + span { margin-left: 16px; }
#contents3-2 .match-list-wrap .match-list > ul > li:nth-child(3) { width: 26%; padding-left: 16px; }
#contents3-2 .match-list-wrap .match-list > ul > li:nth-child(4) { width: 33.9%; padding-left: 0; }
#contents3-2.match .match-list-wrap .btn-wrap { width: 100%; }
#contents3-2 .match-list-wrap .btn-wrap { text-align: right; }
#contents3-2 .match-list-wrap .btn-wrap a { width: 100%; max-width: 152px; }
#contents3-2 .match-list-wrap .btn-wrap.has-player a.player { max-width: 200px; background-color: #3C424C; line-height: normal; padding: 8px 12px; vertical-align: middle; background-repeat: no-repeat; background-size: 100px auto; background-position: right -30px top -15px; }
#contents3-2 .match-list-wrap .btn-wrap.has-player a.player > span { display: block; text-align: left; }
#contents3-2 .match-list-wrap .btn-wrap.has-player a.player > span:first-child { font-size: 12px; line-height: 16px; color: #8A909B; }
#contents3-2 .match-list-wrap .btn-wrap.has-player a.player > span.info { display: block; font-weight: 400; margin-top: 4px; }
#contents3-2 .match-list-wrap .btn-wrap.has-player a.player > span.info > .num { margin-right: 4px; }
#contents3-2 .match-list-wrap .btn-wrap.has-player a.player > span.info > .num::before { content: "No."; }
/* #contents3-2 .match-list-wrap .btn-wrap.has-player a.match {  } */
#contents3-2 .match-list-wrap .btn-wrap .btn.match > span { height: 24px; padding: 5px 0px 5px 32px; background-repeat: no-repeat; background-position: left center; background-image: url(/resources/images/common/icon_ball.svg); }
#contents3-2 .match-list-wrap .btn-wrap a span.icon { margin-right: 8px; }

#contentsWrap #contents3-2-1 { padding-top: 68px; padding-bottom: 0; }
#contents3-2-1 .result-wrap .result-info-wrap{ padding-top: 62px; padding-bottom: 105px; }
#contents3-2-1 .result-wrap .game-info-wrap { text-align: center; }
#contents3-2-1 .result-wrap .game-info-wrap .game-name {text-align: center;  margin-bottom: 24px; }
#contents3-2-1 .result-wrap .game-info-wrap .game-name p { font-size: 18px; color: #FFFFFF; letter-spacing: -0.45px; text-align: center; display: inline-block;}
#contents3-2-1 .result-wrap .game-info-wrap .game-name p.game-logo { width: 27px; height: 27px; display: inline-block; margin-right: 8px; }
#contents3-2-1 .result-wrap .game-info-wrap .game-name p.game-logo img { width: 100%; display: inline-block; }
#contents3-2-1 .result-wrap .place-wrap { margin-bottom : 8px; }
#contents3-2-1 .result-wrap .place-wrap > span { display: block; font-size: 20px; color: #FFFFFF; line-height: 34px;}
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap { display: inline-block; position: relative; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap > div { float: left; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap > div img { width: 100%; display: block; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team { overflow: hidden; position: absolute; width: 130%; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team.left-team { right: 100%; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team.right-team { left: 100%; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team p { float: left; color: #FFFFFF; letter-spacing: -0.77px; font-weight: 400; line-height: 115px; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team.left-team p { float: right; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team p + p { margin-left: 16px; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team.left-team p + p { margin-left: 0; margin-right: 16px; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team p.team-logo { width: 115px; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .game-info { font-weight: bold; font-size: 80px; color: #FFFFFF; margin-left: 56px; margin-right: 56px; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .game-info span { font-weight: bold; font-size: 80px; color: #FFFFFF; display: inline-block; float: left; line-height: 102px; }
#contents3-2-1 .result-wrap .game-info-wrap .team-wrap .game-info .hyphen {margin-left: 16px; margin-right: 16px; }
#contents3-2-1 .result-wrap .game-info-wrap .tag { margin-top: -22px; }

#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap { max-width: 590px; height: 117px; margin: 0 auto; padding: 16px 8px 0; color: #ffffff; overflow-y: auto; border-top: 1px solid #D8D8D8; }

/* 크롬 스크롤바 */
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap::-webkit-scrollbar { width: 20px; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap::-webkit-scrollbar-thumb { margin-top: 8px; background-color: #fff; border-radius: 16px; background-clip:padding-box; border: 6px solid transparent; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap::-webkit-scrollbar-track { background-color: transparent; }
/* 익스 스크롤바 */
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap { scrollbar-arrow-color:#B6B7B8; scrollbar-track-color:#4C4D4F; scrollbar-width: thin; }


#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap p { display: block; overflow: hidden; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap p > span { display: block; width: 60%; text-align: left; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap.home-game p > span { float: left; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap.away-game p > span { float: right; min-width: 160px; width: 25%; text-align: right; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap .goalnum { width: 16px; padding-right: 24px; }
#contents3-2-1 .result-wrap .result-info-wrap .scoregoal-wrap .goalnum img { width: 16px; vertical-align: middle; }


#contents3-2-1 .result-wrap .graph-wrap { padding: 80px 0 72px; }
#contents3-2-1 .result-wrap .graph-wrap .default-wrap { position: relative; }
#contents3-2-1 .result-wrap .graph-wrap .title {  font-size: 28px; color: #FFFFFF; letter-spacing: -0.98px; text-align: center; line-height: 40px; padding-bottom: 64px; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap { position: absolute; top:0; left: 0; overflow: hidden; width: 100%; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap .team { float: left; overflow: hidden; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap .team p { float: left; line-height: 56px; color:#ffffff; font-size: 20px; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap .team p.team-logo { width: 56px; height: 56px; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap .team p img { width: 100%; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap .team.right { float: right; }
#contents3-2-1 .result-wrap .graph-wrap .team-wrap .team.right p { float: right; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view { padding: 0 48px; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li + li { margin-top: 24px; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li > div { float: left; color: #ffffff; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap { width: calc( 50% - 61px); overflow: hidden; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap > div { float: left; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .rajdhani { width: 74px; font-size: 24px; line-height: 30px;}
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .bar { width: calc( 100% - 74px); height: 24px; position: relative; background-color: #000000; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .bar p { position: absolute; height: 100%;top: 0; width: 0; transition: all 0.2;}
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .bar.left p { right:0; background-color: #228893; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .bar.right p { left:0; background-color: #3C424C; }
#contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .option { width: 122px; text-align: center; font-size: 16px; line-height: 24px; }
#contents3-2-1 .result-wrap .player-detail-wrap { padding: 80px 0 200px; }
#contents3-2-1 .result-wrap .player-detail-wrap .default-wrap { position: relative; }
#contents3-2-1 .result-wrap .player-detail-wrap .title {  font-size: 28px; color: #FFFFFF; letter-spacing: -0.98px; text-align: center; line-height: 40px; padding-bottom: 64px; }
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap { position: absolute; top: 16px; right: 0; }
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap span { display: inline-block; background-position: center left; background-repeat: no-repeat; background-size: 24px auto; padding-left: 26px; font-size: 16px; color: #FFFFFF; letter-spacing: 0; }
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap span.goal { background-image: url(/resources/images/common/icon_goal.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap span.in { background-image: url(/resources/images/common/ic-change-in.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap span.out { background-image: url(/resources/images/common/ic-change-out.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap span.yellow-card { background-image: url(/resources/images/common/icon_yellowCard.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap span.red-card { background-image: url(/resources/images/common/icon_redCard.svg);}

#contents3-2-1 .result-wrap .player-detail-wrap .accordion-wrap { background-color: #000000; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .handle { padding: 16px 0; border-bottom: 1px solid #4A4A4A; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .handle { border-bottom: 0; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .handle::after { width: 16px; height: 16px; right: 24px; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .info-wrap { display: block; overflow: hidden; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .info-wrap > span { display: block; float: left; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .name-wrap { width: 161px; font-size: 20px; color: #FFFFFF; letter-spacing: -0.7px; line-height: 28px; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .name-wrap span { font-size: 28px; line-height: 36px; vertical-align: middle; display: inline-block; width: 48px; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap { width: calc( 100% - 161px); }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap span { display: inline-block; width: 70px; background-position: center left; background-repeat: no-repeat; padding-left: 34px; font-size: 20px; color: #FFFFFF; letter-spacing: 0; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap span.goal { background-image: url(/resources/images/common/icon_goal.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap span.in { background-image: url(/resources/images/common/ic-change-in.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap span.out { background-image: url(/resources/images/common/ic-change-out.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap span.yellow-card { background-image: url(/resources/images/common/icon_yellowCard.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap span.red-card { background-image: url(/resources/images/common/icon_redCard.svg);}
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .accordion-con { background-color: #000000; padding: 16px 141px;}
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .accordion-con { border-bottom: 1px solid #4A4A4A; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .accordion-con p > span { display: inline-block; margin-right: 40px; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .accordion-con .option { font-size: 14px; color: #A8A8A8; letter-spacing: -0.52px; line-height: 22px; vertical-align: top; }
#contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .accordion-con .rajdhani { font-size: 40px; color: #FFFFFF; letter-spacing: 0; line-height: 40px;}

#contents3-4 { padding-top: 68px !important; padding-bottom: 0 !important; }
#contents3-4 .btn-wrap .btn.lg { line-height: 72px; height: 72px; font-size: 24px; }
#contents3-4 .btn-wrap .btn.w320 { width:100%; max-width: 320px; }
#contents3-4 .game-match-wrap { padding-top: 120px; }
#contents3-4 .link-wrap .title.img-tit { display: inline-block; max-width: 633px; }
#contents3-4 .link-wrap .title img { max-width: 500px; }
#contents3-4 .link-wrap { text-align: center; position: relative; margin: 0 auto 32px; }
#contents3-4 .link-wrap .search-wrap { position: absolute; bottom: 0; right: 0; }

#contents3-4 .vote-date-info { text-align: right; margin-bottom: 24px; }
#contents3-4 .vote-date-info span { display: inline-block; color: #ffffff; font-size: 14px; }
#contents3-4 .vote-date-info span + span{ margin-left: 8px; margin-top: 8px; }
#contents3-4 .vote-date-info span:last-child { border: 1px solid #ffffff; padding: 8px 16px; font-size: 16px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; box-sizing: border-box; }

#contents3-4 .thumb-list li { position: relative; height: auto; }
#contents3-4 .thumb-list li .radio { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
#contents3-4 .thumb-list li .radio input { position: absolute; line-height: 0; font-size: 0; height: 0; opacity: 0; }
#contents3-4 .thumb-list li .radio label { display: block; width: 100%; height: 100%; cursor: pointer; text-indent: -9999px; }
#contents3-4 .thumb-list li .vote-info { position: relative; padding: 51px 24px; height: 140px; background-color: #282B30; border: 1px solid #474D57; overflow: hidden; }
#contents3-4 .thumb-list li .vote-info > div:not(.radio)  { display: inline-block; vertical-align: middle; }
#contents3-4 .thumb-list li .vote-info > div:not(.radio) + div { margin-left: 16px; }
#contents3-4 .thumb-list li .vote-info .checking { position: relative; width: 26px; height: 26px; }
#contents3-4 .thumb-list li .vote-info .checking::before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #686B6E; background-color: #282B30; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; box-sizing: border-box; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
#contents3-4 .thumb-list li .vote-info .checking::after { content:""; position: absolute; left: 50%; top: 50%; width: 5px; height: 11px; margin-top: -2px; border-style: solid; border-color: #686B6E; border-width: 2px 0 0 2px; transform: translate(-50% , -50%) rotate(-140deg); -webkit-transform: translate(-50% , -50%) rotate(-140deg); -moz-transform: translate(-50% , -50%) rotate(-140deg); -ms-transform: translate(-50% , -50%) rotate(-140deg); -o-transform: translate(-50% , -50%) rotate(-140deg); }
#contents3-4 .thumb-list li .vote-info .img-wrap { position: absolute; right: 0; top: 0; width: 32.51%; height: 100%; z-index: 1; max-width: 212px; }
#contents3-4 .thumb-list li .vote-info .img-wrap::after { content: ""; position: absolute; right: -24px; top: 0; background-color: #353A42; width: calc(100% - 12px); height: 100%; transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); z-index: -1; }
#contents3-4 .thumb-list li .vote-info .img-wrap img { position: absolute; left: 30px; top: -15px; max-width: 165px; }
#contents3-4 .thumb-list li .vote-info .player span { vertical-align: bottom; display: inline-block; }
#contents3-4 .thumb-list li .vote-info .player .num { font-family: "Gmarket"; font-size: 32px; color: #ffffff; line-height: 40px; }
#contents3-4 .thumb-list li .vote-info .player .num::before { content: "No."; }
#contents3-4 .thumb-list li .vote-info .player .name { font-size: 36px; color: #ffffff; line-height: 40px; }

#contents3-4 .thumb-list li.active .vote-info { border-color: #228893; }
#contents3-4 .thumb-list li.active .radio::after { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(34,136,147, 0.2); }
#contents3-4 .thumb-list li.active .vote-info .checking::before { border-color: #228893; background-color: #228893; }
#contents3-4 .thumb-list li.active .vote-info .checking::after { border-color: #ffffff; }

#contents3-4 .result-wrap .vote-graph-view ul li + li { margin-top: 40px; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap { display: table; width: 100% }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div { display: table-cell; vertical-align: middle; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div.ranking { color: #ffffff; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > .player-info > div { display: inline-block; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > .player-info div.img-wrap { position: relative; display: block; margin: 0 auto; width: 64px; height: 64px; overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: #343B41; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > .player-info div.img-wrap img { position: absolute; left: 50%; top: 0; max-width: 100px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div .num { display: block; color: #ffffff; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div .num::before { content: "No."; font-family: "Gmarket"; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div.bar-wrap .bar { position: relative; float: left; width: calc(100% - 74px); height: 24px; background-color: #000000; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div.bar-wrap .bar p { position: absolute; left: 0; top: 0; background-image: linear-gradient(45deg,#3C424C 25%, #535A65 0, #535A65 50%, #3C424C 0, #3C424C 75%, #535A65 0); -webkit-background-size:5px 5px; background-size:5px 5px; height: 100%; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div.bar-wrap .percent { float: left; width: 74px; text-align: right; font-size: 24px; line-height: 24px; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div:nth-child(1) { width: 40px; text-align: left; }
#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div:nth-child(2) { width: 124px; text-align: center; }

#contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div.bar-wrap.blue .bar p { background-image: linear-gradient(135deg,#228893 25%, #196D75 0, #196D75 50%, #228893 0, #228893 75%, #196D75 0); }

#contents3-4 .tab-wrap.type1::after { display: none; }
#contents3-4 .tab-wrap.type1 li.active a ,#contents3-4 .tab-wrap.type1 li.active button { color:#ffffff; }
#contents3-4 .tab-wrap.type1 li a::after,#contents3-4 .tab-wrap.type1 li button::after { height: 2px; display:none; }
#contents3-4 .tab-wrap.type1 li.active a::after, #contents3-4  .tab-wrap.type1 li.active button::after { display: block; }

#contents3-4 .vote-result-wrap .mvp-wrap { position: relative; width: 100%; max-width: 1050px; margin: 0 auto; }
#contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.bg { position: relative; width: 100%; background-size: cover; min-height: 700px; background-position: top center; background-repeat: no-repeat; }
#contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.bg .line-dot { position: absolute; right: 0; top: 0; width: 40%; min-width: 208px; height: 10px; background-image: linear-gradient(-55deg, transparent 25%, #ffffff 25% , #ffffff 65%, transparent 65%); background-size: 30px 11px; }
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info { position: absolute; right: 59%; top: 460px; color: #ffffff; text-align: center; width: 320px; }
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info.year2024 { right: 60%; top: 430px; }
/* #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .num::before { content:"No." }
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .num { font-size: 40px; line-height: 40px; font-family: 'Gmarket'; font-weight: bold; } */
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .img-wrap { width: 100%; max-width: 380px;  margin: 0 auto; }
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .img-wrap .logo { width: 100%; padding-bottom: 17.7%; background-position: center; background-repeat: no-repeat; background-size: 100%; }
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .en-name { font-size: 75px; line-height: 75px; font-family: 'Gmarket'; font-weight: bold; }
#contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .name { font-size: 38px; line-height: 38px; white-space: nowrap; }
#contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.player { position: absolute; left:50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); max-width: 450px; width: 100%; text-align: center;  }
#contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.player img { width: 100%; }
#contents3-4 .vote-result-wrap .mvp-wrap .deco { display: none; width: 197px; height: 65px; margin: 0 auto; background-image: url(../../images/page/img_3_4_2_home_deco.png); background-size: cover; background-repeat: no-repeat; }
#contents3-4 .vote-result-wrap .mvp-wrap > .deco { display: block; position: absolute; right: 39px; bottom: 35px;  }

#contents3-4 .vote-result-wrap .mvp-wrap.home .mvp-info { color: #ffffff; }
#contents3-4 .vote-result-wrap .mvp-wrap.away .mvp-info { color: #000000; }
#contents3-4 .vote-result-wrap .mvp-wrap.home .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_home.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.away .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_away.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.home .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_home_2024.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.away .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_away_2024.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.home .deco { background-image: url(../../images/page/img_3_4_2_home_deco.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.away .deco { background-image: url(../../images/page/img_3_4_2_away_deco.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.home .mvp-info .img-wrap .logo { background-image: url(../../images/page/img_3_4_1.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.away .mvp-info .img-wrap .logo { background-image: url(../../images/page/img_3_4_1_black.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.home .img-wrap.bg .line-dot { background-image: linear-gradient(-55deg, transparent 25%, #ffffff 25% , #ffffff 65%, transparent 65%); }
#contents3-4 .vote-result-wrap .mvp-wrap.away .img-wrap.bg .line-dot { background-image: linear-gradient(-55deg, transparent 25%, #000000 25% , #000000 65%, transparent 65%); }
#contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li { height: 80px; }
#contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap { text-align: right; width: 100%; float: left; margin-bottom: 0; }
#contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a { position: relative; display: block; width: auto; margin: 0 auto; padding-right: 48px; }
#contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a span { background-color: transparent; border: 1px solid #ffffff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; height: 42px; line-height: 40px; min-width: 0; width: calc(50% - 4px); font-size: 16px; padding: 8px 16px; }
#contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a::after  { content: ""; position: absolute; right: 0; top: 50%; width: 24px; height: 24px; background-image: url(../../images/common/icon_arrow_go.svg); background-repeat: no-repeat; background-position: center; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); }
/* #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a { content: ""; display: inline-block; width: 14px; height: 14px; background-image: url(../../images/common/icon_arrow_go.svg); } */
#contents3-4 .tab-wrap.type1 { z-index: 0; }
#contents3-4 .accordion-item .accordion-con { max-height: none; padding: 0; background-color: #1F2123; overflow-y: hidden; margin-top: 0; padding-top: 24px;  margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.10); }
/* #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap { margin-bottom: 0px;  } */
/* #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap + .match-list-wrap { padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.10); } */
#contents3-4 .vote-result-wrap .mvp-wrap.home.type2 .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_home2.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.away.type2 .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_away2.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.home.type2 .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_home2_2024.png); }
#contents3-4 .vote-result-wrap .mvp-wrap.away.type2 .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_away2_2024.png); }

#contents3-4 .vote-result-wrap .mvp-wrap.type2 .img-wrap.player { max-width: 384px; left: 131px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .img-wrap.player02 { left: auto; right: 131px; }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info { width: 100%; top: 420px; right: auto; }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 { width: 100%; top: 400px; right: auto; }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info .name { width: 160px; position: absolute; left: 71px; }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info .name02 { left: auto; right: 71px; }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 .name { width: 160px; position: absolute; left: 54px; }
#contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 .name02 { left: auto; right: 63px; }

#contents3-4 .vote-result-wrap .thumb-list li { height: 384px; }
#contents3-4 .vote-result-wrap .thumb-list li > a .img-wrap { height: 206px; }
#contents3-4 .vote-result-wrap .thumb-list li > a .img-wrap > img { top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
#contents3-4 .vote-result-wrap .thumb-list li > a .txt-wrap { background-color: transparent; }

#contents3-4.match .match-list-wrap .btn-wrap { width: 100%; }
#contents3-4 .match-list-wrap .btn-wrap { text-align: right; position: relative;}
#contents3-4 .match-list-wrap .btn-wrap a { width: 100%; max-width: 152px; }
#contents3-4 .match-list-wrap .btn-wrap.has-player a.player { max-width: 200px; background-color: #3C424C; line-height: normal; padding: 8px 12px; vertical-align: middle; background-repeat: no-repeat; background-size: 100px auto; background-position: right -30px top -15px; }
#contents3-4 .match-list-wrap .btn-wrap.has-player a.player > span { display: block; text-align: left; }
#contents3-4 .match-list-wrap .btn-wrap.has-player a.player > span:first-child { font-size: 12px; line-height: 16px; color: #8A909B; }
#contents3-4 .match-list-wrap .btn-wrap.has-player a.player > span.info { display: block; font-weight: 400; margin-top: 4px; }
#contents3-4 .match-list-wrap .btn-wrap.has-player a.player > span.info > .num { margin-right: 4px; }
#contents3-4 .match-list-wrap .btn-wrap.has-player a.player > span.info > .num::before { content: "No."; }
#contents3-4 .match-list-wrap .match-list > ul > li:nth-child(3) { width: 27%; }
#contents3-4 .match-list-wrap .match-list > ul > li:nth-child(4) { width: calc(34.47% - 130px); }
#contents3-4 .match-list-wrap .match-list > ul > li:nth-child(5) { width: 130px; }

#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap:last-child { margin-bottom: 64px;}
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list { background-color: #282B30; padding: 16px 40px; }
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list + div { margin-top: 16px; }
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list > a { display: block; }
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list > a > ul > li { float: left; overflow: hidden; height: 108px; position: relative; }
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list > a > ul > li img { display: block; width: 100%; }
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list > a > ul > li .item { overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 100%;}
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list > a > ul > li .item > div { float: left; }
#contents4-1-3 .match .result-wrap .game-match-wrap .match-list-wrap .match-list > a > ul > li:first-child { width: 15.66%; padding-right: 40px; border-right: 1px solid #3C424C; }
#contents4-1-3 .match .result-wrap .result-info-wrap { background-image: url(/resources/images/temp/img_temp_bg01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
#contents4-1-3 .match .match-list-wrap .match-list > a > ul > li:nth-child(2) { width: 22.87%; padding-left: 40px;}
#contents4-1-3 .match .match-list-wrap .match-list > a > ul > li:nth-child(3) { width: 32%; padding-left: 32px;}
#contents4-1-3 .match .match-list-wrap .match-list > a > ul > li:nth-child(4) { width: 29.4%; padding-left: 40px; }

#contents4-1-3 .seat-wrap { position: relative; }
#contents4-1-3 .seat-wrap .btn { position: absolute; right: 40px; bottom: 32px; }
#contents4-1-3 .title { margin-bottom: 64px; }
#contents4-1-3 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents4-1-3 .desc ul li { position: relative; font-size: 16px; color: #A8A8A8; letter-spacing: -0.6px; line-height: 26px; padding-left: 12px; }
#contents4-1-3 .desc ul li + li { margin-top: 8px; }
#contents4-1-3 .desc ul li::after { position: absolute; width: 4px; height: 4px; content: ''; display: block; top: 11px; left: 0; background: #A8A8A8; }
#contents4-1-3 .tablest .tr .th { height: 78px; padding: 26px 0 26px 40px;}
#contents4-1-3 .tablest .tr .td  { height: 78px; padding-top: 18px; padding-bottom: 18px; font-size: 16px; color:#ffffff; }
#contents4-1-3 .tablest .tr .td .select-item { margin-left: 0; }
#contents4-1-3 .tablest .tr .td .select-item select{ font-size: 14px; }
#contents4-1-3 .ticket .ticket-btn-wrap { width: 100%; }
#contents4-1-3 .ticket .ticket-btn-wrap .ticket-btn { height: auto; padding: 0 16px; display: inline-block; max-width: calc(33.3333% - 16px); }
#contents4-1-3 .ticket .ticket-btn-wrap .ticket-btn img { max-width: 80%; }
#contents4-1-3 .ticket .ticket-btn-wrap .btn { margin-right: 16px; margin-bottom: 12px; width: 195px; }
#contents4-1-3 .ticket .ticket-btn-wrap .btn:not(.black) { background-image: url('/resources/images/common/icon_mark_right_w.svg'); background-repeat: no-repeat; background-position: right 20px center; text-align: left; background-size: 18px; padding-left: 20px; width: 195px; }
#contents4-1-3 .ticket .ticket-btn-wrap.btn-one .btn { width: 305px; }
/* #contents4-1-3 .ticket .ticket-detail-wrap a { width: 324px; background-image: url('/resources/images/common/icon_mark_right_w.svg'); background-repeat: no-repeat; background-position: right 30px center; text-align: left; background-size: 18px; padding-left: 30px; } */
#contents4-1-3 .btn-wrap a { width: 195px; margin-right: 16px; margin-bottom: 12px; }
#contents4-1-3 .list-slider .slick-slide .item { padding-bottom: 100%; }



#contents4-7 .default-wrap > .title { text-align: center; position: relative; margin-bottom: 64px; }
#contents4-7 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents4-7 .title .search-wrap { position: absolute; top:0; right:0; }
#contents4-7 .title .search-wrap .search-item .select-item { width: 300px; border-bottom: 1px solid #ffffff; }
#contents4-7 .event-list-wrap .list-item + .list-item { margin-top: 32px; }
#contents4-7 .event-list-wrap .list-item a { display: block; height: 320px; padding: 64px 64px; position: relative; }
#contents4-7 .event-list-wrap .list-item.end a { pointer-events: none; }
#contents4-7 .event-list-wrap .list-item a span { display: block; }

.layerpop-wrap#eventJoinLayer .layerpop .layer-body .btn-wrap .btn { width: 42.4%; min-width:auto; }
#contents4-7 .event-list-wrap .list-item a > span > span.title {  font-size: 28px; color: #FFFFFF; letter-spacing: -1.4px; text-align: left; font-weight: bold; line-height: 51px; max-width: 800px; }
#contents4-7 .event-list-wrap .list-item a > span > span.date { margin-top: 16px; font-size: 22px; color: #BEBEBE; letter-spacing: 0; line-height: 26px; }
#eventJoinLayer .td:not(.phon) .input-item { max-width: 100%; }
#eventJoinLayer textarea { width: 100%; height: 140px; }
#contents4-8 .default-wrap > .title { text-align: center; position: relative; margin-bottom: 64px; }
#contents4-8 .default-wrap > .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents4-8 .title .search-wrap { position: absolute; top:0; right:0; }
#contents4-8 .title .search-wrap .search-item .select-item { border-bottom: 1px solid #ffffff; }
#contents4-8 .title .search-wrap .search-item  select { background-color: #1F2123; }
#contents4-8 .title > .btn-wrap { position: absolute; left: 0; top:0; }
#contents4-8 .btn-wrap .btn.write { height: 42px; line-height: 42px; min-width: 120px; }
#contents4-8 .table.type01 tr.notice-head td a { color: #228893; }
#contents4-8 .table.type01 tr.notice-head td.pin { line-height: 0; font-size: 0; text-indent: -9999px; background: url(/resources/images/page/icon_pin.svg) no-repeat center; }

#contents4-9 .title { margin-bottom: 64px; }
#contents4-9 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents4-9 .table-desc { font-size: 14px; color: #A8A8A8;letter-spacing: -0.52px; line-height: 26px; }
#contents4-9 .tablest .tr .th { height: 78px; padding: 26px 0 26px 40px;}
#contents4-9 .tablest .tr .td  { height: 78px; padding-top: 18px; padding-bottom: 18px; font-size: 16px; color:#ffffff; }
#contents4-9 .tablest .tr .td .select-item select{ font-size: 14px; }
#contents4-9 .tablest .tr .td .number { width: auto; font-size: 18px; display: inline-block; margin-left: 24px; }
#contents4-9 .tablest .tr .td p.desc { color: #A8A8A8; letter-spacing: -0.52px; line-height: 26px; }
#contents4-9 .tablest #title::placeholder { color: rgba(255, 255, 255, 0.6); }

#contents5-1 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents5-1 .history-list-wrap { overflow: hidden; position: relative; }
#contents5-1 .history-list-wrap .history-line {display:block;position:absolute;left:0;right:0;top:0;margin:0 auto; width:2px; height:150px; max-height: 100%; padding-bottom:200px; box-sizing:border-box;background:#228893; z-index:1;}
#contents5-1 .history-list-wrap ul { position:relative; padding-top: 64px; }
#contents5-1 .history-list-wrap ul::before { position: absolute; display: block; content:''; background-color: #4A4A4A; width: 2px; height: 100%; top:0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
#contents5-1 .history-list-wrap ul li { position:relative; overflow: hidden;}
#contents5-1 .history-list-wrap ul li + li { margin-top: 40px; }
#contents5-1 .history-list-wrap ul li::before { position: absolute; display: block; content:''; width: 16px; height: 16px; border-radius: 50%;top:18px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); background: url(/resources/images/page/icon_5_1_off.svg) no-repeat center; z-index:1; transition: all 0.3s; }
#contents5-1 .history-list-wrap ul li.active::before {background: url(/resources/images/page/icon_5_1_on.svg) no-repeat center;}
#contents5-1 .history-list-wrap ul li::after { background:rgba(34, 136, 147, 0); width:40px; height: 40px; position: absolute; display: block; content:'';top:6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);border-radius: 50%; transition: all 0.3s; }
#contents5-1 .history-list-wrap ul li.active::after { background:rgba(34, 136, 147, 0.15);}
#contents5-1 .history-list-wrap ul li > div { width: 50%; color:#ffffff; }
#contents5-1 .history-list-wrap ul li > div.left { padding-right: 48px; text-align: right; float: left; }
#contents5-1 .history-list-wrap ul li > div.right { padding-left: 48px; text-align: left; float: right; }
#contents5-1 .history-list-wrap ul li .img-wrap { width: 400px; height: 200px; margin: 0 0 0 auto; }
#contents5-1 .history-list-wrap ul li .img-wrap > div,
#contents5-1 .history-list-wrap ul li .img-wrap > div > img { width: 100%; height: 100%; }
#contents5-1 .record-wrap { color:#ffffff; text-align: center; }
#contents5-1 .record-wrap .title p { font-weight: normal; margin-top: 4px; }
#contents5-1 .record-wrap ul li .desc {  color: #A8A8A8; letter-spacing: -0.68px; line-height: 26px; margin-top: 4px; }
#contents5-1 .record-wrap ul li + li { margin-top: 24px; }

#contents5-2 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; }
#contents5-2 .greet-wrap .text-wrap{ background-color: #282B30;}
#contents5-2 .greet-wrap .text-wrap .intro-wrap { padding: 188px 10.26% 200px; position: relative; }
#contents5-2 .greet-wrap .text-wrap .intro-wrap .text { float: right; max-width: 595px; color:#ffffff; width: 56.27%; }
#contents5-2 .greet-wrap .text-wrap .intro-wrap .text p { font-size: 52px; letter-spacing: -1.44px; line-height: 70px; font-weight: 300; }
#contents5-2 .greet-wrap .text-wrap .intro-wrap .text p strong { color:#228893; }
#contents5-2 .greet-wrap .text-wrap .intro-wrap .text span { line-height: 32px; }
#contents5-2 .greet-wrap .desc-wrap { background-color :#333942; padding: 100px 10.26% 120px; color:#ffffff; }
#contents5-2 .greet-wrap .text-wrap .intro-wrap .img { position: absolute; left: 10.26%; bottom: -66px; z-index: 1;}


#contents5-7-1 .accordion-item .accordion-con .answer { padding-left: 0; }
#contents5-7-1 .accordion-item .accordion-con .answer::before { display: none; }
#contents5-7-1 .certi-wrap .w-792 { max-width: 792px; margin: 0 auto; padding: 0 19px; }
#contents5-7-1 .certi-wrap .link-wrap { overflow: hidden; }
#contents5-7-1 .certi-wrap .link-wrap a { float: left; width: calc( 50% - 8px); background-color: #228893; padding: 38px 0 36px; height: 270px; margin-right: 16px; }
#contents5-7-1 .certi-wrap .link-wrap a img { display: block; margin: 0 auto; margin-bottom: 28px; }
#contents5-7-1 .certi-wrap .link-wrap a:last-child { margin-right: 0; background: #3C424C; padding-top: 46px; }
#contents5-7-1 .certi-wrap .link-wrap a:last-child img { margin-bottom: 36px; }
#contents5-7-1 .certi-wrap .default-wrap dl dt { letter-spacing: -0.98px; }
#contents5-7-1 .default-wrap { position:relative; }
#contents5-7-1 .title-wrap { text-align: center; position:relative; background-image: url(/resources/images/common/bg_bird03.png); background-repeat: no-repeat; background-position: left top -30px; }
#contents5-7-1 .title-wrap p {  font-size: 28px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 40px; }
#contents5-7-1 .board-wrap { padding-bottom: 200px; }
#contents5-7-1 .board-wrap .title { color: #ffffff; }
#contents5-7-1 .table.type01 tr td:nth-child(2) { padding-left: 20px; }
#contents5-7-1 .table.type01 tr td .state { display: block; width: 72px; background-color: #000000; color:#ffffff; height: 38px; line-height: 38px; margin:auto; font-size: 14px; text-align: center; font-weight: bold; }
#contents5-7-1 .table.type01 tr td .btn { min-width: 96px; height: 36px; line-height: 36px;font-size: 14px; }
#contents5-7-1 .layerpop-wrap .font24 { font-size: 24px; }
#contents5-7-1 .layerpop-wrap .layerpop .layer-body .box-wrap > div { max-width: 460px; }
#contents5-7-1 .layerpop-wrap .input-item { overflow: hidden; max-width: 360px; }
#contents5-7-1 .layerpop-wrap .input-item label { width: 78px; text-align: left; line-height: 42px; font-size: 16px; font-weight: 600;}
#contents5-7-1 .layerpop-wrap .input-item input { width: calc(100% - 78px);}
#contents5-7-1 .layerpop-wrap .input-item label,
#contents5-7-1 .layerpop-wrap .input-item input { float: left;}
#contents5-7-1 .layerpop-wrap .layerpop .layer-body .box-wrap > div .btn { height: 92px; line-height: 92px; }
#contents5-7-1 .layerpop-wrap .layerpop .layer-body .box-wrap .result { display:none; }
#contents5-7-1 .tablest-wrap .tablest .textarea-wrap.smalltar textarea { height: 200px; }
#contents5-7-1 .tablest-wrap .tablest .textarea-wrap textarea { height: 454px; }
#contents5-7-1 .tablest-wrap .tablest .td.phon { color: #ffffff; }
#contents5-7-1 .recruit-step { max-width: 980px; margin: 0 auto; }
#contents5-7-1 .recruit-step ul li { position: relative; width: calc( 17.7% - 6.5% ); height: 96px; float: left; }
#contents5-7-1 .recruit-step ul li:after { content: ""; position: absolute; left: -96%; top: 19px; width: 130%; height: 2px; background-color: #3C424C; z-index: 0; }
#contents5-7-1 .recruit-step ul li.complete:after , #contents5-7-1 .recruit-step ul li.writing:after { background-color: #228893; }
#contents5-7-1 .recruit-step ul li:first-child:after { display: none; }
#contents5-7-1 .recruit-step ul li + li { margin-left: 6.5%; }
#contents5-7-1 .recruit-step ul li.complete p:first-child { background-color: #228893; border: 0 none; }
#contents5-7-1 .recruit-step ul li.writing p:first-child { border-color: #228893; }
#contents5-7-1 .recruit-step ul li.complete p , #contents5-7-1 .recruit-step ul li.writing p { color: #ffffff; }
#contents5-7-1 .recruit-step ul li p:first-child { position: relative; width: 40px; height: 40px; text-align: center; margin: 0 auto; border-radius: 100%; line-height: 40px; background-color: #1F2123; border: 2px solid #3C424C; z-index: 1; }
#contents5-7-1 .recruit-step ul li p { text-align: center; word-break: keep-all; color: #3C424C; }
#contents5-7-1 .recruit-step ul li p:last-child { position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); }
#contents5-7-1 .certi-wrap .save { min-width: 109px; line-height: 42px; height: 42px; font-size: 14px; }
#contents5-7-1 .bg-wrap { position: relative; padding: 162px 0 166px; background: url('/resources/images/page/bg_step04.png')no-repeat center; background-size: cover; }
#contents5-7-1 .board-view .btn-back { position: static; margin-bottom: 16px; }
#contents5-7-1 .board-view.type02 .title-wrap .text-wrap span { display: block; padding-bottom: 24px; line-height: 28px; }
#contents5-7-1 .board-view.type02 .title-wrap .text-wrap { font-size: 28px; line-height: 40px; margin: 0 auto; padding: 40px 20px;  }
#contents5-7-1 .accordion-item .accordion-con { display: block; }
#contents5-7-1 .accordion-item .handle::after { transform: translateY(-50%) rotate(180deg) }
#contents5-7-1 .accordion-item.active .handle::after { transform: translateY(-50%) }
#contents5-7-1 .checkbox-item input[type="checkbox"] + label:after { top: 12px; }

#contents6-1 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; }
#contents6-1 .ciao-wrap .title { color: #FFFFFF;}
#contents6-1 .ciao-wrap .text-wrap { color: #FFFFFF; }
#contents6-1 .ciao-wrap .text-wrap .desc ul li {position:relative;font-size: 18px;letter-spacing: -0.68px; line-height: 26px; color: #FFFFFF; }
#contents6-1 .ciao-wrap .text-wrap .desc > ul li::after { background: #ffffff; }
#contents6-1 .ciao-wrap .text-wrap .desc > ul li span { padding-left: 40px; font-size: 18px; color: #A8A8A8; letter-spacing: -0.68px; line-height: 26px; font-weight:normal; }
#contents6-1 .ciao-wrap .text-wrap .desc ul li + li {margin-top: 16px; }
#contents6-1 .ciao-wrap .image-wrap ul li { width: calc(50% - 16px); float: left; position:relative; }
#contents6-1 .ciao-wrap .image-wrap ul li + li { margin-left: 32px; }
#contents6-1 .ciao-wrap .image-wrap ul li .caption { position: absolute; bottom:0; left: 0; color:#ffffff; font-size: 14px; letter-spacing: -0.52px; line-height: 22px; height: 110px; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.70) 100%); width: 100%; }
#contents6-1 .ciao-wrap .image-wrap ul li .caption span { position: absolute; bottom:16px; left: 16px; }
#contents6-1 .ciao-wrap .image-wrap img { display: block; width: 100%; }

#contents6-5 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; }
#contents6-5 .soccer-wrap .title { color: #FFFFFF;}
#contents6-5 .soccer-wrap .text-wrap { color: #FFFFFF; }
#contents6-5 .soccer-wrap .text-wrap .desc ul li {position:relative;font-size: 18px;letter-spacing: -0.68px; line-height: 26px; color: #FFFFFF; }
#contents6-5 .soccer-wrap .text-wrap .desc > ul li span { padding-left: 40px; font-size: 18px; color: #A8A8A8; letter-spacing: -0.68px; line-height: 26px; font-weight:normal; }
#contents6-5 .soccer-wrap .text-wrap .desc ul li + li {margin-top: 16px; }
#contents6-5 .soccer-wrap .video-wrap { height: auto; padding-bottom: 0; background-color: transparent; }
#contents6-5 .soccer-wrap .video-wrap .video { position: relative; width: 100%; height: 0px; padding-bottom: 56.25%;}
#contents6-5 .soccer-wrap .image-wrap img { display: block; width: 100%; }

#contentsWrap #contents6-7 { padding-top: 95px; }
#contents6-7 .mt48 { margin-top: 53px !important; }
#contents6-7 .tab-wrap.type1:after { display: none; }
#contents6-7 .tab-wrap.type1 li a { height: 38px; font-size: 18px; }
#contents6-7 .tab-wrap.type1 li a:after { width: 0; }
#contents6-7 .tab-wrap.type1 li.active a { color: #fff; }
#contents6-7 .tab-wrap.type1 li.active a:after { width: 100%; }
#contents6-7 .title h2 { margin-bottom: 60px; color: #fff; text-align: center; }
#contents6-7 .title ul li { display: flex; word-break: keep-all; }
#contents6-7 .title ul li:before { content: ''; width: 4px; height: 4px; margin-top: 8px; margin-right: 8px; background-color: #A8A8A8; }
#contents6-7 .title ul li.color-FFFFFF:before { background-color: #fff; }
#contents6-7 .title ul li + li { margin-top: 10px; }
#contents6-7 .util-wrap { display: flex; }
#contents6-7 .util-wrap .btn:hover .icon img { transition: 0.5s; }
#contents6-7 .util-wrap form { margin-left: auto; }
#contents6-7 .search-wrap { margin: 0; }
#contents6-7 .search-wrap .search-item { max-width: none; }
#contents6-7 .search-wrap .search-item .input-item input { padding: 8px 40px 8px 8px; font-size: 16px; color: #fff; }
#contents6-7 .search-wrap .search-item .select-item { width: auto; border-bottom: 1px solid #fff; }
#contents6-7 .search-wrap .search-item .select-item select { padding: 8px 30px 8px 8px; font-size: 16px; background-color: transparent; background-position: right 9px center; }
#contents6-7 .thumb-list.type1 { display: flex; flex-wrap: wrap; }
#contents6-7 .thumb-list.type1 > li { flex: 1; min-width: 30%; max-width: calc(100% / 3); display: flex; flex-direction: column; }
#contents6-7 .thumb-list.type1 > li:last-child { margin-bottom: 52px !important; }
#contents6-7 .thumb-list.type1 > li .thumb-list-inner { flex-grow: 1; }
#contents6-7 .thumb-list.type1 .btn-wrap { font-size: 0; min-height: 0; }
#contents6-7 .thumb-list.type1 .btn-wrap .btn { display: inline-flex; justify-content: center; align-items: center; min-width: 0; width: 54px; height: 54px; background-color: #000; border: none !important; }
#contents6-7 .thumb-list.type1 .btn-wrap .btn + .btn { margin-left: 6px; }
#contents6-7 .thumb-list.type1 .btn-wrap .btn img { transition: 0.5s; }
#contents6-7 .pagination-wrap { padding-top: 16px; }
#contents6-7 .form-wrap .tablest .th { padding: 25px 0 27px 40px; }
#contents6-7 .form-wrap .tablest .td { padding: 18px 32px; }
#contents6-7 .form-wrap .tablest .tr .td .select-item { max-width: 282px; margin-left: 0; }
#contents6-7 .form-wrap .tablest .tr .td .select-item select { font-size: 14px; cursor: pointer; }
#contents6-7 .form-wrap .tablest .tr .td .file-input { font-size: 14px; font-weight: 400; cursor: pointer; }
#contents6-7 .form-wrap .tablest .tr .td .file-txt-input, 
#contents6-7 .form-wrap .tablest .tr .td .file-txt-input:focus { width: auto !important; height: 26px !important; line-height: 26px !important; }
#contents6-7 .form-wrap .tablest .tr .td .file-input ~ p { display: block; width: 100%; word-break: keep-all; }
#contents6-7 .form-wrap .btn-wrap { font-size: 0; }
#contents6-7 .form-wrap .btn-wrap .btn { cursor: pointer; }

#contentsWrap #contents8-1 { padding-top: 174px; }
#contents8-1 .title h2 { color: #FFFFFF; letter-spacing: -1.5px; font-weight: normal; }
#contents8-1 hr { margin-bottom: 54px; }
#contents8-1 .apply-btn-wrap { width: 100%; }
#contents8-1 .apply-btn-wrap .btn { width: 170px; height: 58px; line-height: 56px; padding: 0 40px; background-image: url('/resources/images/common/icon_mark_right_w.svg'); background-repeat: no-repeat; background-position: right 40px center; text-align: left; background-size: 18px; font-weight: 700; }

#contents8-2 .search-wrap { margin: 0; }
#contents8-2 .search-wrap .search-item { max-width: none; }
#contents8-2 .search-wrap .search-item .input-item input { padding: 8px 40px 8px 8px; font-size: 16px; }
#contents8-2 .search-wrap .search-item .select-item { width: auto; border-bottom: 1px solid #fff; }
#contents8-2 .search-wrap .search-item .select-item select { padding: 8px 30px 8px 8px; font-size: 16px; background-position: right 9px center; }

#contents8-2 .title-wrap { max-width: 1344px; margin: auto; }
#contents8-2 .thumb-list-wrap { max-width: 1344px; margin: auto; }
#contents8-2 .thumb-list > li { height: auto; padding: 0 24px; margin-bottom: 52px; font-weight: 700; }
#contents8-2 .thumb-list li .img-wrap { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 73.55%; margin-bottom: 36px; }
#contents8-2 .thumb-list li .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; object-fit: cover; object-position: center; }
#contents8-2 .thumb-list li .txt-wrap p.font24 { line-height: 1.1em; max-height: 1.1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#contents8-2 .thumb-list li .txt-wrap ul { min-height: 138px; margin-top: 16px; margin-bottom: 32px; }
#contents8-2 .thumb-list li .txt-wrap li { height: auto; padding: 0; margin: 0; letter-spacing: -0.0421875em; }
#contents8-2 .thumb-list li .txt-wrap li:first-of-type,
#contents8-2 .thumb-list li .txt-wrap li:last-of-type { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; max-height: 3em; }
#contents8-2 .thumb-list li .txt-wrap li + li { margin-top: 6px; }
#contents8-2 .thumb-list li .btn-wrap { display: flex; font-size: 0; padding-bottom: 36px; border-bottom: 1px solid #4A4A4A; }
#contents8-2 .thumb-list li .btn-wrap .btn { flex: 1; height: 58px; line-height: 58px; font-weight: bold; border-color: transparent; }
#contents8-2 .thumb-list li .btn-wrap .btn + .btn { margin-left: 14px; padding: 0; padding-right: 30px; background-image: url('../../images/common/icon_mark_right_w.svg'); background-size: 18px; background-repeat: no-repeat; background-position: calc(50% + 40px) center; }

/* #contents8-2 .pagination-wrap { padding-top: 0; } */
#contents8-2 .subject-wrap { margin-bottom: 130px; } 

#contents8-2 .main-slider-wrap .slick-slide { font-size: 0; }
#contents8-2 .main-slider-wrap .main-slider .item { height: 623px; }
#contents8-2 .main-slider-wrap .main-slider .item .img-wrap,
#contents8-2 .main-slider-wrap .main-slider .item .img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
#contents8-2 .main-slider-wrap .custom-controls-wrap { margin-top: 23px; }
#contents8-2 .main-slider-wrap .custom-controls-wrap .main-slider-dot { margin-top: 7px; }
#contents8-2 .main-slider-wrap .custom-controls { font-size: 0; }
#contents8-2 .main-slider-wrap .custom-controls .slick-dots li { width: 60px; margin-right: 4px; }
#contents8-2 .main-slider-wrap .custom-controls .slick-dots li button { vertical-align: top; text-indent: -99999em; width: 60px; height: 2px; background-color: #3E3E3E; }
#contents8-2 .main-slider-wrap .custom-controls .slick-dots li.slick-active button { background-color: #fff; }

#contents8-2 .main-slider-wrap .custom-controls > div + div { float: right; }
#contents8-2 .main-slider-wrap .custom-controls > div + div button { margin-left: 14px; vertical-align: middle; }
#contents8-2 .main-slider-wrap .custom-controls button.custom-slick-next { margin-left: 14px; }
#contents8-2 .main-slider-wrap .custom-controls .play-control { float: none; }

#contents8-2 .event-wrap .img-wrap img,
#contents8-2 .comment-wrap .img-wrap img { width: 100%; }

#contentsWrap .contents.csr { color: #ffffff; word-break: keep-all; padding-top: 68px; }
.csr .bold { font-weight: 700 !important; }
.csr .title h2 { letter-spacing: -1.8px; font-weight: normal; }
.csr .title .title-banner { width: 100vw; transform: translateX(calc(calc(1344px - 100vw)/ 2)); }

.csr .img-wrap,
.csr .img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.csr-slogan-wrap { text-align: center; }
.csr-slogan-wrap p { margin: 10px 0; font-size: 36px; font-weight: normal; }
.csr-slogan-wrap p:before,
.csr-slogan-wrap p:after { content: ""; display: block; width: 45px; height: 45px; margin: auto; background-position: center; background-repeat: no-repeat; }
.csr-slogan-wrap p:before { margin-bottom: 10px; background-image: url('../../images/common/icon_quote_left.svg');}
.csr-slogan-wrap p:after { margin-top: 10px; background-image: url('../../images/common/icon_quote_right.svg');}
.csr-slogan-wrap p img { margin-top: 8px; }

.csr-tab-wrap .tab-wrap.type1:after{ display: none; }
.csr-tab-wrap .tab-wrap.type1 li { margin: 0 24px; }
.csr-tab-wrap .tab-wrap.type1 li a { height: 40px; }
.csr-tab-wrap .tab-wrap.type1 li a:after { width: 0; background-color: #29758B; }
.csr-tab-wrap .tab-wrap.type1 li.active a { color: #fff; }
.csr-tab-wrap .tab-wrap.type1 li.active a:after { width: 100%; }
.csr-tab-wrap .tab-contents.active { animation: fade-up 1.5s; }
@keyframes fade-up {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.csr-main-wrap { display: flex; }
.csr-main-wrap > div { flex: 1; }
.csr-main-wrap .img-wrap { height: auto; min-height: 460px; }
.csr-main-wrap .csr-txt-wrap .font34 { font-size: 34px !important; letter-spacing: -0.98px; }
.csr-main-right{ margin-left: 7%; max-width: 597px; }

.csr-txt-wrap { font-size: 20px; }
.csr-txt-wrap p.font32 { line-height: 1.4 !important; }
.csr-txt-wrap .color-228893 { margin-top: 6px; font-size: 46px; margin-bottom: 22px; line-height: 1.4; }

.csr-info-wrap h3 { margin-bottom: 24px; font-size: 28px; font-weight: 700; }

.csr-slider-wrap { width: 100vw; transform: translateX(calc(calc(1344px - 100vw)/ 2)); }
.csr-slider-wrap.has-pattern { margin-bottom: -200px; padding-top: 100px; padding-bottom: 200px; background-color: #000000; background-image: url('../../images/common/bg_bird04.png'); }
.csr-slider-wrap .title { display: flex; justify-content: space-between; }
.csr-slider-wrap .csr-slider .slick-list { margin: 0 -12px; }
.csr-slider-wrap .csr-slider .slick-track { margin-left: 0; }
.csr-slider-wrap .csr-slider .slick-slide { margin: 0 12px; }
.csr-slider-wrap .csr-slider .csr-slide { background-color: #000; }
.csr-slider-wrap .csr-slider .csr-slide .img-wrap { height: 212px; overflow: hidden;}
.csr-slider-wrap .csr-slider .csr-slide .tit { margin: 32px 20px 45px; }
.csr-slider-wrap .csr-slider .csr-slide .date { display: flex;  justify-content: space-between; padding: 11px 18px 13px; font-size: 16px; font-weight: 700; color: #A8A8A8; border-top: 1px solid #292929; }
.csr-slider-wrap .csr-slider-controls { align-self: center; }
.csr-slider-wrap .csr-slider-controls .slick-disabled, .csr-slider-wrap .csr-slider-controls .slick-hidden { opacity: 0.3; }
.csr-slider-wrap .csr-slider-controls .custom-slick-arrow { width: 14px; height: 23px; }
.csr-slider-wrap .csr-slider-controls .custom-slick-next.custom-slick-arrow { margin-left: 18px; }

.csr .btn { width: auto; height: auto; line-height: normal; padding: 18px 80px 18px 48px; font-size: 20px; font-weight: normal; background-image: url('../../images/common/icon_mark_right_w.svg'); background-size: 20px; background-repeat: no-repeat; background-position: right 48px center;}
.csr .btn img { margin-left: 12px; vertical-align: middle; width: 20px; }

#contents9-1 .csr-slider-wrap .csr-slider .csr-slide .tit { margin: 16px 20px 29px; }

#contents9-4 .csr-txt-wrap .stadium > div { position: relative; padding: 37px 160px; }
#contents9-4 .csr-txt-wrap .stadium > div + div:before { position: absolute; content: ""; top: 50%; left: 0; width: 1px; height: 132px; background-color: #3C424C; transform: translateY(-50%); }
#contents9-4 .csr-txt-wrap .stadium-data { line-height: normal !important; }
#contents9-4 .csr-info-box { background-color: #333841; color: #A8A8A8; }
#contents9-4 .csr-info-box button { text-align: left; color: #A8A8A8; font-size: inherit; font-weight: inherit; }
#contents9-4 .csr-info-nav { padding: 29px 93px 29px 44px; line-height: 1.4; }
#contents9-4 .csr-info-nav nav li + li { margin-left: 40px; }
#contents9-4 .csr-info-nav nav li button { letter-spacing: -0.98px; display: flex; width: 100%; justify-content: center; align-items: center; }
#contents9-4 .csr-info-nav nav li button svg { vertical-align: middle; margin-right: 4px; }
#contents9-4 .csr-info-nav nav li button .icon { fill: #A8A8A8; }
#contents9-4 .csr-info-nav nav li.active button { color: #50D5B7; }
#contents9-4 .csr-info-nav nav li.active button .icon { fill: #50D5B7; }
#contents9-4 .csr-path-box { display: flex; flex-wrap: wrap; }
#contents9-4 .csr-path-box .csr-info-nav { width: 100%; }
#contents9-4 .csr-route-list { position: relative; width: 320px; height: 0; padding-bottom: calc(calc(100% - 320px) * 0.5953); overflow: auto; }
#contents9-4 .csr-route-list .depth1 { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#contents9-4 .csr-route-list .depth1.active { display: block; }
#contents9-4 .csr-route-list .depth1 > li > button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 25px 30px 25px 45px; font-size: 22px; font-weight: bold; color: #fff; border-top: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; }
#contents9-4 .csr-route-list .depth1 > li > button span:last-child { color: #50D5B7; }
#contents9-4 .csr-route-list .depth2 { padding: 26px 40px 26px 45px; background-color: #282B30; display: none; }
#contents9-4 .csr-route-list .depth2 p { margin-bottom: 20px; color: #fff; letter-spacing: -0.025em;}
#contents9-4 .csr-route-list .depth2 li { position: relative; }
#contents9-4 .csr-route-list .depth2 li button { position: relative; padding-left: 25px; }
#contents9-4 .csr-route-list .depth2 li + li button { padding-top: 26px; }
#contents9-4 .csr-route-list .depth2 li button:before { content: ''; position: absolute; top: 26px; left: 0; width: 10px; height: 10px; background-color: #A8A8A8; border: 3px solid #282B30; border-radius: 50%; }
#contents9-4 .csr-route-list .depth2 li button:after { content: ''; position: absolute; top: 0; left: 6px; width: 3px; height: 100%; background-color: #A8A8A8; }
#contents9-4 .csr-route-list .depth2 li.start button:before { top: 0; border-color: #50D5B7; }
#contents9-4 .csr-route-list .depth2 li.start button:after { top: 3px; }
#contents9-4 .csr-route-list .depth2 li.end button:before { border-color: #6717CD; }
#contents9-4 .csr-route-list .depth2 li.end button:after { top: auto; bottom: calc(100% - 30px); }
#contents9-4 .csr-route-list .depth2 li.end.only button:before { top: 3px; }
#contents9-4 .csr-route-list .depth2 li.end.only button:after { display: none; }
#contents9-4 .csr-route-list .depth2 li span { display: block; margin-top: 8px; font-size: 13px; }
#contents9-4 .csr-route-img { position: relative; width: calc(100% - 320px); height: 0; padding-bottom: calc(calc(100% - 320px) * 0.5953); overflow: hidden; vertical-align: top; }
#contents9-4 .csr-route-img .route-map,
#contents9-4 .csr-route-img .route-svg, #contents9-4 .csr-route-img .route-shortcut { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: none; }
#contents9-4 .csr-route-img .route-svg path { stroke-dashoffset: 1000; stroke: #28a68e; stroke-width: 6; }
#contents9-4 .csr-route-img .route-shortcut circle { cursor: pointer; }
#contents9-4 .csr-route-img .route-map:not(.subway) { object-fit: cover; object-position: left; width: 135%; height: 135%; transform: translateY(-3%); }
#contents9-4 .csr-facility-location img { display: none; }
#contents9-4 .csr-facility-location img.active { display: block; }


#contents9-5 .csr-inner-tab-wrap .font32 { margin-bottom: 52px; }
#contents9-5 .csr-inner-tab-wrap .tab-wrap ul li + li { margin-left: 28px; }
#contents9-5 .csr-inner-tab-wrap .tab-wrap ul li button { width: 210px; padding: 18px 0; background-color: #282B30; font-size: 20px; font-weight: 700; color: #6D6D6D; line-height: 1.5; text-align: center; }
#contents9-5 .csr-inner-tab-wrap .tab-wrap ul li.active button { background-color: #228893; color: #fff; }
#contents9-5 .csr-inner-tab-wrap .tab-contents-wrap .img-wrap img { max-height: 800px; }

#contents9-5 .csr-slider.org .csr-slide .img-wrap { height: 304px; }
#contents9-5 .csr-slider.org .csr-slide .tit { margin: 0; margin-top: 32px; font-size: 22px; font-weight: 700; text-align: center; }

@media all and (max-width:1620px) {
    /********** common ***********/

    /*.table.type01*/
    .table.type01 tr td a { max-width: 600px;}



    /*content*/
    .match .match-list-wrap .text { margin-right: 32px; width: calc(100% - 80px);}
    #contents3-2 .match-list-wrap .match-list > ul > li:nth-child(3) { width: 36%; padding-left: 16px; }
    #contents3-2 .match-list-wrap .match-list > ul > li:nth-child(4) { width: 23.9%; padding-left: 0; }
    #contents3-2 .match-list-wrap .btn-wrap { text-align: right; }
    #contents3-2 .match-list-wrap .btn-wrap a { width: 100%; max-width: 100%; }
    #contents3-2 .match-list-wrap .btn-wrap.has-player a.player { max-width: 100%; margin-bottom: 8px; }
    #contents3-2.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li { height: 116px; }

    #contents3-2-1 .result-wrap .graph-wrap .team-wrap { padding: 0 4.2%; }
    #contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap { right: 4.2%; }
    #contents3-2-1 .result-wrap .player-detail-wrap .accordion-item .issue-wrap { width: calc( 100% - 191px); }

    #contents5-2 .greet-wrap .text-wrap .intro-wrap { padding-left: 6.06%; padding-right: 6.06%; }
    #contents5-2 .greet-wrap .text-wrap .intro-wrap .img { left: 6.06%; }
    #contents5-2 .greet-wrap .desc-wrap { padding-left: 6.06%; padding-right: 6.06%; }

    .csr .title .title-banner,
    .csr-slider-wrap { transform: translateX(calc(calc(calc(1344px - 100vw)/ 2) - 4.2%)); }
}
@media all and (max-width:1344px) {
    .csr .title .title-banner,
    .csr-slider-wrap { transform: translateX(-4.2%);}
}
@media all and (max-width:1339px) {
    #contents2-1-2 .thumb-list li:nth-child(2n+1) { clear: both; }
    /* #contents2-2-2 .thumb-list li:nth-child(2n+1) { clear: both; } */
    #contents3-4 .vote-result-wrap .thumb-list li { height: 430px; }
    #contents3-4 .vote-result-wrap .thumb-list li > a .img-wrap { height: 252px; }

    #contents6-7 .thumb-list.type1 > li { min-width: 45%; max-width: 50%; }

}

@media all and (max-width:1280px) {
    /********** common ***********/

    /*tab*/
    .tab-wrap.type03 ul li a { font-size: 16px; }

    /*.table.type01*/
    .table.type01 tr td a { max-width: 500px;}

    /*content*/
    .match .match-list-wrap .btn-wrap a { padding: 0 8px; }

    #contents3-1 .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item .ticket-open { padding: 0 8px; }

    #contents5-2 .greet-wrap .text-wrap .intro-wrap { padding-left: 40px; padding-right: 40px; }
    #contents5-2 .greet-wrap .text-wrap .intro-wrap .img { left: 40px; }
    #contents5-2 .greet-wrap .desc-wrap { padding-left: 40px; padding-right: 40px; }

    #contents5-7-1 .table.type01 tr td a { max-width: 450px;}

    #contents3-4 .match-list-wrap .match-list { padding: 16px 20px; }
    #contents3-4 .match-list-wrap .match-list > ul > li:nth-child(4) { width: calc(34.47% - 90px); }
    #contents3-4 .match-list-wrap .match-list > ul > li:nth-child(5) { width: 90px; }
    #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a { padding-right: 18px; }
    #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a::after { right: -20px; }
}

@media all and (max-width: 1200px) {
    #contents3-1 .match-list-wrap .match-list > ul > li:nth-child(3) { width: 30%; }
    #contents3-1 .match-list-wrap .match-list > ul > li:nth-child(4) { width: 31.4%; }

    #contents3-4 .link-wrap .title img { max-width: 200px; }
}

@media all and (max-width:1024px) {
    /********** common ***********/
    .btn-wrap .btn-prev-list { padding: 0; text-align: center; }
    .title-wrap.bg-bird > p,
    #contents5-7-1 .title-wrap p{font-size: 32px !important;}

    /*circle-label*/
    .circle-label { width: 60px; height: 60px; line-height: 60px; font-size: 14px; top: 24px; right: 24px; }

    /* table type01 */
    .table.type01 tr th { display: none; }
    .table.type01 tr td:first-child { display: none; }
    .table.type01 tr td { width: auto; display:inline-block; height: auto; padding: 8px 0 16px; border-bottom: 0; padding-right: 16px; float: left; }
    .table.type01 tr td:nth-child(3) { width: 100%; display: block; border-bottom: 0; padding: 16px 0; border-top:1px solid #4A4A4A;}
    .table.type01 tbody tr:first-child td { border-top: 0; }
    .table.type01 tr td a { max-width: 95%; white-space: initial; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

     /*tab*/
    .tab-wrap.type03 ul { display: block !important; display: -webkit-block !important; -webkit-align-items: none; align-items: none; -webkit-justify-content: none; justify-content: none; overflow: hidden; margin-bottom: 24px; }
    .tab-wrap.type03 ul li { width: 50%;  position:relative; float: left;  display: block; border: 1px solid #414446;}
    .tab-wrap.type03 ul li + li + li { border-left: 0;}
    .tab-wrap.type03 ul li:first-child { border-right: 1px solid #414446; }
	.tab-wrap.type03 ul li:nth-child(even) { border-left: 0;}
	.tab-wrap.type03 ul li:nth-child(odd) { border-left: 1px solid #414446; }
    .tab-wrap.type03 ul li + li + li { border-top: 0; }

    /*board-view type02*/
    .board-view.type02 .title-wrap .text-wrap { font-size: 22px !important; letter-spacing: -0.77px; line-height: 30px !important; max-width: 100%; padding: 16px 16px 56px !important;}

    .board-view.type02 .title-wrap .date-wrap { padding: 16px 16px; }
    .board-view.type02 .w1068 > .matter-wrap .matter{ padding: 56px 16px; }

    /* title-wrap  bg-bird */
    .title-wrap.bg-bird { background: none; }

    /*content*/
    .match .result-wrap .game-match-wrap .search-wrap { float: none; }
    .match .result-wrap .game-match-wrap .search-wrap .search-item { margin: 0; width: 100%;  }
    .match .result-wrap .game-match-wrap { padding-bottom: 120px; }
    .match .result-wrap .game-match-wrap .match-list-wrap { margin-bottom: 64px; }
    .match .result-wrap .game-match-wrap .match-list-wrap .match-list { padding: 16px;}
    .match .match-list-wrap .match-list > ul > li { float: none !important; width: 100% !important; padding:0!important; height: auto !important; text-align: center; }
    .match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item { position: relative; top: auto; left:auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); display: inline-block; width: auto; }
    .match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li:first-child { border-right: 0; border-bottom: 1px solid #3C424C; padding-bottom: 16px !important; margin-bottom: 24px; }
    .match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item .ticket-open { margin: auto; }
    .match .match-list-wrap .match-list > ul > li:nth-child(3) { margin-top: 16px; margin-bottom: 24px; }
    .match .match-list-wrap .match-list > ul > li:nth-child(4) .item { width: 100% !important; }
    .match .match-list-wrap .text { line-height: 32px !important; white-space: nowrap; }
    .match .match-list-wrap .btn-wrap { width: 100%; }
    /* .match .match-list-wrap .btn-wrap a { float: none; width: calc( 50% - 4px ); } */

    .match-schedul .game-info-wrap .team-wrap { margin-top: 24px !important;}
    .match-schedul .game-info-wrap .team-wrap .team p { float: none !important; line-height: 30px; }
    .match-schedul .game-info-wrap .team-wrap .team p + p { margin-left: 0 !important; margin-right: 0 !important;}
    .match-schedul .game-info-wrap .team-wrap > div.game-info { margin-top: 4px !important; }
    .match-schedul .game-info-wrap .team-wrap .game-info p { margin-left: 16px; margin-right: 16px; }
    .match-schedul .game-info-wrap .team-wrap .game-info p.mb4 { margin-top: 8px; }
    .match-schedul .game-info-wrap .team-wrap .game-info p > span { font-size: 32px; line-height: 41px !important;}
    .match-schedul .game-info-wrap span.time::after { top: 15px; }
    .match-schedul .game-info-wrap .brn-wrap .btn { width: calc( 50% - 4px); min-width: 0;}
    .match-schedul .result-info-wrap { padding: 124px 0 !important;}
    .match-schedul .game-info-wrap .team-wrap .team p.team-logo { width: 80px; margin-bottom: 8px; }

    #contents2-1 .title span.mr16 { margin-right: 24px !important; }

    #contents2-1-2 .thumb-list li { margin-bottom: 0; }
    #contents2-1-2 .thumb-list li .info-wrap { margin-top: 24px; margin-bottom: 56px; }
    #contents2-1-2 .thumb-list li .info-wrap.manager { margin-bottom: 0;}
    #contents2-1-2 .thumb-list .info-wrap .desc li > div { margin-top: 8px; }
    #contents2-1-2 .thumb-list .info-wrap .desc li .scroll { height: 150px; }
    #contents2-1-2 .thumb-list .info-wrap .desc li .scroll p + p { margin-top: 4px; }


    #contents2-2-1 .vision-wrap .title { margin-bottom: 48px; }
    #contents2-2-1 .vision-wrap .vision-text::before,
    #contents2-2-1 .vision-wrap .vision-text::after { width: 29px; }
    #contents2-2-1 .vision-wrap .vision-text .text-wrap { font-size: 26px; letter-spacing: -0.91px; line-height: 34px; word-break: keep-all; }
    #contents2-2-1 .vision-wrap .vision-text .text-wrap p.bold { font-size: 18px; }
    #contents2-2-1 .mission-wrap { margin-top: 128px; }
    #contents2-2-1 .mission-wrap .title { margin-bottom: 24px; }
    #contents2-2-1 .mission-wrap ul { display: block; border: 0; }
    #contents2-2-1 .mission-wrap ul li { float: none; width: 100%; border: 1px solid #A8A8A8; padding: 16px 16px 24px; }
    #contents2-2-1 .mission-wrap ul li + li { margin-top: 32px; }
    #contents2-2-1 .facility-wrap .facility-list ul li { padding : 16px 0; }
    #contents2-2-1 .facility-wrap .facility-list ul li:first-child { padding-top: 0; }
    #contents2-2-1 .facility-wrap .facility-list ul li:last-of-type { padding-bottom: 0; }
    #contents2-2-1 .facility-wrap .facility-list ul li .img-wrap { margin-bottom: 24px; }
    #contents2-2-1 .facility-wrap .facility-list ul li .info-wrap dl dt:last-of-type,
    #contents2-2-1 .facility-wrap .facility-list ul li .info-wrap dl dd:last-of-type { margin-bottom:0; }
    #contents2-2-1 .facility-wrap .facility-list hr { display: none; }
    #contents2-2-1 .system-wrap { margin-bottom: 120px; }
    #contents2-2-1 .system-wrap ul li { width: 100%; }
    #contents2-2-1 .system-wrap ul li + li { margin-left: 0; margin-top: 32px; }

    /* #contents2-2-2 .thumb-list li { margin-bottom: 0; } */
    #contents2-2-2 .thumb-list li .info-wrap { margin-top: 24px; margin-bottom: 56px; }
    #contents2-2-2 .thumb-list li .info-wrap.manager { margin-bottom: 0;}
    #contents2-2-2 .thumb-list .info-wrap .desc li > div { margin-top: 8px; }
    #contents2-2-2 .thumb-list .info-wrap .desc li .scroll { height: 150px; }
    #contents2-2-2 .thumb-list .info-wrap .desc li .scroll p + p { margin-top: 4px; }

    #contents2-2-5 .desc-wrap { margin-bottom: 80px; }
    #contents2-2-5 .info-wrap dl dt { float: none; width: 100%; margin-bottom: 8px; }
    #contents2-2-5 .info-wrap dl dd { width: 100%; }
    #contents2-2-5 .info-wrap dl dd.link-wrap a { margin-right: 16px; }
    #contents2-2-5 .info-wrap dl dd.link-wrap a img { width: 68px; }
    #contents2-2-5 .img-wrap { margin-top: 16px; }
    #contents2-2-5 .img-wrap ul li { float: none; width: 100%; }
    #contents2-2-5 .img-wrap ul li + li { margin-top: 32px; }
    #contents2-2-5 .img-wrap ul li:nth-child(2n) { margin-left: 0; }

    #contents3-1 .match-list-wrap .btn-wrap  { flex-direction: column; justify-content: center; }
    #contents3-1 .match-list-wrap .btn-wrap a,
    #contents3-1 .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item .ticket-open { width: 100%; max-width: 100%; }
    #contents3-1 .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .item .ticket-open { margin-left: auto; }
    #contents3-1 .match-list-wrap .btn-wrap a + a,
    #contents3-1 .match-list-wrap .btn-wrap a + .ticket-open { margin-left: 0; margin-top: 8px; }

    #contents3-1-2 .result-wrap .result-info-wrap { padding: 80px 0;}
    #contents3-1-2 .result-wrap .game-info-wrap .game-name { margin-bottom: 32px; }
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap { margin-top: 24px !important;}
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team p { float: none !important; line-height: 30px; font-size: 22px; }
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team p + p { margin-left: 0 !important; margin-right: 0 !important;}
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap .team p.team-logo { width: 80px; margin-bottom: 8px; }
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap > div.game-info { margin-top: 4px !important; margin-left: 24px; margin-right: 24px; }
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap .game-info span { font-size: 48px; line-height: 118px; }
    #contents3-1-2 .result-wrap .game-info-wrap .team-wrap .game-info .hyphen { margin-left: 8px; margin-right: 8px; }
    #contents3-1-2 .result-wrap .place-wrap > span { font-size: 20px; }
    #contents3-1-2 .result-wrap .preview-wrap { padding-top:80px; }
    #contents3-1-2 .result-wrap .photo-wrap { padding: 56px 0 0; }
    #contents3-1-2 .result-wrap .photo-wrap .list-slider{ margin-bottom: 80px; }
    #contents3-1-2 .result-wrap .highlight-wrap .matter-wrap .video-title { font-size: 24px; }
    #contents3-1-2 .result-wrap .highlight-wrap { padding: 56px 0 80px; }

    #contents3-2 { padding-top: 68px !important; }
    #contents3-2 .game-match-wrap { padding-top: 56px; }
    #contents3-2 .link-wrap .title { font-size: 32px; }
    #contents3-2 .link-wrap { margin-bottom: 32px; }
    #contents3-2 .link-wrap a { position: relative; display: block; margin-bottom: 8px; margin-top: 24px; }
    #contents3-2 .link-wrap .search-wrap { position: relative; }
    #contents3-2 .game-match-wrap hr { margin-bottom: 40px; }
    #contents3-2 .match-list-wrap .search-wrap { position: relative; margin-bottom: 24px; margin-top: 24px; }
    #contents3-2 .match-list-wrap .logo-wrap .team span { font-size: 40px; }
    #contents3-2.match .match-list-wrap .btn-wrap > a { display: block; width: 100%; max-width: 250px !important; margin: 0 auto; }
    #contents3-2.match .match-list-wrap .btn-wrap.has-player > a { margin-bottom: 8px; }

    #contents3-2-1 .result-wrap .result-info-wrap { padding: 24px 0 80px;}
    #contents3-2-1 .result-wrap .place-wrap { margin-bottom: 40px; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team { position: static; width: 120px; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team p { float: none !important; line-height: 30px; font-size: 22px; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team p + p { margin-left: 0 !important; margin-right: 0 !important; word-break: keep-all; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team p.team-logo { width: 80px; margin-bottom: 8px; margin-left: auto; margin-right: auto; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap > div.game-info { margin-top: 20px !important; margin-left: 0; margin-right: 0; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .game-info span { font-size: 64px; line-height: 82px; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .game-info .hyphen { margin-left: 8px; margin-right: 8px; }
    #contents3-2-1 .result-wrap .game-info-wrap .tag { margin-top: 8px; }
    #contents3-2-1 .result-wrap .graph-wrap { padding: 24px 0 56px; }
    #contents3-2-1 .result-wrap .graph-wrap .title { padding-top: 16px; padding-bottom: 50px; }
    #contents3-2-1 .result-wrap .graph-wrap .team-wrap { padding: 0 40px;}
    #contents3-2-1 .result-wrap .graph-wrap .team-wrap .team { float: left; overflow: hidden; }
    #contents3-2-1 .result-wrap .graph-wrap .team-wrap .team p { float: none; line-height: 56px; color:#ffffff; font-size: 20px; text-align: center; }
    #contents3-2-1 .result-wrap .graph-wrap .team-wrap .team p.team-logo { width: 56px; height: 56px; }
    #contents3-2-1 .result-wrap .graph-wrap .team-wrap .team.right p { float: none; }
    #contents3-2-1 .result-wrap .graph-wrap .graph-view { padding: 0; }
    #contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .option { width: 102px; }
    #contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap { width: calc( 50% - 51px); }
    #contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .bar { width: calc( 100% - 30px);}
    #contents3-2-1 .result-wrap .graph-wrap .graph-view ul li .bar-wrap .rajdhani { width: 30px; line-height: 24px; }
    #contents3-2-1 .result-wrap .player-detail-wrap .title { padding-bottom: 16px; word-break: keep-all; }
    #contents3-2-1 .result-wrap .player-detail-wrap .issue-wrap { position: relative; right: auto; top: auto; float: right; margin-bottom: 16px; }
    #contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .accordion-con { padding-left: 50px; padding-right: 50px; }
    #contents3-2-1 .result-wrap .player-detail-wrap .accordion-item.active .accordion-con p > span { margin-right: 24px; }

    #contents3-4 .game-match-wrap { padding-top: 56px; }
    #contents3-4 .link-wrap .search-wrap { position: relative; margin-top: 24px; }

    #contents3-4 .thumb-list li { margin-bottom: 16px; }
    #contents3-4 .thumb-list li .vote-info { padding: 48px 12px; height: 120px; }
    #contents3-4 .thumb-list li .vote-info .img-wrap { width: 125px; }
    #contents3-4 .thumb-list li .vote-info .img-wrap img { left: -10px; top: -10px; max-width: 150px; }
    /* #contents3-4 .thumb-list li .vote-info > div:not(.radio) + div { margin-left: 8px; } */
    #contents3-4 .thumb-list li .vote-info .player .num { font-size: 20px; line-height: 24px; }
    #contents3-4 .thumb-list li .vote-info .player .name { font-size: 20px; line-height: 24px; }
    #contents3-4 .result-wrap .vote-graph-view ul li .player-wrap > div:nth-child(1) { width: 16px; }
    #contents3-4 .result-wrap .vote-graph-view ul li + li { margin-top: 16px; }

    #contents3-4 .vote-result-wrap .mvp-wrap .deco { display: block; width: 145px; height: 48px; margin-top: 24px; }
    #contents3-4 .vote-result-wrap .mvp-wrap > .deco { display: none; }
    #contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.player { min-width: 298px; max-width: 378px; }
    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .num { font-size: 36px; line-height: 46px; }
    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .en-name { font-size: 56px; line-height: 56px; }
    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .name { font-size: 30px; line-height: 30px; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .img-wrap.player { left: 5%; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .img-wrap.player02 { left: auto; right: 5%; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info .name,
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 .name { left: 0; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info .name02,
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 .name02 { left: auto; right: 0; }

    #contents3-4 .vote-result-wrap .thumb-list li { height: auto; margin-bottom: 36px; }
    #contents3-4 .vote-result-wrap .thumb-list li > a .img-wrap { height: 0; }

    #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap { text-align: center; width: 100%; }
    #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a { width: 140px; margin: 0 auto;  }
    #contents3-4 .match-list-wrap .btn-wrap { text-align: center; }
    #contents3-4.match .result-wrap .game-match-wrap .match-list-wrap .match-list > ul > li .link-wrap a::after { right: 0; }
    /* #contents3-4 .vote-result-wrap .mvp-wrap.home .deco { background-image: url(../../images/page/img_3_4_2_home_deco.png); }
    #contents3-4 .vote-result-wrap .mvp-wrap.away .deco { background-image: url(../../images/page/img_3_4_2_away_deco.png); } */
    #contents3-4 .vote-date-info { text-align: center; max-width: 140px; margin: 0 auto; margin-bottom: 64px; }
    #contents3-4 .vote-date-info span { display: block; }

    #contents4-1-3 .title { margin-bottom: 40px; }
    #contents4-1-3 .seat-wrap .btn { position: static; margin-top: 16px; }
    #contents4-1-3 .tablest .tr .td { padding: 4px 16px 16px; height: auto; }
    #contents4-1-3 .tablest .tr .th { padding: 16px 16px 4px; height: auto; }
    #contents4-1-3 .tablest .tr .td .select-item { max-width: 100% !important; }
    #contents4-1-3 .tablest .tr .td .radio-item + .radio-item { margin-top: 16px; }
    #contents4-1-3 .tablest .tr .td .radio-item { display: inline-block; margin-right: 32px; margin-top: 16px; }
    #contents4-1-3 .tablest .tr .td.phon .input-item { width: calc( 35% - 20px); }
    #contents4-1-3 .ticket .btn-wrap .btn { padding: 0 8px; }
    #contents4-1-3 .ticket .ticket-btn-wrap .ticket-btn img { max-width: 100%; }

    #contents4-7 .default-wrap > .title { margin-bottom: 56px; }
    #contents4-7 .title .search-wrap { position: relative; margin-top: 24px; }
    #contents4-7 .title .search-wrap .search-item .select-item { width: 100%; }
    #contents4-7 .event-list-wrap .list-item a { height: 236px; padding: 24px 56px 24px 24px; }
    #contents4-7 .event-list-wrap .list-item a > span > span.title { display: -webkit-box; font-size: 22px; line-height: 40px;word-break: keep-all; max-width: 100%; }
    #contents4-7 .event-list-wrap .list-item a > span > span.desc { font-size: 20px; }
    #contents4-7 .event-list-wrap .list-item a > span > span.date { font-size: 20px; }
    #contents4-7 .event-list-wrap .list-item a .circle-label { top:152px; }
    .layerpop-wrap#eventJoinLayer .layerpop .layer-body { padding-left: 2.2%; padding-right: 2.2%; }

    #contents4-8 .title .search-wrap { position: relative; margin-top: 24px; }
    #contents4-8 .title .search-wrap .search-item .input-item { max-width: 100%; }
    #contents4-8 .title > .btn-wrap { position: static; margin-top: 24px; text-align: left; }
    #contents4-8 .btn-wrap .btn.write { width: 100%; }
    #contents4-8 .btn-wrap .btn-prev-list { margin-top: 24px; }
    #contents4-8 .table.type01 { display: block; }
    #contents4-8 .table.type01 tbody{ display: block; }
    #contents4-8 .table.type01 tr td:nth-child(2) { width: 100%; display: block; border-bottom: 0; padding: 16px 0; border-top:1px solid #4A4A4A;}
    #contents4-8 .table.type01 tr td:nth-child(3) { width: auto; display: inline-block; border-bottom: 0; padding: 8px 0 16px; padding-right: 16px; border-top:0 none;}

    #contents4-9 .default-wrap > .title { margin-bottom: 56px; }
    #contents4-9 .tablest .tr .td { padding: 4px 16px 16px; height: auto; }
    #contents4-9 .tablest .tr .th { padding: 16px 16px 4px; height: auto; }
    #contents4-9 .tablest .tr .td .number { margin-left: 0; margin-right: 20px; }
    #contents4-9 .tablest .tr .td p.desc { display: inline-block; }
    #contents4-9 .btn-wrap a { width: calc(50% - 4px); min-width: 0; }


    #contents5-1 .history-list-wrap .history-line {left:7px;right:auto; height: 70px;}
    #contents5-1 .history-list-wrap ul::before { left: 7px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);}
    #contents5-1 .history-list-wrap ul li::before { left: 0px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }
    #contents5-1 .history-list-wrap ul li::after { display:none; }
    #contents5-1 .history-list-wrap ul li + li { margin-top: 24px; }
    #contents5-1 .history-list-wrap ul li > div { width: 100%; }
    #contents5-1 .history-list-wrap ul li > div.left { text-align: left; float: none; padding-right: 0; padding-left: 32px; }
    #contents5-1 .history-list-wrap ul li > div.right { text-align: left; float: none; padding-right: 0; padding-left: 32px; }
    #contents5-1 .history-list-wrap ul li > div .img-wrap img { width: 100%; display:block; }
    #contents5-1 .record-wrap { text-align: left; }

    #contents5-2 .greet-wrap .text-wrap .intro-wrap { padding: 64px 0 0; }
    #contents5-2 .greet-wrap .text-wrap .intro-wrap .text { float: none; width: 100%; margin-bottom: 32px; max-width: 100%; padding: 0 4.2%; }
    #contents5-2 .greet-wrap .text-wrap .intro-wrap .text p { font-size: 36px; line-height: 52px;word-break: keep-all; }
    #contents5-2 .greet-wrap .text-wrap .intro-wrap .img { position: relative; left: 0; bottom: 0; }
    #contents5-2 .greet-wrap .text-wrap .intro-wrap .img img { width: 100%; display: block; }
    #contents5-2 .greet-wrap .desc-wrap { padding: 40px 4.2% 80px; }

    #contents5-7-1 .title-wrap { background: none; }
    #contents5-7-1 .board-view.type02 .title-wrap p { font-size: 22px !important; }
    #contents5-7-1 .board-view.type02 .title-wrap .text-wrap span { padding-bottom: 16px; }
    #contents5-7-1 .board-view.type02 .title-wrap .text-wrap { padding: 24px 16px !important; }
    #contents5-7-1 .board-view.type02 .attach-wrap { padding: 0 16px; }

    #contents5-7-1 .board-wrap { padding-bottom: 120px; }
    #contents5-7-1 .table.type01 tbody tr td { text-align: left; border-top: 0; padding: 0; }
    #contents5-7-1 .table.type01 tr td:first-child { display: block; border-top: 1px solid #4A4A4A; width: 100%; padding: 16px 0 8px; }

    #contents5-7-1 .certi-wrap .link-wrap a { width: 100%; margin-right: 0; }
    #contents5-7-1 .certi-wrap .link-wrap a:last-child { margin-top: 16px; }
    #contents5-7-1 .table.type01 colgroup { display: none; }
    #contents5-7-1 .table.type01 tr td:nth-child(2) { padding-left: 0; }
    #contents5-7-1 .table.type01 tr td.rajdhani { padding-bottom: 28px; }
    #contents5-7-1 .table.type01 tr td .state { margin-right: 8px; margin-bottom: 16px; }
    #contents5-7-1 .table.type01 tr td a { max-width: 100%; }
    #contents5-7-1 .recruit-step ul li:after { top: 15px; }

    #contents5-7-1 .recruit-step ul li { height: 92px; }
    #contents5-7-1 .recruit-step ul li p:first-child { width: 32px; height: 32px; line-height: 32px; }
    #contents5-7-1 .recruit-step ul li p:last-child { display: none; font-size: 14px; bottom: 0; }
    #contents5-7-1 .recruit-step ul li.writing p:last-child { display: block;}
    #contents5-7-1 .pagination { padding: 0px; }
    #contents5-7-1 .pagination .num-wrap { margin: 2px 10px; }
    #contents5-7-1 .btn-wrap .btn { display: block; width: 100%; }
    #contents5-7-1 .btn-wrap .btn + .btn { margin-top: 16px; }

    #contents6-1 .ciao-wrap .image-wrap ul li { width: 100%; }
    #contents6-1 .ciao-wrap .image-wrap ul li + li { margin-left: 0; margin-top: 32px; }
    #contents6-1 .ciao-wrap .image-wrap ul li .caption { height: 56px; }
    #contents6-1 .ciao-wrap .text-wrap.history .desc > ul li { padding-left: 0; }
    #contents6-1 .ciao-wrap .text-wrap.history .desc > ul li strong { padding-left: 12px; }
    #contents6-1 .ciao-wrap .text-wrap.history .desc > ul li span { padding: 0; display: block; }

    #contents6-5 .soccer-wrap .text-wrap .desc > ul li { padding-left: 0; }
    #contents6-5 .soccer-wrap .text-wrap .desc > ul li strong { padding-left: 12px; }
    #contents6-5 .soccer-wrap .text-wrap .desc > ul li span { padding: 0; display: block; }

    #contents6-7 .title h2 { margin-bottom: 44px; }
    #contents6-7 .title ul li { font-size: 14px; }
    #contents6-7 .title ul li:before { content: ''; width: 4px; height: 4px; margin-right: 8px; background-color: #A8A8A8; }
    #contents6-7 .title ul li + li { margin-top: 8px; }
    #contents6-7 .util-wrap { flex-wrap: wrap; }
    #contents6-7 .util-wrap .btn { margin-bottom: 16px; }
    #contents6-7 .util-wrap form { width: 100%; }
    #contents6-7 .search-wrap .search-item .select-item { width: 100%; }
    #contents6-7 .search-wrap .select-item select { border: none; }
    #contents6-7 .thumb-list.type1 > li { min-width: 90%; max-width: none; }
    #contents6-7 .form-wrap .tablest .th { padding: 16px; }
    #contents6-7 .form-wrap .tablest .td { padding: 0 16px 16px; }
    #contents6-7 .form-wrap .tablest .tr .td .select-item { max-width: 100%; }
    #contents6-7 .form-wrap .tablest .tr .td .file-input-wrap { flex-direction: column; align-items: flex-start; }
    #contents6-7 .form-wrap .tablest .tr .td .file-txt-input, 
    #contents6-7 .form-wrap .tablest .tr .td .file-txt-input:focus { width: 100% !important; padding-top: 16px; }

    #contentsWrap #contents8-2 { padding-top: 124px; }
    #contentsWrap #contents8-2.has-pattern { padding-bottom: 100px; }
    #contents8-2 .title-wrap { margin-bottom: 42px !important; }
    #contents8-2 .search-wrap { margin: 0; }
    #contents8-2 .search-wrap .search-item .select-item { width: 100%; }
    #contents8-2 .search-wrap .select-item select { border: none; }
    #contentsWrap #contents8-2 .btn-back img { height: 16px; }
    #contents8-2 .main-slider-wrap .main-slider .item { height: auto; }
    #contents8-2 .main-slider-wrap .custom-controls .slick-dots li,
    #contents8-2 .main-slider-wrap .custom-controls .slick-dots li button { width: 30px; }
    #contents8-2 .thumb-list li .txt-wrap ul { min-height: 0; }
    #contents8-2 .main-slider-wrap .main-slider .item .img-wrap { position: relative; overflow: hidden; padding-bottom: 58.33%; }
    #contents8-2 .main-slider-wrap .main-slider .item .img-wrap img { position: absolute; }
    #contents8-2 .main-slider-wrap .custom-controls > div + div { display: none; }
    #contents8-2 .list-pager-wrap > .center { padding: 30px 0; }
    #contents8-2 .list-pager-wrap .side { padding: 16px 7px 17px 0; }
    #contents8-2 .list-pager-wrap .side:last-of-type { padding: 16px 0 17px 7px; }
    #contents8-2 .list-pager-wrap .side .lh2 { margin-bottom: 15px !important; }
    #contents8-2 .list-pager-wrap .side .arrow { line-height: 1em; }
    #contents8-2 .list-pager-wrap .side .arrow img { height: 16px; }

    .sub-slider-wrap .sub-slider .item { height: auto; }
    .sub-slider-wrap .custom-controls-wrap { margin-top: 20px; }
    .sub-slider-wrap .custom-controls .slick-dots li,
    .sub-slider-wrap .custom-controls .slick-dots li button { width: 30px; }
    .sub-slider-wrap .sub-slider .item .img-wrap { position: relative; overflow: hidden; padding-bottom: 58.33%; }
    .sub-slider-wrap .sub-slider .item .img-wrap img { position: absolute; }
    .sub-slider-wrap .custom-controls > div + div { display: none; }

    #contentsWrap .contents.csr { padding-top: 60px; }
    .csr .mb40 { margin-bottom: 28px !important; }
    .csr .mb120 { margin-bottom: 68px !important; }

   

    .csr-slogan-wrap p { font-size: 22px; }
    .csr-slogan-wrap p:before,
    .csr-slogan-wrap p:after { width: 30px; height: 30px; background-size: 23px; }
    .csr-slogan-wrap p img { width: 18px; margin-top: 7px; }

    .csr-tab-wrap .tab-wrap.type1 ul { display: flex; justify-content: center; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;  }
    .csr-tab-wrap .tab-wrap.type1 ul::-webkit-scrollbar { display: none; }
    .csr-tab-wrap .tab-wrap.type1 li { margin: 0 10px; }
    .csr-tab-wrap .tab-wrap.type1 li a { height: 37px; font-size: 20px; }

    .csr .btn { padding: 14px 56px 14px 30px; font-size: 16px; background-size: 18px; background-position: right 30px center; }

    .csr-txt-wrap { font-size: 16px; }
    .csr-txt-wrap .bold { font-weight: 400 !important; }
    .csr-txt-wrap .font26, .csr-txt-wrap .font32, .csr-txt-wrap .font36 { font-size: 22px !important; }
    .csr-txt-wrap .font34 { font-size: 26px !important; }
    .csr-txt-wrap .color-228893 { font-size: 26px; font-weight: 700 !important; margin-bottom: 28px; }
    
    .csr-main-wrap .csr-txt-wrap .font34 { font-size: 22px !important; }
    
    .csr-slider-wrap.has-pattern { padding-top: 84px; padding-bottom: 190px; margin-bottom: -190px; }
    .csr-slider-wrap .font48 { font-size: 32px !important; }
    .csr-slider-wrap .csr-slider .csr-slide .img-wrap { position: relative; overflow: hidden; padding-bottom: 71.14%; height: 0; }
    .csr-slider-wrap .csr-slider .csr-slide .img-wrap img { position: absolute; }
    .csr-slider-wrap .csr-slider .csr-slide .tit { margin: 20px 19px 35px; }
    
    #contents9-1 .font28 { font-size: 20px !important; }
    #contents9-1 .csr-slider-wrap .csr-slider .csr-slide .img-wrap { padding-bottom: 92.85%;  }
    #contents9-1 .csr-slider-wrap .csr-slider .csr-slide .tit { margin: 14px 18px 31px; font-size: 16px; }
    #contents9-1 .csr-slider-wrap .csr-slider .csr-slide .date { padding: 9px 18px; }
    
    #contents9-4 .csr-tab-wrap .tab-wrap.type1 { margin-bottom: 80px !important; }
    #contents9-4 .csr-txt-wrap.mb120 { margin-bottom: 88px !important; }
    #contents9-4 .csr-txt-wrap .stadium .bold { font-weight: 700 !important; }
    #contents9-4 .csr-info-wrap.mb80 { margin-bottom: 40px !important; }
    #contents9-4 .csr-info-wrap h3 { font-size: 22px; }
    
    #contents9-5 .csr-tab-wrap .tab-wrap.type1 { margin-bottom: 72px !important; }
    #contents9-5 .csr-inner-tab-wrap .font32 { font-size: 22px !important; margin-bottom: 48px; }
    #contents9-5 .csr-inner-tab-wrap .tab-wrap ul li + li { margin-left: 18px; }
    #contents9-5 .csr-inner-tab-wrap .tab-wrap ul li button { width: 158px; font-size: 18px; padding: 14px 0; white-space: nowrap; }
    #contents9-5 .csr-slider-wrap .font36 { font-size: 24px !important; }
    #contents9-5 .csr-slider.org .csr-slide .tit { font-size: 20px; }

}
@media all and (max-width:900px) {
    #contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.bg { background-size: 130% 100%; }
    #contents3-4 .vote-result-wrap .mvp-wrap.home.type2 .img-wrap.bg { background-size: 110% 100%; }

    #contents9-4 .csr-txt-wrap .stadium { flex-direction: column; padding: 20px 0; background-color: #282B30; max-width: 400px; margin: auto;}
    #contents9-4 .csr-txt-wrap .stadium > div { width: 100%; padding: 40px 0;  }
    #contents9-4 .csr-txt-wrap .stadium > div + div:before { width: 75.5%; height: 1px; top: 0; left: 50%; transform: translateX(-50%); }

    #contents9-4 .csr-info-nav { justify-content: flex-end; }
    #contents9-4 .csr-info-nav h4 { position: absolute; margin: -1px; width: 1px; height: 1px; padding: 0; border: 0; white-space: nowrap; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); }
}
@media all and (max-width:768px) {
    #contents2-2-1 .vision-wrap .vision-text .text-wrap p span { display: inline; }


    #contents5-7-1 .layerpop-wrap .input-item { float: none !important; width: 100%; max-width: 100%; }
    #contents5-7-1 .layerpop-wrap .layerpop .layer-body .box-wrap > div .btn { display: block; width: 100%; height: 42px; line-height: 42px; margin-top: 8px; }
    #contents5-7-1 .certi-wrap .save { width: 100%; margin-top: 8px; }
    #contents4-1-3 .ticket .list-slider.w100 .slick-arrow.slick-next { right : -17px; }
    #contents4-1-3 .ticket .list-slider.w100 .slick-arrow.slick-prev { left : -17px; }

    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info { padding: 0 30px; width: auto; right: auto; top: 320px; }
    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info.year2024 { right: 50%; top: 255px; transform: translateX(50%); }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 { top: 298px; transform: none; }
    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .en-name { font-size: 45px; line-height: 45px; }
    #contents3-4 .vote-result-wrap .mvp-wrap .mvp-info .name { font-size: 26px; line-height: 26px; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 .name { left: 10px; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info.year2024 .name02 { left: auto; right: 10px; }

    #contents3-4 .vote-result-wrap .mvp-wrap .img-wrap.player { max-width: 317px; }
    #contents3-4 .vote-result-wrap .mvp-wrap { max-width: 343px; overflow: hidden; }
    #contents3-4 .vote-result-wrap .mvp-wrap.home .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_home_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.away .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_away_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.home .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_home_2024_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.away .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_away_2024_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.away.type2 .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_away2_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.home.type2 .img-wrap.bg { background-image: url(../../images/page/img_3_4_2_home2_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.home.type2 .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_home2_2024_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.away.type2 .img-wrap.bg.year2024 { background-image: url(../../images/page/img_3_4_2_away2_2024_mo.png); background-size: cover; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .img-wrap.player { max-width: 295px; min-width: 295px; left: -60px; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .img-wrap.player02 { left: auto; right: -60px; }
    #contents3-4 .vote-result-wrap .mvp-wrap.type2 .mvp-info { top: 329px; }

    #contentsWrap #contents8-1 { padding-top: 148px; }
    #contents8-1 .title { margin-bottom: 48px !important; }
    #contents8-1 .title h2 { font-size: 32px !important; }
    #contents8-1 hr { margin-bottom: 40px; }
    #contents8-1 .apply-btn-wrap .btn { width: 154px; height: 50px; line-height: 50px; padding: 0 32px; background-position: right 32px center; }
    
    #contents8-2 .thumb-list { width: 100%; margin: auto; }
    #contents8-2 .thumb-list > li { padding: 0; }
    #contents8-2 .thumb-list li .img-wrap { margin-bottom: 32px; }
    #contents8-2 .thumb-list li .txt-wrap { font-size: 14px !important; }
    #contents8-2 .thumb-list li .txt-wrap .font18 { font-size: 16px !important; }
    #contents8-2 .thumb-list li .txt-wrap p.font24 { font-size: 22px !important; }

    #contents8-2 .pagination-wrap { padding-top: 60px; }

    #contents8-2 .subject-wrap { margin-bottom: 44px; } 

    #contents8-2 .font22 { font-size: 20px !important; }
    #contents8-2 .main-slider-wrap { margin-bottom: 56px !important; }
    #contents8-2 .list-pager-wrap { margin-top: 72px; }
    #contents8-2 .list-pager-wrap .font20 { font-size: 16px !important; }

    .csr .title.mb80 { margin-bottom: 52px !important; }
    .csr hr.mb80 { margin-top: 64px; margin-bottom: 80px !important; }
    .csr .img-wrap { position: relative; overflow: hidden; padding-bottom: 100%; height: 0; }
    .csr .img-wrap img { position: absolute; }
    
    .csr-main-wrap { flex-direction: column; align-items: center; }
    .csr-main-wrap > div { flex: 0; }
    .csr-main-wrap .img-wrap { height: auto; min-height: 0; }
    .csr-main-right { margin-left: 0; margin-top: 64px; }

    .csr-txt-wrap { text-align: center; }

    .csr-txt-wrap + .btn-wrap { text-align: center; }

    #contents9-1 .sub-slider-wrap .sub-slider .item .img-wrap { padding-bottom: 101%; }

    #contents9-4 .csr-info-nav { padding: 13px 15px 14px; font-size: 14px !important; }
    #contents9-4 .csr-info-nav nav { width: 100%; }
    #contents9-4 .csr-info-nav nav li { flex: 1;  }
    #contents9-4 .csr-info-nav nav li + li { margin-left: 12px; }
    #contents9-4 .csr-info-nav nav li button svg { width: 18px; margin-right: 3px; }

    #contents9-4 .csr-path-box .csr-info-nav { order: 1; }
    #contents9-4 .csr-route-list, #contents9-4 .csr-route-img { width: 100%; order: 2; }
    #contents9-4 .csr-route-img { order: 0; padding-bottom: 400px; overflow-x: auto; }
    #contents9-4 .csr-route-img .route-map,
    #contents9-4 .csr-route-img .route-svg { width: 672px; height: 100%; }
    #contents9-4 .csr-route-img .route-map:not(.subway) { width: 907.2px; height: 540px }
    #contents9-4 .csr-route-list { position: relative; height: auto; padding-bottom: 0; overflow: auto; }
    #contents9-4 .csr-route-list .depth1 { position: relative; }
    #contents9-4 .csr-route-list .depth1 > li > button { font-size: 16px; }
    #contents9-4 .csr-route-list .depth2 li button { position: relative; padding-left: 30px; font-size: 14px !important; }
    #contents9-4 .csr-facility-location { overflow-x: auto; }
    #contents9-4 .csr-facility-location img { width: auto !important; height: 400px; }


    .match-schedul .game-info-wrap .game-name p { font-size: 16px; }
    .match-schedul .game-info-wrap .game-name p.game-logo { width: 38px; height: 38px; }
}
@media all and (max-width: 414px) {
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap .team { width: 80px; }
    #contents3-2-1 .result-wrap .game-info-wrap .team-wrap > div.game-info { margin-left: 10px; margin-right: 10px; }
}

@media all and (max-width:360px) {
    /*content*/
    .match-schedul .game-info-wrap .team-wrap .team p.team-logo { width: 72px; }
    .match-schedul .game-info-wrap .team-wrap .game-info p { margin-left: 4px; margin-right: 4px; }
    .match .match-list-wrap .team-text { margin: 0 8px; }


    #contents2-1-2 .thumb-list .info-wrap .desc li .scroll p { font-size: 16px; }
    #contents2-2-2 .thumb-list .info-wrap .desc li .scroll p { font-size: 16px; }

    #contents3-2 .match-list-wrap .logo-wrap .team span + img { margin-left: 4px; }
    #contents3-2 .match-list-wrap .logo-wrap .team img + span { margin-left: 4px; }
    #contents3-2 .match-list-wrap .logo-wrap .team span { font-size: 36px; }

    #contents3-4 .thumb-list li .vote-info { padding: 36px 12px; }
    #contents3-4 .thumb-list li .vote-info .player span { display: block; }

    #contents9-4 .csr-info-nav.csr-facility { padding: 8px 15px; }
    #contents9-4 .csr-info-nav nav.facility-list ul { flex-wrap: wrap; }
    #contents9-4 .csr-info-nav nav.facility-list li { min-width: 50%; margin: 0; }
}
@media all and (min-width:1024px) {
    #contents2-1-2 .thumb-list li .member-box { padding-bottom: 0; min-height: 450px; }
    #contents2-2-2 .thumb-list li .member-box { padding-bottom: 0; min-height: 450px; }
}
/*hover*/
@media all and (min-width:768px) {
    /********** common ***********/

    /********** contents ***********/
    .table.type01 tr td a:hover { text-decoration: underline; text-underline-position: under;}

    .thumb-list li .member-box:hover .img-wrap > img { position: absolute; width: 100%; left: 50%; top: 0px; transform: translateX(-50%) scale(1.2); transition: all .5s; }
    .thumb-list li.full:not(.wide) .member-box:hover .img-wrap > img { position: absolute; width: auto; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.2); transition: all .5s; }
    .thumb-list li.player:not(.wide) .member-box:hover .img-wrap > img { position: absolute; width: auto; height: 92.8%; left: 50%; top: auto; bottom: 0px; transform: translate(-50%, 0px) scale(1.1); transition: all .5s; z-index: 2; }

    #contents3-1 .match-list-wrap .btn-wrap .btn.preview:hover > span { height: 24px; padding: 5px 0px 5px 32px; background-repeat: no-repeat; background-position: left center; background-image: url(/resources/images/common/icon_preview_b.svg); }
    #contents3-2 .match-list-wrap .btn-wrap .btn.match:hover > span { height: 24px; padding: 5px 0px 5px 32px; background-repeat: no-repeat; background-position: left center; background-image: url(/resources/images/common/icon_ball_b.svg); }
    #contents5-7-1 .table.type01 tr td .btn:hover { text-decoration: none; text-underline-position: none; }

    #contents6-7 .util-wrap .btn:hover .icon img,
    #contents6-7 .thumb-list.type1 .btn-wrap .btn:hover img { filter: invert(1); }

    #contents4-1-3 .ticket .ticket-btn-wrap .btn:not(.black):hover,
    .csr .btn:hover,
    #contents8-1 .apply-btn-wrap .btn:hover,
    #contents8-2 .thumb-list li .btn-wrap .btn + .btn:hover { background-image: url('../../images/common/icon_mark_right_b.svg'); }
    #contents8-2 .thumb-list li:hover .img-wrap img { transform: scale(1.1); }
}

/* match center renewal(25.01.22) */
.contents.new * {line-height: initial;}
.contents.new .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px;}
.contents.new .title > h2 {font-size: 28px; font-weight: 700; color: #fff;}

@media screen and (max-width: 1024px) {
    .contents.new .title {margin-bottom: 20px;}
    .contents.new .title > h2 {font-size: 20px; font-weight: 500;}
}

.match-summary {width: 100%; padding: 0 20px; margin-bottom: 28px; display: flex; flex-flow: column; align-items: center; background-image: url(../../images/page/img_match_summary.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-bottom: 1px solid #3d3d3d;}
.match-summary + .inner-tab-wrap,
.match-summary + .inner-tab-wrap ul {height: 50px;}
.match-summary > div {width: 100%; max-width: 1350px; display: grid; grid-template-columns: 1fr 2fr 1fr; column-gap: 100px; justify-content: space-between; padding: 70px 0;}
.match-summary > div .match {display: flex; align-items: center; justify-content: space-between;}
.match-summary > div .match .team {display: flex; flex-flow: column; row-gap: 10px; align-items: center;}
.match-summary > div .match .team > img {width: 65px; height: 65px;}
.match-summary > div .match .team > p {font-size: 13px; font-weight: 700; color: #fff;}
.match-summary > div .match .score {display: flex; flex-flow: column; row-gap: 12px; align-items: center;}
.match-summary > div .match .score > p {font-size: 14px; color: #fff;}
.match-summary > div .match .score > ul {display: flex; align-items: center; column-gap: 10px; font-size: 40px; font-family: 'Rajdhani'; font-weight: 700; color: #fff;}
.match-summary > div .match .score > ul > li { display: flex; align-items: center; column-gap: 10px;}
.match-summary > div .match .score > ul > li + li::before {content: '-';}
.match-summary > div .match .score > span {height: 28px; padding: 0 10px; border: 1px solid #fff; border-radius: 20px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1024px) {
    .match-summary {padding: 0 16px; background-image: url(../../images/page/img_match_summary_mb.png);}
    .match-summary > div {grid-template-columns: repeat(2, 1fr); grid-gap: 30px 15px; padding: 30px 0;}
    .match-summary > div .match {grid-row: 1; grid-column: 1 / span 2; padding-top: 30px; justify-content: center; column-gap: 40px;}
    .match-summary > div .match .team > p {display: none;}
    .match-summary > div .match .score {row-gap: 6px; position: relative;}
    .match-summary > div .match .score > p {position: absolute; top: -30px; width: max-content;}
    .match-summary > div .match .score > ul {font-size: 30px;}
    .match-summary > div .match .score > span {height: 20px; padding: 0 4px; font-size: 10px;}
}

.match-summary > div .info {display: flex; flex-flow: column; row-gap: 20px;}
.match-summary > div .info > ul {max-height: 140px; display: flex; flex-flow: column; row-gap: 10px; overflow-y: auto;}
.match-summary > div .info > ul > li {background-color: rgba(255, 255, 255, 0.1); padding: 8px 16px; display: flex; flex-flow: column; justify-content: center; row-gap: 8px; border-radius: 4px;}
.match-summary > div .info > ul > li > div {display: flex; align-items: center; column-gap: 8px;}
.match-summary > div .info > ul > li > div > p {font-size: 14px; color: #fff;}
.match-summary > div .info > div {background-color: rgba(255, 255, 255, 0.1); min-height: 30px; padding: 0 16px; display: flex; column-gap: 12px; border-radius: 4px;}
.match-summary > div .info > div > p {font-size: 18px; font-weight: 700; color: #fff; line-height: 30px;}
.match-summary > div .info > div > ul {display: flex; flex-wrap: wrap; column-gap: 4px;}
.match-summary > div .info > div > ul > li {font-size: 12px; color: #fff; line-height: 28px;}

@media screen and (max-width: 1024px) {
    .match-summary > div .info:nth-child(1) {grid-row: 2; grid-column: 1;}
    .match-summary > div .info:nth-child(3) {grid-row: 2; grid-column: 2;}
    .match-summary > div .info > div {display: none;} 
}

.match-summary > div .info > ul::-webkit-scrollbar {width: 2px; height: 100%; background-color: rgba(255, 255, 255, .25); display: block; border-radius: 4px;}
.match-summary > div .info > ul::-webkit-scrollbar-thumb {background-color: #fff;}
.match-summary > div .info > ul::-webkit-scrollbar-track {background-color: transparent;}


i {display: inline-flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: contain; background-position: center;}
.ic-ball {width: 16px; height: 16px; background-image: url(../../images/common/ic-ball.svg);}
.ic-caution {width: 16px; height: 16px; background-image: url(../../images/common/ic-caution.svg);}
.ic-change {width: 16px; height: 16px; background-image: url(../../images/common/ic-change.svg);}
.ic-change-in {width: 16px; height: 16px; background-image: url(../../images/common/ic-change-in.svg);}
.ic-change-out {width: 16px; height: 16px; background-image: url(../../images/common/ic-change-out.svg);}
.ic-exit {width: 16px; height: 16px; background-image: url(../../images/common/ic-exit.svg);}

.match-summary > ul {border-top: 1px solid #3d3d3d; width: 100%; max-width: 1620px; height: 50px; display: flex; align-items: center; justify-content: center; grid-gap: 10px 16px;}
.match-summary > ul > li {font-size: 12px; color: #B4B1B2; display: flex; align-items: center; column-gap: 16px;}
.match-summary > ul > li + li::before {content: ''; width: 1px; height: 10px; background-color: #737373;}

@media screen and (max-width: 1024px) {
    .match-summary > ul {width: 100vw; height: fit-content; padding: 20px 16px; margin: 0 -16px; flex-wrap: wrap;}
}

.match-tab-wrap {width: 100%; max-width: 1350px; margin: 0 auto; padding: 60px 20px;}
.match-tab-wrap .default-wrap {padding: 0;}
.match-tab-wrap .match-ground {position: relative; margin-bottom: 60px;}
.match-tab-wrap .match-ground img {width: 100%;}
.match-tab-wrap .match-ground img.mobile {display: none;}
.match-tab-wrap .match-ground .player {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.match-tab-wrap .match-ground .player > div {position: absolute; display: flex; flex-flow: column; align-items: center; row-gap: 4px;}
.match-tab-wrap .match-ground .player > div > div {width: 50px; height: 50px; border-radius: 100%; background-color: #000; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #fff; line-height: 1;}
.match-tab-wrap .match-ground .player > div > p {width: 80px; height: 22px; padding: 0 10px; background-color: rgba(15,15,15,.5); border-radius: 20px; line-height: 22px; font-size: 12px; font-weight: 500; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.match-tab-wrap .match-ground .player .away > div {background-color: #565656;}
.match-tab-wrap .match-ground > ul {background-color: #1F2123; height: 42px; display: flex; align-items: center; column-gap: 24px; justify-content: center;}
.match-tab-wrap .match-ground > ul > li {display: flex; align-items: center; column-gap: 4px; font-size: 12px; color: #fff;}
.match-tab-wrap .match-ground > ul > li > i {width: 12px; height: 12px;}

@media screen and (max-width: 1024px) {
    .match-tab-wrap {padding: 32px 16px;}
    .match-tab-wrap .match-ground {margin-bottom: 32px;}
}
@media screen and (max-width: 768px) {
    .match-tab-wrap .match-ground img.desktop {display: none;}
    .match-tab-wrap .match-ground img.mobile {display: block;}
    .match-tab-wrap .match-ground .player > div > div {width: 34px; height: 34px; border-width: 2px; font-size: 14px;}
    .match-tab-wrap .match-ground .player > div > p {width: 60px; height: 20px; padding: 0 8px; line-height: 20px; font-size: 10px;}
}

.match-graph {display: grid; grid-template-columns: repeat(2,1fr); column-gap: 40px; margin-bottom: 60px;}
.match-graph .graph {display: flex; flex-flow: column; justify-content: space-between; height: 440px; background-color: #1F2123; padding: 20px;}
.match-graph .graph > li {display: flex; align-items: center; column-gap: 16px;}
.match-graph .graph > li > p {width: 78px; text-align: center; font-size: 16px; font-weight: 500; color: #9F9F9F;}
.match-graph .graph > li > div {flex: 1; display: flex; align-items: center; column-gap: 6px;}
.match-graph .graph > li > div > p {width: 50px; font-size: 16px; font-weight: 500; color: #fff;}
.match-graph .graph > li > div > div {flex: 1; height: 8px; border-radius: 10px; background-color: #3D3D3D; display: flex; align-items: center;}
.match-graph .graph > li > div > div > span {display: block; height: 100%; border-radius: 10px; background-color: #228893;}

@media screen and (max-width: 1024px) {
    .match-graph {display: flex; flex-flow: column; row-gap: 32px; margin-bottom: 32px;}
    .match-graph .graph {height: fit-content; padding: 16px; row-gap: 16px;}
    .match-graph .graph > li {column-gap: 6px;}
    .match-graph .graph > li > p {width: 56px; font-size: 12px;}
    .match-graph .graph > li > div > p {width: 32px; font-size: 12px;}
    .match-graph .graph > li > div > div {height: 4px;}
}

.match-graph .graph > li > div:nth-child(1) > p {text-align: right;}
.match-graph .graph > li > div:nth-child(1) > div {justify-content: flex-end;}
.match-graph .graph > li > div:nth-child(3) {flex-flow: row-reverse;}
.match-graph .graph > li > div:nth-child(3) > div > span {background-color: #9F9F9F;}

.match-timeline .timeline {width: 100%; position: relative; background-color: #1F2123; padding: 50px; display: flex; flex-flow: column; row-gap: 50px;}
.match-timeline .timeline::before {content: ''; width: 1px; height: 100%; background-color: #3C424C; position: absolute; top: 0; left: 50%;}
.match-timeline .timeline > li {width: calc(50% - 30px); display: flex; flex-flow: column; row-gap: 4px; color: #fff; padding-right: 22px; align-items: flex-end; position: relative;}
.match-timeline .timeline > li::before {content: ''; width: 18px; height: 18px; background-image: url(../../images/common/ic-ball.svg); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: -39px;}
.match-timeline .timeline > li > p {font-family: 'Rajdhani'; font-size: 22px; font-weight: 700;}
.match-timeline .timeline > li > div {display: flex; align-items: center; column-gap: 4px;}
.match-timeline .timeline > li > div:has(i) {margin-right: -22px;}
.match-timeline .timeline > li > div > i {width: 18px; height: 18px;}
.match-timeline .timeline > li > div > p {font-size: 16px; font-weight: 600;}
.match-timeline .timeline > li > span {font-size: 14px; line-height: 1.8; word-break: keep-all; text-align: right;}

@media screen and (max-width: 1024px) {
    .match-timeline .timeline {padding: 30px 16px; row-gap: 30px;}
}

.match-timeline .timeline > li.away {margin-left: auto; align-items: flex-start; padding-left: 22px; padding-right: 0;}
.match-timeline .timeline > li.away::before {right: initial; left: -39px;}
.match-timeline .timeline > li.away > div {flex-flow: row-reverse;}
.match-timeline .timeline > li.away > div:has(i) {margin-left: -22px; margin-right: 0;}
.match-timeline .timeline > li.away > div:has(i) {margin-left: -22px; margin-right: 0;}
.match-timeline .timeline > li.away > span {text-align: left;}

.contents.new .inner-tab-wrap + .preview-wrap {margin-top: 60px;}
@media screen and (max-width: 1024px) {
    .contents.new .inner-tab-wrap + .preview-wrap {margin-top: 32px;}
}


/* 원정신청 페이지 추가(25.02.06) */
.tab-nav-wrap:has(.tab-nav-depth02) + .contents.new {margin-top: 80px;}
.apply-wrap {width: 100%; max-width: 600px; margin: 0 auto 100px; padding: 0 12px;}

.apply-input {display: flex; flex-flow: column; row-gap: 20px;}
.apply-input > li {display: flex; flex-flow: column; row-gap: 12px;}
.apply-input > li:has(div) {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
.apply-input > li > div {display: flex; flex-flow: column; row-gap: 12px;}
.apply-input > li p {font-size: 14px; font-weight: 500; color: #fff;}
.apply-input > li ul {display: flex; align-items: center; column-gap: 12px;}
.apply-input > li img {width: 100%;}

.apply-input > li input {width: 100%; height: 46px; padding: 0 12px; background-color: #1F2123; border: 0; font-size: 14px; cursor: auto;}
.apply-input > li input:focus {background-color: #1F2123; border: 0;}
.apply-input > li input::placeholder {color: #A8A8A8;}
.apply-input > li input:disabled, .apply-input > li input:read-only {color: #565656;}

.apply-input > li input[type="radio"] {display: none;}
.apply-input > li input[type="radio"] + label {display: flex; align-items: center; column-gap: 10px; cursor: pointer;}
.apply-input > li input[type="radio"] + label::before {content: ''; width: 20px; height: 20px; background-image: url(../../images/common/ic-radio.svg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.apply-input > li input[type="radio"] + label > p {font-size: 14px;}
.apply-input > li input[type="radio"]:checked + label::before {background-image: url(../../images/common/ic-radio-ov.svg);}

.apply-input > li select {width: 100%; height: 46px; padding: 0 44px 0 12px; background-color: #1F2123; border: 0; font-size: 14px; cursor: auto; background-repeat: no-repeat; background-image: url(../../images/common/ic-arrow-down-20.svg); background-size: 20px; background-position: center right 12px; -webkit-appearance: none; appearance: none;}
.apply-input > li select ::-ms-expand {display: none;/*for IE10,11*/}

.apply-wrap .notice {margin-top: 30px; background-color: #1F2123; padding: 24px 20px; display: flex; flex-flow: column; row-gap: 16px;}
.apply-wrap .notice > h3 {font-size: 14px; font-weight: 700; color: #fff;}
.apply-wrap .notice > ul {display: flex; flex-flow: column; row-gap: 12px;}
.apply-wrap .notice > ul > li {display: flex; column-gap: 8px; font-size: 14px; color: #A8A8A8; line-height: 1.6; word-break: keep-all;}
.apply-wrap .notice > ul > li::before {content: ''; width: 3px; height: 3px; background-color: #A8A8A8; border-radius: 100%; margin-top: 9px;}

.apply-wrap > button {margin-top: 30px; width: 100%; height: 60px; background-color: #228893; font-size: 18px; font-weight: 600; color: #fff;}


/* 팝업 추가(24.02.11) */
#popup {position: fixed; z-index: 1000; display: flex; flex-flow: column;}
#popup .cont {width: calc(100vw - 32px); max-width: 475px;}
#popup .cont img {width: 100%;}
#popup .button {background-color: #0f0f0f; height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px;}
#popup .button input[type="checkbox"] {display: none;}
#popup .button input[type="checkbox"] + label {display: flex; align-items: center; column-gap: 6px; cursor: pointer;}
#popup .button input[type="checkbox"] + label::before {content: ''; width: 16px; height: 16px; background-image: url(../../images/common/ic-chk-16.svg); background-repeat: no-repeat; background-size: cover; background-position: center;}
#popup .button input[type="checkbox"] + label > p {font-size: 16px; color: #fff;}
#popup .button input[type="checkbox"]:checked + label::before {background-image: url(../../images/common/ic-chk-16-ov.svg);}
#popup .button button {display: flex; align-items: center; column-gap: 6px; margin: 0; padding: 0; width: fit-content; height: fit-content; font-size: 16px; color: #fff;}
#popup .button button .ic-close {width: 18px; height: 18px; background-image: url(../../images/common/ic-close-18.svg); background-repeat: no-repeat; background-size: cover; background-position: center;}