@charset "utf-8"; /* =========== set font =========== */ .f_rixG {font-family:'RixGo M','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;} .f_rixG_l {font-family:'RixGo L','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; font-weight:300;} .f_rixG_b {font-family:'RixGo B','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; font-weight: 500;} .f_rixG_eb {font-family:'RixGo EB','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; font-weight: 800;} /* =========== common =========== */ html,body {min-width:1280px; word-break:keep-all;} .blind {position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;margin:-1px;overflow:hidden;text-align:left;text-indent:-9999em} .clear:after {content:"";clear:both;display:block} .accNav:focus {display:block;top:0;left:50%;width:100px;height:auto;margin:0 0 0 -50px;padding:3px 0;text-align:center;font-size:11px;text-indent:0;color:#fff;background-color:#333;z-index:999} .outline {width:1100px; margin:0 auto;} /* func */ .sortBox {position:relative; z-index: 3;} .sortBox .btnDropdown {display:none;} .tabs {text-align:center; font-size:0;} .tabs li {display:inline-block; vertical-align:top; border:1px solid #cba67c; border-left:none;} .tabs li:first-child {border-left:1px solid #cba67c;} .tabs li a {display:block; width:150px; padding:10px 0; font-size:18px;} .tabs li a:hover,.tabs .active a {color:#000230; background:#cba67c;} .mgTop15 { margin-top: 15px; } .mgTop50 { margin-top: 50px; } /* =========== header =========== */ #header {position:relative; height:115px; background:url('../img/common/bg_menu.png') 50% 0 repeat-x; z-index:9;} #header .outline {position:relative;} #header .btnOpenmenu {display:none;} #header .btnHome {display:none;} #header .logo {position:absolute; top:0; left:15px;} #header .logo a {display:block; width:114px; height:144px; background:url('../img/common/logo_header.png') 50% 50% no-repeat;} #header .menu {margin-left:130px; padding-top:50px; text-align:center; font-size:0; letter-spacing:-1px;} #header .menu li {display:inline-block; position:relative; vertical-align:top;} #header .menu li a {display:block; height:40px; padding:10px 20px; font-size:20px; color:#868686; line-height:1;} #header .menu li a:hover,#header .menu .active a,#header .menu .open a {color:#fff;} #header .menu .dropdownMenu>.subMenu {display:none; position:absolute; top:100%; width:400px;} #header .menu .dropdownMenu.open>.subMenu {display:block !important;} #header .menu li:nth-child(1)>.subMenu {left:0; width:600px; text-align:left;} #header .menu li:nth-child(2)>.subMenu,#header .menu li:nth-child(3)>.subMenu,#header .menu li:nth-child(4)>.subMenu,#header .menu li:nth-child(5)>.subMenu,#header .menu li:nth-child(6)>.subMenu {left:50%; margin-left:-200px;} #header .menu li:nth-child(7)>.subMenu {left:auto; right:0; text-align:right;} #header .menu .subMenu li a {height:25px; padding:5px 10px; font-size:14px; color:#0f1a25;} #header .menu .subMenu li a:hover,#header .menu .subMenu .active a,#header .menu .subMenu .open a {color:inherit;} #header .account {position:absolute; top:12px; right:58px; text-align:center;} #header .menu .account li {display:inline-block; font-size:0; border:1px solid #cba67c; border-left:none;} #header .menu .account li:first-child {border-left:1px solid #cba67c;} #header .menu .account a {width:70px; height:auto; padding:5px 0; font-size:14px; color:#cba67c;} #header .menu .account a:hover {color:#fff; background:#cba67c;} #header .sns {position:absolute; top:12px; right:220px; font-size:0;} #header .sns a {display:inline-block; width:26px; height:26px; margin-left:8px; vertical-align:middle; background:url('../img/common/ico_header_instagram.png') 50% 50%/cover no-repeat;} #header .sns .instagram {background-image:url('../img/common/ico_header_instagram.png');} #header .sns .facebook {background-image:url('../img/common/ico_header_facebook.png');} #header .sns .naver {background-image:url('../img/common/ico_header_naver.png');} #header .sns .youtube {background-image:url('../img/common/ico_header_youtube.png');} #header .sns .navertv {background-image:url('../img/common/ico_header_navertv.png');} /* =========== header v2 =========== */ #header_v2 { position:relative; height:90px; background:url('../img/common/bg_menu_2022.png') repeat-x; background-size: cover; } #header_v2 .mbMenu { display: none; } #header_v2 .topMenu { width: 1100px; margin: 0 auto; text-align: right; padding: 12px 55px 0 0; } #header_v2 .topMenu h1 { position: absolute; top: 0; z-index: 999; padding-left: 15px; } #header_v2 .topMenu > div { display: inline-block; } #header_v2 .topMenu .sns a, #header_v2 .allMenu .sns a { display: inline-block; width:26px; height:26px; margin-left:5px; vertical-align:middle; background:url('../img/common/ico_header_instagram.png') 50% 50%/cover no-repeat; } #header_v2 .topMenu .sns .instagram, #header_v2 .allMenu .sns .instagram { background-image:url('../img/common/ico_header_instagram.png'); } #header_v2 .topMenu .sns .facebook, #header_v2 .allMenu .sns .facebook { background-image:url('../img/common/ico_header_facebook.png'); } #header_v2 .topMenu .sns .naver, #header_v2 .allMenu .sns .naver { background-image:url('../img/common/ico_header_naver.png'); } #header_v2 .topMenu .sns .youtube, #header_v2 .allMenu .sns .youtube { background-image:url('../img/common/ico_header_youtube.png'); } #header_v2 .topMenu .sns .navertv, #header_v2 .allMenu .sns .navertv { background-image:url('../img/common/ico_header_navertv.png'); } #header_v2 .topMenu .account, #header_v2 .allMenu .account { border: 1px solid #cba67c; margin-left: 15px; } #header_v2 .topMenu .account a, #header_v2 .allMenu .account a { display: inline-block; width: 70px; padding: 5px 0; font-size: 14px; color: #cba67c; border-right: 1px solid #cba67c; text-align: center; line-height: 1; } #header_v2 .topMenu .account a:last-child, #header_v2 .allMenu .account a:last-child { border-right: none; } #header_v2 .topMenu .account a:hover { color:#fff; background:#cba67c; } #header_v2 .gnbMenu { width: 1100px; margin: 12px auto 0; padding-left: 180px; } #header_v2 .gnbMenu > ul { } #header_v2 .gnbMenu > ul > li { display: inline-block; } #header_v2 .gnbMenu > ul > li a { display: block; height: 40px; padding: 10px 15px; font-size: 20px; color: #868686; line-height: 1;} #header_v2 .gnbMenu > ul > li a:hover, #header_v2 .gnbMenu > ul > li.active a { color: #fff } #header_v2 .gnbBg {position: absolute; top:90px; left:0; width: 100%; height: 100vh; background-color: rgba(0,0,0,.5); z-index: 9; display:none; } #header_v2 .gnbBg.on { display:block; } #header_v2 .allMenu { position: absolute; top:90px; left:0; width: 100%; z-index: 10; display:none; } #header_v2 .allMenu.on { display: block; } #header_v2 .allMenu .in { background-color: #CBA47F; } #header_v2 .allMenu .menuWrap { width: 1100px; margin:0 auto; padding: 20px 0 20px 175px; } #header_v2 .allMenu ul { display: inline-block; vertical-align: top; text-align: center } #header_v2 .allMenu ul.subMenu_club { width: 90px; } #header_v2 .allMenu ul.subMenu_fanzone { width: 110px; } #header_v2 .allMenu ul.subMenu_team { width: 97px; } #header_v2 .allMenu ul.subMenu_match { width: 150px; } #header_v2 .allMenu ul.subMenu_ticket { width: 119px; } #header_v2 .allMenu ul.subMenu_youth { width: 80px; } #header_v2 .allMenu ul.subMenu_csr { width: 90px; } #header_v2 .allMenu ul.subMenu_shop { width: 132px; } #header_v2 .allMenu .mb { position: relative; display: none; padding: 12px 20px; line-height: 1.5; font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd; color: #868686; } #header_v2 .allMenu .mb:after { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: 20px; background: url('../img/common/menu_arr.png') no-repeat 0 100%; background-size: 100% auto; } #header_v2 .allMenu .mb.on { color: #1f3346; } #header_v2 .mbMenu { background-color: #000230; text-align: center; } #header_v2 .mbMenu .btnOpenmenu { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: none; } #header_v2 .mbMenu .btnOpenmenu .bar { display: block; width: 22px; height: 2px; margin: 4px 0 4px 10px; border-radius: 2px; background-color: #d7dbde; } #header_v2 .mbMenu .homeBtn { display: block; position: absolute; top:0; right: 0; width: 50px; height: 50px; background: url(../img/common/btn_menu_home.png) 18px 50% no-repeat; } #header_v2 .allMenu .sns { display:none; padding-top: 30px; text-align: center; } #header_v2 .allMenu .sns a { width: 40px; height: 40px; } #header_v2 .allMenu .account { display:none; width: 206px; margin: 30px auto 100px; background-color: #fff; } #header_v2 .allMenu .account a { padding: 10px 0; width: 100px; font-size: 16px; } /* =========== footer =========== */ #footer {padding:40px 0 35px; text-align:center; font-size:14px; color:#fff; background:#1f3346;} #footer .links {margin-bottom:25px;} #footer .links a:before,#footer .infos p span:before {content:"|"; margin:0 5px 0 2px;} #footer .links a:first-of-type:before,#footer .infos p span:first-of-type:before {display:none;} #footer .footerLogo {margin-bottom:25px;} #dimm {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:8;} .dimmed #dimm {display:block;} /* bx-slider common */ .bx-wrapper {position:relative;} .bx-controls {position:absolute; bottom:5px; left:0; width:100%; font-size:0;} .bx-pager {text-align:center;} .bx-pager-item {display:inline-block; margin:0 2px; vertical-align:middle;} .bx-pager-link {display:block; width:12px; height:12px; border-radius:100%; background:#000230; opacity:0.6;} .bx-pager-link.active {opacity:1;} /* =========== main =========== */ .mainPopup {display:none; position:absolute; top:10px; left:5px; font-size:12px; border:1px solid #dadada; border-radius:3px; background:#fff; z-index:9999;} .mainPopup .popupTit {padding:10px 12px; font-size:13px; line-height:1.3; border-bottom:1px solid #dadada;} .mainPopup .btns {padding:5px; text-align:right;} .mainPopup .btns label {margin-right:30px;} .mainPopup .btns input[type="checkbox"] {-webkit-appearance:checkbox; width:16px; height:16px; margin-right:3px;} .mainPopup .btns a {display:inline-block; padding:5px 15px; color:#fff; vertical-align:middle; border-radius:3px; background:#333;} /* promotion */ .main .promotionBox {position:relative; height:907px; padding-top:740px; line-height:1.2;} /*.main .promotionBox {position:relative; height:907px; padding-top:740px; line-height:1.2; background:url('../img/main/bg_promotion.jpg') 50% 0 repeat-x;}*/ .main .promotionBox .mainVideo {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} .main .promotionBox .mainVideo video {position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; width:auto; height:auto; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .main .promotionBox .mainSlider { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .main .promotionBox .mainSlider .outline { width: auto; } .main .promotionBox .mainSlider ul li { } .main .promotionBox .mainSlider a { display: block; } .main .promotionBox .mainSlider a img { width: 100%; height: 907px; } .main .promotionBox .mainSlider .txt { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .main .promotionBox .mainSlider .txt h1 { font-size: 72px; } .main .promotionBox .mainSlider .txt h2 { font-size: 24px; margin-bottom: 18px; } .main .promotionBox .mainSlider .txt span { padding: 7px 10px; font-size: 18px; border: 1px solid #fff; border-radius: 10px; color:#fff; } .main .promotionSlider {position:relative; margin-bottom:20px; color:#000230; border:1px solid #cba67c; background:#cba67c;} .main .promotionSlider .title {position:absolute; width:120px; height:100%; text-align:center;} .main .promotionSlider .title p {width:86px; height:86px; margin:27px auto 0; padding-top:12px; font-size:12px; border:1px solid #000230;} .main .promotionSlider .title p span {display:block; margin-bottom:5px;} .main .promotionSlider .title p strong {display:block; font-size:24px; font-weight:normal;} .main .promotionSlider .sliderBox {position:relative; padding-left:120px;} .main .promotionSlider .sliderBox:before {content:""; position:absolute; top:0; right:365px; width:45px; height:100%; background:url('../img/main/frame_promotion_1.png') 0 0 no-repeat; z-index:1;} .main .promotionSlider .slideControl {position:absolute; top:50%; left:640px; margin-top:-30px;} .main .promotionSlider .slideControl .btn {display:block;} .main .promotionSlider .slideControl .btn a {display:block; width:30px; height:30px; text-indent:-9999px; background:url('../img/main/btn_promotion_ctrl_1.png') 0 0 no-repeat;} .main .promotionSlider .slideControl .btnPrev a {background-position:0 0;} .main .promotionSlider .slideControl .btnNext a {background-position:0 100%;} .main .promotionSlider .slider li a {display:block; position:relative; height:140px;} .main .promotionSlider .slider li img {height:140px;} .main .promotionSlider .slider .txt {float:left; width:520px; padding-top:40px;} .main .promotionSlider .slider .txt .main {margin-bottom:5px; font-size:30px;} .main .promotionSlider .slider .txt .sub {font-size:14px;} .main .promotionSlider .slider .img {float:right; width:410px;} .main .promotionSlider.reverse {color:#cba67c; border-color:#000230; background:#000230;} .main .promotionSlider.reverse .sliderBox:before {background-image:url('../img/main/frame_promotion_2.png');} .main .promotionSlider.reverse .title p {border-color:#cba67c;} .main .promotionSlider.reverse .slideControl .btn a {background-image:url('../img/main/btn_promotion_ctrl_2.png');} /* next match */ .main .matchBox {position:relative; height:370px; padding-top:45px; line-height:1.2; background:url('../img/main/bg_match.jpg') 50% 0 repeat-x;} .main .matchBox .board {position:relative; margin-top:25px; margin-bottom:30px; height:100px;} .main .matchBox .team {position:absolute; top:0; width:50%; z-index:1;} .main .matchBox .team.home {left:0; padding-right:200px;} .main .matchBox .team.away {right:0; padding-left:200px;} .main .matchBox .team .img {position:absolute; top:50%; width:170px; margin-top:-90px;} .main .matchBox .team .img img { } .main .matchBox .team.home .img {left:100%; margin-left:-300px;} .main .matchBox .team.away .img {right:100%; margin-right:-280px; width: 130px; margin-top: -75px;} .main .matchBox .team .name {display:block; height:100px; padding-top:30px; font-size:30px; color:#fff; background-color:#000230;} .main .matchBox .team .nameBox {display:inline-block; text-align:center; vertical-align:middle;} .main .matchBox .team .nameBox span {display:block;} .main .matchBox .team.home .name {padding-right:110px; text-align:right;} .main .matchBox .team.away .name {padding-left:110px; text-align:left;} .main .matchBox .team[data-team="K01"] .name {background-color:#0d2f5b;} .main .matchBox .team[data-team="K02"] .name {background-color:#1856a7;} .main .matchBox .team[data-team="K03"] .name {background-color:#e4433e;} .main .matchBox .team[data-team="K04"] .name {background-color:#f68026;} .main .matchBox .team[data-team="K05"] .name {background-color:#016836;} .main .matchBox .team[data-team="K06"] .name {background-color:#d92d20;} .main .matchBox .team[data-team="K07"] .name {color:#1e1e1e; background-color:#fec10d;} .main .matchBox .team[data-team="K08"] .name {background-color:#231f20;} .main .matchBox .team[data-team="K09"] .name {background-color:#d71920;} .main .matchBox .team[data-team="K10"] .name {background-color:#ed145b;} .main .matchBox .team[data-team="K11"] .name {background-color:#999;} .main .matchBox .team[data-team="K12"] .name {background-color:#999;} .main .matchBox .team[data-team="K13"] .name {background-color:#999;} .main .matchBox .team[data-team="K14"] .name {background-color:#999;} .main .matchBox .team[data-team="K15"] .name {background-color:#999;} .main .matchBox .team[data-team="K16"] .name {background-color:#999;} .main .matchBox .team[data-team="K17"] .name {background-color:#5cc0f1;} .main .matchBox .team[data-team="K18"] .name {background-color:#2e57a6;} .main .matchBox .team[data-team="K19"] .name {background-color:#999;} .main .matchBox .team[data-team="K20"] .name {background-color:#ee3023;} .main .matchBox .team[data-team="K21"] .name {background-color:#ff642b;} .main .matchBox .team[data-team="K22"] .name {color:#1e1e1e; background-color:#ffd24f;} .main .matchBox .team[data-team="K23"] .name {background-color:#ed1a2e;} .main .matchBox .team[data-team="K24"] .name {background-color:#999;} .main .matchBox .team[data-team="K25"] .name {background-color:#1f213b;} .main .matchBox .team[data-team="K26"] .name {background-color:#cf0111;} .main .matchBox .team[data-team="K27"] .name {background-color:#501a89;} .main .matchBox .team[data-team="K28"] .name {background-color:#fdcf0c;} .main .matchBox .team[data-team="K29"] .name {background-color:#0e253b;} .main .matchBox .team[data-team="K30"] .name {background-color:#074b2a;} .main .matchBox .team[data-team="K31"] .name {background-color:#000230;} .main .matchBox .team[data-team="K32"] .name {color:#0a2a3b; background-color:#00a885;} .main .matchBox .team[data-team="K33"] .name {color:#1e1e1e; background-color:#ffe806;} .main .matchBox .info {position:absolute; top:0; left:50%; width:400px; height:100px; padding-top:18px; text-align:center; font-size:15px; margin-left:-200px; background:#fff;} .main .matchBox .info .date {font-size:24px;} .main .matchBox .info .stadium {margin-top:3px; font-size:18px;} .main .matchBox .btns {width:180px; margin:0 auto; text-align:center;} .main .matchBox .btns .btn {display:block; padding:15px 0; color:#000230; font-size:24px; border:1px solid #000230;} .main .matchBox .btns .btn:hover {color:#fff; background:#000230;} /* banners */ .main .mainContent {position:relative; padding-top:480px; color:#000230; line-height:1.2;} .main .bannerBox {position:absolute; top:0; left:0; width:100%; height:480px; background:#000230;} .main .bannerBox .sectionTitle {padding:35px 10px 15px; color:#fff;} .main .bannerBox .bannerFrame {height:340px; background:#fff;} .main .bannerBox .result {float:left; width:356px; text-align:center; font-size:18px;} .main .bannerBox .result .league {padding:35px 0 30px;} .main .bannerBox .result .board {margin-bottom:40px;} .main .bannerBox .result .board .team {display:inline-block; vertical-align:middle;} .main .bannerBox .result .board .score {display:inline-block; padding:0 5px; vertical-align:middle; font-size:48px; letter-spacing:8px;} .main .bannerBox .result .board .img {width:100px; margin:0 auto 15px;} .main .bannerBox .result .btns .btn {display:inline-block; width:110px; margin:0 5px; padding:10px 0 8px; vertical-align:middle; color:#fff; background:#000230;} .main .bannerBox .ranking {float:left; width:356px; margin:0 16px; font-size:14px;} .main .bannerBox .ranking td {height:34px; padding:0 5px; border-top:1px solid #000230;} .main .bannerBox .ranking tr:first-of-type td {border-top:none;} .main .bannerBox .ranking td img {width:26px; margin-right:10px;} .main .bannerBox .ranking td:first-of-type {width:35px; padding-left:15px; padding-right:0; text-align:center;} .main .bannerBox .ranking td:last-of-type {padding-right:15px;} .main .bannerBox .ranking tr[data-team="K31"] td {color:#fff; background:#595b78;} .main .bannerBox .shopping {float:right; width:356px;} /* sns */ .main .snsBox {padding:40px 0 50px; color:#000230;} .main .snsBox .sort {padding:20px 0 30px; text-align:center; font-size:14px;} .main .snsBox .sort li {display:inline-block; margin:0 10px; vertical-align:top;} .main .snsBox .sort li a {display:block; width:70px; padding-top:80px; background:url('../img/main/ico_sns_all.png') 50% 0 no-repeat;} .main .snsBox .sort .all a {background-image:url('../img/main/ico_sns_all.png');} .main .snsBox .sort .facebook a {background-image:url('../img/main/ico_sns_facebook.png');} .main .snsBox .sort .youtube a {background-image:url('../img/main/ico_sns_youtube.png');} .main .snsBox .feedList {overflow:hidden; font-size:14px;} .main .snsBox .template {margin-right:-16px;} .main .snsBox .feedBox {float:left; width:350px; margin:0 16px 16px 0;} .main .snsBox .feedBox img {width:100%; height:207px;} .main .snsBox .feedBox .article {position:relative; padding:20px 15px; color:#cba67c; background:#000230; height: 137px;} .main .snsBox .feedBox .article .desc {margin-bottom:25px;} .main .snsBox .feedBox .article .feedtype {height:40px; padding-left:50px; font-size:12px; background:url('../img/main/ico_title_facebook.png') 0 0 no-repeat;} .main .snsBox .feedBox .article .feedtype span {display:block; font-size:18px;} .main .snsBox .feedBox[data-feeds="facebook"] .article .feedtype {background-image:url('../img/main/ico_title_facebook.png');} .main .snsBox .feedBox[data-feeds="youtube"] .article .feedtype {background-image:url('../img/main/ico_title_youtube.png');} .main .snsBox .feedBox[data-feeds="instagram"] .article .feedtype {background-image:url('../img/main/ico_title_instagram.png');} .main .snsBox .feedBox .article .date {position:absolute; bottom:20px; right:15px; font-size:12px;} .main .snsBox .btnMore {display:block; padding:18px 0; text-align:center; font-size:18px; border:2px solid #000230;} .main .snsBox .btnMore:hover {color:#fff; background:#000230;} /* sponsor */ .main .sponsorBox {padding:25px 0 30px; text-align:center; background:#cba67c;} .main .sponsorBox .sectionTitle {padding-bottom:15px;} .main .sponsorBox .sponsorList {margin-bottom:15px;} .main .sponsorBox .sponsorList + .sectionTitle {padding-top: 15px;} .main .sponsorBox img {margin:0 10px 15px; vertical-align:middle;} /* =========== contents =========== */ .sectionTitle {text-align:center; font-size:12px; line-height:1.3; color:#000230;} .sectionTitle span {display:block; font-size:24px;} .pageHeader {height:250px; line-height:1.3; color:#cba67c; background:url('../img/content/bg_pageheader.jpg') 50% 0 repeat-x;} .csr .pageHeader {background-image:url('../img/content/bg_pageheader_club.jpg');} .fanzone .pageHeader {background-image:url('../img/content/bg_pageheader_fanzone.jpg');} .match .pageHeader {background-image:url('../img/content/bg_pageheader_match.jpg');} .ticket .pageHeader {background-image:url('../img/content/bg_pageheader_ticket.jpg');} .club .pageHeader {background-image:url('../img/content/bg_pageheader_club.jpg');} .team .pageHeader {background-image:url('../img/content/bg_pageheader_team.jpg');} .pageHeader .headerBox {display:table; width:100%; height:100%;} .pageHeader .headerBox .cell {display:table-cell; padding:0 15px; text-align:center; vertical-align:middle;} .pageHeader .main {font-size:60px; font-weight:normal;} .pageHeader .sub {font-size:18px;} .pageHeader .tabs {margin-top:16px;} .contentBox.solid {background:#ebebeb;} .contentBox {padding:40px 40px 100px;} .contentHeader {padding-top:85px; padding-bottom:35px; text-align:center; font-size:36px; line-height:1.3; background: url('../img/common/sefc_emblem_white.png') 50% 0 no-repeat; background-size: 64px;} .contentHeader h4 {font-weight:normal;} .cont {padding:80px 0; background-color:#ebebeb;} .cont .outline {-width:auto; -max-width:1480px;} .contFrame {margin-top:60px;} .contFrame:first-of-type {margin-top:0;} .contTit {font-size:20px;} .contTit .main {display:inline-block; position:relative; padding-right:50px; overflow:hidden; vertical-align:middle; color:#fff;} .contTit .main span {display:inline-block; position:relative; padding:5px 10px 5px 20px; background-color:#233344; z-index:1;} .contTit .main:after {content:""; position:absolute; top:15px; right:5px; width:80px; height:100%; vertical-align:middle; background-color:#233344; transform:rotate(50deg);} .contTit .sub {display:inline-block; vertical-align:middle; color:#526e8e;} .contTxt {padding:80px; line-height:1.3; font-size:18px; color:#233344; border-top:1px solid #233344; background-color:#fff;} .contTxt .txtTit {text-align:center; font-size:26px;} .contTxt .txtSubtit {margin-top:0.5em; text-align:center;} .conTitCenter { padding: 30px 15px; text-align: center; } .conTitCenter h2.tit { font-size: 27px; } .conTitCenter p.subTit { font-size: 18px; } .iframeMaps { position: relative; margin-top: 15px; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iframeMaps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .soccerSchool .txtTit {text-align: left;} .soccerSchool .video .contTxt {padding: 30px;} .soccerSchool .video .txtTit {margin-top: 1em; margin-bottom: 0.3em;} .soccerSchool .video .videoFrame {position: relative; padding-bottom: 56.25%;} .soccerSchool .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .soccerSchool .branch li {float:left; position:relative; width:25%; padding:0 10px; color:#fff;} .soccerSchool .branch li:before {content:""; display:block; width:200px; margin:0 auto; padding-bottom:100%; border-radius:100%; background:#233344 url('../img/content/bg_emblem_mono.png') 50% 56% no-repeat; background-size:145% auto;} .soccerSchool .branch li .txt {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px;} .soccerSchool .branch li .box {display:table; width:100%; height:100%;} .soccerSchool .branch li .cell {display:table-cell; text-align:center; vertical-align:middle;} .soccerSchool .branch li p span {display:block; font-size:26px;} .soccerSchool .contact li {margin-top: 1em; white-space: nowrap;} .soccerSchool .contact .label {display: inline-block; position: relative; width: 120px; padding-left: 28px; vertical-align: top;} .soccerSchool .contact .label:before {content: ""; position: absolute; top: 50%; left: 0; width: 21px; height: 17px; margin-top: -8px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;} .soccerSchool .contact .txt {display: inline-block; vertical-align: top;} .soccerSchool .contact li:nth-of-type(1) .label:before {background-image: url('../img/content/ico_school_contact_1.png');} .soccerSchool .contact li:nth-of-type(2) .label:before {background-image: url('../img/content/ico_school_contact_2.png');} .soccerSchool .contact li:nth-of-type(3) .label:before {background-image: url('../img/content/ico_school_contact_3.png');} .schoolBranch .txtTit {text-align: left;} .schoolBranch .contTxt {padding: 30px; text-align: left;} .schoolBranch .intro .txtTit {margin-top: 1em; margin-bottom: 0.3em;} .schoolBranch .intro li {margin-top: 1em; white-space: nowrap;} .schoolBranch .intro .label {display: inline-block; position: relative; width: 120px; padding-left: 28px; vertical-align: top;} .schoolBranch .intro .label:before {content: ""; position: absolute; top: 50%; left: 0; width: 21px; height: 17px; margin-top: -8px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;} .schoolBranch .intro .txt {display: inline-block; vertical-align: top;} .schoolBranch .intro li:nth-of-type(1) .label:before {background-image: url('../img/content/ico_school_contact_2.png');} .schoolBranch .intro li:nth-of-type(2) .label:before {background-image: url('../img/content/ico_school_contact_1.png');} .schoolBranch .intro li:nth-of-type(3) .label:before {background-image: url('../img/content/ico_school_contact_3.png');} .schoolBranch .intro li:nth-of-type(4) .label:before {background-image: url('../img/content/ico_school_contact_4.png');} .schoolBranch .intro .contTxt {padding: 30px;} .schoolBranch .coach li {float: left; width: 25%; padding: 0 15px; text-align: center;} .schoolBranch .coach .img {border-radius: 100%; overflow: hidden;} .schoolBranch .coach li span {display: block; margin-top: 0.3em; font-size: 24px;} .schoolBranch .coachInfo .contTxt>ul>li + li {margin-top: 30px;} .schoolBranch .coachInfo .img {float: left; width: 50%; padding-right: 15px;} .schoolBranch .coachInfo .info {float: left; width: 50%; padding-left: 15px;} .schoolBranch .coachInfo .infoTit {position: relative; margin-top: 1em; margin-bottom: 0.3em; padding-left: 26px;} .schoolBranch .coachInfo .infoTit:before {content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;} .schoolBranch .coachInfo .profile:before {background-image: url('../img/content/ico_school_branch_profile.png');} .schoolBranch .coachInfo .career:before {background-image: url('../img/content/ico_school_branch_career.png');} .schoolBranch .mapFrame {position: relative; padding-bottom: 56.25%;} .schoolBranch .mapFrame iframe,.schoolBranch .mapFrame .iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .schoolBranch .intro .videoFrame {position: relative; padding-bottom: 56.25%;} .schoolBranch .intro iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .schoolBranch .mapFrame .root_daum_roughmap .wrap_map {height: 100%;} .clubHistory .visionGrph {margin-top:45px; text-align:center;} .clubHistory .visionGrph li {display:inline-block; width:30%; vertical-align:top; font-size:20px;} .clubHistory .visionGrph li:before {content:""; display:block; width:200px; height:125px; margin:0 auto 30px; background:url('../img/content/ico_club_vision_1.png') 50% 50% no-repeat; background-size:contain;} .clubHistory .visionGrph li:nth-of-type(1):before {background-image:url('../img/content/ico_club_vision_1.png');} .clubHistory .visionGrph li:nth-of-type(2):before {background-image:url('../img/content/ico_club_vision_2.png');} .clubHistory .visionGrph li:nth-of-type(3):before {background-image:url('../img/content/ico_club_vision_3.png');} .clubHistory .philoGrph li {float:left; width:25%; text-align:center;} .clubHistory .philoGrph li:before {content:""; display:block; width:160px; height:160px; margin:0 auto 15px; background:url('../img/content/ico_club_philo_1.png') 50% 50% no-repeat; background-size:contain;} .clubHistory .philoGrph li:nth-of-type(1):before {background-image:url('../img/content/ico_club_philo_1.png');} .clubHistory .philoGrph li:nth-of-type(2):before {background-image:url('../img/content/ico_club_philo_2.png');} .clubHistory .philoGrph li:nth-of-type(3):before {background-image:url('../img/content/ico_club_philo_3.png');} .clubHistory .philoGrph li:nth-of-type(4):before {background-image:url('../img/content/ico_club_philo_4.png');} .clubHistory .philoGrph .tit {font-size:26px;} .clubHistory .philoGrph .tit span {display:block; margin-bottom:1em; font-size:18px;} .clubHistory .historyGrph .year,.clubHistory .historyGrph .list {display:inline-block; vertical-align:middle;} .clubHistory .historyGrph .year {width:150px; height:150px; text-align:center; font-size:26px; line-height:150px; border-radius:100%; border:1px solid #233344;} .clubHistory .historyGrph>ul>li {margin-top:50px;} .clubHistory .historyGrph>ul>li:first-of-type {margin-top:0;} .clubHistory .historyGrph li:nth-of-type(2n+1) .year {color:#fff; background-color:#233344;} .clubHistory .historyGrph li li {margin:0.2em 0;} .clubHistory .historyGrph .date,.clubHistory .historyGrph .txt {display:inline-block; padding-left:40px; vertical-align:top;} .clubOffice .contTxt {padding-right:0; background:#fff url('../img/content/bg_club_office.png') -6% 40% no-repeat; background-size:44% auto;} .clubOffice .orgGroup {position:relative; float:left;} .clubOffice .label {display:block; width:140px; height:50px; margin-right:20px; text-align:center; font-size:20px; line-height:50px; color:#fff; border:1px solid #233344; border-radius:10px; background:#233344;} .clubOffice .org2 .label {color:#233344; background-color:#fff;} .clubOffice li .label {display:inline-block; vertical-align:top;} .clubOffice ul {position:relative;} .clubOffice li {position:relative;} .clubOffice .orgGroup:after {content:""; position:absolute; top:25px; right:0; width:20px; border-top:1px solid #233344;} .clubOffice .org2:after {right:-20px; width:40px;} .clubOffice .orgGroup:last-of-type:after {display:none;} .clubOffice .orgGroup .group1 {position:relative; margin-top:15px; margin-left:20px;} .clubOffice .orgGroup .group1:first-of-type {margin-top:0;} .clubOffice .orgGroup .group1:before {content:""; position:absolute; top:25px; bottom: -40px; left:-20px; border-left:1px solid #233344;} .clubOffice .orgGroup .group1:last-of-type:before {display: none;} .clubOffice .orgGroup .group1 .orgGroup {position: relative;} .clubOffice .orgGroup .group1 .orgGroup:before {content: ""; position: absolute; top: 25px; right: 100%; width: 20px; border-top: 1px solid #233344;} .clubOffice .orgGroup .group1 .group2:before {display: none;} .clubOffice .orgGroup .group2>li {margin-top:15px;} .clubOffice .orgGroup .group2>li:first-of-type {margin-top:0;} .clubOffice .orgGroup .group2>li ul {display:inline-block;} .clubSponsor .list .tit {position:relative; margin-bottom:15px; padding-left:18px; font-size:22px;} .clubSponsor .list .tit:before {content:""; position:absolute; top:50%; left:0; width:8px; height:22px; margin-top:-11px; background:#233344;} .clubSponsor .list ul {margin:0 -15px;} .clubSponsor .list li {float:left; width:50%; padding:0 15px;} .clubSponsor .list a:hover .link {text-decoration:underline;} .clubSponsor .list .box {text-align:center;} .clubSponsor .list .img {margin-bottom:20px; padding:10px 20px; border:1px solid #233344; border-radius:16px; background:#fff;} .clubSponsor .list .img img {height:160px;} .clubSponsor .list .group {float:none; width:auto; clear:left; margin:0 -15px; padding-top:40px;} .clubSponsor .list .group .tit {margin-left:15px;} .clubSponsor .list .group .box {float:left; width:50%; margin-bottom:30px; padding:0 15px;} .clubSponsor .list .group .box:nth-of-type(2n+1) {clear:left;} .clubSponsor .contact {margin-top:1em;} .clubSponsor .contact li {margin-top:0.75em;} .clubSponsor .contact li:before {content:""; display:inline-block; width:28px; height:28px; margin-right:10px; vertical-align:middle; background:url('../img/content/ico_csr_intro_team.png') 50% 50% no-repeat; background-size:contain} .clubSponsor .contact li:nth-of-type(1):before {background-image:url('../img/content/ico_csr_intro_team.png');} .clubSponsor .contact li:nth-of-type(2):before {background-image:url('../img/content/ico_csr_intro_email.png');} .clubSponsor .contact li:nth-of-type(3):before {background-image:url('../img/content/ico_csr_intro_tel.png');} .clubSponsor .contact .dt {display:inline-block; width:5em; vertical-align:middle;} .clubSponsor .contact .dd {display:inline-block; vertical-align:middle; font-weight:bold;} .clubEmblem .img {width:25%; margin:0 auto 40px; text-align:center;} .clubEmblem .tit {font-size:26px;} .clubEmblem .contTxt p {margin-bottom:30px; text-align:justify;} .clubEmblem .contTxt .tit {text-align:left;} .clubEmblem .contTxt strong {display:block;} .clubEmblem .btns {margin:0 -15px; padding-bottom:40px;} .clubEmblem .btns li {float:left; width:50%; padding:0 15px;} .clubEmblem .btns .btn {display:block; position:relative; padding:30px 10px 30px 105px; color:#fff; background-color:#233344;} .clubEmblem .btns .btn span {display:block; font-size:22px;} .clubEmblem .btns .btn:before {content:""; position:absolute; top:50%; left:20px; width:59px; height:70px; margin-top:-35px; background:url('../img/content/ico_club_emblem_ai.png') 50% 50% no-repeat; background-size:contain;} .clubEmblem .btns li:nth-of-type(1) .btn:before {background-image:url('../img/content/ico_club_emblem_ai.png');} .clubEmblem .btns li:nth-of-type(2) .btn:before {background-image:url('../img/content/ico_club_emblem_png.png');} .clubEmblem .mascotBox {display:none;} .clubGreeting .contTxt {background:#fff url('../img/content/bg_club_office.png') 107% 200% no-repeat; background-size:52% auto;} .clubGreeting .contTxt .txtTit {text-align:left;} .clubGreeting .contTxt p {margin-bottom:30px; text-align:justify;} .clubGreeting .contTxt .tit {text-align:left;} .clubUniform .contTxt .txtTit {text-align:left;} .clubUniform .contTxt p {margin-bottom:30px; text-align:justify;} .clubUniform .contTxt .tit {text-align:left;} .clubUniform .contTxt .img {margin-top:60px;} .csrIntro .smileSchool .txtTit {margin-bottom:40px; padding-top:180px; background:url('../img/content/ico_csr_intro.png') 50% 0 no-repeat; background-size:auto 160px;} .csrIntro .introTxt {text-align:center;} .csrIntro .introTxt ul {display:inline-block; text-align:left;} .csrIntro .introTxt li {margin-top:0.75em;} .csrIntro .introTxt li:before {content:""; display:inline-block; width:28px; height:28px; margin-right:10px; vertical-align:middle; background:url('../img/content/ico_csr_intro_1.png') 50% 50% no-repeat; background-size:contain} .csrIntro .introTxt li:nth-of-type(1):before {background-image:url('../img/content/ico_csr_intro_1.png');} .csrIntro .introTxt li:nth-of-type(2):before {background-image:url('../img/content/ico_csr_intro_2.png');} .csrIntro .introTxt li:nth-of-type(3):before {background-image:url('../img/content/ico_csr_intro_3.png');} .csrIntro .introTxt li:nth-of-type(4):before {background-image:url('../img/content/ico_csr_intro_4.png');} .csrIntro .contact {margin-top:1em;} .csrIntro .contact li {margin-top:0.75em;} .csrIntro .contact li:before {content:""; display:inline-block; width:28px; height:28px; margin-right:10px; vertical-align:middle; background:url('../img/content/ico_csr_intro_team.png') 50% 50% no-repeat; background-size:contain} .csrIntro .contact li:nth-of-type(1):before {background-image:url('../img/content/ico_csr_intro_team.png');} .csrIntro .contact li:nth-of-type(2):before {background-image:url('../img/content/ico_csr_intro_email.png');} .csrIntro .contact li:nth-of-type(3):before {background-image:url('../img/content/ico_csr_intro_tel.png');} .csrIntro .contact .dt {display:inline-block; width:5em; vertical-align:middle;} .csrIntro .contact .dd {display:inline-block; vertical-align:middle; font-weight:bold;} .teamYouth .grphTit {padding-top:190px; background:url('../img/content/ico_youth_vision.png') 50% 0 no-repeat; background-size:auto 160px;} .teamYouth .vision .grphTit {background-image:url('../img/content/ico_youth_vision.png');} .teamYouth .goal .grphTit {background-image:url('../img/content/ico_youth_goal.png');} .teamYouth .philo .grphTit {background-image:url('../img/content/ico_youth_philo.png');} .teamYouth .value {padding:0 10px;} .teamYouth .value li {float:left; position:relative; width:25%; padding:0 10px; color:#fff;} .teamYouth .value li:before {content:""; display:block; width:200px; margin:0 auto; padding-bottom:100%; border-radius:100%; background:#233344 url('../img/content/bg_youth_grph.png') 50% 56% no-repeat; background-size:145% auto;} .teamYouth .value li .txt {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px;} .teamYouth .value li .box {display:table; width:100%; height:100%;} .teamYouth .value li .cell {display:table-cell; text-align:center; vertical-align:middle;} .teamYouth .value li p span {display:block; font-size:26px;} .teamYouth .system1 ul {width:470px; height:410px; margin-left:50px; background:url('../img/content/bg_youth_system.png') 50% 0 no-repeat; background-size:100% auto;} .teamYouth .system1 li {position:relative; margin-bottom:5px; padding-top:19px; text-align:center; color:#fff;} .teamYouth .system1 li .txt {position:absolute; top:5px; left:100%; width:100%; padding-left:40px; text-align:left; color:#d29c65;} .teamYouth .system1 li .txt:before {content:""; position:absolute; top:50%; left:0; width:24px; height:40px; margin-top:-20px; vertical-align:middle; background:url('../img/content/ico_youth_system.png') 0 0 no-repeat; background-size:contain;} .teamYouth .system1 li:nth-of-type(1) {height:150px; padding-top:105px;} .teamYouth .system1 li:nth-of-type(2) {height:57px;} .teamYouth .system1 li:nth-of-type(3) {height:60px;} .teamYouth .system1 li:nth-of-type(4) {height:60px;} .teamYouth .system1 li:nth-of-type(5) {height:64px;} .teamYouth .system2 ul {margin:0 -20px; text-align:center; font-size:0;} .teamYouth .system2 li {display:inline-block; width:25%; padding:0 20px; font-size:16px; vertical-align:bottom;} .teamYouth .system2 .grphBox {position:relative; color:#fff;} .teamYouth .system2 .dt {position:relative; font-size:30px; color:#fff; z-index:1;} .teamYouth .system2 .dt:before {content:""; display:block; padding-bottom:100%; border-radius:100%; background:#233344 url('../img/content/bg_youth_grph.png') 50% 56% no-repeat; background-size:145% auto;} .teamYouth .system2 .dt .txt {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px;} .teamYouth .system2 .dt .box {display:table; width:100%; height:100%;} .teamYouth .system2 .dt .cell {display:table-cell; text-align:center; vertical-align:middle;} .teamYouth .system2 .dd {position:relative; margin-top:-50%; padding-top:50%; background-color:#7b858f;} .teamYouth .system2 li:nth-of-type(1) .dd {height:250px;} .teamYouth .system2 li:nth-of-type(2) .dd {height:300px;} .teamYouth .system2 li:nth-of-type(3) .dd {height:350px;} .teamYouth .system2 li:nth-of-type(4) .dd {height:400px;} .teamYouth .system2 .dd p {position:absolute; bottom:50px; left:0; width:100%;} .teamYouth .system2 li:nth-of-type(4) .dd p:before {content:""; display:block; width:120px; height:144px; margin:0 auto 15px; background:url('../img/content/ico_youth_emblem.png') 50% 50% no-repeat; background-size:contain;} .pagination {padding-top:40px; text-align:center; font-size:0;} .pagination a,.pagination strong {display:inline-block; position:relative; width:42px; height:42px; margin-right:-1px; line-height:42px; font-size:16px; vertical-align:middle; border:1px solid #000230; background:#fff;} .pagination strong {font-weight:bold;} .pagination strong:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#000230;} .keepTable {overflow:auto;} .keepTable table {min-width:640px;} .dataTable {text-align:center; font-size:18px; line-height:1.5;} .dataTable th {padding:15px 10px; border-top:3px solid #000230; border-bottom:3px solid #000230;} .dataTable td {padding:15px 10px; border-bottom:1px solid #000230;} .dataTable tr:last-child td {border-bottom-width:3px;} .dataTable a:hover {text-decoration:underline;} .dataTable .no {width:12%;} .dataTable .date {width:20%;} .dataTable .subject {text-align:left;} .dataTable .noData {padding:100px 10px;} .dataTable .subject img {width:40px;} .dataTable.sortTable th {color:#fff; background-color:#000230;} .dataTable.sortTable .btnSort {cursor:pointer;} .dataTable.sortTable .btnSort:after {content:"▼"; display:block; font-size:12px; font-family:'sans-serif';} .dataTable.sortTable .btnSort.headerSortDown:after {content:"▲";} .recordTable {text-align:center; font-size:14px; line-height:1.3;} .recordTable table {border-top:2px solid #000230; border-bottom:2px solid #000230;} .recordTable th {padding:10px 5px; border-bottom:1px solid #000230; background:#dedddd;} .recordTable td {padding:10px 5px; border-top:1px solid #000230;} .recordTable .noData {padding:100px 10px;} .recordTable .break {display:block; font-size:12px;} .infoTable {text-align:center; font-size:14px; line-height:1.3;} .infoTable table {border-top:2px solid #000230; border-bottom:2px solid #000230;} .infoTable th {padding:20px; border-bottom:1px solid #000230; background:#dedddd;} .infoTable td {padding:20px; border-top:1px solid #000230;} .infoTable.scopeRow {text-align:left;} .infoTable.scopeRow th,.infoTable.scopeRow td {padding-left:45px; padding-right:45px;} .infoTable.scopeCol th,.infoTable.scopeCol td {border-left:1px solid #000230;} .infoTable.scopeCol th:first-of-type,.infoTable.scopeCol td:first-of-type {border-left:none;} .listTable {font-size:18px; line-height:1.5; border-bottom:3px solid #000230;} .listTable .list {border-top:3px solid #000230;} .listTable .list .table {display:table; width:100%;} .listTable .list .table .cell {display:table-cell; padding:15px 0; vertical-align:middle;} .listTable .list .table .subject {width:840px; padding:15px 40px; font-size:24px;} .listTable .list .table .stkr:after {content:""; display:inline-block; width:70px; margin-left:15px; padding:4px; text-align:center; vertical-align:middle; font-size:14px; color:#fff; border:1px solid #000230; background:#000230;} .listTable .list[data-state="reply"] .table .stkr:after {content:"답변완료";} .listTable .list[data-state="noreply"] .table .stkr:after {content:"답변대기"; color:#000230; background:#fff;} .listTable .list .view {display:none; padding:40px 55px; border-top:3px solid #000230; background:#e5e5ea;} .listTable .list .view .aBox {margin-top:40px; padding:20px; color:#fff; background:#000230;} .listTable .list .view .aBox a {text-decoration:underline;} .listTable .list.open .view {display:block;} .listTable .list .noData {padding:100px 10px; text-align:center;} .listTable.matchTable {text-align:center; border-top:2px solid #000230;} .listTable.matchTable .list {border-top-width:1px;} .listTable.matchTable .list img {height:75px;} .listTable.matchTable .list .team {width:210px;} .listTable.matchTable .list .team.home {text-align:right;} .listTable.matchTable .list .team.away {text-align:left;} .listTable.matchTable .list .team.home .img {margin-left:5px;} .listTable.matchTable .list .team.away .img {margin-right:5px;} .listTable.matchTable .list .vs {width:110px; padding-left:10px; font-size:36px; letter-spacing:0.3em;} .listTable.matchTable .list .info .stadium {display:block; margin-top:5px;} .listTable.matchTable .list .btns {width:240px;} .listTable.matchTable .list .btns .btn {display:inline-block; width:106px; padding:6px 0; text-align:center; vertical-align:middle; color:#fff; border-radius:8px; background:#000230;} .dataView {font-size:18px;} .dataView .viewBox {border-top:3px solid #000230; border-bottom:3px solid #000230;} .dataView .viewHeader {padding:15px 0; text-align:center; border-bottom:3px solid #000230;} .dataView .viewHeader .subject {font-size:24px;} .dataView .viewContent {min-height:400px; padding:40px 55px; background:#f2f2f4;} .dataView .btns {position:relative; margin-top:40px; text-align:center;} .dataView .btns .btn {display:inline-block; width:110px; padding:12px 0; border:1px solid #000230; background:#fff;} .dataView .btns .btn.prev {position:absolute; top:0; left:0; color:#fff; background:#000230;} .dataView .btns .btn.next {position:absolute; top:0; right:0; color:#fff; background:#000230;} .viewContent img {width:auto !important; height:auto !important;} .writeBox {font-size:18px;} .writeBox th,.writeBox td {padding:15px 60px; border-top:3px solid #000230; border-bottom:3px solid #000230;} .writeBox th {padding-right:0; font-size:24px;} .writeBox .writeInput {width:800px; padding:10px 15px; border:2px solid #000230; background:#fff;} .writeBox textarea.writeInput {height:500px; resize:vertical;} .writeBox .btns {margin-top:40px; text-align:center;} .writeBox .btn {width:300px; padding:15px 0; color:#fff; background:#000230;} /* fanzone */ .fanzone.video .contentBox {padding:40px 0 100px;} .fanzone.video .feedList {overflow:hidden; font-size:14px;} .fanzone.video .template {margin-right:-16px;} .fanzone.video .feedBox {float:left; width:350px; margin:0 16px 16px 0;} .fanzone.video .feedBox img {width:100%;} .fanzone.video .feedBox .article {position:relative; padding:20px 15px; color:#cba67c; background:#000230;} .fanzone.video .feedBox .article .desc {margin-bottom:25px; height: 40px;} .fanzone.video .feedBox .article .feedtype {height:40px; padding-left:50px; font-size:12px; background:url('../ico_title_facebook.png') 0 0 no-repeat;} .fanzone.video .feedBox .article .feedtype span {display:block; font-size:18px;} .fanzone.video .feedBox[data-feeds="facebook"] .article .feedtype {background-image:url('../img/main/ico_title_facebook.png');} .fanzone.video .feedBox[data-feeds="youtube"] .article .feedtype {background-image:url('../img/main/ico_title_youtube.png');} .fanzone.video .feedBox .article .date {position:absolute; bottom:20px; right:15px; font-size:12px;} .fanzone.video .btnMore {display:block; padding:18px 0; text-align:center; font-size:18px; border:2px solid #000230;} .fanzone.video .btnMore:hover {color:#fff; background:#000230;} .fanzone.qna .contentHeader {padding-bottom:15px;} /* match */ .match.ranking th {width:90px;} .match.ranking .no {width:180px;} .match.ranking .subject {width:260px;} /* ticket */ .ticket.season {text-align:center;} .ticket.season .fullContent {background:#faf6eb;} .ticket.stadium {font-size:16px;} .ticket.stadium .stadiumBox {margin-bottom:80px;} .ticket.stadium .stadiumBox:last-of-type {margin-bottom:0;} /* .ticket.stadium .map {position:relative; height:0; padding-bottom:50%;} .ticket.stadium .map iframe {position:absolute; top:0; left:0; width:100%; height:100%;} */ .ticket.stadium .map #map {height: 510px;} .ticket.stadium .title {margin-bottom:30px; padding-bottom:15px; border-bottom:2px solid #000230; font-size:24px; line-height:1.3;} .ticket.stadium .subTitle {margin-bottom:15px; padding-left:10px; font-size:18px; font-weight:bold; line-height:1.3; border-left:3px solid #000230;} .ticket.stadium .info {margin-top:40px;} .ticket.stadium .cf {color:#898989;} .ticket.stadium .info .subway {margin-right:30px;} .ticket.stadium .info .subway i {display:inline-block; width:24px; height:24px; margin-right:5px; text-align:center; vertical-align:middle; font-style:normal; font-weight:bold; line-height:24px; color:#fff; border-radius:100%;} .ticket.stadium .info .subway.line2 i {background:#076e2a;} .ticket.stadium .info .subway.line5 i {background:#a26cad;} .ticket.stadium .info .subway.line9 i {background:#b0930e;} .ticket.stadium .info .bus {color:#317c16;} .ticket.stadium .info .busGR {color:#317c16;} .ticket.stadium .info .busBL {color:#0d369c;} .ticket.stadium .info .busRD {color:#d00108;} .ticket.stadium .info .busAP {color:#4a8ec1;} .ticket.stadium .info .btn {display:inline-block; margin-top:10px; padding:5px 20px; vertical-align:middle; color:#fff; background:#000230;} .ticket.stadium .infoTable {background:#fff;} .ticket.stadium .info .infoTable {margin-top:15px;} .ticket.reserve .infoTable {margin-top:100px;} .ticket.reserve .infoTable .title {margin-bottom:15px; text-align:left; font-size:24px; line-height:1.3;} .ticket.reserve .infoTable th,.ticket.reserve .infoTable td {border-left:1px solid #000230;} .ticket.reserve .infoTable th:first-of-type,.ticket.reserve .infoTable td:first-of-type {border-left:none;} .member.seasonTicket .title {margin-bottom:15px; text-align:center; font-size:18px; color:#000230;} .member.seasonTicket .ticketSummary {float:left; width:50%; padding-right:25px;} .member.seasonTicket .ticketSummary .cnt {margin-bottom:30px; text-align:center;} .member.seasonTicket .ticketSummary .cnt li {display:inline-block; margin:0 15px; vertical-align:top;} .member.seasonTicket .ticketSummary .cnt .point {display:block; width:140px; height:140px; font-size:72px; font-weight:bold; color:#fff; line-height:120px; border:10px solid #000230; border-radius:100%; background:#000230;} .member.seasonTicket .ticketSummary .cnt .use .point {color:#000230; background:#fff;} .member.seasonTicket .homeTicket .ticketSummary .cnt .use .point {font-size:48px; letter-spacing:-3px;} .member.seasonTicket .homeTicket .ticketSummary .cnt .use .point .per {margin-left:3px; font-size:32px;} .member.seasonTicket .ticketList {margin-bottom:20px;} .member.seasonTicket .ticketList select {width:100%; padding:10px 15px; font-size:24px; font-weight:bold; color:#cbcbcb; border:1px solid #cbcbcb;} .member.seasonTicket .usageList {float:right; width:50%; padding-left:25px;} .member.seasonTicket .usageList .list {position:relative; height:480px; overflow:auto; font-size:16px; color:#6a6868; line-height:2; border:1px solid #cbcbcb; background:#f8f7f7;} .member.seasonTicket .seasonTickets .usageList .list {padding:20px 30px; font-size:18px;} .member.seasonTicket .seasonTickets .usageList .list li {position:relative;} .member.seasonTicket .seasonTickets .usageList .list li span {float:right;} .member.seasonTicket .seasonTickets .usageList .list .noData {position:absolute; top:0; left:0; width:100%; height:100%; line-height:480px; text-align:center;} .member.seasonTicket .homeTicket .usageList .list td {padding:10px 15px; vertical-align:top; text-align:left;} .member.seasonTicket .homeTicket .usageList .list .noData {vertical-align:middle; text-align:center;} .member.ticketRegis .formBox {font-size:18px;} /* club */ .club .contentBox {padding:50px 115px 60px;} .club.emblem .mascotBox {display:none;} .club.uniform .btns {margin:40px 0 60px; text-align:center;} .club.uniform .btn {display:inline-block; padding:10px 30px; font-size:16px; font-weight:bold; vertical-align:middle; color:#fff; border-radius:8px; background:#000230;} /* team */ /* .playerList {font-size:0; line-height:1.2;} .playerList .list {display:inline-block; margin:0 5px 40px; vertical-align:top; font-size:24px;} .playerList .list .img {width:245px; height:245px; overflow:hidden; text-align:center; border-radius:100%; border:5px solid #000230; background:url('../img/common/emblem/K31.png') 50% 40% no-repeat; background-size:75% auto;} .playerList .list .img img {width:100%;} .playerList .list .info {position:relative; margin-top:10px; padding-left:110px; font-weight:bold;} .playerList .list .no {position:absolute; top:0; left:0; width:110px; height:100%; text-align:center;} .playerList .list .no.default {left:10px; width:100px; background:url('../img/content/img_player_default.png') 50% 50% no-repeat; background-size:contain;} .playerList .list .no img {height:100%; margin:0 2px;} .playerList .list .name {font-size:33px;} .player_new .playerList .list .info {padding-left:0; text-align:center;} .player_new .playerList .list .no,.player_new .playerList .list .playerName {display:inline-block; text-align:left; vertical-align:middle;} .player_new .playerList .list .no {position:static; width:auto; padding-right:10px;} .player_new .playerList .list .no img {height:60px;} .player_new .playerList .list .no.default {width:64px; height:76px; padding-right:0; background:url('../img/content/img_player_default.png') 50% 50% no-repeat; background-size:auto 60px;} */ .playerList .groupTitle { border-bottom: 1px solid #233344; color: #233344; font-size: 20px; margin: 10px 0 20px; } .playerList .groupTitle span { position:relative; display: inline-block; background-color: #233344; color:#fff; font-size: 20px; padding: 10px 20px; margin-right: 50px; } .playerList .groupTitle span:after { content: ''; display: block; width: 0; height: 0; border-bottom: 54px solid #233344; border-left: 0 solid transparent; border-right: 36px solid transparent; position: absolute; top:0; right: -36px; } .playerList .group { margin: 0 -10px 40px; overflow:hidden; } .playerList .group li { width: 25%; float:left; margin-bottom: 20px; } .playerList .group li a { display: block; margin: 0 10px; padding-bottom: 95px; position: relative; } .playerList .group li a > img { width:100%; overflow:hidden; } .playerList .group .info { position: absolute; bottom: 0; left: 0; width: 100%; height: 95px; background: #e1e1e1 url('../img/common/bg_staff_pos.png') no-repeat right center; background-size: 108px auto; padding: 9px 15px 11px 70px; } .playerList .group.loan .info { height: auto; } .playerList .group .info .num { position: absolute; top: 15px; left: 15px; } .playerList .group .info .num img { height: 35px; margin-right: 4px; } .playerList .group .info .name { color: #000230; font-weight: bold; font-size: 19px; } .playerList .group .info .name span { display: inline-block; margin-left: 5px; padding: 4px 10px 3px; border-radius:10px; background-color: #000230; color:#fff; font-size: 11px; font-weight: normal; vertical-align: text-top; } .playerList .group .info .txt { line-height: 1.2; } .playerView {font-size:18px; line-height:1.2;} .playerView .outline {position:relative;} .playerView .intro {position:relative; height:654px; overflow:hidden; background:url('../img/content/bg_player_profile.jpg') 50% 0 repeat-x;} .playerView .intro .img {position:absolute; top:0; right:60px;} .playerView .intro .info {display:inline-block; min-width:425px; padding:70px 0 0 60px; text-align:center;} .playerView .intro .info .name {position:relative; padding:45px 15px 10px; font-size:72px; border-top:8px solid #000230; border-bottom:3px solid #000230;} .playerView .intro .info .name:before {content:""; position:absolute; top:0; left:50%; width:90px; height:76px; margin-top:-38px; margin-left:-45px; background:#fff url('../img/content/bg_player_name.png') 50% 50% no-repeat;} .playerView .intro .info .no {height:180px; margin:20px 0;} .playerView .intro .info .no img {height:100%; margin:0 8px;} .playerView .intro .info .spec {padding:15px; font-size:24px; color:#fff; line-height:1.5; background:#000230;} .playerView .summary {padding:40px 15px; color:#fff; line-height:1.5; background:#000230;} .playerView .summary .title {margin-bottom:10px; font-size:24px;} .playerView .career {margin-top:30px;} .playerView .career li {position:relative; padding-left:15px;} .playerView .career li:before {content:""; position:absolute; top:10px; left:0; width:6px; border-top:1px solid #fff;} .playerView .record {padding:40px 15px;} .playerView .record .recordBox {margin-bottom:80px;} .playerView .record .title {margin-bottom:15px; font-size:24px;} .playerView .record .title span,.playerView .record .title .tabs {display:inline-block; vertical-align:middle;} .playerView .record .tabs li {margin-left:10px; border:1px solid #000230; border-radius:8px; overflow:hidden;} .playerView .record .tabs li a {width:auto; padding:6px 12px; font-size:14px;} .playerView .record .tabs li a:hover,.playerView .record .tabs .active a {color:#fff; background-color:#000230;} .staff .playerView .intro {height:545px;} .staff .playerView .intro .info {padding:0; margin:70px 0 0 90px; padding-top:215px; background:url('../img/content/bg_staff_pos.png') 50% 0 no-repeat;} .staff .playerView .intro .info .name {padding:20px 0 0; border:none;} .staff .playerView .intro .info .name:before {display:none;} .staff .playerView .intro .info .pos {font-size:20px;} .staff .playerView .intro .info .pos span {display:block; font-size:32px;} .staff .playerView .intro .img {top:30px; right:120px;} .coachList {padding:20px 20px 0; font-size:18px; line-height:1.5;} .coachList .list {position:relative; min-height:470px; margin-bottom:20px; color:#fff; border:1px solid #000230; background:#000230;} .coachList .list .img {position:absolute; bottom:0; left:0; width:468px; height:100%; background:#000230;} .coachList .list .img img {width:100%;} .coachList .list .info {margin-left:468px; padding:30px;} .coachList .list .info .pos {font-size:32px; line-height:1.2;} .coachList .list .info .name {font-size:72px; line-height:1.2;} .coachList .career {margin-top:20px;} .supportList {padding:0 20px 60px; font-size:18px; line-height:1.2;} .supportList .listBox {margin:0 -10px;} .supportList .list {float:left; width:33.33%; margin-bottom:20px; padding:0 10px;} .supportList .list:nth-of-type(3n+1) {clear:left;} .supportList .list .img {border:1px solid #000230;} .supportList .list .info {padding:15px; text-align:center; color:#fff; background:#000230;} .supportList .list .info .pos {font-size:24px;} .supportList .list .info .name {font-size:42px;} /* 20220124 staff v2 */ .staffList { padding: 50px 0; } .staffList .box { overflow: hidden; margin-bottom: 30px; border-bottom: 10px solid #e1e1e1; } .staffList .box > div { float: left; line-height: 1.1; } .staffList .box > .profile { width: 250px; padding-top: 70px; padding-left: 25px; font-size: 24px; font-weight: 400; } .staffList .box > .img { width: calc(100% - 670px); text-align: center; background: url('/resource/img/common/coach_photobackground.png') no-repeat center; background-size: contain; } .staffList .box > .info { width: 420px; } .staffList .profile .pos { margin: 10px 0; font-weight: 400; } .staffList .profile h2 { font-size: 48px; font-weight: 600; } .staffList .profile .detail { margin-top: 20px; } .staffList .profile .detail li { font-size: 12px; font-weight: 600; margin-bottom: 5px; } .staffList .profile .detail li span { font-weight: 400; padding-right: 5px; } .staffList .info { display: table; height: 500px; padding-left: 70px; } .staffList .info > .in { display: table-cell; vertical-align: middle; } .staffList .info .tit { display: inline-block; background-color: #000230; color: #fff; font-size: 12px; margin: 20px 0 5px; padding: 5px 5px 3px 8px; } .staffList .info ul li { position: relative; font-size: 12px; padding-left: 15px; margin-bottom: 3px; } .staffList .info ul li:before { content: ''; display: block; position: absolute; top: 5px; left:4px; width: 3px; height: 3px; background-color: #000230; } /* company */ .company .contentBox {padding:100px; font-size:14px;} .company .companyBox {margin-bottom:30px;} .company ol {list-style:decimal inside;} .company li {list-style:inherit;} .company .companyBox ul li {margin-top:30px;} .company .companyBox ul li:first-child {margin-top:0;} .company .companyBox table {margin-top:10px;} .company .companyBox th {padding:10px 15px; text-align:center; border:1px solid #000230; background:#dedddd;} .company .companyBox td {padding:8px 15px; border:1px solid #000230; background:#fff;} .company .companyBox p {margin-top:5px;} .company .companyBox .indent {display:inline-block; padding-left:1em; vertical-align:middle;} .company.service .companyBox p {margin-top:15px;} .company.service .companyBox p:first-of-type {margin-top:0;} /* csr */ /* member */ .member .contentBox {padding-bottom:200px;} .member .outline {max-width:940px;} .member .memberHeader {height:201px; margin-bottom:30px; padding:110px 15px 0; text-align:center; line-height:1.2; background:url('../img/content/bg_member.png') 50% 50% no-repeat; background-size:auto 100%;} .member .memberHeader .main {font-size:16px;} .member .memberHeader .main span {display:block; font-size:24px;} .member .memberForm {padding-bottom:30px; border-top:2px solid #000230; border-bottom:2px solid #000230;} .member .memberForm .formTitle {margin-bottom:20px; padding:20px 0; text-align:center; font-size:54px; line-height:1.3; border-bottom:1px solid #000230;} .member .memberForm .formTxt {margin-bottom:20px; text-align:center; font-size:18px;} .member .formErr {position:relative; top:-5px; color:#cb4343;} .member .formInfo {margin:20px 0; text-align:center; color:#989796;} .member .formInfo2 {color:inherit;} .member .formBox {max-width:500px; margin:0 auto; font-size:14px;} .member .formBox .formGroup {margin-bottom:10px;} .member .formBox .formGroup:last-of-type {margin-top:20px; margin-bottom:0;} .member .formBox .formInput {width:100%; padding:15px 20px; color:#000230; border:1px solid #000230; background:#fff;} .member .formBox .formInput[readonly] {background-color:#fafafa;} .member .formBox .formInput.sizeXs {width:80px;} .member .formBox .formInput.sizeS {width:280px;} .member .formBox .formInput.sizeM {width:480px;} .member .formBox .formInput.sizeL {width:640px;} .member .formBox.formTable {max-width:none;} .member .formTable h3 {padding-bottom:10px; text-align:left; font-size:18px; font-weight:normal; border-bottom:1px solid #cbcbcb;} .member .formTable table {margin-bottom:30px;} .member .formTable th,.member .formTable td {padding:8px 15px; text-align:left; font-weight:normal; border-bottom:1px solid #cbcbcb;} .member .formTable th {width:150px;} .member .formTable .tableForm {margin:5px 0;} .member .formTable .formInput {padding:10px 15px; border-color:#cbcbcb;} .member .formTable .formInput+.chkInput+.chkInput {margin-left:15px;} .member .formTable input[type="radio"] {-webkit-appearance:radio; border-radius:100%;} .member .formTable input[type="checkbox"] {-webkit-appearance:checkbox;} .member .formTable .btnPostcode {margin-left:10px; padding:10px 25px; border:1px solid #cbcbcb;} .member .formTable .btnCerti {margin-left:10px; padding:10px 25px; border:1px solid #cbcbcb;} .member .formTable .formInfo {display:inline-block; margin-left:20px; vertical-align:middle;} .member .formTable .chkInput {margin-right:10px;} .member .formBox .agreeBox {margin-bottom:20px;} .member .agreeBox .label {margin-bottom:5px;} .member .agreeBox input[type="checkbox"] {display:none; width:0; height:0; overflow:hidden; opacity:0;} .member .agreeBox input[type="checkbox"]+label {display:block; position:relative; width:100%; padding-right:45px; font-size:18px; line-height:1.3; cursor:pointer;} .member .agreeBox input[type="checkbox"]+label:before {content:""; position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; background:url('../img/common/ico_checkbox.png') 0 0 no-repeat;} .member .agreeBox input[type="checkbox"]:checked+label:before {background-position:0 100%;} .member .agreeBox input[type="checkbox"]+label span {font-size:14px; color:#cb4343;} .member .agreeBox .infoBox {height:198px; margin-top:10px; padding:15px; font-size:12px; overflow:auto; border:1px solid #cbcbcb; background:#f8f7f7;} .member .resultBox {margin-top:20px; padding:50px 30px; text-align:center; font-size:18px; color:#595757; border:1px solid #cbcbcb; background:#f8f7f7;} .member .resultBox .resultTxt {margin:10px 0;} .member .btns {margin:0 -12px;} .member .btns .btn {float:left; width:50%; padding:0 12px;} .member .formBtn {display:inline-block; width:100%; padding:15px 20px; text-align:center; font-size:24px; color:#fff; line-height:1.3; border:1px solid #000230; background:#000230;} .member .btnDefault {border-color:#cbcbcb; background-color:#cbcbcb;} .member .outLinks {margin-top:30px; text-align:center; font-size:0;} .member .outLinks a {font-size:18px; color:#000230;} .member .outLinks a:before {content:"|"; margin:0 15px;} .member .outLinks a:first-of-type:before {display:none;} .member .certiBox {margin-top:20px; font-size:30px; border:1px solid #cbcbcb; background:#f8f7f7;} .member .certiBox a {display:block; height:180px; padding-left:50%; line-height:180px; color:#000230; background:url('../img/content/member_certi_1.png') 18% 50% no-repeat;} .member .certiBox.certi2 a {background-image:url('../img/content/member_certi_2.png');} .member.login .memberForm {padding:20px 15px 30px;} .member.login .memberForm .formTitle {padding:0; border-bottom:none;} /* mediaqueries */ @media screen and (min-width:769px){ #dimm {display:none !important;} .sortBox .sort {display:block !important;} } @media screen and (max-width:768px){ .dimmed {overflow:hidden;} * {-webkit-overflow-scrolling: touch} html,body {min-width:0;} .outline {width:auto; max-width:640px;} #content {padding-top:50px;} .tabs li {width:50%;} /* 컨텐츠 페이지마다 상이함 */ .tabs li a {width:auto; font-size:14px;} .tabs .sortBox {text-align:left;} .sortBox .btnDropdown {display:block; position:relative; padding:12px 20px; font-size:14px; line-height:1.3; color:#cba67c; border:2px solid #cba67c;} .sortBox .btnDropdown:before {content:""; position:absolute; top:0; right:0; bottom:0; width:40px; height:100%; background:#cba67c;} .sortBox .btnDropdown:after {content:""; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-5px; border-style:solid; border-width:10px 7px; border-color:transparent; border-top-color:#000230;} .sortBox .sort {display:none; position:absolute; top:100%; left:0; width:100%; margin-bottom:0; padding:0; line-height:1.3; border:none; background:#fff;} .sortBox .sort li {display:block; width:auto; border:1px solid #cba67c; border-top:none;} .sortBox .sort li:before {display:none;} .sortBox .sort li a {padding:12px 20px;} #header {position:fixed; top:0; left:0; width:100%; height:50px; font-size:16px; color:#000; border:none; background:#000230;} #header .logo {position:static; height:50px; margin:0;} #header .logo a {width:168px; height:50px; margin:0 auto; background-image:url('../img/common/logo_header_m.png'); background-size:100% auto;} #header .btnOpenmenu {display:block; position:absolute; top:0; left:0; width:50px; height:50px; border:none;} #header .btnOpenmenu .bar {display:block; width:22px; height:2px; margin:4px 0 4px 10px; border-radius:2px; background:#d7dbde;} #header .btnHome {display:block; position:absolute; top:0; right:0; width:50px; height:50px; background:url('../img/common/btn_menu_home.png') 18px 50% no-repeat;} #header .menu {float:none; position:fixed; top:50px; bottom:0; left:-80%; width:80%; margin-left:0; padding-top:0; text-align:left; overflow:auto; background:#efefef;} #header .menu li {display:block; border-bottom:1px solid #ddd;} #header .menu li a {position:relative; height:auto; padding:12px 20px; line-height:1.5;} #header .menu li a:hover, #header .menu .active a, #header .menu .open a {color:#1f3346;} #header .menu>ul>li>a:after {content:""; position:absolute; top:50%; right:20px; width:16px; height:16px; margin-top:-8px; background:url('../img/common/menu_arr.png') 0 0 no-repeat; background-size:100% auto;} #header .menu>ul>.dropdownMenu>a:after {background-position:0 100%;} #header .menu .dropdownMenu>.subMenu {position:static; width:auto; background:#fff;} #header .menu li:nth-child(3)>.subMenu,#header .menu li:nth-child(4)>.subMenu,#header .menu li:nth-child(5)>.subMenu {margin-left:0;} #header .menu li:nth-child(6)>.subMenu,#header .menu li:nth-child(7)>.subMenu {text-align:left;} #header .menu .subMenu>li {border-top:1px solid #ddd; box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);} #header .menu .subMenu>li:first-child {box-shadow:none;} #header .menu .subMenu li a {height:auto; padding:12px 20px; font-size:15px; color:#868686;} #header .account {position:static; padding:30px 0 100px;} #header .menu .account a {width:100px; padding:10px 0; font-size:16px; background:#fff;} #header .sns {position:static; padding-top:30px; text-align:center;} #header .sns a {width:40px; height:40px; margin:0 7px;} #header .menu li:nth-child(2)>.subMenu, #header .menu li:nth-child(6)>.subMenu { margin-left: 0; } #header_v2 { position: fixed; top:0; left:0; width: 100%; height: 50px; background: #000230; z-index: 9999; } #header_v2 .topMenu, #header_v2 #menu { display: none; } #header_v2 .mbMenu { display: block; } #header_v2 .allMenu { display:block; position: fixed; top: 50px; left:-80%; width: 80%; height: 100%; } #header_v2 .allMenu .in { height: 100%; overflow: auto; background-color: #efefef; } #header_v2 .allMenu .menuWrap { width: 100%; padding: 0; margin:0; } #header_v2 .allMenu .mb { display: block; } #header_v2 .allMenu .subMenu { width: 100% !important; text-align: left; display:none; } #header_v2 .subMenu li { background-color: #fff; border-bottom: 1px solid #ddd; box-shadow: inset 0 3px 10px rgb(0 0 0 / 10%); } #header_v2 .subMenu li a { display: block; line-height: 1.5; padding: 12px 20px; font-size: 15px; color: #868686; } #header_v2 .allMenu .sns, #header_v2 .allMenu .account { display: block; } #header_v2 .gnbBg { top:50px; } #footer {padding:40px 10px 30px; font-size:12px; line-height:1.2; letter-spacing:-1px;} #footer .links {margin:20px 0;} #footer .infos p span:before {display:none;} #footer .infos p span {display:block;} #footer .copyright {margin-top:15px;} #footer .copyright span {display:block;} .main .promotionBox {height:390px; padding-top:266px; background-size:auto 560px; background-position:43% 100%;} .main .promotionBox .mainVideo {display:none;} .main .promotionSlider {margin-bottom:0;} .main .promotionSlider .title {top:20px; left:10px; width:auto; height:auto; text-align:left;} .main .promotionSlider .title p {width:auto; height:auto; margin:0; padding-top:0; border:none;} .main .promotionSlider .title p span {display:inline; margin-bottom:0;} .main .promotionSlider .title p strong {display:inline; font-size:inherit;} .main .promotionSlider .sliderBox:before {right:auto; left:50%; background-position:50% 50%;} .main .promotionSlider .slider .txt {float:none; width:50%; padding-top:45px; padding-left:10px;} .main .promotionSlider .slider .txt .main {font-size:14px;} .main .promotionSlider .slider .txt .sub {display:none;} .main .promotionSlider .slider .img {float:none; position:absolute; top:0; right:0; width:50%; height:100%; overflow:hidden;} .main .promotionSlider .slider .img img {position:relative; left:50%; width:auto; max-width:none; height:100%; margin-left:-163px;} .main .promotionSlider .sliderBox {padding-left:0;} .main .promotionSlider .slider li a {height:110px;} .main .promotionSlider .slider li img {height:110px;} .main .promotionSlider .slideControl {display:none;} .main .promotionBox .mainSlider a img { height: 390px; } .main .matchBox {height:auto; padding-top:20px; padding-bottom:20px; background-size:cover;} .main .matchBox .board {height:auto; margin:15px 0 0; padding-top:160px;} .main .matchBox .team.home {padding-right:0;} .main .matchBox .team.away {padding-left:0;} .main .matchBox .team .img {top:5px; width:90px; margin-top:0;} .main .matchBox .team.home .img {left:50%; margin-left:-45px;} .main .matchBox .team.away .img {right:50%; margin-right:-45px; width: 75px; margin-top: 10px;} .main .matchBox .team .name {height:140px; padding-top:110px; font-size:14px;} .main .matchBox .team .nameBox {display:block;} .main .matchBox .team .nameBox span {display:inline;} .main .matchBox .team.home .name {padding-top:105px; padding-right:0; text-align:center;} .main .matchBox .team.home .name img {height:12px;} .main .matchBox .team.away .name {padding-left:0; text-align:center;} .main .matchBox .info {position:static; width:auto; height:auto; margin-left:0; padding:0 0 10px; background:none;} .main .mainContent {padding-top:0;} .main .snsBox {padding:20px 15px;} .main .snsBox .sort li {margin:0 5px;} .main .snsBox .template {margin-right:0;} .main .snsBox .feedBox {float:none; width:auto; margin:0 0 10px;} .main .snsBox .feedBox .article {padding:15px 10px;} .main .snsBox .feedBox .article .desc {margin-bottom:15px;} .main .snsBox .feedBox .article .feedtype {height:35px; padding-left:45px; background-size:35px;} .main .snsBox .feedBox .article .feedtype span {font-size:15px;} .main .snsBox .feedBox .article .date {bottom:15px; right:10px;} .main .snsBox .btnMore {padding:12px 0; font-size:14px;} .main .bannerBox {position:static; width:auto; height:auto; padding:0 15px 20px;} .main .bannerBox .sectionTitle {padding:20px 0 10px;} /*.main .bannerBox .bannerFrame {height:auto;}*/ .main .bannerBox .result {float:none; width:auto; font-size:14px;} .main .bannerBox .result .league {padding:30px 0 20px;} .main .bannerBox .result .board {margin-bottom:30px;} .main .bannerBox .result .board .img {width:80px; margin-bottom:10px;} .main .bannerBox .result .board .score {margin:0 3px; font-size:36px; letter-spacing:4px;} .main .bannerBox .result .btns {padding-bottom:30px;} .main .bannerBox .ranking {float:none; width:auto; margin:0; font-size:14px;} .main .bannerBox .ranking td:first-of-type {width:auto; padding-left:10px;} .main .bannerBox .ranking td:last-of-type {padding-right:10px;} .main .bannerBox .ranking td img {margin-right:5px;} .main .bannerBox .shopping {float:none; width:auto;} .main .bannerBox .shopping img {width:100%;} .main .sponsorBox img {max-width:120px; max-height:40px; margin:0 10px 15px;} .pageHeader {height:190px; background-position:80% 50%; background-size:cover;} .pageHeader .main {font-size:45px;} .pageHeader .sub {font-size:14px;} .contentBox {padding:30px 15px 60px;} .contentHeader {padding-bottom:20px; font-size:24px;} .cont {padding:30px 0;} .contFrame {margin-top:30px;} .contTit .main {font-size:16px;} .contTit .sub {display:none;} .contTxt {padding:20px 15px; font-size:14px; border:none; background:none;} .contTxt .txtTit {font-size:18px;} .contTxt .txtTit span,.contTxt .txtSubtit span {display:block;} .soccerSchool .video .contTxt {padding: 20px 15px;} .soccerSchool .branch ul {margin:0 -5px;} .soccerSchool .branch li {width:50%; margin-bottom:20px; padding:0 5px;} .soccerSchool .branch li:before {width:auto;} .soccerSchool .branch li:nth-of-type(3) {clear:left;} .soccerSchool .branch li:nth-of-type(3),.soccerSchool .branch li:nth-of-type(4) {margin-bottom:0;} .soccerSchool .contact .label {width: 100px;} .schoolBranch .contTxt {padding: 15px;} .schoolBranch .intro .label {width: 100px;} .schoolBranch .coach li {width: 50%; padding: 0 15px 20px;} .schoolBranch .coach li:nth-of-type(3n+1) {clear: left;} .schoolBranch .coach li span {font-size: 18px;} .schoolBranch .coachInfo .img {float: none; width: auto; margin-bottom: 15px; padding-right: 0;} .schoolBranch .coachInfo .info {float: none; width: auto; padding-left: 0;} .clubHistory .visionGrph {margin-top:0;} .clubHistory .visionGrph li {display:block; width:auto; margin-top:20px; font-size:15px;} .clubHistory .visionGrph li:before {width:160px; height:100px; margin-bottom:5px;} .clubHistory .philoGrph li {width:50%; margin-bottom:25px;} .clubHistory .philoGrph li:nth-of-type(3) {clear:left;} .clubHistory .philoGrph li:nth-of-type(3),.clubHistory .philoGrph li:nth-of-type(4) {margin-bottom:0;} .clubHistory .philoGrph li:before {width:100px; height:100px; margin-bottom:5px;} .clubHistory .philoGrph .tit {font-size:18px;} .clubHistory .philoGrph .tit span {margin-bottom:0.6em; font-size:14px;} .clubHistory .historyGrph .year,.clubHistory .historyGrph .list {display:block;} .clubHistory .historyGrph .year {width:100px; height:100px; margin:0 auto 15px; font-size:18px; line-height:100px;} .clubHistory .historyGrph li li {position:relative; padding-left:90px;} .clubHistory .historyGrph .date {position:absolute; top:0; left:0; padding-left:0;} .clubHistory .historyGrph .txt {display:block; padding-left:0;} .clubOffice .contTxt {max-width:320px; margin:0 auto; background:none;} .clubOffice .label {width:140px; margin-right:0; font-size:15px;} .clubOffice .orgGroup {float:none; margin-bottom:20px; white-space:nowrap;} .clubOffice li .label {display:block; margin:10px 0;} .clubOffice li:first-of-type .label {margin-top:0;} .clubOffice .orgGroup:first-of-type:after {top:100%; right:auto; left:70px; width:auto; height:25px; margin-top:0; border-top:none; border-left:1px solid #233344;} .clubOffice .orgGroup:nth-of-type(2):after {display:none;} .clubOffice .orgGroup:after {top:20px;} .clubOffice .orgGroup>ul>li:after {top:20px; width:13px;} .clubOffice .orgGroup>ul>li:first-of-type:after {width:25px;} .clubOffice .orgGroup>ul>li:before {top:21px; left:-12px; bottom:-41px;} .clubOffice .orgGroup .group1 {margin-left:100px;} .clubOffice .orgGroup .group1:before {top:-20px; left:-30px; bottom:-45px;} .clubOffice .orgGroup .group1>p.orgGroup:before {content:""; position:absolute; right:100%; top:25px; width:30px; border-top:1px solid #233344;} .clubOffice .orgGroup .group2 {margin-left:30px;} .clubOffice .orgGroup .group2>li:first-of-type:after {width:20px;} .clubOffice .orgGroup .group2>li:before {top:-20px;} .clubSponsor .list .tit {margin-bottom:5px; padding-left:0; text-align:center; font-size:18px;} .clubSponsor .list .tit:before {display:none;} .clubSponsor .list ul,.clubSponsor .list .group {margin:0;} .clubSponsor .list li,.clubSponsor .list .group .box {float:none; width:auto; padding:0;} .clubSponsor .list li {padding-bottom:25px;} .clubSponsor .list .img {margin-bottom:10px; padding:15px 10px;} .clubSponsor .list .img img {height:auto;} .clubSponsor .list .group {padding:0;} .clubSponsor .list .group .box {margin-bottom:20px;} .clubSponsor .contact li:before {width:20px; height:20px; margin-right:5px;} .clubEmblem .img {width:45%; margin-bottom:10px;} .clubEmblem .tit {font-size:18px;} .clubEmblem .tit span {display:block;} .clubEmblem .contTxt p {margin-bottom:15px;} .clubEmblem .btns {margin:0; padding-bottom:10px;} .clubEmblem .btns li {float:none; width:auto; margin-bottom:15px; padding:0;} .clubEmblem .btns .btn {padding:20px 10px 20px 70px;} .clubEmblem .btns .btn span {font-size:18px;} .clubEmblem .btns .btn:before {left:15px; width:40px; height:60px; margin-top:-30px;} .clubGreeting .contTxt {background:none;} .clubGreeting .contTxt p {margin-bottom:15px; text-align:left;} .clubUniform .contTxt .img {margin-top:30px;} .clubUniform .contTxt p {margin-bottom:15px;} .csrIntro .smileSchool .txtTit {margin-bottom:20px; padding-top:110px; background-size:auto 90px;} .csrIntro .introTxt li:before {display:none;} .csrIntro .contact li:before {width:20px; height:20px; margin-right:5px;} .csrIntro .contact .dt {width:4.5em;} .teamYouth .grphTit {padding-top:140px; background-size:auto 120px;} .teamYouth .value ul {margin:0 -5px;} .teamYouth .value li {width:50%; margin-bottom:20px; padding:0 5px;} .teamYouth .value li:before {width:auto;} .teamYouth .value li:nth-of-type(3) {clear:left;} .teamYouth .value li:nth-of-type(3),.teamYouth .value li:nth-of-type(4) {margin-bottom:0;} .teamYouth .system1 .contTxt {padding-left:5px; padding-right:5px; text-align:center;} .teamYouth .system1 ul {width:310px; height:180px; margin:0 auto; font-size:11px; background-position:0 0; background-size:150px 100%;} .teamYouth .system1 li {width:150px; margin-bottom:2px; padding-top:7px; text-align:center; color:#fff;} .teamYouth .system1 li .txt {position:absolute; top:2px; left:100%; width:auto; min-width:200px; margin-left:-15px; padding-left:15px; font-size:0.8em; white-space:nowrap;} .teamYouth .system1 li .txt:before {width:12px; height:20px; margin-top:-10px;} .teamYouth .system1 li:nth-of-type(1) {height:66px; padding-top:48px;} .teamYouth .system1 li:nth-of-type(2) {height:25px;} .teamYouth .system1 li:nth-of-type(3) {height:26px;} .teamYouth .system1 li:nth-of-type(4) {height:26px;} .teamYouth .system1 li:nth-of-type(5) {height:28px;} .teamYouth .system2 .contTxt {padding-left:5px; padding-right:5px;} .teamYouth .system2 ul {margin:0 -1px;} .teamYouth .system2 li {padding:0 1px; font-size:11px;} .teamYouth .system2 .dt {font-size:15px;} .teamYouth .system2 li:nth-of-type(1) .dd {height:120px;} .teamYouth .system2 li:nth-of-type(2) .dd {height:140px;} .teamYouth .system2 li:nth-of-type(3) .dd {height:160px;} .teamYouth .system2 li:nth-of-type(4) .dd {height:180px;} .teamYouth .system2 .dd p {font-size:0.9em; bottom:20px; letter-spacing:-1px;} .teamYouth .system2 li:nth-of-type(4) .dd p:before {width:60px; height:72px; margin-bottom:5px;} .dataTable {font-size:14px;} .dataTable th {padding:8px 5px;} .dataTable td {padding:8px 5px;} .dataTable .subject img {width:30px;} .dataTable.sortTable .btnSort:after {margin-top:-3px; font-size:10px;} .infoTable th,.infoTable td {padding:15px;} .infoTable.scopeRow th,.infoTable.scopeRow td {padding-left:15px; padding-right:15px;} .recordTable {font-size:12px;} .newsTable {border-top:3px solid #000230; border-bottom:3px solid #000230;} .newsTable table,.newsTable tbody,.newsTable tr,.newsTable th,.newsTable td {display:block;} .newsTable thead {display:none;} .newsTable tr {position:relative; padding:10px 0; border-top:1px solid #000230;} .newsTable tr:first-of-type {border-top:none;} .newsTable th,.newsTable td {padding:0; text-align:left; border:none;} .newsTable .no {display:none;} .newsTable .date {width:auto; margin-top:3px; font-size:12px;} .newsTable .noData {text-align:center;} .listTable {font-size:14px;} .listTable .list .table {display:block; width:auto; padding:15px 0;} .listTable .list .table .cell {display:block; padding:0;} .listTable .list .table .subject {width:auto; margin-bottom:5px; padding:0; font-size:16px;} .listTable .list .table .stkr:after {width:60px; margin-left:5px; padding:4px;font-size:12px;} .listTable .list .table .date {font-size:12px;} .listTable .list .view {padding:15px; border-top-width:1px;} .listTable .list .view .aBox {margin-top:20px; padding:15px;} .listTable.matchTable .list .team,.listTable.matchTable .list .vs {display:inline-block;} .listTable.matchTable .list .team {position:relative; width:90px; padding-top:80px; font-size:14px;} .listTable.matchTable .list .team.home,.listTable.matchTable .list .team.away {text-align:center;} .listTable.matchTable .list .team .img {position:absolute; top:0; left:0; width:100%;} .listTable.matchTable .list .team.home .img,.listTable.matchTable .list .team.away .img {margin:0;} .listTable.matchTable .list .vs {width:70px; font-size:24px;} .listTable.matchTable .list .info .stadium {display:inline; margin-left:10px;} .listTable.matchTable .list .btns {width:auto;} .listTable.matchTable .list .btns .btn {margin-top:10px;} .dataView {font-size:14px;} .dataView .viewHeader {padding:10px 0;} .dataView .viewHeader .subject {font-size:18px;} .dataView .viewContent {padding:15px;} .dataView .btns {margin-top:20px;} .dataView .btns .btn {width:auto; min-width:68px; padding:8px 15px; font-size:12px;} .pagination a,.pagination strong {width:32px; height:32px; line-height:32px; font-size:14px;} .fanzone.video .contentBox {padding:30px 15px 60px;} .fanzone.video .template {margin-right:0;} .fanzone.video .feedBox {float:none; width:auto; margin:0 0 10px;} .fanzone.video .feedBox .article {padding:15px 10px;} .fanzone.video .feedBox .article .desc {margin-bottom:15px;} .fanzone.video .feedBox .article .feedtype {height:35px; padding-left:45px; background-size:35px;} .fanzone.video .feedBox .article .feedtype span {font-size:15px;} .fanzone.video .feedBox .article .date {bottom:15px; right:10px;} .fanzone.video .btnMore {padding:12px 0; font-size:14px;} .ticket.stadium {font-size:14px;} .ticket.stadium .title {margin-bottom:20px; padding-bottom:10px; font-size:20px;} .ticket.stadium .subTitle {margin-bottom:10px; padding-left:8px; font-size:16px;} /* .ticket.stadium .map {padding-bottom:60%;} */ .ticket.stadium .map #map {height: 280px;} .ticket.reserve .infoTable {margin-top:40px;} .ticket.reserve .infoTable .title {font-size:18px;} .member.seasonTicket .ticketSummary,.member.seasonTicket .usageList {float:none; width:auto; padding:0;} .member.seasonTicket .title {margin-bottom:10px;} .member.seasonTicket .ticketSummary .cnt li {margin:0 5px;} .member.seasonTicket .ticketSummary .cnt .point {width:120px; height:120px; font-size:56px; line-height:100px;} .member.seasonTicket .homeTicket .ticketSummary .cnt .use .point {font-size:40px; letter-spacing:-2px;} .member.seasonTicket .homeTicket .ticketSummary .cnt .use .point .per {font-size:28px;} .member.seasonTicket .ticketList select {padding:10px; font-size:16px;} .member.seasonTicket .usageList {padding-top:50px;} .member.seasonTicket .usageList .list {height:200px; font-size:12px;} .member.seasonTicket .seasonTickets .usageList .list {padding:15px; font-size:14px;} .member.seasonTicket .seasonTickets .usageList .list .noData {line-height:200px;} .member.seasonTicket .homeTicket .usageList .list td {padding:10px 5px;} .club .contentBox {padding:30px 15px 60px;} .playerList {width:560px; margin:0 auto;} .playerList .list {width:140px; margin:0 0 25px; padding:0 3px; vertical-align:top; font-size:14px;} .playerList .list .img {width:134px; height:134px; margin:0 auto;} .playerList .list .info {padding-left:60px;} .playerList .list .no {width:60px;} .playerList .list .no.default {left:0; width:60px;} .playerList .list .no img {margin:0 1px;} .playerList .list .name {font-size:20px;} .player_new .playerList {width:auto;} .player_new .playerList .list {width:25%;} .player_new .playerList .list .no {padding-right:0;} .player_new .playerList .list .no img {height:40px;} .player_new .playerList .list .no.default {width:40px; height:40px; background-size:contain;} .playerList .group li { width: 50%; } .playerView {font-size:14px;} .playerView .outline {position:static;} .playerView .intro {height:auto; text-align:center; background-position:50% 0; background-size: cover;} .playerView .intro .info {min-width:0; padding:30px 0;} .playerView .intro .info .name {padding:22px 20px 5px; font-size:48px;} .playerView .intro .info .name:before {width:40px; height:46px; margin-top:-23px; margin-left:-20px; background-size:32px auto;} .playerView .intro .info .no {height:115px;} .playerView .intro .info .no img {margin:0 4px;} .playerView .intro .info .spec {padding:10px 15px; font-size:16px;} .playerView .intro .img {position: relative; right:auto;} .playerView .intro .img img {width:280px;} .playerView .summary {padding:25px 15px;} .playerView .summary .title {font-size:18px;} .playerView .record {padding:25px 15px;} .playerView .record .recordBox {margin-bottom:40px;} .playerView .record .title {font-size:18px;} .playerView .record .tabs li {margin-left:0; border-top:none; border-radius:0;} .playerView .record .sortBox .btnDropdown {min-width:100px; padding:5px 47px 5px 15px; color:#000230; border:1px solid #000230; background-color:#fff;} .playerView .record .sortBox .btnDropdown:before {background-color:#000230;} .playerView .record .sortBox .btnDropdown:after {right:12px; border-top-color:#fff;} .playerView .record .sortBox ul { position:absolute; top:30px; background-color: #fff; display: none; } .playerView .record .sortBox ul li { width: 100%; } .staff .playerView .intro {height:670px;} .staff .playerView .intro .info {margin:25px 0 0; padding-top:135px; background-size:auto 120px;} .staff .playerView .intro .info .pos {font-size:12px;} .staff .playerView .intro .info .pos span {font-size:18px;} .staff .playerView .intro .info .name {padding-top:0; font-size:42px;} .staff .playerView .intro .img {top:auto; bottom:0; left:0; right:0;} .coachList {padding:10px 15px; font-size:14px;} .coachList .list {min-height:0; margin-top:110px; margin-bottom:15px;} .coachList .list .img {position:static; width:auto; height:auto;} .coachList .list .info {margin-left:0; padding:5px 15px 20px;} .coachList .list .info .pos {position:absolute; top:-75px; left:0; width:100%; text-align:center; font-size:18px; color:#000230;} .coachList .list .info .name {position:absolute; top:-55px; left:0; width:100%; text-align:center; font-size:36px; color:#000230;} .supportList {padding:0 15px 30px; font-size:14px; line-height:1.2;} .supportList .listBox {margin:0 -5px;} .supportList .list {width:50%; margin-bottom:10px; padding:0 5px;} .supportList .list:nth-of-type(3n+1) {clear:none;} .supportList .list:nth-of-type(2n+1) {clear:left;} .supportList .list .info {padding:10px;} .supportList .list .info .pos {font-size:16px;} .supportList .list .info .name {font-size:24px;} .member .contentBox {padding-bottom:120px;} .member .memberHeader .main {font-size:14px;} .member .memberHeader .main span {font-size:22px;} .member .formBox .formGroup:last-of-type {margin-top:15px;} .member .formBox .formInput {padding:12px 15px;} .member .formBtn {padding:12px 15px; font-size:18px;} .member .memberForm .formTitle {padding:15px 0; font-size:28px;} .member .memberForm .formTxt {font-size:14px;} .member .certiBox a {height:80px; padding-left:40%; font-size:20px; line-height:80px; background-size:auto 48px;} .member .outLinks {margin-top:15px;} .member .outLinks a {font-size:14px;} .member .outLinks a:before {margin:0 5px;} .member .formErr {font-size:12px;} .member .formBox .btns {margin:0;} .member .formBox .btns .btn {padding:0;} .member .agreeBox .infoBox {height:120px; padding:10px;} .member .agreeBox input[type="checkbox"]+label {font-size:16px;} .member .formBox .certiBox {margin-top:5px;} .member .formBox .certiBox:first-of-type {margin-top:15px;} .member .formBox .certiBox a {height:80px; padding-left:40%; font-size:20px; line-height:80px; background-size:auto 48px;} .member .formTable .formInput {padding:8px 10px;} .member .formTable th {width:80px; padding-left:0; padding-right:5px;} .member .formTable td {padding-left:0;} .member .formBox .formInput.sizeS,.member .formBox .formInput.sizeM,.member .formBox .formInput.sizeL {width:100%;} .member .formTable .formInfo {display:block; margin-left:0; font-size:12px;} .member .formBox .formInput.inputPostcode {width:50%;} .member .formTable .btnPostcode {width:calc(50% - 5px); max-width:100px; margin-left:5px; padding:8px 10px;} .member .formTable .btnCerti {width:100%; margin-top:5px; margin-left:0; padding:8px 25px;} .company .contentBox {padding:30px 15px;} .company .companyBox {margin-bottom:10px;} /* 20220124 staff */ .staffList .box > div { float: none; width: 100% !important; } .staffList .box > .profile { text-align: center; margin-bottom: 30px; padding-top: 0; } .staffList .box > .img { padding: 0 50px; } .staffList .info { height: auto; padding: 10px 20px 20px;} } @media screen and (max-width:650px){ .player_new .playerList .list {width:50%;} } @media screen and (max-width:525px){ .playerList .group li { width: 100%; } } @media screen and (max-width:340px){ .player_new .playerList {margin-left:-10px; margin-right:-10px;} } @media screen and (max-width:320px){ .teamYouth .system1 li .txt {margin-left:-30px;} }