@charset "UTF-8";
/* fonts */
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=65fd0e2b-252b-4257-ae7c-056a5dc59083&fontids=1564311,1564335");
@font-face{
	font-family:"AvantGarde"; /* book */
	font-weight:normal;
	src:url("/dist/fonts2/ITCAvantGardeGothicBk/07413afc-2280-4cfc-8860-184839a93fa4.eot?#iefix");
	src:url("/dist/fonts2/ITCAvantGardeGothicBk/07413afc-2280-4cfc-8860-184839a93fa4.eot?#iefix") format("eot"),
		url("/dist/fonts2/ITCAvantGardeGothicBk/6f1146c0-9c0b-4949-866d-9affc396531f.woff2") format("woff2"),
		url("/dist/fonts2/ITCAvantGardeGothicBk/2c50f982-bb73-4891-8d0e-587c1136c2e5.woff") format("woff"),
		url("/dist/fonts2/ITCAvantGardeGothicBk/abf065fe-a1ab-4013-8c49-45ce7f8ac828.ttf") format("truetype");
}
@font-face{
	font-family:"AvantGarde"; /* demi bold */
	font-weight:bold;
	src:url("/dist/fonts2/ITCAvantGardeGothicDm/38de0cc0-acad-43e5-b0d6-87171c0915f7.eot?#iefix");
	src:url("/dist/fonts2/ITCAvantGardeGothicDm/38de0cc0-acad-43e5-b0d6-87171c0915f7.eot?#iefix") format("eot"),
		url("/dist/fonts2/ITCAvantGardeGothicDm/8bfba692-98b4-401d-b187-205f59d508cf.woff2") format("woff2"),
		url("/dist/fonts2/ITCAvantGardeGothicDm/29cf02ec-9cbf-449b-abff-06b4ab9b1cc0.woff") format("woff"),
		url("/dist/fonts2/ITCAvantGardeGothicDm/d35364ca-710c-4712-8aed-068488f4fdc1.ttf") format("truetype");
}
@font-face{
	font-family:"AvantGarde"; /* bold */
	font-weight:800;
	src:url("/dist/fonts2/ITCAvantGardeGothicLTBold.woff");
}

/* common */

.mob540,
.pc,
.pc1800 {display:none;}
.mob.pc1800 {display:block !important;}

/* //common */

html {min-width:320px; overflow-x:scroll; overflow-y:auto;}
#wrap {font-size:14px;}

#header {background-color:#fff; box-sizing:border-box;}
#header .logo {width:100%; height:100%; padding:2.5% 16px; position:relative; background:url('/dist/images2/logo_emblem.png') no-repeat;
				background-position:16px center; background-size:auto 85%; box-sizing:border-box;}
/*20171117 삭제
#header .logo::after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
20171117 삭제*/
/* 20171019 수정 */
#header .logo a {display:inline-block; width:99%; vertical-align:middle; color:#b61a20; text-align:center; font-size:1.25em;}
/* //20171019 수정 */
#header .logo a span {font-family:'RixGo EB'; display:block;}
#wrap.away #header .logo {background:url('/dist/images2/away_logo_emblem.png') no-repeat; background-position:16px center; background-size:auto 85%;}
#wrap.away #header .logo a {color:#068fdb;}
/* 20171019 수정 */
#header .logo .btnMenu {display:inline-block; width:8.5%; height:100%; text-indent:-999px; overflow:hidden; position:absolute;
	right:16px; top:0; background:url('/dist/images2/m_btn_menu.png') center no-repeat; background-size:85% auto;}
#wrap.away #header .btnMenu {background:url('/dist/images2/away_m_btn_menu.png') center no-repeat; background-size:85% auto;}
/* //20171019 수정 */
#header .btnMenu.open {background:url('/dist/images2/m_btn_menu_close.png') center no-repeat; background-size:100% auto;}
#wrap.away #header .btnMenu.open {background:url('/dist/images2/away_m_btn_menu_close.png') center no-repeat; background-size:100% auto;}
.gnbWrap {display:none; position:absolute; height:100%; width:100%; background-color:rgba(0,0,0,0.5); left:0; z-index:3; padding-left:35%;}
.gnb {width:65%; height:100%; background-color:#efefef;}
.gnb li {width:100%; border-bottom:1px solid #d0d0d0;}
.gnb > li.open > a {background:url('/dist/images2/ico_down_black.png') right center no-repeat;}
.gnb > li a {display:inline-block; width:95%; color:#000; padding:15px 20px; box-sizing:border-box; font-family:'RixGo B';}
.gnb > li > a {background:url('/dist/images2/ico_right_black.png') right center no-repeat;}
.gnb li ul {display:none; background-color:#fff;}
.gnb li ul li {border-bottom:1px solid #efefef;}
.gnb li ul li:last-child {border-bottom:0;}
#header .bottom {display:none;}


#top .topCont > div:last-child {display:none;}
#top .topCont div.mob:first-child {position:relative;}
#top .topCont div.mob {background-color:#efeff0; padding:2.5% 3.5%; position:relative;}
#top .topCont div.mob.moreMatch {width:100%; box-sizing:border-box; background-color:#000; display:none; position:absolute; z-index:10;}
#top .topCont div.mob.moreMatch p {position:absolute; bottom:13px; left:0; width:100%; text-align:center; font-family:'RixGo EB'; font-size:1.2em;}
#top .topCont div.mob.moreMatch > div,
#wrap.away #top .topCont div.mob.moreMatch > div {background-color:transparent; text-align:center;}
#top .topCont div.mob.moreMatch .team {display:inline-block; width:19.5%; padding-top:23%; text-align:center; background-size:100% auto;
										background-repeat:no-repeat; vertical-align:middle;}
/* 20171019 수정 */
#top .topCont div.mob.moreMatch .versus {display:inline-block; background:url('/dist/images2/ico_x_white.png') no-repeat; text-indent:-9999px; background-position:center;
	overflow:hidden; width:20%; padding-top:16%; vertical-align:middle; margin:0 12%;}
/* //20171019 수정 */
#top .topCont div.mob.moreMatch p span {display:inline-block; background-size:auto 100%; background-repeat:no-repeat; font-size:14px;
										font-family:'RixGo L'; padding:1.5% 0 1% 7%; text-align:left; margin-top:20px;}
#top .topCont div.mob.moreMatch .date {background-image:url('/dist/images2/ico_calendar.png'); margin-right:30px; padding:1.5% 0 1% 9%;}
#top .topCont div.mob.moreMatch .at {background-image:url('/dist/images2/ico_position.png');}
#top .topCont div.mob.moreMatch a {display:inline-block; width:100%; background-color:#b61a20; margin-bottom:10px; text-align:center;
									padding:2.5% 0;}
#wrap.away #top .topCont div.mob.moreMatch a {background-color:#068fdb;}
#top .topCont div.mob.moreMatch .match.away,
#wrap.away #top .topCont div.mob.moreMatch .match.away {position:relative; background-color:#fff; color:#000; margin-bottom:10px;}
#top .topCont div.mob.moreMatch .match.away .team {width:30%; height:45px; padding:12px 10px; background-size:auto 35px; background-position-y:50%; text-align:right; font-family:'RixGo B';
													vertical-align:middle;}
#top .topCont div.mob.moreMatch .match.away .team.seconds {background-position:right center; text-align:left;}
#top .topCont div.mob.moreMatch .match.away .versus {background:none; width:auto; padding:8px 0; text-indent:inherit; margin:0 3%;
													font-family:'RixGo EB'; vertical-align:top;}
#top .topCont div.mob.moreMatch .match.away p span {background:none; padding:0; margin:5px 0 0; font-family:'RixGo M';}
#top .topCont div.mob.moreMatch .match.away p span.at::before {content:'@';}
#top .topCont div.mob.moreMatch .match.away .versus.result {font-size:1.4em;}
#top .topCont div.mob.moreMatch .match.away a {width:30%;}
#top .topCont div.mob.moreMatch .match.away a:nth-of-type(1) {margin-right:10px;}
#top .topCont div.mob .title {display:block; color:#b61a20; margin-bottom:8px;}
#top .topCont div.mob .text {color:#000;}
#top .topCont div.mob .text span {font-family:'RixGo EB'; padding-right:15px;}
#top .topCont div .mob.btnMoreMatch {display:block; position:absolute; right:0; top:0; width:10%; height:100%; text-indent:-999px;
									 overflow:hidden; background:url('/dist/images2/ico_plus_black.jpg') no-repeat; background-size:100% 100%;}
#top .topCont > div .mob.btnMoreMatch.open {background:#000 url('/dist/images2/ico_x_white.png') center no-repeat; background-size:30% auto;}
#top .topCont > div {background-color:#b61a20; color:#fff; padding:2.5% 3.5%; position:relative;}
#wrap.away #top .topCont > div:not(.mob) {background-color:#068fdb;}
#top .topCont > div:not(.mob):nth-of-type(3) {padding:2.5% 3.5% 2%; position:relative;}
#top .topCont > div:not(.mob) .title {display:inline-block; width:80px;}
#top .topCont > div:not(.mob) .text {font-family:'RixGo EB';}
#top .topCont .bx-wrapper {float:initial; width:85%; height:15px; display:inline-block; padding:0; border:none; margin-bottom:0; background-color:transparent; box-shadow:none;
                            vertical-align:middle; overflow:hidden;}
#top .topCont .noticeSlider li a {display:inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:0;}
#top .topCont div .noticePaging {width:17px; height:auto; display:inline-block; vertical-align:middle;}
#top .topCont div .noticePaging .prevNotice,
#top .topCont div .noticePaging .nextNotice {display:block; width:17px; height:10px; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px; overflow:hidden;
                                            position:relative;}
#top .topCont div .noticePaging .prevNotice {background-image:url('/dist/images2/ico_up_white.png'); margin-bottom:7px;}
#top .topCont div .noticePaging .nextNotice {background-image:url('/dist/images2/ico_down_white.png');}
#top .topCont div .noticePaging span a {display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0;}
#top .topCont div a {color:#fff;}
#top ul.topBtn {display:none;}

#container {position:relative;}
#container.dim::after {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.4); position:absolute; left:0;top:0; z-index:9;}

.mainBox {padding:5% 3.5%; overflow:hidden; background-color:#fff;}
.mainBox h2 {color:#000; font-size:1.125em; margin-bottom:8px; font-family:'RixGo EB';}

#sideCont .sideSliderWrap .bx-wrapper{margin-bottom:0; border:none; box-shadow:none;}
.playerWrap {overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
#player {left:0; top:0; height:100%; width:100%; position:absolute;}
.mainSlider-pager {width:100%; overflow:hidden;}
.mainSlider-pager span {display:inline-block; width:50%; height:90px; overflow:hidden; float:left; position:relative;}
.mainSlider-pager span img {width:100%; vertical-align:top;}
.mainSlider-pager span .slideTit {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#fff; background-color:rgba(0,0,0,0.5); box-sizing:border-box;
                               display:inline-block; font-size:1em; padding:0 2%; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.mainSlider-pager span .slideTit::before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.mainSlider-pager span .pause {background:rgba(0,0,0,0.5) url('/dist/images2/ico_pause.png') center no-repeat; text-indent:-9999px; overflow:hidden; background-size:auto 60%;}
.sponsorListWrap,
.sponsorVideoWrap {display:none;}

/* 2019 renewal */
.clear:after {content:""; clear:both; display:block;}
.indexPage {font-size:12px; color:#fff;}
.indexPage * {box-sizing:border-box; -moz-box-sizing:border-box;}
.indexPage a {color:inherit;}
.indexPage .bx-wrapper {margin-bottom:0; box-shadow:none; border:none; background:none;}
.indexPage .bx-wrapper a {display:block;}
.indexPage .bx-wrapper img {width:100%;}
.indexPage .bx-wrapper .subject {padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexPage .bx-wrapper .bx-pager {position:absolute; bottom:100%; right:0; width:100%; padding:0 0 14px; text-align:right;}
.indexPage .bx-wrapper .bx-pager-item {margin-right:5px}
.indexPage .bx-wrapper .bx-pager .bx-pager-item a {width:3px; height:3px; margin:0; border-radius:0; background-color:#494949;}
.indexPage .bx-wrapper .bx-pager .bx-pager-item .active {background-color:#ad181d;}
.indexPage .mainBox {background-color:#000;}
.indexPage .mainTitle {margin-bottom:10px; font-size:14px; font-family:"AvantGarde"; color:inherit;}
.indexPage .mainTitle strong {font-family:inherit; font-weight:800;}
.indexPage .mainTitle i {font-weight:bold; color:#ad181d;}
.indexPage .mainSlider-pager .mainTitle {display:none;}
.indexPage .btnFullscreen {display:none;}
.indexPage .mainSlider-pager .activeSubject {display:none;}
.indexPage .mainSlider-pager .videoThumb {position:relative; float:left; width:50%;}
.indexPage .mainSlider-pager .thumbnail {display:block; float:none; width:auto; height:auto;}
.indexPage .mainSlider-pager .thumbnail .slideTit {}
.indexPage .mainSlider-pager .subject {position:absolute; top:50%; left:10px; right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transform:translate(0, -50%);}
.indexPage .mainSlider-pager .active .subject {display:none;}
.indexPage .mainOutline {padding:0 3.5%;}
.indexPage .newsEvent {padding-top:0;}
.indexPage .newsEvent .inner {padding-top:5%;}
.indexPage .match {padding-top:5%;}
.indexPage .matchBox {padding:20px 0 12px; text-align:center; font-size:inherit; color:#070000; background:#fff url('/dist/images2/bg_main_match.png') 50% 100%/150% auto no-repeat;}
.indexPage .matchBox .game {position:relative; padding-bottom:10px;}
.indexPage .matchBox .game img {height:80px;}
.indexPage .matchBox .team {display:inline-block; vertical-align:middle;}
.indexPage .matchBox .vs {display:inline-block; width:100px; margin:10px auto 20px; vertical-align:middle; font-size:32px; font-weight:800; font-family:"AvantGarde";}
.indexPage .matchBox .info {position:absolute; bottom:0; left:0; width:100%;}
.indexPage .matchBox .btns {margin-top:15px; color:#fff;}
.indexPage .matchBox .btns a {display:inline-block; width:85px; margin:0 2px; padding:5px 0; vertical-align:middle; border-radius:5px; background:#ad181d;}
.indexPage .matchBox .btns a:nth-of-type(2) {background-color:#000;}
.indexPage .shortcut {margin-top:5%; padding:20px 0 0; text-align:center; font-size:11px; background:#ad181d url('/dist/images2/bg_main_shortcut.png') 50% 30%/auto 150% no-repeat;}
.indexPage .shortcut .inBox {padding:0 5px;}
.indexPage .shortcut .inner {float:left; width:33.33%; margin-bottom:20px; padding:0 2px;}
.indexPage .shortcut .inner a:before {content:""; display:block; width:80px; height:67px; margin:0 auto 5px; background:url('/dist/images2/ico_shortcut_1.png') 50% 50% / contain no-repeat;}
.indexPage .shortcut .inner:nth-of-type(1) a:before {background-image:url('/dist/images2/ico_shortcut_1.png');}
.indexPage .shortcut .inner:nth-of-type(2) a:before {background-image:url('/dist/images2/ico_shortcut_2.png');}
.indexPage .shortcut .inner:nth-of-type(3) a:before {background-image:url('/dist/images2/ico_shortcut_3.png');}
.indexPage .shortcut .inner:nth-of-type(4) a:before {background-image:url('/dist/images2/ico_shortcut_4.png');}
.indexPage .shortcut .inner:nth-of-type(5) a:before {background-image:url('/dist/images2/ico_shortcut_5.png');}
.indexPage .shortcut strong {display:block; font-weight:800; font-family:"AvantGarde";}
.indexPage .fanshop {padding-top:5%;}
.indexPage .fanshop .inbox {margin:0 -5px;}
.indexPage .fanshop .inner {float:left; width:50%; padding:0 5px;}
.indexPage .fanshop .inner:nth-of-type(3) {display:none;}
.indexPage .fanshop .thumb {margin-bottom:15px;}
.indexPage .fanshop .thumb img {width:100%;}
.indexPage .fanshop .info p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexPage .fanshop .price {font-weight:800; font-family:"AvantGarde";}
.indexPage .fanshop .btns {margin-top:10px; text-align:center; color:#fff;}
.indexPage .fanshop .btns a {display:inline-block; width:85px; margin:0 5px; padding:5px 0; vertical-align:middle; border-radius:5px; background:#ad181d;}
.indexPage .fanshop .btns a:nth-of-type(2) {color:#070000; background-color:#fff;}
.indexPage .partners {padding-top:5%;}
.indexPage .partners li {float:left; width:50%; text-align:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.indexPage .partners li:nth-of-type(2n+1) {clear:none;}
.indexPage .partners li a {display:block; position:relative; padding-bottom:100%; background:rgba(0,0,0,0.15);}
.indexPage .partners li .info {position:absolute; top:50%; left:0; width:100%; padding:1em; transform:translate(0, -50%);}
.indexPage .partners li .info .cont {margin:0.4em 0 0.6em; font-size:20px;}
.indexPage .partners li .info .loca {font-size:11px;}
.indexPage .partners .more a {font-size:18px; background-image: linear-gradient(to bottom right, #96181c 50%, #ad181d 50%);}
.indexPage .partners .more .name:before {content:""; display:block; width:38px; height:38px; margin:0 auto 5px; background:url('/dist/images2/ico_main_partners_more.png') 50% 50%/contain no-repeat;}
.indexPage .partners .question a {font-size:18px; background-image: linear-gradient(to bottom right, #8b8b8b 50%, #a0a0a0 50%);}
.indexPage .partners .question .name:before {content:""; display:block; width:38px; height:38px; margin:0 auto 5px; background:url('/dist/images2/ico_main_partners_question.png') 50% 50%/contain no-repeat;}
.indexPage .feeds {padding-top:5%; padding-bottom:15%;}
.indexPage .feeds .feedBox {position:relative; float:left; width:50%;}
.indexPage .feeds .feedBox:nth-of-type(2n+1) {clear:left;}
.indexPage .feeds .feedBox:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#120203; opacity:0.3; z-index:1;}
.indexPage .feeds .feedBox a {display:block; position:relative; padding-bottom:100%; background-size:cover;}
.indexPage .feeds .feedBox:after {content:""; position:absolute; top:20px; left:50%; width:40px; height:40px; margin-left:-20px; background:url('/dist/images2/ico_sidebox_steelers.png') 0 0 / contain no-repeat; z-index:9;}
.indexPage .feeds .feedBox[data-feed="instagram"]:after {background-image:url('/dist/images2/ico_sidebox_instagram.png');}
.indexPage .feeds .feedBox[data-feed="youtube"]:after {background-image:url('/dist/images2/ico_sidebox_youtube.png');}
.indexPage .feeds .feedBox[data-feed="facebook"]:after {background-image:url('/dist/images2/ico_sidebox_facebook.png');}
.indexPage .feeds .feedBox a:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:40%; z-index:2;
background: rgba(18,2,3,0.6); /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(18,2,3,0.6), transparent); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(18,2,3,0.6), transparent); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(18,2,3,0.6), transparent); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(18,2,3,0.6), transparent); /* Standard syntax */
}
.indexPage .feeds .feedBox a:after {content:""; position:absolute; bottom:-1px; left:-1px; right:-1px; height:70%; z-index:2;
background: rgba(18,2,3,0.6); /* For browsers that do not support gradients */
background: -webkit-linear-gradient(transparent, rgba(18,2,3,0.6)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(transparent, rgba(18,2,3,0.6)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(transparent, rgba(18,2,3,0.6)); /* For Firefox 3.6 to 15 */
background: linear-gradient(transparent, rgba(18,2,3,0.6)); /* Standard syntax */
}
.indexPage .feeds .feedBox .title {position:absolute; bottom:10px; left:0; right:0; padding:0 10px; text-align:left; z-index:9; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-height:1.3; max-height:5.2em; overflow:hidden;}
.indexPage .feeds .feedBox .title span {display:block;}
.indexPage .sponsor {display:none;}


#sideCont .sideSliderWrap.mainBox {background-color:#b61a20;}
#wrap.away #sideCont .sideSliderWrap.mainBox {background-color:#068fdb;}
#sideCont .sideSliderWrap .bx-wrapper {position:relative;}
#sideCont .sideSliderWrap .bx-wrapper img {width:100%;}
#sideCont .sideSliderWrap .bx-wrapper .bx-caption {background-color:rgba(0,0,0,0.3);}
#sideCont .sideSliderWrap .bx-wrapper .bx-pager {padding-top:0; bottom:15px; text-align:right;}

#sideCont .sideBox {position:relative;}/* 20171019 수정 */
#sideCont .sideBox,
#sideCont .mainBox.homeToday > .bx-wrapper {width:50%; height:500px; background:url('/dist/images2/bg_sideBox.jpg') no-repeat; background-size:cover; text-align:center;
                                            color:#fff; float:left; box-sizing:border-box;}
#sideCont .mainBox.homeToday > .bx-wrapper img {width:100%; height:100%;}
#sideCont .mainBox.homeToday > .bx-wrapper .bx-viewport,
#sideCont .mainBox.homeToday > .bx-wrapper .bx-viewport li {height:100% !important;}
#wrap.away #sideCont .sideBox {background:url('/dist/images2/away_bg_sideBox.png') no-repeat; background-size:cover;}
#sideCont .sideBox .title {margin:7% 0 6%; font-family:'RixGo B';}

/* 20171019 수정 */
#sideCont .sideBox .text .awayGuide.versus {margin-bottom:10px;}
#sideCont .sideBox .text .awayGuide.versus,
#sideCont .sideBox .steelmap,
#sideCont .sideBox .steelmall {display:block; width:100%; background-repeat:no-repeat; background-position:center top; height:300px;
	vertical-align:bottom; background-size:auto 85%;}
#sideCont .sideBox .text .awayGuide.versus::before {content:''; display:inline-block; width:0; height:100%; vertical-align:text-bottom;}
/* //20171019 수정 */

#sideCont .sideBox .text .versus,
#sideCont .sideBox .steelmap,
#sideCont .sideBox .steelmall {display:block; width:100%; background-repeat:no-repeat; background-position:center top; height:300px;
								vertical-align:bottom; background-size:auto 85%;}

#sideCont .sideBox .text .versus::before {content:''; display:inline-block; width:0; height:100%; vertical-align:text-bottom;}

/* 20171019 수정 */
#sideCont .sideBox .text .team {display:inline-block; width:40%; background-repeat:no-repeat; background-position:center top; height:auto; vertical-align:middle;
	background-size:auto 75%; padding-top:45%;}
#sideCont .sideBox .text .match.versus {display:inline-block; background:url('/dist/images2/ico_x_white.png') no-repeat; text-indent:-9999px; background-position:center;
	overflow:hidden; width:5%; padding:5% 0; vertical-align:middle; margin:0 2%;}
#sideCont .sideBox .text .date {display:block; margin:7% 0 2%; font-family:'RixGo L'}
/* //20171019 수정 */



#sideCont .sideBox:nth-of-type(2) .text {margin-top:30px;}

/* 20171019 수정 */
#sideCont .sideBox > a {display:inline-block; width:70%; height:28px; color:#b61a20; background-color:#fff; border-radius:5px; font-size:0.875em; font-family:'RixGo B';
	padding-top:7px; box-sizing:border-box; position:absolute; bottom:10%; left:15%;}
/* //20171019 수정 */

/*
#sideCont .sideBox a {display:inline-block; width:70%; height:28px; color:#b61a20; background-color:#fff; border-radius:5px; font-size:0.875em; font-family:'RixGo B';
    padding-top:7px; box-sizing:border-box}
*/

#wrap.away #sideCont .sideBox a {color:#068fdb;}
#sideCont .sideBox .matchWith {display:inline-block; padding:8px 25px; border:1px solid #fff; font-size:2.5em; margin-top:2px;}
.preview {margin-top:15%; overflow:hidden; display:inline-block; padding-bottom:50px;}
.preview li {float:left; width:100px; height:100px; border-radius:60px; font-size:2.6em; font-family:'RixGo B'; line-height:100px; margin-right:10px; position:relative;}
.preview li::before {display:block; width:100%; position:absolute; bottom:-80px; left:0; font-size:1em; font-family:'RixGo M'; color:#fff;}
.preview li:nth-of-type(1) {background-color:#fff; color:#801217;}


#wrap.away #sideCont .sideBox .preview li:nth-of-type(1),
/* 20171019 수정 */
#wrap.away #sideCont .sideBox .preview li:nth-of-type(2) {color:#154389;}
#wrap.away #sideCont .sideBox .preview li:nth-of-type(3) {color:#fff;}
/* //20171019 수정 */


.preview li:nth-of-type(1)::before {content:'WIN';}
.preview li:nth-of-type(2) {background-color:rgba(255,255,255,0.8); color:#801217;}
.preview li:nth-of-type(2)::before {content:'DRAW';}
.preview li:nth-of-type(3) {background-color:#7f1216; border:2px solid #fff; box-sizing:border-box; margin-right:0;}
#wrap.away #sideCont .sideBox .preview li:nth-of-type(3) {background-color:#068fdb;}
.preview li:nth-of-type(3)::before {content:'LOSE';}


/* 20171019 수정 */
#sideCont .sideBox .steelmap {background:url('/dist/images2/img_ground.png') center no-repeat; text-indent:-9999px; overflow:hidden;
	background-size:auto 70%;}
#sideCont .sideBox.buyTicket {padding-top:0; position:relative;}
#sideCont .sideBox.buyTicket a {width:100%; height:100%; background:url('/dist/images2/bg_ticket_open.jpg') no-repeat; padding-top:0; background-size:100% 100%; position:initial;}
#sideCont .sideBox .steelmall {background:url('/dist/images2/img_mall.png') center no-repeat; text-indent:-9999px; overflow:hidden;
	background-size:auto 70%;}
/* //20171019 수정 */


#sideCont .sideBox.kakaoPlus {background-image:url('/dist/images2/bg_kakaoplus.png'); background-size:100% 100%;}
#sideCont .sideBox.kakaoPlus a {background:none; width:100%; height:100%; padding:0; border-radius:0;}

#container #contents.sub {background:url('/dist/images2/bg_sub.png') no-repeat; background-size:auto 100%;}
.subCont {width:100%; height:100%; padding:25px 11.5%; box-sizing:border-box; text-align:center; position:relative;}
/* 20171019 수정 */
.subCont .pageNav {height:16px; background-size:auto 100%; color:#fff; font-size:14px; text-align:right;}
.subCont .pageNav a {color:inherit;}
/* //20171019 수정 */
/*.subCont .pageNav .btnBack {position:absolute; top:50%; left:0; width:17px; height:14px; margin-top:-6px; font-size:0; background:url('/dist/images2/ico_back.png') 0 50% no-repeat;}*/

#sideCont .sideBox.imgFull > a {display:block; position:static; width:auto; height:100%; padding:0; border-radius:0;}
#sideCont .sideBox.imgFull img {width:100%; height:100%;}
#sideCont.seasonOff #seasonOffBox .sideBox {height:230px; background-image:url('/dist/images2/bg_sideBox.jpg'); background-size:auto 100%; background-repeat:repeat-x;}
#sideCont.seasonOff .sideBox .title {margin:0; font-family:'RixGo M'; word-break:keep-all;}
#sideCont .sideBox.fullBox {float:none; clear:both; width:auto;}
#sideCont .sideBox.fullBox .title {padding-top:120px; background:url('/dist/images2/bg_sidebox_emblem.png') 50% 0 no-repeat;}
#sideCont.seasonOff #seasonOffBox .sideBox.feedBox a {display:block; position:relative; top:auto; left:auto; right:auto; bottom:auto; width:auto; height:100%; padding:0; background:none; border-radius:0; font-size:inherit; font-family:inherit; color:inherit; background-position:50% 50% !important; background-size:cover !important;}
#sideCont.seasonOff .sideBox.feedBox {height:auto;}
.seasonOff .feedBox:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#120203; opacity:0.3; z-index:1;}
.seasonOff .feedBox:after {content:""; position:absolute; top:20px; left:50%; width:60px; height:60px; margin-left:-30px; background:url('/dist/images2/ico_sidebox_steelers.png') 0 0 no-repeat; z-index:9;}
.seasonOff .feedBox[data-feed="instagram"]:after {background-image:url('/dist/images2/ico_sidebox_instagram.png');}
.seasonOff .feedBox[data-feed="youtube"]:after {background-image:url('/dist/images2/ico_sidebox_youtube.png');}
.seasonOff .feedBox[data-feed="facebook"]:after {background-image:url('/dist/images2/ico_sidebox_facebook.png');}
.seasonOff .feedBox a:before {content:""; position:absolute; top:0; left:0; width:100%; height:40%; z-index:2;
background: rgba(18,2,3,0.6); /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(18,2,3,0.6), transparent); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(18,2,3,0.6), transparent); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(18,2,3,0.6), transparent); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(18,2,3,0.6), transparent); /* Standard syntax */
}
.seasonOff .feedBox a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:70%; z-index:2;
background: rgba(18,2,3,0.6); /* For browsers that do not support gradients */
background: -webkit-linear-gradient(transparent, rgba(18,2,3,0.6)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(transparent, rgba(18,2,3,0.6)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(transparent, rgba(18,2,3,0.6)); /* For Firefox 3.6 to 15 */
background: linear-gradient(transparent, rgba(18,2,3,0.6)); /* Standard syntax */
}
.seasonOff .feedBox .title {position:absolute; bottom:10px; left:0; right:0; padding:0 10px; text-align:left; font-size:12px; z-index:9; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-height:1.3; max-height:5.2em; overflow:hidden;}
.seasonOff .feedBox .title span {display:block;}

#btnSliding {display:none;}

.subCont .pageNav .btnBack {float: left; width:17px; height:14px; margin-top:-3px; font-size:0; background:url('/dist/images2/ico_back.png') 0 50% no-repeat;}
.subCont .pageNav span.home {background:url('/dist/images2/ico_home.png') left center no-repeat; padding-left:28px;}
.subCont .pageNav span:last-child {font-family:'RixGo EB'; text-decoration:underline;}
.subCont h2 {display:inline-block; padding:15px 50px; color:#fff; font-size:18px; border:1px solid #fff; margin-top:15px;}
.subCont h3 {color:#fff; font-size:36px; margin:20px 0 40px;}
.subCont h4 {color:#fff; font-size:16px; margin:-20px 0 40px;}
.subCont .subBox {background-color:#fff; padding:5% 7%; overflow:hidden;}
.subCont .subBox p {margin-top:30px; text-align:left;}
.subCont .subBox img {margin-right:5%;}
.subCont .subBox img:nth-of-type(3) {margin-right:0;}

#sideCont .mainBox .bx-wrapper {background-color:transparent; border:none; box-shadow:none; margin-bottom:0; height:100%;}
#sideCont .mainBox .playerNo .bx-wrapper .bx-viewport {height:70% !important;}
#sideCont .mainBox .player .bx-wrapper .bx-viewport {height:100% !important;}
#sideCont .sideBox.playerNo .title {display:inline-block; width:auto; font-size:18px; border:1px solid #fff; padding:5px 20px 3px; margin-top:30px;}
#sideCont .sideBox.playerNo .infoWrap,
#sideCont .sideBox.playerNo .info {display:inline-block; height:100%;}
#sideCont .sideBox.playerNo .info span {text-align:center;}
#sideCont .sideBox.playerNo .name {display:block; font-size:31px; font-family:'RixGo EB'; margin-bottom:8%;}
#sideCont .sideBox.playerNo .no {display:inline-block; text-indent:-9999px; overflow:hidden; width:38%; height:80%; background-position:top center; background-repeat:no-repeat;
                                background-size:100% 100%;}
#sideCont .sideBox.player {overflow:hidden;}
#sideCont .sideBox.player .playerPicWrap {overflow:hidden; height:100%;}
#sideCont .sideBox.player .playerPic {height:100%;}
#sideCont .sideBox.player .playerPic::before {content:''; display:inline-block; width:0; height:100%; vertical-align:bottom;}
#sideCont .sideBox.player .playerPic img {width:77%; height:auto; margin:0 auto; vertical-align:text-bottom; display:inline-block;}
#sideCont .sideBox > img {width:100%; height:100%;}
#sideCont .sideBox .score {height:68%;}
.score > span {display:inline-block; background-repeat:no-repeat; background-size:auto 70%; height:40%; background-position:left center; font-size:1.2em; width:85%; margin:0 auto;
    padding-top:7px; padding-left:25%; position:relative; text-align:left; box-sizing:border-box;}
.score > span::before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.score > span.pohang {background-image:url('/dist/images2/logo_pohang_white.png'); margin:10px 0 12px;}
.score span.goal {display:inline-block; font-size:24px; font-family:'RixGo EB'; background-color:#fff; border-radius:50%; width:35px; height:35px; color:#b61a20;
                  vertical-align:middle; position:absolute; right:0; top:39%; text-align:center;}
#wrap.away .score span.goal {color:#068fdb;}
.score span.goal::before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.score > span:last-child {margin-bottom:26px;}
#sideCont .homeEnd .sideBox.player .playerPic {display:inline-block; height:100%; padding-top:18px; overflow:hidden; box-sizing:border-box;}
#sideCont .homeEnd .sideBox.player .playerPic::before {content:''; width:0; height:100%; vertical-align:bottom; display:inline-block;}
#sideCont .homeEnd .sideBox.player .playerPic.ownGoal::before {vertical-align:middle;}
#sideCont .homeEnd .sideBox.player .playerPic img {height:95%; width:auto; display:inline-block; vertical-align:bottom;}
#sideCont .homeEnd .sideBox.playerNo .title {display:block; width:50%; margin:7% auto 6%;}
#sideCont .homeEnd .sideBox.playerNo .info {width:100%;}
#sideCont .homeEnd .sideBox.playerNo .info .no {background-size:auto 70%;}
#sideCont .homeEnd .sideBox.player .playerPic.ownGoal {padding-top:0;}
#sideCont .homeEnd .sideBox.player .playerPic.ownGoal img {height:80%; vertical-align:middle;}
#sideCont .sideBox.playerNo .info span.ownGoal {font-size:2em; margin-top:20%; display:inline-block;}

#sideCont .sideBox .snsList {overflow:hidden;}
#sideCont .sideBox .snsList li {float:left; margin-right:30px;}
#sideCont .sideBox .snsList li a {display:inline-block; width:120px; height:120px; text-indent:-9999px; overflow:hidden; background-size:100% auto; background-repeat:no-repeat;
                                    border-radius:inherit; background-color:transparent;}
#sideCont .sideBox .snsList li:nth-of-type(1) a {background-image:url('/dist/images2/ico_fb.png');}
#sideCont .sideBox .snsList li:nth-of-type(2) a {background-image:url('/dist/images2/ico_insta.png');}
#sideCont .sideBox .snsList li:nth-of-type(3) a {background-image:url('/dist/images2/ico_youtube.png');}
#sideCont .sideBox .snsList li:nth-of-type(4) a {background-image:url('/dist/images2/ico_kakaoPlus.png');}

#sideCont .sideBox .snsListWrap {width:100%; text-align:center; margin-bottom:5px;}
#sideCont .sideBox .snsList {display:inline-block; padding:0;}
#sideCont .sideBox .snsList li {margin-bottom:30px;}
#sideCont .sideBox .snsList li:nth-of-type(2n) {margin-right:0;}
#sideCont .sideBox .snsList li:nth-of-type(3) {clear:both;}
#sideCont .sideBox.awaySide.bus .bus {display:inline-block; width:100%; height:260px; background:url('/dist/images2/ico_bus.png') center center no-repeat; text-indent:-9999px;
    overflow:hidden; background-size:80% auto;}
/* 20171019 수정 */
#sideCont .sideBox.awaySide.bus .busTime {display:inline-block; width:100%; text-align:center; margin:2% 0 0;}
/* //20171019 수정 */
#sideCont .sideMatch {position:relative; padding:0 10px 20px; text-align:center; border-top:5px solid #a72c29; border-bottom:5px solid #a72c29; background:#fff url('/dist/images2/bg_sidematch_league.png') 50% 0 no-repeat;}
#sideCont .sideMatch .round {position:absolute; top:14px; left:50%; margin-left:85px; font-size:11px; font-weight:bold; color:#fff;}
#sideCont .sideMatch .matchTable {width:100%; max-width:360px; margin-top:45px; margin-left:auto; margin-right:auto; font-size:14px;}
#sideCont .sideMatch .matchTable td {padding:10px 5px 5px;}
#sideCont .sideMatch .matchTable img {height:50px;}
#sideCont .sideMatch .matchTable .team span {display:block; font-weight:bold;}
#sideCont .sideMatch .matchTable .vs {font-size:24px;}
#sideCont .sideMatch .matchInfo {margin-top:10px; font-size:14px;}
#sideCont .sideMatch .matchInfo .btn {margin-top:10px; font-size:12px;}
#sideCont .sideMatch .matchInfo .btn a {display:inline-block; min-width:85px; margin:0 3px; padding:8px 10px; vertical-align:top; color:#fff; border-radius:10px; background:#a72c29;}
#sideCont .sideMatch .matchInfo .btn .btn1 {background-color:#a72c29;}
#sideCont .sideMatch .matchInfo .btn .btn2 {background-color:#000;}
#sideCont .sideMatch .matchInfo .btn .btn3 {background-color:#59abdf;}
#sideCont .sideMatch .matchInfo .btn .btn4 {background-color:#214483;}
#sideCont .sideMatch[data-match="away"] {border-color:#59abdf; background-image:url('/dist/images2/bg_sidematch_league_away.png');}

#sideCont .sideMatch2 {position:relative; height:230px; padding:0 30px; text-align:center; border-top:5px solid #a72c29; border-bottom:5px solid #a72c29; background:#fff url('') 50% 0 no-repeat;}
#sideCont .sideMatch2 .round {position:absolute; top:14px; left:50%; margin-left:85px; font-size:11px; font-weight:bold; color:#BDBDBD;}
#sideCont .sideMatch2 .matchTable {width:100%; margin-top:85px; font-size:18px;}
#sideCont .sideMatch2 .matchTable td {padding:15px 5px 5px;}
#sideCont .sideMatch2 .matchTable img {height:75px;}
#sideCont .sideMatch2 .matchTable .team span {display:block; font-weight:bold;}
#sideCont .sideMatch2[data-match="off"] {border-color:#BDBDBD; background-image:url('/dist/images2/bg_sidematch_league.png');}

/* 20180723 수정 */
#sideCont .sideMatch_fa {position:relative; padding:0 10px 20px; text-align:center; border-top:5px solid #a72c29; border-bottom:5px solid #a72c29; background:#fff url('') 50% 0 no-repeat;}
#sideCont .sideMatch_fa .text_fa {position:absolute; top:14px; right: 50px; left: 50px; text-align: center; font-size:15px; font-weight:bold; color:#000;}
#sideCont .sideMatch_fa .round {position:absolute; top:14px; left:50%; margin-left:85px; font-size:11px; font-weight:bold; color:#fff;}
#sideCont .sideMatch_fa .matchTable {width:100%; margin-top:45px; font-size:18px;}
#sideCont .sideMatch_fa .matchTable td {padding:15px 5px 5px;}
#sideCont .sideMatch_fa .matchTable img {height:75px;}
#sideCont .sideMatch_fa .matchTable .team span {display:block; font-weight:bold;}
#sideCont .sideMatch_fa .matchTable .vs {font-size:40px;}
#sideCont .sideMatch_fa .matchInfo {margin-top:10px; font-size:16px;}
#sideCont .sideMatch_fa .matchInfo .btn {margin-top:10px; font-size:14px;}
#sideCont .sideMatch_fa .matchInfo .btn a {display:inline-block; min-width:85px; margin:0 3px; padding:8px 10px; vertical-align:top; color:#fff; border-radius:10px; background:#a72c29;}
#sideCont .sideMatch_fa .matchInfo .btn .btn1 {background-color:#a72c29;}
#sideCont .sideMatch_fa .matchInfo .btn .btn2 {background-color:#000;}
#sideCont .sideMatch_fa .matchInfo .btn .btn3 {background-color:#59abdf;}
#sideCont .sideMatch_fa .matchInfo .btn .btn4 {background-color:#214483;}
#sideCont .sideMatch_fa[data-match="away"] {border-color:#59abdf; background-image:url('');}
#sideCont .sideMatch_fa[data-match="off"] {border-color:#BDBDBD; background-image:url('');}

#header .bottom {display:none;}
.footer {background-color:#b61a20; color:#fff; padding:20px 5% 0; font-size:.85em;}
/* 20171019 수정 */
.footer.away {background-color:#068fdb;}
/* //20171019 수정 */
.snsList {overflow:hidden;}
.snsList li {float:left; margin-bottom:10px; margin-right:10px;}
.snsList li:nth-of-type(5) {clear:left;}
.snsList li a {display:inline-block; width:38px; height:38px; text-indent:-9999px; overflow:hidden; background-size:38px auto; background-repeat:no-repeat;}
.snsList li:nth-of-type(1) a {background-image:url('/dist/images2/ico_fb.png');}
.snsList li:nth-of-type(2) a {background-image:url('/dist/images2/ico_insta.png');}
.snsList li:nth-of-type(3) a {background-image:url('/dist/images2/ico_youtube.png');}
.snsList li:nth-of-type(4) a {background-image:url('/dist/images2/ico_kakaoPlus.png');}
.snsList li:nth-of-type(5) a {background-image:url('/dist/images2/ico_n.png');}
.snsList li:nth-of-type(6) a {background-image:url('/dist/images2/ico_ravona.png');}
.snsList li:nth-of-type(7) a {background-image:url('/dist/images2/ico_tl.png');}
.footer p {margin-top:10px; line-height:18px;}
.footer p span {font-family:'rixgob';}
.footer p a {display:inline-block; padding:1px 5px; color:#b61a20; border-radius:2px; line-height:1.2; background-color:#fff;}
.footer .policyList {margin:8px 0 0;}
.footer .policyList li {margin-bottom:10px;}
.footer .policyList li a {display:inline-block; padding-left:13px; background:url('/dist/images2/bull_triangle_white.png') 0 center no-repeat; color:#fff;}
.footer .copy {margin-top:15px; padding:15px 0; border-top:1px solid rgba(255,255,255,0.3); font-size:10px; line-height:16px;}

.contentsBack {position:fixed; bottom:10px; right:10px; width:40px; height:40px; opacity:0.6; z-index:9;}
.contentsBack img {width:100%;}

/* season ticket 2018-01-03 */
.seasonTicket img {width:100%;}
.seasonTicket .seasonBox {padding:30px 15px; text-align:left; font-size:16px; line-height:1.5; font-family:'RixGo L'; color:#595959; word-break:keep-all; background:#fff;}
.seasonTicket .innerBox {padding-bottom:45px;}
.seasonTicket .innerBox .title {margin-bottom:10px; padding-left:40px; padding-top:12px; font-size:20px; font-family:'RixGo EB'; color:#b50009; background:url('/dist/images2/ico_season_title.png') 0 0 no-repeat; background-size:auto 100%;}
.seasonTicket .innerBox a {color:inherit;}
.seasonTicket .innerBox li {position:relative; padding-left:10px; margin-top:10px;}
.seasonTicket .innerBox li:first-of-type {margin-top:0;}
.seasonTicket .innerBox li:before {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:100%; background:#b50009;}
.seasonTicket .innerBox li li {margin-top:5px; font-size:14px;}
.seasonTicket .innerBox li li:before {top:10px; background:#888;}
.seasonTicket .innerBox li strong+ul {margin-top:8px; margin-bottom:15px;}
.seasonTicket .innerBox strong {font-weight:bold; font-family:'RixGo M';}
.seasonTicket .innerBox i {color:#b50009; font-style:normal;}
.seasonTicket .tableBox {text-align:center; font-size:14px; letter-spacing:-0.025em; overflow:auto; border-top:2px solid #b70007; border-bottom:2px solid #b70007;}
.seasonTicket .tableBox table {width:100%; min-width:720px;}
.seasonTicket .tableBox th,.seasonTicket .tableBox td {padding:10px 5px; text-align:center; border-bottom:1px solid #c5c5c5; border-left:1px solid #c5c5c5;}
.seasonTicket .tableBox .txtcell {text-align:left; padding-left:15px;}
.seasonTicket .tableBox .first {border-left:none;}
.seasonTicket .tableBox .last {border-bottom:none;}
.seasonTicket .tableBox .sm {display:block; font-size:14px;}
.seasonTicket .tableBox li {margin-top:5px;}
.seasonTicket .tableBox li:before {top:10px; background:#888;}
.seasonTicket .tableBox p {margin-bottom:5px;}
.seasonTicket .tableBox ul+p {margin-top:20px;}
.seasonTicket .tableBox strong {font-size:18px;}
.seasonTicket .seasonInfo .tableBox {margin-top:30px; font-size:16px;}
.seasonTicket .seasonInfo .em1 {color:#fff; background:#e38e00;}
.seasonTicket .seasonInfo .em2 {color:#fff; background:#c5c5c5;}
.seasonTicket .seasonInfo .memo {margin-top:5px; font-size:14px;}

/* partners 2018-09-22 */
#container.partnersPage #contents.sub {background-image:none;}
.partnersPage {line-height:1.5; font-family:'RixGo L'; letter-spacing:-0.025em; word-break:keep-all; background:#fff;}
.partnersPage * {box-sizing:border-box;}
.partnersPage .subCont {height:auto; padding:0; background:none;}
.partnersPage .subCont .pageNav {color:inherit;}
.partnersPage .outliner {padding:0 15px;}
.partnersPage .mainIntro {}
.partnersPage a {color:inherit;}
.partnersPage img {max-width:100%;}
.partnersPage .partnersHeader {padding:15px 15px 30px; border-bottom:1px solid #d3d3d4; background:#efeff0;}
.partnersPage .partnersHeader .tit span {color:#0d0d0d;}
.partnersPage .partnersHeader .tit {margin-top:30px;}
.partnersPage .partnersHeader .pageNav .home {background-image:url('/dist/images2/ico_home_gray.png');}
.partnersPage .tit {margin-bottom:12px; text-align:center; font-size:11px;}
.partnersPage .tit span {display:block; font-size:24px; font-family:'RixGo EB';}
.partnersPage .partnersCont {padding:30px 0 50px;}
.partnersIntro .outliner {max-width:510px; margin:0 auto;}
.partnersIntro .partnersCont {padding-top:0; padding-bottom:0;}
.partnersIntro .partnersSection .tit span {color:#0d0d0d;}
.partnersIntro .partnersSection {border-bottom:1px solid #d3d3d4;}
.partnersIntro .partnersSection .innerBox {padding-top:180px; padding-bottom:40px;}
.partnersIntro .partnersSection.partnersAbout .innerBox {padding-top:170px; background:url('/dist/images2/img_partners_about.png') 50% 30px no-repeat; background-size:auto 130px;}
.partnersIntro .partnersSection.partnersBenefit .innerBox {background:url('/dist/images2/img_partners_benefit.png') 50% 30px no-repeat; background-size:auto 140px;}
.partnersIntro .partnersSection.partnersJoin .innerBox {background:url('/dist/images2/img_partners_join.png') 50% 30px no-repeat; background-size:auto 140px;}
.partnersIntro .partnersSection .btns {margin-top:20px; text-align:center;}
.partnersIntro .partnersSection .btn {display:inline-block; margin:0 2px; vertical-align:middle;}
.partnersIntro .partnersSection .btn span {font-family:'RixGo EB';}
.partnersIntro .partnersSection .btn a {display:inline-block; padding:6px 18px; vertical-align:middle; border:1px solid #535353; border-radius:20px;}
.partnersIntro .partnersSection .btn a:hover {color:#fff; background-color:#535353;}

.partnersAbout.partnersSection .innerBox {padding-top:0;}
.partnersAbout .infoGrph {position:relative; margin-top:20px; padding:20px 30px; text-align:center; font-size:16px; font-weight:bold; border:3px dotted #4f4d4c; border-radius:20px;}
.partnersAbout .infoGrph:before,.partnersAbout .infoGrph:after {content:""; position:absolute; top:80px; left:50%; width:2px; height:70px; background-color:#535353; transform-origin:50% 50%;}
.partnersAbout .infoGrph:before {transform: rotate(45deg);}
.partnersAbout .infoGrph:after {transform: rotate(-45deg);}
.partnersAbout .infoGrph .main {margin-bottom:15px;}
.partnersAbout .infoGrph .dlBox:after {content:""; clear:both; display:block;}
.partnersAbout .infoGrph .dl {float:left; width:170px;}
.partnersAbout .infoGrph .dl2 {float:right;}
.partnersAbout .infoGrph .dt {margin-bottom:10px;}
.partnersAbout .infoGrph .dd {position:relative; padding-bottom:100%;}
.partnersAbout .infoGrph .dd .ddt {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; border:3px solid #4f4d4c; background-color:#efeff0;}
.partnersAbout .infoGrph .dd .ddb {display:table; width:100%; height:100%;}
.partnersAbout .infoGrph .dd p {display:table-cell; vertical-align:middle; letter-spacing:-0.02em;}

.partnersBenefit .listBenefit {display:inline-block; padding-top:15px; padding-bottom:15px; vertical-align:top; font-size:0;}
.partnersBenefit .listBenefit li {display:inline-block; width:33.33%; margin-bottom:15px; padding:0 8px; text-align:center; vertical-align:top; font-size:14px;}
.partnersBenefit .listBenefit li:before {content:""; display:block; width:90%; max-width:144px; padding-bottom:90%; margin:0 auto 5px; border:5px solid #4b4948; border-radius:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.partnersBenefit .listBenefit .benefit1:before {background-image:url('/dist/images2/img_partners_benefit_1.png');}
.partnersBenefit .listBenefit .benefit2:before {background-image:url('/dist/images2/img_partners_benefit_2.png');}
.partnersBenefit .listBenefit .benefit3:before {background-image:url('/dist/images2/img_partners_benefit_3.png');}
.partnersBenefit .listBenefit .benefit4:before {background-image:url('/dist/images2/img_partners_benefit_4.png');}
.partnersBenefit .listBenefit .benefit5:before {background-image:url('/dist/images2/img_partners_benefit_5.png');}
.partnersBenefit .listBenefit .benefit6:before {background-image:url('/dist/images2/img_partners_benefit_6.png');}
.partnersBenefit .listJoin {display:inline-block; vertical-align:top; text-align:left;}

.partnersPage.partnersView .partnersHeader .tit {margin-bottom:0; padding-top:105px; background:url('/dist/images2/bg_title_partnerlist.png') 50% 0 / auto 100px no-repeat;}
.partnersPage.partnersView .partnersHeader .summary {display:none;}
.partnersView .sectionLabel {font-family:"AvantGarde"; font-size:14px; text-align:left;}
.partnersView .sectionLabel strong {font-family:inherit; font-weight:800;}
.partnersView .sectionLabel .em {margin-left:0.3em; color:#ad181d;}
.partnersView .partnerList {padding-top:5px; color:#fff; font-size:12px; line-height:1.3;}
.partnersView .partnerList li {float:left; width:50%; text-align:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.partnersView .partnerList li:nth-of-type(2n+1) {clear:none;}
.partnersView .partnerList li a {display:block; position:relative; padding-bottom:100%; background:rgba(0,0,0,0.15);}
.partnersView .partnerList li .info {position:absolute; top:50%; left:0; width:100%; padding:1em; transform:translate(0, -50%);}
.partnersView .partnerList li .info .cont {margin:0.4em 0 0.6em; font-size:20px;}
.partnersView .partnerList li .info .loca {font-size:11px;}
.partnersView .partnerList .details {display:none;}

#popup_partner {display:none;}
#popup_partner.on {display:block;}
.popup_partner {position:fixed; top:0; left:0; right:0; bottom:0; padding:30px 10px 10px; font-size:16px; color:#fff; line-height:1.2; font-family:'AvantGarde','RixGo L'; letter-spacing:-0.025em; word-break:keep-all; background-color:rgba(0,0,0,0.85); z-index:999;}
.popup_partner * {box-sizing:border-box;}
.popup_partner a {color:inherit;}
.popup_partner .box {position:relative; max-height:100%; margin:0 auto; padding:15px 10px 30px; overflow:auto; background-color:#ad181d;}
.popup_partner .btnClose {position:absolute; top:0; right:0; width:50px; height:50px; padding:0; font-size:0; text-indent:-9999px; border:none; background:url('/dist/images2/btn_close_seatinfo.png') 50% 50% / contain no-repeat;}
.popup_partner .title {margin-bottom:25px; font-size:20px; font-family:'RixGo M';}
.popup_partner .sub {display:block; font-size:12px;}
.popup_partner .info li {position:relative; min-height:60px; margin-bottom:10px; padding-top:15px; padding-bottom:15px; padding-left:80px; font-size:16px;}
.popup_partner .info li:before {content:""; position:absolute; top:50%; left:0; width:60px; height:60px; margin-top:-30px; border:2px solid #fff; border-radius:100%; background:url('/dist/images2/ico_partner_tel.png') 50% 50% / contain no-repeat;}
.popup_partner .info .tel:before {background-image:url('/dist/images2/ico_partner_tel.png');}
.popup_partner .info .address:before {background-image:url('/dist/images2/ico_partner_address.png');}
.popup_partner .info .label {font-size:12px;}
.popup_partner .media {margin-top:10px;}
.popup_partner .map {position:relative; padding-bottom:56.25%;}
.popup_partner .map iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.popup_partner .media img {width:100%;}

.subCont .subBox .partnersJoin fieldset .section .formLine {position:relative; padding-left:165px; padding-right:125px;}
.subCont .subBox .partnersJoin fieldset .section .formLine.partnerTxt {padding-right:0;}
.subCont .subBox .partnersJoin fieldset .section.agree .formLine {padding:15px 0;}
.subCont .subBox .partnersJoin fieldset .section.agree label {position:relative; top:auto; left:auto; margin-right:0; padding-left:36px;}
.subCont .subBox .partnersJoin fieldset .section label {position:absolute; top:23px; left:0; width:auto; padding-left:0;}
.subCont .subBox .partnersJoin fieldset .section .formInput {width:100%;}
.partnersJoin .formInput {height:30px; vertical-align:middle; border:1px solid #535353;}
.partnersJoin .btnPartner {position:absolute; top:15px; left:auto; right:0; box-sizing:border-box; -moz-box-sizing:border-box; width:120px; height:32px; padding:0; vertical-align:middle; text-align:center; font-size:14px; line-height:32px; color:#fff; border:1px solid #535353; background-color:#535353; cursor:pointer;}
.subCont .subBox .partnersJoin fieldset .section label.btnPartner {position:absolute; top:15px; left:auto; right:0; width:120px; padding-left:0;}
.partnersJoin textarea.formInput {height:auto;}
.partnersJoin input[type="file"] {position:absolute; left:-99999px;}
/* //partners 2018-09-22 */

/* club 2017-10-20 */
#container.clubPage #contents.sub {background-image:none;}
.clubPage {line-height:1.5; font-family:'RixGo L'; letter-spacing:-0.025em; word-break:keep-all; background:#fff;}
.clubPage * {box-sizing:border-box;}
.clubPage .subCont {height:auto; padding:0; text-align:left; background:none;}
.clubPage .subCont .pageNav {color:inherit;}
.clubPage .outliner {padding:0 15px;}
.clubPage .mainIntro {}
.clubPage a {color:inherit;}
.clubPage img {max-width:100%;}
.clubPage .clubHeader {padding:15px 15px 30px; text-align:center; border-bottom:1px solid #d3d3d4; background:#efeff0;}
.clubPage .clubHeader .tit span {color:#0d0d0d;}
.clubPage .clubHeader .tit {margin-top:30px;}
.clubPage .clubHeader .pageNav .home {background-image:url('/dist/images2/ico_home_gray.png');}
.clubPage .tit {margin-bottom:12px; text-align:center; font-size:11px;}
.clubPage .tit span {display:block; font-size:24px; font-family:'RixGo EB';}
.clubPage .clubCont {padding:30px 0 50px;}
.clubIntro .introSection {position:relative; padding:50px 0;}
.clubIntro .introSection .arr {display:none;}
.clubIntro .introSection .btns {margin-top:20px; text-align:center;}
.clubIntro .introSection .btn {display:inline-block; margin:0 2px; vertical-align:middle;}
.clubIntro .introSection .btn a {display:inline-block; padding:6px 18px; vertical-align:middle; border:1px solid #535353; border-radius:20px;}
.clubIntro .introSection .btn a:hover {color:#fff; background-color:#535353;}
.clubIntro .introSection.intro1 .emblem {width:190px; margin:0 auto;}
.clubIntro .introSection.intro2 {background:url('/dist/images2/bg_sub2.jpg') 50% 50% no-repeat; background-size:cover;}
.clubIntro .introSection.intro2:before {content:""; display:block; height:311px; margin-bottom:30px; background:url('/dist/images2/img_club_main_emblem.png') 50% 50% no-repeat; background-size:contain;}
.clubIntro .introSection.intro1,.clubIntro .introSection.introBlank {display:none;}
.clubIntro .introSection.intro2 .txt {color:#fff;}
.clubIntro .introSection.intro3 {padding:0; font-size:14px; background:#efeff0;}
.clubIntro .introSection.intro3 .introMenu {padding:30px 0;border-top:1px solid #fff; border-bottom:1px solid #d3d3d4;}
.clubIntro .introSection.intro3 .clubCoach {border-bottom:none;}
.clubIntro .introSection.intro3 .innerBox {padding-top:180px;}
.clubIntro .introSection.intro3 .clubEmblem .innerBox {background:url('/dist/images2/img_club_menu_emblem.png') 50% 15px no-repeat; background-size:auto 145px;}
.clubIntro .introSection.intro3 .clubMascot .innerBox {background:url('/dist/images2/img_club_menu_mascot.png') 50% 15px no-repeat; background-size:auto 145px;}
.clubIntro .introSection.intro3 .clubSupporter .innerBox {background:url('/dist/images2/img_club_menu_supporter.png') 50% 15px no-repeat; background-size:auto 145px;}
.clubIntro .introSection.intro3 .clubSong .innerBox {background:url('/dist/images2/img_club_menu_clubsong.png') 50% 15px no-repeat; background-size:auto 145px;}
.clubIntro .introSection.intro3 .clubHistory .innerBox {background:url('/dist/images2/img_club_menu_history.png') 50% 0 no-repeat; background-size:auto 160px;}
.clubIntro .introSection.intro3 .clubCoach .innerBox {background:url('/dist/images2/img_club_menu_coach.png') 50% 0 no-repeat; background-size:auto 160px;}
.clubIntro .introSection.intro3 .clubHouse .innerBox {background:url('/dist/images2/img_club_menu_clubhouse.png') 50% 0 no-repeat; background-size:auto 160px;}
.clubIntro .introSection.intro3 .clubOffice .innerBox {background:url('/dist/images2/img_club_menu_office_2018.png') 50% 0 no-repeat; background-size:auto 160px;}
.clubIntro .introSection.intro3 .tit span {color:#0d0d0d;}
.clubIntro .introSection.intro3 .clubOffice .txt {position:relative; margin-top:20px; padding-left:60px;}
.clubIntro .introSection.intro3 .clubOffice .txt .label {position:absolute; top:0; left:0; width:50px; margin-top:-5px; padding:2px 0 1px; text-align:center; border:1px solid #535353; border-radius:20px;}
.clubIntro .introSection.intro4 {text-align:center; color:#b3910a; background:#000;}
.clubIntro .introSection.intro4 .league {margin-top:30px;}
.clubIntro .introSection.intro4 .img {width:200px; height:200px; margin:0 auto 10px; border:5px solid #b3910a; border-radius:100%; background-position:50% 50%; background-repeat:no-repeat;}
.clubIntro .introSection.intro4 .leagueAFC .img {background-image:url('/dist/images2/img_club_winning1.png');}
.clubIntro .introSection.intro4 .leagueK .img {background-image:url('/dist/images2/img_club_winning2.png');}
.clubIntro .introSection.intro4 .leagueFA .img {background-image:url('/dist/images2/img_club_winning3.png');}
.clubIntro .introSection.intro4 .name {margin-bottom:10px; font-size:24px; font-family:'RixGo EB';}
.clubIntro .introSection.intro4 .record span {display:inline-block; margin:0 2px; vertical-align:middle;}
.clubIntro .introSection.intro4 .record span:before {content:"\2605"; display:block; font-size:36px; line-height:1;}
.clubHistory {font-size:14px;}
.clubHistory .historyChart {position:relative;}
.clubHistory .historyChart li {position:relative; padding-bottom:15px;}
.clubHistory .historyChart li:before {margin:0;}
.clubHistory .historyChart>li {padding-bottom:30px; padding-left:35px;}
.clubHistory .historyChart>li:before {content:""; position:absolute; top:8px; left:4px; bottom:-14px; width:5px; background:#d3d3d4;}
.clubHistory .historyChart>li:after {content:""; position:absolute; top:8px; left:0; width:13px; height:13px; border-radius:100%; background:#d3d3d4;}
.clubHistory .historyChart>li:last-child:before {display:none;}
.clubHistory .historyChart .year {display:block; margin-bottom:15px; font-family:'RixGo EB'; font-size:24px;}
.clubHistory .historyChart li li .year {margin-bottom:0; font-size:inherit;}
.clubCoach {font-size:14px;}
.clubCoach .coachChart {position:relative;}
.clubCoach .coachChart li {position:relative; padding-bottom:30px;}
.clubCoach .coachChart li:after {content:""; display:block; clear:both;}
.clubCoach .coachChart .img {float:left; width:130px; height:130px; overflow:hidden; border:5px solid #d3d3d4; border-radius:100%;}
.clubCoach .coachChart .txt {margin-left:130px; padding-top:15px; padding-left:15px;}
.clubCoach .coachChart .name {margin-bottom:15px; font-family:'RixGo EB'; font-size:20px;}
.clubCoach .coachChart .name span {display:block; font-size:14px;}
.clubEmblem .clubCont {padding-top:0; padding-bottom:0;}
.clubEmblem .emblemSection .tit span {color:#0d0d0d;}
.clubEmblem .emblemSection {border-bottom:1px solid #d3d3d4;}
.clubEmblem .emblemSection .innerBox {padding-top:180px; padding-bottom:40px;}
.clubEmblem .emblemSection.emblemStandard .innerBox {padding-top:170px; background:url('/dist/images2/img_club_emblem_standard.png') 50% 30px no-repeat; background-size:auto 130px;}
.clubEmblem .emblemSection.emblem40th .innerBox {background:url('/dist/images2/img_club_emblem_40th.png') 50% 30px no-repeat; background-size:auto 140px;}
.clubEmblem .emblemSection.emblemRetro20th .innerBox {background:url('/dist/images2/img_club_emblem_retro20th.png') 50% 30px no-repeat; background-size:auto 140px;}
.clubEmblem .emblemSection .btns {margin-top:20px; text-align:center;}
.clubEmblem .emblemSection .btn {display:inline-block; margin:0 2px; vertical-align:middle;}
.clubEmblem .emblemSection .btn a {display:inline-block; padding:6px 18px; vertical-align:middle; border:1px solid #535353; border-radius:20px;}
.clubEmblem .emblemSection .btn a:hover {color:#fff; background-color:#535353;}
.clubHouse .clubCont {padding-top:240px; background:url('/dist/images2/bg_club_clubhouse.jpg') 90% 0 no-repeat; background-size:auto 240px;}
.clubHouse .clubSection .tit {text-align:left;}
.clubHouse .clubSection .innerBox {padding-top:30px;}
.clubHouse .clubSection .txt {margin-bottom:10px;}
.clubHouse .clubSection .txt p {position:relative; padding-left:1.3em;}
.clubHouse .clubSection .txt p:before {content:"-"; position:absolute; top:0; left:0;}
.clubHouse .clubSection .emp {font-family:'RixGo EB'; color:#b61a20; text-decoration:underline;}
.clubHouse .clubSection .label {display:block; font-family:'RixGo EB';}
.clubHouse .clubSection .innerBox.info .label:before {content:"-"; display:block; line-height:3px;}
.clubHouse .mapSection {position:relative; padding-bottom:56.25%;}
.clubHouse .mapSection iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.clubMascot .emblemSection.mascot1 .innerBox {background:url('/dist/images2/img_club_mascot_1.png') 50% 30px no-repeat; background-size:auto 140px;}
.clubMascot .emblemSection.mascot2 .innerBox {background:url('/dist/images2/img_club_mascot_2.png') 50% 30px no-repeat; background-size:auto 140px;}
.clubMascot .emblemSection.mascot3 .innerBox {background:url('/dist/images2/img_club_mascot_3.png') 50% 30px no-repeat; background-size:auto 140px;}
.clubMascot .mascotGall {max-width:840px; margin:0 auto;}
.clubMascot .mascotGall .bx-wrapper {box-shadow:none; border:none; background:none;}
.clubSupporter .emblemSection.supporter_kangcheol .innerBox {padding-top:200px; background:url('/dist/images2/img_club_supporter_kangcheol.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSupporter .emblemSection.supporter1 .innerBox {padding-top:200px; background:url('/dist/images2/img_club_supporter_1.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSupporter .emblemSection.supporter2 .innerBox {padding-top:106px; background:url('/dist/images2/img_club_supporter_2.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSupporter .emblemSection.supporter3 .innerBox {padding-top:261px; background:url('/dist/images2/img_club_supporter_3.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSupporter .emblemSection.supporter4 .innerBox {padding-top:178px; background:url('/dist/images2/img_club_supporter_4.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSupporter .emblemSection.supporter5 .innerBox {padding-top:128px; background:url('/dist/images2/img_club_supporter_5.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSupporter .emblemSection.supporter6 .innerBox {padding-top:186px; background:url('/dist/images2/img_club_supporter_6.png') 50% 30px no-repeat; background-size:152px auto;}
.clubSong .emblemSection .innerBox {position:relative;}
.clubSong .emblemSection .btnBg {position:absolute; top:20px; left:50%; width:140px; height:140px; margin-left:-70px; border-radius:100%; background:url('/dist/images2/img_clubsong.png') 0 0 no-repeat; background-size:cover;}
.clubSong .emblemSection .btnBg button {display:block; width:140px; height:140px; padding:0; text-indent:-9999px; border:none; background:url('/dist/images2/ico_clubsong_play.png') 50% 50% no-repeat; background-size:40px;}
.clubSong .emblemSection .btnBg .btnAudioplay {background-image:url('/dist/images2/ico_clubsong_play.png');}
.clubSong .emblemSection .btnBg .btnAudiostop {display:none; background-image:url('/dist/images2/ico_clubsong_pause.png');}
.clubSong .emblemSection.play .btnBg .btnAudioplay {display:none;}
.clubSong .emblemSection.play .btnBg .btnAudiostop {display:block;}
#clubsongPlayer {display:none;}
.clubCeo .value {padding-bottom:50%; font-size:18px; text-align:center; line-height:1.2; background:url('/dist/images2/img_club_ceo.png') 50% 100%/45% no-repeat;}
.clubCeo .value .num {display:block; width:36px; height:36px; margin:0 auto 5px; text-align:center; line-height:40px; color:#fff; background-color:#bf1e2d;}
.clubCeo .value li {margin-bottom:15px;}
.clubCeo .value li:nth-of-type(1) {color:#bf1e2d;}
.clubCeo .value li:nth-of-type(1) .num {background-color:#bf1e2d;}
.clubCeo .value li:nth-of-type(2) {color:#535353;}
.clubCeo .value li:nth-of-type(2) .num {background-color:#535353;}
.clubCeo .value li:nth-of-type(3) {color:#040000;}
.clubCeo .value li:nth-of-type(3) .num {background-color:#040000;}
.clubCeo .greeting {margin-bottom:30px; background:url('/dist/images2/img_club_ceogreeting.png') 50% 50%/50% no-repeat;}

/* steelyard 2017-10-21 */
#container.steelyardPage #contents.sub {background-image:none;}
.steelyardPage {line-height:1.5; font-family:'RixGo L'; letter-spacing:-0.025em; word-break:keep-all; background:#fff;}
.steelyardPage * {box-sizing:border-box;}
.steelyardPage .subCont {height:auto; padding:0; text-align:left; background:none;}
.steelyardPage .subCont .pageNav {color:inherit;}
.steelyardPage .outliner {padding:0 15px;}
.steelyardPage a {color:inherit;}
.steelyardPage img {max-width:100%;}
.steelyardPage .steelyardHeader {padding:15px; border-bottom:1px solid #d3d3d4; background:#efeff0 url('/dist/images2/bg_steelyardheader.png') 50% 60px no-repeat;}
.steelyardPage .steelyardHeader .tit {margin-top:150px;}
.steelyardPage .steelyardHeader .pageNav .home {background-image:url('/dist/images2/ico_home_gray.png');}
.steelyardPage .tit {text-align:center; font-size:11px;}
.steelyardPage .tit span {display:block; font-size:24px; font-family:'RixGo EB';}
.steelyardPage .steelyardCont {padding:30px 0 50px;}
.steelyardIntro .mapSection {position:relative; padding-bottom:56.25%;}
.steelyardIntro .mapSection iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.steelyardIntro .introVideo {position:relative; padding-bottom:56%; overflow:hidden;}
.steelyardIntro .introVideo video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.steelyardIntro .preloader {position:absolute; top:50%; left:50%; width:200px; height:200px; margin-top:-100px; margin-left:-100px;}
.steelyardIntro .shortcut:after {content:""; display:block; clear:both;}
.steelyardIntro .shortcut .list {position:relative; float:left; width:50%; color:#fff;}
.steelyardIntro .shortcut .list:nth-of-type(2n+1) {clear:left;}
.steelyardIntro .shortcut .list a {display:block; position:relative; padding-bottom:63%; min-height:120px; background-position:50% 50%; background-repeat:no-repeat; background-size:103% 103%; transition:background-size 0.3s;}
.steelyardIntro .shortcut a:hover {background-size:110% 110%;}
.steelyardIntro .shortcut .list1 a {background-image:url('/dist/images2/img_steelyard_shortcut1.jpg');}
.steelyardIntro .shortcut .list2 a {background-image:url('/dist/images2/img_steelyard_shortcut2.jpg');}
.steelyardIntro .shortcut .list3 a {background-image:url('/dist/images2/img_steelyard_shortcut3.jpg');}
.steelyardIntro .shortcut .list4 a {background-image:url('/dist/images2/img_steelyard_shortcut4.jpg');}
.steelyardIntro .shortcut .list5 a {background-image:url('/dist/images2/img_steelyard_shortcut5.jpg');}
.steelyardIntro .shortcut .list6 a {background-image:url('/dist/images2/img_steelyard_shortcut6.jpg');}
.steelyardIntro .shortcut .txt {position:absolute; top:0; left:0; width:100%; height:100%;}
.steelyardIntro .shortcut .txt .box {display:table; width:100%; height:100%;}
.steelyardIntro .shortcut .txt .cell {display:table-cell; text-align:center; vertical-align:middle;}
.steelyardIntro .shortcut .txt .tit {margin-bottom:0;}
.steelyardIntro .shortcut .txt .tit span {font-size:18px;}
.steelyardInfo .infoMap .mapBox {position:relative; height:342px; background:url('/dist/images2/bg_steelyard_info_map.jpg') 50% 50% no-repeat; background-size:auto 100%;}
.steelyardInfo .infoMap .marker {position:absolute; left:50%; width:23px; height:40px; background:url('/dist/images2/ico_steelyard_info_marker.png') 50% 50% no-repeat; background-size:cover;}
.steelyardInfo .infoMap [data-marker="point1"] .marker:nth-of-type(1) {top:170px; margin-left:-94px;}
.steelyardInfo .infoMap [data-marker="point1"] .marker:nth-of-type(2) {top:179px; margin-left:-78px;}
.steelyardInfo .infoMap [data-marker="point1"] .marker:nth-of-type(3) {top:50px; margin-left:58px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(1) {top:156px; margin-left:-103px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(2) {top:176px; margin-left:-67px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(3) {top:164px; margin-left:11px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(4) {top:161px; margin-left:33px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(5) {top:139px; margin-left:52px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(6) {top:72px; margin-left:90px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(7) {top:40px; margin-left:40px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(8) {top:56px; margin-left:-37px;}
.steelyardInfo .infoMap [data-marker="point2"] .marker:nth-of-type(9) {top:79px; margin-left:-79px;}
.steelyardInfo .infoMap [data-marker="point3"] .marker:nth-of-type(1) {top:204px; margin-left:-35px;}
.steelyardInfo .infoMap [data-marker="point4"] .marker:nth-of-type(1) {top:174px; margin-left:-86px;}
.steelyardInfo .infoMap [data-marker="point5"] .marker:nth-of-type(1) {top:187px; margin-left:-81px;}
.steelyardInfo .infoMap [data-marker="point6"] .marker:nth-of-type(1) {top:198px; margin-left:-21px;}
.steelyardInfo .infoMap .mapGuide {padding:15px 0; background:#efeff0;}
.steelyardInfo .infoMap .mapTab {padding:10px 0;}
.steelyardInfo .infoMap .mapTab p {margin-bottom:5px; font-family:'RixGo EB'; font-size:18px;}
.steelyardInfo .infoMap .mapTab a {display:inline-block; width:82px; margin-right:3px; margin-bottom:5px; padding:8px 0; font-size:13px; text-align:center; vertical-align:middle; border:1px solid #908f9a; border-radius:15px;}
.steelyardInfo .infoMap .mapTab .active {color:#fff; background:#908f9a;}
.steelyardInfo .others .img {padding:30px 0; text-align:left; border-top:1px solid #efeff0;}
.steelyardInfo .others p {margin-bottom:5px; font-family:'RixGo EB'; font-size:18px;}
.steelyardInfo .others span {display:block; width:80px; margin-bottom:15px; padding:8px 0; text-align:center; vertical-align:middle; border:1px solid #908f9a; border-radius:15px;}
.steelyardInfo .others .imgBox {position:relative;}
.steelyardInfo .others .btnTop {position:absolute; bottom:0; right:0; width:30px; height:30px;}

.steelyardView .steelyardViewport {padding:10px; border:1px solid #d3d3d4; border-radius:10px; background:#efeff0;}
.steelyardView .frame {position:relative; background:#efeff0 url('/dist/images2/bg_steelyardview_zone.png') 50% 50% no-repeat; background-size:cover;}
.steelyardView .frame.off {background-image:url('/dist/images2/bg_steelyardview_zone_off.png');}
.steelyardView .frame.hover {background-image:url('/dist/images2/bg_steelyardview_zone_hover.png');}
.steelyardView .frame:after {content:""; clear:both; display:block;}
.steelyardView .frame.hover img[src*="_off"] {opacity:0.6;}
.steelyardView .frame .piece {position:relative; float:left;}
.steelyardView .frame .zone5,.steelyardView .frame .zone8 {float:right;}
.steelyardView .frame .zone4,.steelyardView .frame .zone6 {clear:both;}
.steelyardView .frame .zone1,.steelyardView .frame .zone3,.steelyardView .frame .zone4,.steelyardView .frame .zone5 {width:19.5%;}
.steelyardView .frame .zone2 {width:61%;}
.steelyardView .frame .zone6,.steelyardView .frame .zone8 {width:35.23%;}
.steelyardView .frame .zone7 {width:29.54%;}
.steelyardView .frame .btns {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.steelyardView .frame .btns .off {opacity:0.4;}
.steelyardView .frame .btns .active {z-index:1;}
.steelyardView .frame .zoom {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:-1;}
.steelyardView .frame.off .zoom {z-index:0;}
.steelyardView .frame .zoom img {opacity:0; position:relative; z-index:-1;}
.steelyardView .frame .zoom img.on {opacity:1; z-index:0;}
.steelyardView .frame .zoom img.zoom1 {max-width:none; width:150%; margin-top:-12.5%; margin-left:-10%;}
.steelyardView .frame .zoom img.zoom3 {max-width:none; width:150%; margin-top:-12.5%; margin-left:-37.5%;}
.steelyardView .frame .zoom img.zoom4 {max-width:none; width:120%; margin-top:-7.5%; margin-left:-7.5%;}
.steelyardView .frame .zoom img.zoom5 {max-width:none; width:120%; margin-top:-7.5%; margin-left:-12.5%;}
.steelyardView .frame .zoom img.zoom6 {max-width:none; width:120%; margin-top:-7.5%; margin-left:-12.5%;}
.steelyardView .frame .zoom img.zoom7 {max-width:none; width:150%; margin-top:-28.5%; margin-left:-25.5%;}
.steelyardView .frame .zoom img.zoom8 {max-width:none; width:120%; margin-top:-7.5%; margin-left:-7.5%;}
.steelyardView .context {margin-top:30px; text-align:left; font-size:14px;}
.steelyardView .context .tit {margin-bottom:10px; text-align:left; font-family:'RixGo EB'; font-size:18px;}
.steelyardView .context .info {position:relative; padding-left:1em;}
.steelyardView .context .info:before {content:"-"; position:absolute; top:0; left:0;}
.steelyardView .popup_seatView {display:none;}
.steelyardView .popup_seatView.on {display:block;}
.steelyardView .popup_seatView .box {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9;}
.steelyardView .popup_seatView .innerBox {position:absolute; top:50%; left:0; width:100%; margin-top:-33%; color:#fff; border:2px solid #b61a20; border-top:none; background:#b61a20;}
.steelyardView .popup_seatView .title {padding:8px 15px; font-size:18px; font-family:'RixGo EB';}
.steelyardView .popup_seatView .btnClose {position:absolute; top:0; right:0; width:43px; height:43px; font-size:0; text-indent:-9999px; border:none; background:url('/dist/images2/btn_steelyardview_close.png') 50% 50% no-repeat; background-size:20px 20px;}
.steelyardView .popup_seatView .videoFrame {position:relative; width:100%; height:0; padding-bottom:56.25%; font-size:0;}
.steelyardView .popup_seatView iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.steelyardGuide .classGuide {margin:-28px -14px 0;}
.steelyardGuide .classGuide:after {content:""; display:block; clear:both;}
.steelyardGuide .classGuide .normalClass {float:left; width:50%;}
.steelyardGuide .classGuide .firstClass {float:right; width:50%;}
.steelyardGuide .classGuide .seat.seatColor1 {background-color:#b61a20;}
.steelyardGuide .classGuide .seat.seatColor2 {background-color:#535353;}
.steelyardGuide .classGuide .seat[data-target="first"] {background-image:url('/dist/images2/bg_steelyardguide_1.png'); background-position:0 100%; background-size:50% auto;}
.steelyardGuide .classGuide .seat[data-target="normal_n"] {background-image:url('/dist/images2/bg_steelyardguide_2.png'); background-position:100% 100%; background-size:60% auto;}
.steelyardGuide .classGuide .seat[data-target="first_a"] {background-image:url('/dist/images2/bg_steelyardguide_3.png'); background-position:50% 100%; background-size:100% auto;}
.steelyardGuide .classGuide .seat[data-target="premium"] {background-image:url('/dist/images2/bg_steelyardguide_4.png'); background-position:100% 50%; background-size:auto 100%;}
.steelyardGuide .classGuide .seat[data-target="skybox"] {background-image:url('/dist/images2/bg_steelyardguide_5.png'); background-position:50% 50%; background-size:auto 100%;}
.steelyardGuide .classGuide .seat[data-target="table"] {background-image:url('/dist/images2/bg_steelyardguide_6.png'); background-position:50% 50%; background-size:auto 100%;}
.steelyardGuide .classGuide .seat {float:left; width:50%; height:100px; text-align:center; font-family:'RixGo EB'; font-size:14px; color:#fff; line-height:1.3; border:1px solid #fff; cursor:pointer; background-repeat:no-repeat;}
.steelyardGuide .classGuide .seat span {display:block; margin:5px auto 0;}
.steelyardGuide .classGuide .seat .box {display:table; width:100%; height:100%;}
.steelyardGuide .classGuide .seat .cell {display:table-cell; vertical-align:middle;}
.steelyardGuide .classGuide .seat span {display:block; font-size:9px; font-family:'RixGo L';}
.steelyardGuide .classGuide .seat .way {font-size:32px; line-height:1; font-family:inherit;}
.steelyardGuide .classGuide .guideTit {float:none; clear:left; width:auto; font-size:20px; cursor:initial;}
.steelyardGuide .classService {margin-top:20px; margin-bottom:50px; font-size:14px;}
.steelyardGuide .classService p {position:relative; padding-left:1em;}
.steelyardGuide .classService p:before {content:"-"; position:absolute; top:0; left:0;}
.steelyardGuide .classService .info {padding-left:0; font-size:18px; font-family:'RixGo EB';}
.steelyardGuide .classService .info:before {display:none;}
.steelyardGuide .classView ul {border-top:1px solid #d3d3d4;}
.steelyardGuide .classView li {border-bottom:1px solid #d3d3d4;}
.steelyardGuide .classView .name {padding:12px 0; background:url('/dist/images2/ico_steelyard_guide_arr_down.png') 100% 50% no-repeat; cursor:pointer;}
.steelyardGuide .classView .name .tit {text-align:left;}
.steelyardGuide .classView .name .tit span {font-size:18px;}
.steelyardGuide .classView .open .name {background-image:url('/dist/images2/ico_steelyard_guide_arr_up.png');}
.steelyardGuide .classView .openBox {display:none; padding:10px 0 20px; border-top:1px solid #d3d3d4; background:#efeff0;}
.steelyardGuide .classView .openBox p {position:relative; padding-left:1em;}
.steelyardGuide .classView .openBox p:before {content:"-"; position:absolute; top:0; left:0;}
.steelyardGuide .classView .open .openBox {display:block;}
.steelyardGuide .classView .openBox .video {position:relative; margin-top:10px; padding-bottom:56%;}
.steelyardGuide .classView .openBox .video iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.steelyardParking .img {padding-bottom:140%; background:url('/dist/images2/img_steelyard_parking.jpg') 29% 50% no-repeat; background-size:cover;}
.steelyardParking .img img {display:none;}
.steelyardHistory .steelyardCont .tit {margin-bottom:15px; text-align:left;}
.steelyardHistory .context {margin-bottom:20px;}
.steelyardHistory .context:after {content:""; clear:both; display:block;}
.steelyardHistory .context p {line-height:1.7; text-align:justify;}
.steelyardHistory .txt1 .img {margin-bottom:10px;}
.steelyardHistory .imgs {margin-left:-3px; margin-right:-3px;}
.steelyardHistory .imgs1 {margin-bottom:6px;}
.steelyardHistory .imgs .img {float:left; width:33.33%; padding:0 3px;}
.steelyardHistory img {width:100%;}
.steelyardPhoto .steelyardCont {padding:0;}
.steelyardPhoto img {width:100%;}
.steelyardPhoto .bx-wrapper {margin:0; box-shadow:none; border:none;}
.steelyardPhoto .pager:after {content:""; clear:both; display:block;}
.steelyardPhoto .pager a {display:block; position:relative; float:left; width:50%; background:#000;}
.steelyardPhoto .pager a:nth-of-type(2n+1) {clear:left;}
.steelyardPhoto .pager img {opacity:0.6;}
.steelyardPhoto .pager .active img {opacity:1;}
.steelyardPhoto .bx-wrapper .bx-controls-direction a {width:26px; height:48px; margin-top:-24px;}
.steelyardPhoto .bx-wrapper .bx-prev:focus,.steelyardPhoto .bx-wrapper .bx-prev:hover,
.steelyardPhoto .bx-wrapper .bx-next:focus,.steelyardPhoto .bx-wrapper .bx-next:hover {background-position:50% 50%;}
.steelyardPhoto .bx-wrapper .bx-prev {left:10px; background:url('/dist/images2/btn_steelyard_photo_prev.png') 50% 50% no-repeat; background-size:auto 100%;}
.steelyardPhoto .bx-wrapper .bx-next {right:10px; background:url('/dist/images2/btn_steelyard_photo_next.png') 50% 50% no-repeat; background-size:auto 100%;}

/* ticket intro */
#container.ticketIntro #contents.sub {padding-right:0; padding-bottom:80px; background-image:none;}
.ticketIntro {line-height:1.5; font-family:'AvantGarde','RixGo L'; letter-spacing:-0.025em; word-break:keep-all; color:#fff;}
.ticketIntro * {box-sizing:border-box;}
.ticketIntro a {color:inherit;}
.ticketIntro .outline {max-width:875px; margin:0 auto; padding:0 10px;}
.ticketIntro .subCont {padding:0; text-align:left;}
.ticketIntro .tit {margin:20px 0 10px; padding-left:10px; font-size:14px; border-left:3px solid #ad181d;}
.ticketIntro .tit .main strong {margin-right:1em; font-weight:800; font-family:inherit;}
.ticketIntro .tit .main .em {display:none;}
.ticketIntro .tit .sub {font-size:12px;}
.ticketIntro .introVideo {padding-top:100px; background:url('/dist/images2/bg_ticketintro_video.png') 50% 0 / 100% auto no-repeat;}
.ticketIntro .introVideo video {display:none;}
.ticketIntro .preloader {display:none;}
.ticketIntro .shortcut {padding-top:70px; font-size:12px; color:#fff; background-image: linear-gradient(transparent, #161616 30%);}
.ticketIntro .shortcut ul {padding:0 10px;}
.ticketIntro .shortcut li {float:left; width:33.33%; margin-top:15px; padding:0 5px; text-align:center;}
.ticketIntro .shortcut li a {display:block; position:relative;}
.ticketIntro .shortcut li a:before {content:""; display:block; margin-bottom:10px; padding-bottom:calc(100% - 10px); border-radius:100%; border:3px solid #fff; background:url('/dist/images2/ico_ticketintro_shortcut1.png') 50% 0 / 100% auto no-repeat;}
.ticketIntro .shortcut li a:hover:before {background-position:0 100%; background-color:#fff;}
.ticketIntro .shortcut li:nth-of-type(1) a:before {background-image:url('/dist/images2/ico_ticketintro_shortcut1.png');}
.ticketIntro .shortcut li:nth-of-type(2) a:before {background-image:url('/dist/images2/ico_ticketintro_shortcut2.png');}
.ticketIntro .shortcut li:nth-of-type(3) a:before {background-image:url('/dist/images2/ico_ticketintro_shortcut3.png');}
.ticketIntro .shortcut li:nth-of-type(4) a:before {background-image:url('/dist/images2/ico_ticketintro_shortcut4.png');}
.ticketIntro .shortcut li:nth-of-type(5) a:before {background-image:url('/dist/images2/ico_ticketintro_shortcut5.png');}
.ticketIntro .shortcut li:nth-of-type(6) a:before {background-image:url('/dist/images2/ico_ticketintro_shortcut6.png');}
.ticketIntro .ticketList {position:relative;}
.ticketIntro .ticketList ul {margin:0 -5px;}
.ticketIntro .ticketList li {float:left; width:50%; margin-bottom:15px; padding:0 5px; font-size:12px;}
.ticketIntro .ticketList li:nth-of-type(2n+1) {clear:left;}
.ticketIntro .ticketList .thumb {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist.png') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_general {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_general.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_away {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_away.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_table {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_table.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_first {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_first.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_prestage {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_prestage.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_premium {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_premium.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_w1 {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_w1.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_w2 {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_w2.jpg') 50% 0 / cover no-repeat;}
.ticketIntro .ticketList .thumb_skybox {margin-bottom:10px; padding:2.2em 0; text-align:center; line-height:1.2; background:url('/dist/images2/bg_ticketintro_ticketlist_skybox.jpg') 50% 0 / cover no-repeat;}

.ticketIntro .ticketList .thumb strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_general strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_away strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_table strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_first strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_prestage strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_premium strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_w1 strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_w2 strong {display:block; font-size:18px; font-weight:800;}
.ticketIntro .ticketList .thumb_skybox strong {display:block; font-size:18px; font-weight:800;}

.ticketIntro .ticketList .info {margin-bottom:10px;}
.ticketIntro .ticketList .info .name {font-size:16px; font-family:'RixGo M';}
.ticketIntro .ticketList .more {padding:10px 0; text-align:center; font-family:'RixGo M'; background-color:#ad181d;}
.ticketIntro .ticketPolicy {font-size:12px;}
.ticketIntro .ticketPolicy table {display:none;}
.ticketIntro .ticketPolicy .mTable ul {margin-bottom:10px;}
.ticketIntro .ticketPolicy .mTable li {position:relative; padding:8px 10px; text-align:right; border-bottom:1px solid #ad181d;}
.ticketIntro .ticketPolicy .mTable .head {text-align:left; font-family:'RixGo M'; border-bottom:none; background-color:#ad181d;}
.ticketIntro .ticketPolicy .mTable .label {position:absolute; top:8px; left:10px;}
.ticketIntro .ticketPolicy .mTable .label:before {content:"\00B7"; margin-right:3px;}
.ticketIntro .ticketDiscount li {position:relative; margin-bottom:5px; padding-left:0.8em;}
.ticketIntro .ticketDiscount li:before {content:"-"; position:absolute; top:0; left:0; margin-bottom:0; font-size:inherit;}
.ticketIntro .ticketReserve li {margin-bottom:10px; font-size:12px;}
.ticketIntro .ticketReserve li a {display:block; height:auto; padding:20px 0 25px; background-color:#ad181d;}
.ticketIntro .ticketReserve li a:before {content:""; display:block; height:30px; margin-bottom:10px; background:url('/dist/images2/bg_ticketintro_reserve.png') 50% 0 / contain no-repeat;}
.ticketIntro .ticketReserve .reserve a:before {background-image:url('/dist/images2/bg_ticketintro_reserve.png');}
.ticketIntro .ticketReserve .ticketlink a:before {background-image:url('/dist/images2/bg_ticketintro_ticketlink.png');}
.ticketIntro .ticketReserve .inner {max-width:160px; margin:0 auto; text-align:center;}
.ticketIntro .ticketReserve .reserve span {display:block; font-family:'RixGo B'; font-size:24px; line-height:1.2;}
.ticketIntro .ticketReserve .ticketlink .dt {float:left;}
.ticketIntro .ticketReserve .ticketlink .dd {float:right; font-family:'RixGo B';}
.ticketIntro .ticketSeat {position:relative;}
.ticketIntro .ticketSeat .frame {border-radius:6px; border:5px solid #efeff0; background-color:#efeff0;}
.ticketIntro .ticketSeat .zone {position:relative; padding-bottom:78.2767%; background:url('/dist/images2/bg_ticketintro_ground.png') 50% 50% / contain no-repeat;}
.ticketIntro .ticketSeat .in .zone {background-image:url('/dist/images2/bg_ticketintro_ground_off.png');}
.ticketIntro .ticketSeat .zone img {max-width:100%; cursor:pointer;}
.ticketIntro .ticketSeat .zone1 {position:absolute; top:0; left:0; width:19.538%;}
.ticketIntro .ticketSeat .zone2 {position:absolute; top:0; left:19.538%; width:60.9223%;}
.ticketIntro .ticketSeat .zone3 {position:absolute; top:0; right:0; width:19.538%;}
.ticketIntro .ticketSeat .zone4 {position:absolute; bottom:0; left:19.538%; width:60.9223%; height:20%;}
.ticketIntro .ticketSeat .zone4 img {position:absolute;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone4"] {top:0; left:0; width:19.3227%;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone5"] {top:0; left:19.3227%; width:19.1235%; margin-left:1px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone6"] {top:0; left:38.4462%; width:10.5577%; margin-left:2px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone7"] {top:0; left:49.0039%; width:11.1553%; margin-left:3px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone8"] {bottom:50%; left:38.4462%; width:22%; margin-left:2px; margin-bottom:1px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone9"] {top:0; left:60.1592%; width:12.749%; margin-left:4px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone10"] {top:0; right:1px; width:25.498%;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone11"] {bottom:0; left:0; width:19.3227%;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone12"] {bottom:0; left:38.4462%; width:22.2%; margin-left:1px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone13"] {bottom:0; right:1px; width:25.498%; margin-left:3px;}
.ticketIntro .ticketSeat .zone4 [data-zone="zone14"] {position:absolute; top:0; right:100%; width:19.123%; margin-top:-1px; margin-right:1px;}
.ticketIntro .ticketSeat .zone15 {position:absolute; bottom:24.8%; right:0; width:15.6553%;}

#popup_seatinfo {display:none;}
#popup_seatinfo.on {display:block;}
.popup_seatInfo {position:fixed; top:0; left:0; right:0; bottom:0; padding:30px 10px 10px; font-size:16px; color:#fff; line-height:1.2; font-family:'AvantGarde','RixGo L'; letter-spacing:-0.025em; word-break:keep-all; background-color:rgba(0,0,0,0.85); z-index:999;}
.popup_seatInfo * {box-sizing:border-box;}
.popup_seatInfo a {color:inherit;}
.popup_seatInfo .box {position:relative; max-height:100%; margin:0 auto; padding:15px 10px 30px; overflow:auto; background-color:#ad181d;}
.popup_seatInfo .btnClose {position:absolute; top:0; right:0; width:50px; height:50px; padding:0; font-size:0; text-indent:-9999px; border:none; background:url('/dist/images2/btn_close_seatinfo.png') 50% 50% / contain no-repeat;}
.popup_seatInfo .title {margin-bottom:25px; font-size:20px; font-family:'RixGo M';}
.popup_seatInfo .en {display:block; font-size:12px;}
.popup_seatInfo .innerTab {margin-bottom:20px; text-align:center; font-size:0;}
.popup_seatInfo .innerTab li {display:inline-block; padding:0 5px; vertical-align:top; font-size:14px;}
.popup_seatInfo .innerTab li a:before {content:""; display:block; width:50px; height:50px; margin-bottom:10px; border-radius:100%; border:2px solid #fff; background:url('/dist/images2/ico_seatinfo_tab1.png') 50% 0 / 100% auto no-repeat;}
.popup_seatInfo .innerTab li:nth-of-type(1) a:before {background-image:url('/dist/images2/ico_seatinfo_tab1.png');}
.popup_seatInfo .innerTab li:nth-of-type(2) a:before {background-image:url('/dist/images2/ico_seatinfo_tab2.png');}
.popup_seatInfo .innerTab li:nth-of-type(3) a:before {background-image:url('/dist/images2/ico_seatinfo_tab3.png');}
.popup_seatInfo .innerTab li:nth-of-type(4) a:before {background-image:url('/dist/images2/ico_seatinfo_tab4.png');}
.popup_seatInfo .innerTab li a:hover:before,.popup_seatInfo .innerTab .active a:before {background-position:0 100%; background-color:#fff;}
.popup_seatInfo .info {font-size:12px;}
.popup_seatInfo .info li {margin-top:15px;}
.popup_seatInfo .info li:first-of-type {margin-top:0;}
.popup_seatInfo .info strong {display:block; margin-bottom:5px; font-size:14px; font-weight:800; font-family:inherit;}
.popup_seatInfo .info table {width:100%; font-size:10px;}
.popup_seatInfo .info th,.popup_seatInfo .info td {width:12%; padding:10px 5px; text-align:center;}
.popup_seatInfo .info th {color:#ad181d; background-color:#fff;}
.popup_seatInfo .info td {border-bottom:1px solid #fff; border-right:1px solid #fff;}
.popup_seatInfo .info td:last-of-type {border-right:none;}
.popup_seatInfo .videoView {display:none; position:relative; padding-bottom:56.25%;}
.popup_seatInfo .videoView iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.popup_seatInfo .videoOn .videoView {display:block;}
.popup_seatInfo .videoOn .info {display:none;}


/** history **/

.subBox .subTab {overflow:hidden; margin-top:50px; display:inline-block; float:left; margin-bottom:-1px; position:relative; z-index:1;}
.subBox .subTab li {float:left; color:#595757; text-align:center; height:40px; width:80px; font-family:'RixGo M'; border:1px solid #8d8b8b; padding-top:12px;
						border-top-left-radius:12px; border-top-right-radius:12px; box-sizing:border-box; background-color:#f2f2f2; cursor:pointer;}
.subBox .subTab li.selected {background-color:#fff; border-bottom:0;}
.subBox .tabContWrap {height:280px; clear:both; position:relative; overflow-x:hidden; border-top:1px solid #8d8b8b;}
.subBox .history.selected {display:block;}
.subBox .history {display:none; border-collapse:separate; padding:30px; text-align:left;}
.subBox .history td {vertical-align:top; padding-bottom:8px;}
.subBox .history td:nth-of-type(1) {padding-right:10px;}

/** //history **/


/** match schedule **/

.subCont .subBox .matchBox {border-bottom:1px solid #595757; padding:17px 0;}
.subCont .subBox .matchBox:first-child {border-top:1px solid #595757;}
.subCont .subBox .matchBox:nth-of-type(2n-1) {background-color:#ededed;}
.subCont .subBox .matchBox > p {text-align:center; margin-top:0; padding-top:0;}
.filterBox {position:relative; text-align:left; font-size:14px;}
.filterGroup {position:relative; margin-bottom:20px; padding-right:70px;}
.filterGroup * {box-sizing:border-box; -moz-box-sizing:border-box;}
.filterTab {position:relative;}
.filterTab .currTab {display:block; position:relative; min-width:120px; padding:10px 45px 10px 15px; color:inherit; border:1px solid #4b4948;}
.filterTab .currTab:before {content:""; position:absolute; top:0; right:0; width:30px; height:100%; border-left:1px solid #4b4948;}
.filterTab .currTab:after {content:""; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-4px; border-style:solid; border-width:8px 6px; border-color:transparent; border-top-color:#4b4948;}
.filterTab.open .currTab:after {margin-top:-12px; border-top-color:transparent; border-bottom-color:#4b4948;}
.filterTab ul {display:none; position:absolute; top:100%; left:0; width:100%; border:1px solid #4b4948; border-top:none; border-bottom:none; background-color:#fff;}
.filterTab.open ul {display:block;}
.filterTab li {padding:10px 15px; border-bottom:1px solid #4b4948; cursor:pointer;}
.filterTab li:hover {background-color:#f5f6f7;}
.filterGroup .btnFilter {position:absolute; top:0; right:0; padding:9px 15px 10px; vertical-align:middle; border:1px solid #4b4948;}
.matchBox .league {background-image:none !important; padding-top:40px; box-sizing:border-box; margin-bottom:10px;}
.matchBox .match {height:30px; margin-bottom:22px;}
.matchBox .match span {display:inline-block; width:90px; height:30px; box-sizing:border-box; padding-top:9px; background-size:auto 100%; background-repeat:no-repeat;}
.matchBox .match .logo:first-child {background-position:left center; padding-left:20px;}
.matchBox .match .logo:last-child {background-position:right center; padding-right:20px;}
.matchBox .match .versus {width:40px; font-size:18px; font-family:'RixGo B'; padding-top:5px;}
.subCont .subBox .matchBox > .result {margin-top:15px;}
.matchBox p.result span.result {display:inline-block; width:63px; font-family:'RixGo EB'; color:#fff; padding:8px 0 7px; border-radius:6px; backround-color:transparent;
    border:1px solid #b61a20; text-align:center; line-height:initial; margin-right:10px;}
.matchBox p.result span.result.win {background-color:#b61a20;}
.matchBox p.result span.result.draw {background-color:#cdcdcd; border-color:#cdcdcd;}
.matchBox p.result span.result.lose {background-color:#535353; border-color:#535353;}
.matchBox p.result span.result.home {border-color:#b61a20; color:#b61a20;}
.matchBox p.result span.result.away {border-color:#068fdb; color:#068fdb;}
.matchBox .result .book {border:1px solid #535353; color:#595757; padding:9px 13px 8px; cursor:pointer;}
.matchLeague {max-width:320px; margin:0 auto 20px; font-size:0;}
.matchLeague li {display:inline-block; vertical-align:top; width:25%; min-width:40px; padding-top:46px; text-align:center; font-size:14px; cursor:pointer; background:url('/dist/images2/tab_schedule_all.png') 50% 0 no-repeat; background-size:40px auto;}
.matchLeague .all {background-image:url('/dist/images2/tab_schedule_all.png');}
.matchLeague .kleague {background-image:url('/dist/images2/tab_schedule_kleague.png');}
.matchLeague .facup {background-image:url('/dist/images2/tab_schedule_facup.png');}
.matchLeague .rleague {background-image:url('/dist/images2/tab_schedule_rleague.png');}
.matchLeague .on.all {background-image:url('/dist/images2/tab_schedule_all_on.png');}
.matchLeague .on.kleague {background-image:url('/dist/images2/tab_schedule_kleague_on.png');}
.matchLeague .on.facup {background-image:url('/dist/images2/tab_schedule_facup_on.png');}
.matchLeague .on.rleague {background-image:url('/dist/images2/tab_schedule_rleague_on.png');}
/** //match schedule **/


/** pro **/

.personTitleWrap {position:relative;}
.personTitleWrap .positionImg {right:0; top:-150px;}
.proSummBox .proImgWrap img {margin:0 !important;}
.subCont .subBox .term {margin-top:0; text-align:center; font-size:24px; font-family:'RixGo B'; margin-bottom:20px;}
.subCont .subBox .term span {display:inline-block; width:34px; height:34px; text-indent:-999px; overflow:hidden; background-repeat:no-repeat;
    background-size:100% auto; vertical-align:middle; margin:0 20px;}
.subCont .subBox .term span.prev {background-image:url('/dist/images2/ico_left_round.png');}
.subCont .subBox .term span.next {background-image:url('/dist/images2/ico_right_round.png');}

/** //pro **/


/** youth **/

.subCont .subBox .youthList li p.no {font-size:1.75em; margin:10px 0;}

/** //youtuh **/

/** coach detail **/

.subCont.person img.person {width:70%;}
.personTitleWrap {width:100%; margin:0 auto;}
.personTitle {background:url('/dist/images2/bg_person_title.jpg') center no-repeat; background-size:cover; width:100%; padding:20px 0;}
.personTitle h2 {margin-top:0}
.personTitle h3 {font-family:'RixGo B'; font-size:5em; margin-bottom:20px;}
.personTitle h4 {font-size:1.8em; color:#fff; margin-bottom:5px;}
.personTitleWrap .summary {width:100%; background-color:#000; color:#fff; font-size:18px; padding:20px 0;}
.subCont.person .subBox {clear:both;}
.subCont .subBox .personSubTitle {font-size:1.2em; font-family:'RixGo EB'; margin-bottom:18px;}
.subCont .subBox .personDetail {font-size:1.1em; padding-bottom:30px; border-bottom:1px solid #a9a9a9; margin-bottom:30px; margin-top:0;}

/** //coach detail **/


/** ticket **/

.grayBox {background-color:#535353; color:#fff; text-align:center;}
.grayBox .textWrap {display:inline-block; width:50%; padding:40px 0; vertical-align:middle; margin-right:5%;}
.grayBox .textWrap p {text-align:center; margin-top:10px;}
.grayBox .subTitle {font-size:18px; margin-top:0;}
.grayBox .mainTitle {font-size:36px; font-family:'RixGo EB';}
.grayBox .subText {font-size:18px; background-color:#fff; color:#535353; border-radius:15px; padding:13px 30px 11px;}
.grayBox img {display:inline-block; vertical-align:middle;}
.subCont .grayBox img.imgTicket {width:30%; margin-bottom:0;}
.subTable.ticket tr td {text-align:center; line-height:25px; height:145px; padding:0;}
.subTable.ticket tr td:first-child {padding-left:0;}
.subTable.ticket tr td:last-child {padding-right:0;}
.subTable.ticket tr td.league {background-repeat:no-repeat; background-position:center 30px; background-size:auto 29px; padding-top:40px; box-sizing:border-box;}
.subTable.ticket tr td .logo {display:inline-block; width:80px; height:104px; background-repeat:no-repeat; background-position:center top; background-size:auto 79px;
    padding-top:82px; box-sizing:border-box; font-size:16px; font-family:'RixGo B'; vertical-align:middle;}
.subTable.ticket tr td .versus {display:inline-block; font-size:24px; font-family:'RixGo EB'; text-align:center; vertical-align:middle; margin:0 10%;}
.subTable.ticket tr td .book {border:1px solid #535353; color:#595757; padding:14px 20px 14px; cursor:pointer;}
div[class*='subtab0'] .imgWrap {width:100%; text-align:center; padding:10% 0; border:1px solid #535353; box-sizing:border-box;}
div[class*='subtab0'] .imgWrap img {width:88%; margin-bottom:0;}
.subTable.ticketPrice  {margin-top:20px; border-left:1px solid #535353; border-right:1px solid #535353;}
.subTable.ticketPrice tr th {background-color:#535353; text-align:center;}
.subTable.ticketPrice tr th span {font-family:'RixGo L'; font-size:14px;}
.subTable.ticketPrice tr td {text-align:center; border:1px solid #535353; border-collapse:collapse;}
.subBox .subTable.ticketPrice tr td:first-child {font-family:'RixGo EB';}
.subBox .subTable.ticketPrice th:first-child,
.subBox .subTable.ticketPrice td:first-child {padding-left:2%; text-align:left;}
.subBox .subTable.ticketPrice th:last-child,
.subBox .subTable.ticketPrice td:last-child {padding-right:0;}
.seatClass {display:inline-block; width:25px; height:25px; border-radius:50%; color:#fff; background-color:#535353; text-align:center; font-family:'RixGo EB'; box-sizing:border-box;
    padding-top:3%; margin-right:4px;}
.subBox .subTable.ticketPrice td .seatClass:first-child {margin-left:10px;}

/** //ticket **/


/** ranking **/

.rankingTop {height:200px; background:#b61a20 url('/dist/images2/logo_big_emblem.png') no-repeat; color:#fff; background-size:35% auto; background-position:-30% -20px;}
.rankingTop .inner {margin:0 auto; display:inline-block; text-align:left; padding-top:15px; box-sizing:border-box;}
.rankingTop h4 {font-size:24px; margin-top:0; margin-bottom:15px; padding-top:10px;}
.rankingTop .no {display:inline-block; text-indent:-9999px; overflow:hidden; width:125px; height:105px; background-position:center; background-repeat:no-repeat;
    background-size:auto 100%; float:left; position:relative; margin-right:20px;}
.rankingTop .no::after {content:''; display:inline-block; width:1px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #fff;}
.rankingTop .preview {vertical-align:middle; margin-top:0; margin-right:20px;}
.rankingTop .preview li {text-align:center; width:80px; height:80px; border-radius:50%; line-height:86px;}
.rankingTop .preview li::before {line-height:initial; bottom:-38px; font-size:.8em;}
.rankingTop .goal {display:inline-block; vertical-align:middle;}
.rankingTop .goal li {float:left; width:45px; height:40px; font-size:36px; font-family:'RixGo B'; margin-right:15px; position:relative; color:#fff; text-align:center;}
.rankingTop .goal li::before {display:block; width:100%; height:30px; position:absolute; top:-33px; left:0; background-repeat:no-repeat; background-size:auto 100%;
    background-position:bottom center;}
.rankingTop .goal li:nth-of-type(1)::before {content:''; background-image:url('/dist/images2/ico_goal.png');}
.rankingTop .goal li:nth-of-type(2)::before {content:''; background-image:url('/dist/images2/ico_lose_goal.png');}
.rankingTop .goal li::after {display:block; width:100%; height:auto; position:absolute; bottom:-20px; left:0; font-size:16px; font-family:'RixGo M'; color:#fff; text-align:center;}
.rankingTop .goal li:nth-of-type(1)::after {content:'득점';}
.rankingTop .goal li:nth-of-type(2)::after {content:'실점';}
.subBox .subTable.rank {font-size:1.1em; margin-bottom:40px;}
.subBox .subTable.rank tr:hover,
.subBox .subTable.goalTable tr:hover {background-color:#fff;}
.subBox .subTable.rank tr.pohang {background-color:#ededed;}
.subBox .subTable.rank th {background-color:#ededed; color:#595757; text-align:center; border-bottom:1px solid #535353;}
.subBox .subTable.rank th .rank {display:block; width:100%; height:10px; background-repeat:no-repeat; background-size:auto 100%; background-position:center center;
    margin-top:7px;}
.subBox .subTable.rank th .rank.up {background-image:url('/dist/images2/bull_tri_red_down.png');}
.subBox .subTable.rank th .rank.down {background-image:url('/dist/images2/bull_tri_gray_up.png');}
.subBox .subTable.rank td {height:50px; color:#535353; text-align:center;}
.subBox .subTable.rank th:first-child,
.subBox .subTable.rank td:first-child {padding-left:0;}
.subBox .subTable.rank th:last-child,
.subBox .subTable.rank td:last-child {padding-right:0; padding-left:0;}
.subBox .subTable.rank td.team {background-repeat:no-repeat; background-size:auto 80%; background-position:left center; text-align:left;
								 padding-left:7%; width:115px;}
.goalTableWrap {width:48%; display:inline-block;}
.goalTableWrap.goal {margin-right:3%;}
.goalTableWrap h5 {font-size:18px; background:url('/dist/images2/away_logo_emblem.png') top center no-repeat; background-size: 80px 85px; padding-top:95px; margin-bottom:20px; text-align:center !important;}
.goalPlayer {position:relative; height:290px;}
.goalPlayer .rank {text-align:center; height:290px; width:auto; margin-right:0 !important;}
.goalPlayer .rank:not(.rank01) {position:absolute; bottom:0; height:275px;}
.goalPlayer .rank.rank01 {position:relative; z-index:1;}
.goalPlayer .rank.rank02 {left:25%;}
.goalPlayer .rank.rank03 {right:25%;}
.subBox .subTable.goalTable {margin-top:10px; font-size:1.1em;}
.subBox .subTable.goalTable tr:first-child {border-top:1px solid #535353;}
.subBox .subTable.goalTable td {height:50px; text-align:center; padding:0;}
.subBox .subTable.goalTable td:nth-of-type(2) {font-family:'RixGo B'; padding:0 4%;}
.subBox h5 {font-size:24px; font-family:'RixGo EB'; margin-bottom:10px; text-align:left;}
.subBox .subTable.match.player,
.subBox .subTable.rank.player {font-size:16px; border-top:1px solid #535353;}
.subBox .subTable.match.player td,
.subBox .subTable.rank.player td {height:70px; padding:0;}
.subBox .subTable.match.player .playerPic,
.subBox .subTable.rank .playerPic {overflow:hidden; position:relative; overflow-y:hidden; width:110px;}
.subBox .subTable.match.player .playerPic img,
.subBox .subTable.rank .playerPic img {margin-right:0; height:auto; width:70px; position:absolute; top:3px; left:20%;}

/** //ranking **/


/** login, join, find pw/id **/

.loginBox {width:100%; background-color:#fff; text-align:center; margin:35px auto 0; padding:50px; box-sizing:border-box;}
.loginBox h2 {display:block; font-size:36px; color:#595757; font-family:'RixGo EB'; padding-bottom:5px;}
.loginBox .subTitle {font-size:14px; margin-top:15px; margin-bottom:20px; padding-top:0; font-family:inherit; font-weight:bold; text-align:center; line-height:1.3; border-bottom:none;}
.loginBox .subTitle2 {color:#595757;}
.loginBox .subTitle2 span {color:#1e1e1e;}
.loginBox .contWrap {border-top:2px solid #595757; border-bottom:2px solid #595757; padding:30px 0;}
.loginBox fieldset input[type=text],
.loginBox fieldset input[type=password]{width:100%; height:50px; box-sizing:border-box; border:1px solid #595757; font-size:14px; padding-left:20px; margin-bottom:10px;}
.loginBox fieldset form input:last-child {margin-bottom:30px;}
.loginBox fieldset input:last-child {margin-bottom:0;}
.loginBox .btnEtc {overflow:hidden; display:inline-block; margin-top:30px;}
.loginBox .btnEtc li {float:left; overflow:hidden; position:relative; padding-right:12px; margin-right:12px;}
.loginBox .btnEtc li:last-child {padding-left:0; margin-right:0;}
.loginBox .btnEtc li::after {content:''; display:inline-block; width:1px; height:100%; background-color:#595757; position:absolute; right:0; top:0;}
.loginBox .btnEtc li:last-child::after {content:none;}
.loginBox .btnEtc li a {color:#595757; font-size:18px;}
.methodCertify {overflow:hidden; display:inline-block;}
.methodCertify li {float:left; margin-right:9%; line-height:24px; width:45%;}
.methodCertify li:last-child {margin-right:0;}
.methodCertify li a {cursor:pointer; margin-bottom:20px; display:inline-block;}
.methodCertify li a img {width:100%; height:auto;}
.policyTitle {text-align:left; font-size:18px; height:30px; line-height:30px; margin-bottom:7px;}
.policyTitle span:first-child {color:#d8000f; font-size:14px; padding-left:8px;}
.policyTitle .checkBox {float:right;}
.policyBox {text-align:left; background-color:#f8f7f7; border:1px solid #cbcbcb; padding:15px; height:180px; overflow-y:scroll; margin-bottom:20px; font-size:14px;}

/** //login, join, find pw/id **/

.userMenu {text-align:center; font-size:14px;}
.userMenu * {box-sizing:border-box; -moz-box-sizing:border-box;}
.userMenu ul {margin:0 -10px; padding:30px 0 0;}
.userMenu ul:after {content:""; clear:both; display:block;}
.userMenu li {float:left; width:50%; margin-bottom:30px; padding:0 8px;}
.userMenu li:nth-of-type(2n+1) {clear:left;}
.userMenu li a {display:block; padding:0 5px; color:inherit;}
.userMenu li a:before {content:""; display:block; width:100px; height:100px; margin:0 auto; border:1px solid #4b4948; border-radius:100%; background:#fff url('/dist/images2/ico_mypage_11.png') 50% 50% no-repeat; background-size:cover;}
.userMenu li a:hover:before {background-color:#4b4948;}
.userMenu .menu1 a:before {background-image:url('/dist/images2/ico_mypage_11.png');}
.userMenu .menu2 a:before {background-image:url('/dist/images2/ico_mypage_21.png');}
.userMenu .menu3 a:before {background-image:url('/dist/images2/ico_mypage_31.png');}
.userMenu .menu4 a:before {background-image:url('/dist/images2/ico_mypage_41.png');}
.userMenu .menu5 a:before {background-image:url('/dist/images2/ico_mypage_51.png');}
.userMenu .menu6 a:before {background-image:url('/dist/images2/ico_mypage_61.png');}
.userMenu .menu7 a:before {background-image:url('/dist/images2/ico_mypage_71.png');}
.userMenu .menu1 a:hover:before {background-image:url('/dist/images2/ico_mypage_12.png');}
.userMenu .menu2 a:hover:before {background-image:url('/dist/images2/ico_mypage_22.png');}
.userMenu .menu3 a:hover:before {background-image:url('/dist/images2/ico_mypage_32.png');}
.userMenu .menu4 a:hover:before {background-image:url('/dist/images2/ico_mypage_42.png');}
.userMenu .menu5 a:hover:before {background-image:url('/dist/images2/ico_mypage_52.png');}
.userMenu .menu6 a:hover:before {background-image:url('/dist/images2/ico_mypage_62.png');}
.userMenu .menu7 a:hover:before {background-image:url('/dist/images2/ico_mypage_72.png');}
.subCont .userMenu li p {margin:0; text-align:center;}
.subCont .userMenu li .main {margin:10px 0 5px;font-weight:bold;}
.subCont .userMenu li .sub {display:none;}

.accordionBox .btnCancel {display:block; margin-top:15px; padding:10px; text-align:center; color:#fff; background-color:#535353;}
.accordionBox .title .no {display:inline-block; width:2em;}
.accordionBox .qnaList .titleWrap {position:relative; padding:20px 120px 20px 5px;}
.accordionBox .qnaList .titleWrap:before {display:none;}
.accordionBox .qnaList .titleWrap .title {display:block; width:auto; line-height:1.5;}
.accordionBox .qnaList .titleWrap .type {float:none; position:absolute; top:50%; right:5px; width:64px; margin:-16px 0 0; padding:5px 0 !important; text-align:center; font-size:14px;}
.accordionBox .qnaList .titleWrap .btnOpen {position:absolute; top:50%; right:85px; margin-top:-14px;}
.accordionBox .text {padding:20px;}

.btnMore {width:100%; margin-top:30px; padding:10px; text-align:center; font-size:inherit; color:#fff; border:1px solid #4b4948; background-color:#4b4948;}
.mediaFilter {margin-top:20px;}
.mediaFilter * {box-sizing:border-box; -moz-box-sizing:border-box;}
.mediaFilter .filterL,.mediaFilter .filterR {position:relative; padding-right:80px;}
.mediaFilter .filterL {margin-bottom:10px;}
.mediaFilter .filterTab ul {top:auto; bottom:100%;}
.mediaFilter .filterTab li {border-bottom:none; border-top:1px solid #4b4948;}
.mediaFilter .btnFilter {position:absolute; top:0; right:0; padding:9px 20px 10px; vertical-align:middle; border:1px solid #4b4948;}
.mediaFilter input[type="text"] {width:100%; padding:11px 15px; vertical-align:middle; border:1px solid #4b4948;}
.mediaFilter .filterTab .currTab:after {margin-top:-12px; border-top-color:transparent; border-bottom-color:#4b4948;}
.mediaFilter .filterTab.open .currTab:after {margin-top:-4px; border-top-color:#4b4948; border-bottom-color:transparent;}

/* shop */
.subCont .shop .subBox img {margin:0; max-width:100%;}
.shop * {line-height:1.3; box-sizing:border-box;}
.shop .formErr {display:none; margin:5px 0 0;}
.shop table {width:100%;}
.shop a {color:inherit;}
.shop h4 {position:relative; margin-bottom:10px; text-align:left; font-size:16px;}
.shop h4 .headingChk {position:absolute; top:50%; right:0; margin-top:-0.85em; font-size:14px;}
.shop h4 .headingChk input[type="checkbox"] {-webkit-appearance:checkbox; position:relative; top:-1px; margin-right:5px;}
.shop .subMainTab {border:none; overflow:visible;}
.shop .subMainTab:after {content:""; clear:both; display:block;}
.shop .subMainTab li {width:33.33%; margin-bottom:-1px; padding:0; border:1px solid #535353; border-left:none;}
.shop .subMainTab li:first-of-type {border-left:1px solid #535353;}
.shop .subMainTab li a {display:block; padding:15px 0;}
.shop .shopList {font-size:0;}
.shop .shopList ul {margin:0 -10px; text-align:left;}
.shop .shopList .list {display:inline-block; width:50%; margin-bottom:35px; padding:0 10px; font-size:14px; text-align:center; vertical-align:top;}
.shop .shopList .list a {display:block;}
.shop .shopList .list .img {position:relative; margin-bottom:10px; padding-bottom:100%; border-radius:100%; border:1px solid #595757; overflow:hidden; background:#fff;}
.shop .shopList .list img {position:absolute; top:0; left:0; width:100%; height:100%; margin:0;}
.shop .shopList .list .txt {font-weight:bold;}
.shop .shopList .list .price {margin-top:5px; font-weight:normal;}
.shop .shopView {text-align:left;}
.shop .shopView .productInfo {padding-bottom:20px;}
.shop .shopView .productInfo .thumb {margin-bottom:20px; text-align:center;}
.shop .shopView .productInfo .info {padding-top:20px; font-size:16px; border-top:1px solid #cbcbcb;}
.shop .shopView .productInfo .info .category {margin-bottom:10px; font-size:14px;}
.shop .shopView .productInfo .info .name {font-size:24px; font-weight:bold;}
.shop .shopView .productInfo .info .price {font-size:18px;}
.shop .shopView .productInfo .info .price:before {content:"￦";}
.shop .shopView .productInfo .info .options {margin-top:20px; margin-bottom:20px;}
.shop .shopView .productInfo .info .options .opt {margin-bottom:12px;}
.shop .shopView .productInfo .info .options label {display:inline-block; width:55px; vertical-align:middle;}
.shop .shopView .productInfo .info .options select {width:100%; padding:10px 10px; border:none; background:none;}
.shop .shopView .productDetail {border:1px solid #cbcbcb;}
.shop .optionBox {display:inline-block; width:300px; vertical-align:middle; border:1px solid #cbcbcb; background:#fff;}
.shop .unitOpt .optionBox {position:relative; width:80px;}
.shop .unitOpt input[type="number"] {width:100%; padding:10px 30px 10px 0; text-align:right; border:none; background:none;}
.shop .unitOpt input[type=number]::-webkit-inner-spin-button,.shop .unitOpt input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0; }
.shop .unitOpt .btnUnit {position:absolute; top:0; right:0; width:20px; height:100%; background:#f8f7f7;}
.shop .unitOpt .btnUnit .btn {display:block; width:20px; height:50%; font-size:10px; font-family:'NanumGothic','NanumSquare','돋움',dotum,sans-serif; color:#595757; border:none; background:none;}
.shop .btns {font-size:0;}
.shop .btns .btn {display:inline-block; margin-right:10px; padding:8px 20px; font-size:14px; font-family:inherit; color:inherit; vertical-align:top; border:1px solid #cbcbcb; background:#f8f7f7;}
.shop .shopView .productDetail {text-align:center;}
.shop .shopTable,.shop .defaultTable {font-size:14px;}
.shop .shopTable thead {display:none;}
.shop .shopTable table,.shop .shopTable tr,.shop .shopTable td {display:block;}
.shop .shopTable tr {position:relative; margin-bottom:5px; padding:10px 0 5px 30px; border:1px solid #cbcbcb;}
.shop .shopTable td {padding:0 0 5px; text-align:left;}
.shop .shopTable .noData {padding:40px 30px 40px 0;}
.shop .shopTable td:before {display:inline-block; width:50px; font-weight:bold; vertical-align:middle;}
.shop .shopTable .unitOpt:before {content:"수량";}
.shop .shopTable .pPrice:before {content:"가격";}
.shop .shopTable .pTotal:before {content:"합계";}
.shop .shopTable .chkbox {position:absolute; top:10px; left:10px; padding:0; line-height:1.5;}
.shop .shopTable .chkbox input[type="checkbox"] {width:15px; height:15px;}
.shop .boxTable tr {padding:10px 15px 5px;}
.shop .boxTable .noData {padding-right:0;}
.shop .unitOpt input[type="number"] {padding:5px 30px 5px 0;}
.shop .defaultTable {border-top:1px solid #cbcbcb;}
.shop .defaultTable th,.shop .defaultTable td {padding:10px 15px; text-align:left; border-bottom:1px solid #cbcbcb;}
.shop .shopTable .options {position:relative; padding-left:15px; color:#898989;}
.shop .shopTable .options:before {content:""; position:absolute; top:5px; left:0; width:1px; height:7px; background:#cbcbcb;}
.shop .shopTable .options:after {content:""; position:absolute; top:12px; left:0; width:7px; height:1px; background:#cbcbcb;}
.shop .shopTable .formInfo {color:#5683bb;}
.shop .shopTable .formErr {color:#b61a20;}
.shop .colTable th {background:none;}
.shop .shopTable tfoot th,.shop .shopTable tfoot td,.shop .defaultTable tfoot th,.shop .defaultTable tfoot td {background:#f8f7f7;}
.shop .shopTable .txtCenter,.shop .defaultTable .txtCenter {text-align:center;}
.shop .shopTable .txtRight,.shop .defaultTable .txtRight {text-align:right;}
.shop .shopTable input[type="checkbox"],.shop .defaultTable input[type="checkbox"] {width:20px; height:20px; -webkit-appearance:checkbox;}
.shop .cartSummary {margin-top:40px; text-align:left;}
.shop .cartSummary .btns {margin:20px -5px 0; text-align:center;}
.shop .cartSummary .btns .btn {width:28%; margin:0 5px; padding:8px 0;}
.shop .cartSummary .cartInfo {margin-top:20px;}
.shop .cartSummary .cartInfo .infoBox {height:120px; padding:10px; font-size:12px; overflow:auto; border:1px solid #cbcbcb; background:#f8f7f7;}
.shop .orderInfo .infoBox {margin-top:30px;}
.shop .orderInfo .defaultTable th {width:80px; padding-left:10px; padding-right:5px;}
.shop .orderInfo .btns {margin-top:30px; text-align:center;}
.shop .orderNum .date {font-size:12px;}
.shop .orderNum a {color:#5683bb;}

/*.shop .shopInput { margin:2px 0; padding:8px 10px; border:1px solid #cbcbcb;}*/
.shop .shopInput {width:100%; margin:2px 0; padding:8px 10px; border:1px solid #cbcbcb;}
.shop .shopInput[readonly] {background-color:#fafafa;}
.shop .shopInput.inputPostcode {width:100%;}
.shop .btnPostcode {width:calc(50% - 5px); max-width:100px; margin-left:5px; padding:8px 10px; border:1px solid #cbcbcb;}
.shop .subBox.fanshop {margin:0 -5%; padding:20px 0 0; background:none;}
.shop .subBox.fanshop p {margin:0; text-align:inherit;}
.shop .fanshop .links:after {content:""; clear:both; display:block;}
.shop .fanshop .link {float:left; width:33.33%; margin:0 auto 30px; padding:0 15px;}
.shop .fanshop .link a {display:block; position:relative; padding-bottom:100%; text-align:center; color:#fff; border-radius:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.shop .fanshop .linkRavona a {background-image:url('/dist/images2/bg_shopintro_1.png');}
.shop .fanshop .linkMall a {background-image:url('/dist/images2/bg_shopintro_2.png');}
.shop .fanshop .linkList a {background-image:url('/dist/images2/bg_shopintro_3.png');}
.shop .fanshop .link .txt {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:80px;}
.shop .fanshop .link .txt .sub {font-size:16px;}
.shop .fanshop .link .txt .name {margin:15px 0 20px; font-size:24px;}
.shop .fanshop .link .txt .btn {width:150px; margin:0 auto; padding:5px 0 3px; font-size:18px; border-radius:10px; background:#9e1f14;}
.shop .fanshop .linkList .txt .btn {background:#030000;}
.subCont .subBox fieldset .section .formInner {display:inline-block; vertical-align:top;}
.subCont .subBox fieldset .section .formInner span {display:block;}

@media screen and (orientation: landscape) {
	.steelyardView .popup_seatView .innerBox {top:0; margin-top:0;}
}
@media screen and (max-width:1120px) {
	.subMainTab.media li {font-size:15px;}
	.mediaEtc .count,
	.mediaDate {float:inherit; display:block; margin-top:10px;}
	.qnaList .titleWrap .title {width:55%;}
    .subCont .subBox .nextHomeBanner .text p {font-size:14px;}
    .subCont .subBox .nextHomeBanner .text p:nth-of-type(2) {font-size:20px;}
    .subCont .subBox .nextHomeBanner .text a {width:80px; font-size:14px;}
    .subCont .subBox .youthList li .info {padding:10px 1% 7px;}
    .subCont .subBox .youthList li .title > span {font-size:16px; height:42px;}
    .subCont .subBox .youthList li .title > span .name {font-size:24px;}
    .subCont .subBox .youthList li .title .imgWrap {width:50px;}
    .subCont .subBox .youthList li .title .imgWrap img {height:30px;}
    .youthMatch .innerBox {text-align:center;}
    .youthMatch .innerBox ul {text-align:left; margin:0 auto 25px; width:50%;}
    .youthMatch .innerBox ul:last-child {margin-bottom:0;}
    .youthMatch .team li .result {display:block; margin-left:0;}
    .proSummBox > div {width:40%;}
	.shop .subBox.fanshop {margin:0 -8%;}
}

@media screen and (max-width:960px) {
    #sideCont .homeEnd .sideBox.player .playerPic.ownGoal img {height:65%; width:auto;}
    .subTable.ticket tr td .logo {background-size:auto 50px; width:75px; height:82px; padding-top:52px;}
    .subTable.ticket tr td .versus {margin:0;}
	.subMainTab.media {border-bottom:none;}
	.subMainTab.media li {width:25%; border-bottom:1px solid #535353;}
	.subMainTab.media li:nth-of-type(4) {border-right:none;}
	.mediaBottom .paging a {display:inline-block; width:70%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
	.qnaList .titleWrap {padding:15px 5px 13px;}
	.qnaList .titleWrap .title {width:50%;}
    .subMainTab.youth li {font-size:14px;}
    .youthList li {width:31%;}
    .youthList li:nth-of-type(4n) {margin-right:2%;}
    .subMainTab.pro li {font-size:.9em;}
    .proList li .top .title {font-size:14px;}
    .proList li .top .noWrap {width:63px; height:50px;}
	.proList li .top .noWrap.new {height:10px; padding-top:40px; font-size:14px;}
    .proList li .top .info .name {font-size:24px;}
    .proList li .top .info .position {font-size:12px;}
    .proList li .bottom {font-size:14px; font-family:'RixGo L';}
    .subMainTab.proDetail {width:100%;}
    .subMainTab.proDetail li {width:33.33%;}
    .proSummBox .total img {height:80px;}
    .proSummBox {height:370px; padding:0 2%;}
    .proSummBox .total p {font-size:32px;}
    .proSummBox .summary {padding-top:70px;}
    .proSummBox .summary ul li {font-size:24px;}
    .proSummBox .summary ul li::after {font-size:16px;}
    .proSummBox .summary ul li.design .inner {width:65px; height:65px;}
    .proSummBox .summary ul li.design .inner div img {height:22px;}
    .interviewTop .title,
    .interviewTop .text {float:initial; display:block; padding:0 5% 0 0; text-align:right;}
    .interviewTop .title {margin:2% 0 3%; font-size:18px;}
    .interviewTop .title span {font-size:32px; margin-top:0;}
    .interviewTop .text {font-size:16px;}
    .interviewTop .interviewImgWrap {left:-90px;}
	.shop .subBox.fanshop {margin:0;}
	.shop .fanshop .link {float:none; width:250px; padding:0;}
	.shop .fanshop .link .txt {padding-top:60px;}
}

@media screen and (max-width:920px) {
    .youthMatch .team li .result {display:inline-block;}
    .youthMatch .innerBox ul {width:auto;}
    .youthMatch .innerBox ul:last-child {width:auto;}
    .subCont .subBox fieldset .section .directInput {margin-left:187px; margin-top:10px;}
}


@media screen and (max-width:850px){
    .rankingTop {height:180px;}
    .rankingTop .preview li {width:50px; height:50px; line-height:57px; font-size:24px;}
    .goalTableWrap {width:100%; margin-right:0; margin-bottom:40px;}
    .goalPlayer .rank.rank02 {left:28%;}
    .goalPlayer .rank.rank03 {right:28%;}
	.selectBoxWrap.birthType {margin-left:84px; margin-top:3px;}
	.mediaBox li {width:47%; margin-right:2%;}
	.mediaBox li:nth-of-type(3n) {margin-right:2%;}
    .nextHome .logoArea {height:150px;}
    .nextHome .title .logo {margin-right:5px;}
    .nextHome .title .logo img {height:15px; width:auto;}
    .nextHome .logoArea img:first-child {width:70%; left:-16%;}
    .nextHome .logoArea img:last-child {width:60%; right:-10%;}
    .nextHome .title .text,
    .subCont .subBox .nextHome .caption {font-size:15px;}
    .subBox .subTable.ticket.match {font-size:13px;}
    .subTable.ticket.match tr td:nth-of-type(3) {padding:0;}
    .subTable.ticket.match tr td .logo {width:auto; background-image:none !important; padding:initial; height:auto; vertical-align:middle;}
    .subMainTab.matchSchedule {width:100%;}
    .subMainTab.matchSchedule li {width:33.33%;}
    .subMainTab.matchSchedule li:last-child {width:33.34%;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team img {height:115px;}
    .subBox .subTable.matchDetail th {width:25%;}
    .subBox .subTable.matchDetail td {width:37.5%;}
    .subMainTab.schedule li {font-size:14px;}
    .seasonTop {height:345px;}
    .subMainTab.season {width:100%;}
    .subMainTab.season li {width:50%;}
    .seasonSliderWrap {width:212px;}
    .seasonSlider .season li.design .inner {width:80px; height:80px;}
    .seasonSlider .season li.design .inner div img {height:35px;}
    .seasonSliderCont span.prevSeason {left:2%;}
    .seasonSliderCont span.nextSeason {right:2%;}
    .proSummBox > div {width:50%;}
    .proSummBox .proImgWrap {display:none;}
}

@media screen and (max-width:760px){
    #top .topCont div .mob.btnMoreMatch {width:12%;}
    .subBox .subTab li {width:72px; font-size:0.95em;}
    .subCont .subBox .term {font-size:1.2em;}
    .personTitle h3 {font-size:3em;}
    #sideCont .sideBox {height:280px;}
	#sideCont .sideBox .text .awayGuide.versus,	/* 20171019 수정 */
    #sideCont .sideBox .text .versus,
    #sideCont .sideBox .steelmap,
    #sideCont .sideBox .steelmall {height:120px; background-size:auto 75%;}
    #sideCont .sideBox .matchWith {font-size:1.5em;}
    #sideCont .sideBox .preview {margin-top:20px; padding-bottom:30px;}
    #sideCont .sideBox .preview li {width:60px; height:60px; line-height:60px; font-size:1.2em;}
    #sideCont .sideBox .preview li::before {bottom:-45px;}
    #top .topCont .bx-wrapper {width:80%;}
    #sideCont .sideBox.playerNo .name {font-size:30px; margin-bottom:5%;}
    #sideCont .sideBox.playerNo .no {width:26%; height:65%;}
    #sideCont .homeToday .sideBox.player .playerPic img {padding-top:5%;}
    #sideCont .sideBox .score {height:55%;}
    .score > span {height:30%; padding-top:5px;}
    .score span.goal {top:18%; width:25px; height:25px; font-size:1em;}
    #sideCont .sideBox .score {margin-top:0;}
    .score > span:last-child {margin-bottom:0}
    #sideCont .homeEnd .sideBox.player .playerPic img {width:100%; height:auto;}
    #sideCont .homeEnd .sideBox.player .playerPic.ownGoal img {height:80%;}
    #sideCont .sideBox .snsList li {margin-bottom:20px;}
    #sideCont .sideBox .snsList li a {width:55px; height:55px;}
    #sideCont .sideBox.awaySide.bus .bus {height:90px; background-size:auto 100%;}
    .subTable.ticket tr td {height:120px; line-height:20px;}
    .subTable.ticket tr td .logo {background-size:auto 40px; width:50px; height:72px; padding-top:62px;}
    .rankingTop .preview {margin-right:10px;}
    .rankingTop .goal li {width:40px; height:28px; margin-right:5px; font-size:25px;}
    .subBox .subTable.rank th {padding:0;}
    .loginBox .btnEtc li a {font-size:14px;}
	.mediaBottom .paging a {width:58%;}
	.mediaEtc .url {width:100%; word-break:break-all;}
	.mediaEtc .urlCopy {margin-left:0; margin-top:10px;}
	.qnaList .titleWrap .title {width:40%;}
    .subCont .subBox .nextHomeBanner > img {width:30%;}
    .subCont .subBox .nextHomeBanner .text {width:55%;}
    .subMainTab.pro,
    .subMainTab.youth {border-bottom:none;}
    .subMainTab.pro li,
    .subMainTab.youth li {font-size:.9em; width:33.33%; border-bottom:1px solid #535353;}
    .subMainTab.pro li:nth-of-type(3),
    .subMainTab.youth li:nth-of-type(3) {border-right:none;}
    .youthList li {width:48%;}
    .youthList li:nth-of-type(3n) {margin-right:2%;}
    .proList li {width:100%; margin-right:0 !important;}
    .proList li > img {height:90%;}
    .proList li .top {padding:15px 0 5px 13px; height:135px;}
    .proList li .top.coach {height:85px; padding:50px 0 20px 20px;}
    .proList li .top .info .name {font-size:34px;}
    .proList li .top .info .position {margin-bottom:3px;}
    .subCont .subBox fieldset .section {font-size:14px;}
    .subCont .subBox fieldset .section label {width:130px;}
    .subCont .subBox .youthList li > .title {text-align:center;}
    #sideCont .sideBox, #sideCont .mainBox.homeToday > .bx-wrapper {height:280px;}
		#sideCont .sidefo, #sideCont .mainBox.homeToday > .bx-wrapper {height:280px;}
    .subCont .subBox fieldset .section .directInput {margin-left:149px;}

    /* 20171019 수정 */
    #sideCont .sideBox .text .team {padding-top:20%; background-size:auto 70%;}
    #sideCont .sideBox .text .match.versus {margin:0; padding:0;}
    #sideCont .sideBox .text .date {margin:5% 0 2%;}
    /* //20171019 수정 */
}


@media screen and (max-width:640px){
    /* 20171019 수정 */
    #header .logo .btnMenu,
    #wrap.away #header .btnMenu {background-size:100% auto; right:3.5%;}
    /* //20171019 수정 */
    #top .topCont div .mob.btnMoreMatch {width:14%;}
    .mainSlider-pager a {height:60px;}
    .mainSlider-pager a .slideTit {font-size:0.875em;}
    .subCont {padding:25px 5%;}
    .subCont .subBox img {margin:0 auto 15%;}
    .subCont .subBox img:nth-of-type(3) {margin-bottom:0;}
    .subBox .subTab li {width:60px; font-size:0.8em;}
    .subBox .history {padding:15px;}
    .subBox .subTab {margin-top:15px;}
    .subCont .subBox .youthList li img {margin-bottom:0;}
    .subBox table.subTable td {font-size:0.9em; text-align:center;}
    .subCont .subBox .term span {margin:0 5px;}
    .subCont .subBox .youthtab05 .versus {font-size:1.2em; width:auto;}
    .personTitleWrap .summary {font-size:1em;}
    #sideCont .sideBox {height:200px;}

    /* 20171019 수정 */
    #sideCont .sideBox .text .awayGuide.versus {height:80px; background-size:auto 70%; font-size:.75em; margin-top:20px; margin-bottom:7px;}
    #sideCont .sideBox .steelmap,
    #sideCont .sideBox .steelmall {height:80px; background-size:auto 100%; font-size:.75em; margin-top:20px;}
    /* //20171019 수정 */
    /*
    #sideCont .sideBox .text .versus,
    #sideCont .sideBox .steelmap {height:70px; background-size:auto 65%; font-size:.75em;}
    #sideCont .sideBox .steelmall {height:70px; background-size:auto 90%; font-size:.75em;}
    #sideCont .sideBox .steelmap,
    #sideCont .sideBox .steelmall {margin-bottom:12%;}
    */
    #sideCont .sideBox:nth-of-type(2) .text {margin-top:10px; font-size:0.75em;}
    #sideCont .sideBox .preview {padding-bottom:20px;}
    #sideCont .sideBox .preview li {width:40px; height:40px; line-height:40px; font-size:1em;}
    #sideCont .sideBox .preview li::before {bottom:-35px;}
    #top .topCont .bx-wrapper {width:78%;}
    #sideCont .sideBox.playerNo .name {font-size:20px;}
    #sideCont .sideBox.playerNo .no {width:17%; height:47%;}
    #sideCont .homeToday .sideBox.player .playerPic img {padding-top:3%;}
    #sideCont .sideBox.playerNo .info span.ownGoal {margin-top:15%; font-size:1.5em;}
    #sideCont .sideBox .snsList li {margin-bottom:5px;}
    #sideCont .sideBox .snsList li:nth-of-type(3),
    #sideCont .sideBox .snsList li:nth-of-type(4) {margin-bottom:0;}
    #sideCont .sideBox .snsList li a {width:45px; height:45px;}
    #sideCont .sideBox.awaySide.bus .bus {height:40px;}
    .subMainTab li {font-size:.9em;}
    .subTable.ticket tr td .book {padding:10%;}
    .subBox .subTable.ticketPrice th th,
    .subBox .subTable.ticketPrice {font-size:.9em;}
    .seatClass {padding-top:5%;}
    .grayBox .textWrap {padding:5% 0;}
    .grayBox .mainTitle {font-size:26px;}
    .grayBox .subText {font-size:1em;}
    .rankingTop .inner {width:100%;}
	.rankingTop .no {width:100px; height:80px;}
    .subBox .goalPlayer .rank {margin-bottom:0;}
	.selectBoxWrap.bDay {margin-left:84px; margin-top:3px;}
	.selectBoxWrap.birthType {margin-left:0;}
	.userSex {margin-left:81px; margin-top:3px;}
	.customInput.mobile {width: 60px !important;}
	.customInput.mobile2 {margin-left:69px;}
	.email.customInput {width:65% !important;}
	.radioWrap span {margin-bottom:5px;}
	.qnaWrap .formLine {padding:20px;}
	.qnaWrap .formLine label {width:20%;}
	.qnaWrap .formLine input {width:78%;}
	.qnaWrap .formLine textarea {width:78%;}
    .nextHome .logoArea img:first-child {width:70%; left:-16%;}
    .nextHome .logoArea img:last-child {width:65%; right:-5%;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team {font-size:18px;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team > p,
    .subCont .subBox .nextHome.matchDetail .summaryBox .versus > p {font-size:14px;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .versus {font-size:45px;}
    #sideCont .sideBox, #sideCont .mainBox.homeToday > .bx-wrapper {height:200px;}
  #sideCont .sidefo, #sideCont .mainBox.homeToday > .bx-wrapper {height:200px;}
    /* 20171019 수정 */
    #sideCont .sideBox > a {bottom:5%;}
    #sideCont .sideBox .text .team {padding-top:12%; background-size:auto 50%;}
    #sideCont .sideBox .text .date {margin:6% 0 1%;}
    /* //20171019 수정 */

	.subCont .subBox .partnersJoin fieldset .section .formLine {padding-left:100px; padding-right:0;}
	.subCont .subBox .partnersJoin fieldset .section label.btnPartner, .partnersJoin .btnPartner {position:static; margin-top:5px;}
}

@media screen and (max-width:540px) {
    .mob540 {display:block;}
    #top .topCont .bx-wrapper {width:75%;}
    #sideCont .sideBox .score {height:50%;}
    #sideCont .sideBox .snsList li a {width:40px; height:40px;}
    .subTable.ticket tr td {height:95px;}
    .subTable.ticket tr td.league {background-image:none !important; padding-top:0;}
    .subTable.ticket tr td .logo {background-image:none !important; padding-top:0; width:auto; height:auto; font-size:1em;}
    .subTable.ticket tr td .versus {font-size:1em;}
    .subTable.ticket tr td:last-child {min-width:100px;}
    .rankingTop {height:auto; overflow:hidden; background-image:none;}
    .rankingTop .inner {text-align:center;}
    .rankingTop h4 {text-align:center;}
    .rankingTop .no {display:block; width:100%; height:105px; margin-bottom:20px; box-sizing:border-box; margin-right:0;}
    .rankingTop .no::after {content:none;}
    .rankingTop .preview {margin-right:0;}
    .subBox .subTable.rank td {padding:0;}
    .rankingTop {padding-bottom:15%;}
    .rankingTop .preview {width:auto; margin-bottom:10%;}
    .policyTitle {font-size:14px;}
	.subMainTab.qna {width:100%;}
    .qnaList .text {padding:20px 10px;}
    .qnaList .titleWrap .title {width:35%; font-size:1em;}
    .qnaList .titleWrap .type,
    .qnaList .titleWrap .date {font-size:.9em;}
    .homeEvent .bx-wrapper:nth-of-type(3n) {margin-right:3%;}
    .homeEvent .bx-wrapper {width:48%; margin-right:3%;}
    .homeEvent .bx-wrapper:nth-of-type(2n) {margin-right:0;}
    .subMainTab.schedule {border-bottom:none; border-right:none;}
    .subMainTab.schedule li {width:33.33%; border-bottom:1px solid #535353; border-right:1px solid #535353;}
    .youthMatch .team li .team {width:auto; font-size:20px;}
    .youthMatch .team li .age {font-size:12px; width:24px; height:24px; margin-left:5px;}
    .proSummBox .total {width:30%;}
    .proSummBox .summary {width:65%;}
    .proSummBox .total {padding-top:75px;}
    .proSummBox .total p {font-size:18px; margin-top:0 !important;}
    .proSummBox .proImgWrap {left:-95px; top:50px;}
    .proSummBox .total img {height:40px;}
    .subInnerTab li {font-size:14px; margin-right:5px;}
    .subBox table.subTable th:first-child,
    .subBox table.subTable td:first-child {padding-left:10px;}
    .subBox table.subTable th:last-child,
    .subBox table.subTable td:last-child {padding-right:10px;}
    .seasonTop {height:290px;}
    .subCont .subBox .seasonTop .title {padding-top:20px;}
    .seasonSliderWrap {width:127px;}
    .seasonSlider .season li {margin-right:10px;}
    .seasonSlider .season li::before {font-size:12px;}
    .seasonSlider .season li.design .inner {width:50px; height:50px;}
    .seasonSlider .season li.design .inner div img {height:25px;}
    .seasonSliderCont span {top:175px;}
	.partnersAbout .infoGrph:before, .partnersAbout .infoGrph:after {top:60px; height:45px}
	.partnersAbout .infoGrph .dl {width:140px;}
	.partnersAbout .infoGrph {font-size:14px;}
	.partnersBenefit .listBenefit li {padding:0 5px;}
	.partnersIntro .partnersSection .btn a {display:block; margin-bottom:10px;}
}

@media screen and (max-width:480px){
    #top .topCont div .mob.btnMoreMatch {width:16%;}
    #top .topCont div:not(.mob) .title {width:70px;}
    .subBox .subTab li {width:48px; font-size:0.75em}
    .subCont .subBox .term {font-size:1em;}
    #header .logo {padding:2.5% 3.5%; background-position:3.5% center;}
    #header .btnMenu {width:10%;}
    #sideCont .sideBox {height:175px;}

    /* 20171019 수정 */
    #sideCont .sideBox .text .versus {height:55px;}
    #sideCont .sideBox .text .awayGuide.versus {height:60px; background-size:auto 65%; margin-bottom:5px;}
    #sideCont .sideBox .steelmap,
    #sideCont .sideBox .steelmall {height:70px; background-size:auto 100%;}
    #sideCont .sideBox:nth-of-type(2) .text {margin-top:5px;}
    /* //20171019 수정 */
    /*
    #sideCont .sideBox .text .versus,
    #sideCont .sideBox .steelmap {height:60px; background-size:auto 60%;}
    #sideCont .sideBox .steelmall {height:60px; background-size:auto 100%;}
    #sideCont .sideBox:nth-of-type(2) .text {margin-top:5px;}
    #sideCont .sideBox .steelmap,
    #sideCont .sideBox .steelmall {margin-bottom:15%;}
    */

    #top .topCont .bx-wrapper {width:68%;}
    #sideCont .sideBox .matchWith {font-size:1.2em;}
    #sideCont .homeEnd .sideBox.playerNo .title {font-size:1em;}
    #sideCont .sideBox.awaySide.bus .bus {height:30px;}
    .subTable.ticket tr td:nth-of-type(3) {min-width:35px;}
    .subTable.ticket tr td .versus {display:block;}
    .seatClass {padding-top:7%;}
    .subTable.ticketPrice tr td:nth-of-type(3) {min-width:48px;}
    .grayBox .textWrap {width:90%; margin-right:0;}
    .subCont .grayBox img.imgTicket {display:none;}
    .goalPlayer .rank.rank02 {left:20%;}
    .goalPlayer .rank.rank03 {right:20%;}
    .loginBox {padding:5%;}
    .loginBox h2 {font-size:28px;}
	.loginBox .formLine .label {width:65px;}
	.userSex {margin-left:65px;}
	.selectBoxWrap.bDay {margin-left:69px;}
	.radioWrap {padding-left:67px;}
    /* 20171019 수정 */
    .mediaBox li {width:100%; margin-right:0; height:245px; margin-left:0;}
    .mediaBox li a {background-size:100% auto !important;}
    /* //20171019 수정 */
	.subMainTab.media li {font-size:.9em;}
	.mediaBox li a .info {height:105px;}
	.mediaBottom .paging a {width:45%;}
    .qnaList .titleWrap .title {width:48%;}
    .qnaList .titleWrap .type {margin-right:10px;}
    .qnaList .titleWrap .date {display:none;}
    .nextHome .logoArea {height:110px;}
    .nextHome .title .logo img {height:12px;}
    .nextHome .title .text,
    .subCont .subBox .nextHome .caption {font-size:.8em;}
    .subCont .subBox .nextHomeBanner {width:100%; margin-right:0; margin-bottom:10px;}
    .subTable.ticket.match tr td .versus {display:inline-block; width:30px;}
    .subCont .subBox .nextHome.matchDetail .summaryBox > div {width:100%; text-align:center;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team p {padding-left:0; text-align:center; background-image:none !important;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team p::before {width:24px; height:24px; background-repeat:no-repeat; margin-right:5px;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team .goal::before {background-image:url('/dist/images2/ico_goal.png') !important; background-size:auto 24px;
                                                                            background-position:center center;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .team .assist::before {background-image:url('/dist/images2/ico_shoe.png') !important; background-size:auto 14px;}
    .subCont .subBox .nextHome.matchDetail .summaryBox .versus {padding-top:0; margin:30px 0;}
    .subCont .subBox .youthList li .title > span {display:block; border-left:0; padding:0; margin-top:10px; margin-right:0; height:auto;}
    .personTitleWrap .positionImg {height:80px; width:auto; top:-100px;}
    .personTitle.pro .no {margin-top:0;}
    .personTitle.pro .no img {height:80px;}
    .personTitle.pro .hashTagWrap span {font-size:12px;}
    .interviewTop .interviewImgWrap img {height:300px; margin:-20px 0 0 !important;}
    .interviewTop .text {font-size:14px;}
    .interviewQ, .interviewA {padding:0;}
    .subCont .subBox fieldset .section label {width:80px; margin-right:10px; vertical-align:middle;}
    .subCont .subBox fieldset .section input[type=text] {width:150px;}
    .subCont .subBox fieldset .section .formLine .selectBoxWrap {width:152px;}
    .interviewTop .title {margin:4% 0;}
    .youthMatch .innerBox {padding:15px;}
    .youthMatch .team li .result {display:block; margin-left:0;}
    #sideCont .sideBox, #sideCont .mainBox.homeToday > .bx-wrapper {height:175px;}
		#sideCont .sidefo, #sideCont .mainBox.homeToday > .bx-wrapper {height:175px;}
    #sideCont .mainBox.homeToday > .bx-wrapper .bx-controls .bx-pager {bottom:4px;}
    .subCont .subBox fieldset .section .directInput {margin-left:105px;}
    /* 20171019 수정 */
    #sideCont .sideBox .text .date {margin:1% 0;}
    #sideCont .sideBox .text .date,
    #sideCont .sideBox .text .at {font-size:.85em;}
    #header .logo a {padding-left:1%;}
    /* //20171019 수정 */
	.partnersAbout .infoGrph {padding-left:10px; padding-right:10px; font-size:12px;}
	.partnersAbout .infoGrph .dl {width:120px;}
	.partnersBenefit .listBenefit li {padding:0 3px;font-size:12px;}
	.partnersBenefit .listBenefit li:before {border-width:2px;}
}

@media screen and (max-width:375px) {

    .subCont .subBox .nextHomeBanner {height:130px;}
}