@charset "utf-8";
/* ----------
css
---------- */

/* ****************** 공통 ********************** */
.comm-tit{position:relative; padding-left:23px; font-size:21px; line-height:30px; color:#111; font-weight:400; letter-spacing:-0.5px; margin-bottom:20px;}
.comm-tit:before{display:block; content:""; position:absolute; top:8.5px; left:0; width:14px; height:12px; background:url(/images/2018/content/comm_tit_bg.png) no-repeat left top;}
.comm-box{width:100%; margin-bottom:30px;}
.comm-sub-tit{font-size:18px; color:#333; font-weight:400; margin-bottom:15px;}

/* ****************** 공통 :: 테이블 ********************** */
/* .participation-summary-tbl{width:100%; border-top:2px solid #222;}
.participation-summary-tbl th{font-size:16px; line-height:26px; color:#333; font-weight:500; text-align:center; letter-spacing:-0.5px; padding:10px 0; border:1px solid #ddd; background-color:#eee;}
.participation-summary-tbl td{background-color:#fff; border:1px solid #ddd; padding:5px 0;}
.participation-summary-tbl td > p{padding-left:19px; font-size:16px; line-height:30px; color:#333; letter-spacing:-0.5px;}
.participation-summary-tbl td > p span{color:#999;}
.participation-summary-tbl td > b{display:block; font-size:20px; line-height:30px; color:#333; font-weight:500; letter-spacing:-0.5px; text-align:center;}
.participation-summary-notice{padding:17px 22px; padding-top:29px; background-color:#fff; border:1px solid #ddd; border-top:2px solid #222;}
.participation-summary-notice > p{position:relative; padding-left:11px; font-size:16px; line-height:26px; color:#333; letter-spacing:-0.5px; margin-bottom:12px;}
.participation-summary-notice > p:before{display:block; content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background-color:#999; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.participation-summary-notice > p span{color:#999;}
.participation-summary-notice > p.style02{padding-left:0;}
.participation-summary-notice > p.style02:before{display:none;}
.participation-summary-schedule-tag{float:right;}
.participation-summary-schedule-tag > span{display:inline-block; vertical-align:middle; width:100px; height:40px; line-height:40px; text-align:center; font-size:15px; background-color:#667ace; color:#fff; margin-right:10px;}
.participation-summary-schedule-tag > span:first-child{background-color:#ffdf49; color:#333; margin-left:0px;}
.participation-summary-schedule-tag > span.final{background-color:#ed2847;} */

/* ****************** 리그소개 ********************** */
.comm-schedule-tbl{width:100%;}
.comm-schedule-tbl th{font-size:16px; line-height:26px; color:#333; text-align:center; letter-spacing:-0.5px; font-weight:400; padding:10px 0; background-color:#eee; border:1px solid #ddd;}
.comm-schedule-tbl thead th.top{border-top:2px solid #222;}
.comm-schedule-tbl td{border:1px solid #ddd; background-color:#fff; height:78px; letter-spacing:-0.5px; text-align:center;}
.comm-schedule-tbl td.apply{font-size:13.5px; line-height:15px; color:#333; background-color:#ffdf49;}
.comm-schedule-tbl td.ing{font-size:15px; color:#fff; background-color:#667ace;}

/* ****************** 리그운영안내 ********************** */
/* -------- 리그운영안내 :: 공통 탭 -------- */
.tabletennis-information-tab-container,
.baseball-information-tab-container{width:100%;}
.tabletennis-information-tab-list,
.baseball-information-tab-list{width:100%; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; margin-bottom:40px; font-size: 0; text-align: center;}
.tabletennis-information-tab-list > li,
.baseball-information-tab-list > li{float: none; display: inline-block; vertical-align: middle; width: 25%; max-width:302.5px; height:44px; text-align:center; background-color:#f9f9f9; border:1px solid #ddd; border-left:0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tabletennis-information-tab-list > li:first-child,
.baseball-information-tab-list > li:first-child{border-left:1px solid #ddd; border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; -o-border-radius:25px 0 0 25px;}
.tabletennis-information-tab-list > li:last-child,
.baseball-information-tab-list > li:last-child{border-radius:0 25px 25px 0; -moz-border-radius:0 25px 25px 0; -webkit-border-radius:0 25px 25px 0; -o-border-radius:0 25px 25px 0;}
.tabletennis-information-tab-list > li a,
.baseball-information-tab-list > li a{display:block; font-size:18px; line-height:44px; letter-spacing:-0.5px; color:#333;}
.tabletennis-information-tab-list > li.selected,
.baseball-information-tab-list > li.selected{background-color: var(--main-color) !important;}
.tabletennis-information-tab-list > li.selected a,
.baseball-information-tab-list > li.selected a{color:#fff;}
.tabletennis-information-tab-content-wrapper,
.baseball-information-tab-content-wrapper{width:100%;}

/* -------- 리그운영안내 :: 표 -------- */
.operations-guide-tit{border:2px solid #ddd; background-color:#fff; text-align:center; margin-bottom:10px;}
.operations-guide-tit > h3{font-size:21px; line-height:26px; color:#111; font-weight:400; letter-spacing:-0.5px; padding:12px 0;}
.operations-guide-tit > h3 p{font-size:16px;}
.operations-guide-tit.final{border-color:#ed2847; padding:45px 0;}
.operations-guide-tit.final > h3 span{color:#ed2847;}
.operations-guide-tbl{width:100%; border-bottom:2px solid #222; margin-bottom:20px;}
.operations-guide-tbl th{background-color:#eee; border-left:1px solid #222; border-top:2px solid #222; font-size:20px; line-height:22px; color:#333; font-weight:400; letter-spacing:-0.5px; text-align:center; padding:12px 0; border-bottom:1px solid #ddd;}
.operations-guide-tbl tr th:first-child{border-left:0;}
.operations-guide-tbl th em{font-size:13.5px;}
.operations-guide-tbl td{font-size:16px; line-height:22px; color:#333; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.5px; padding:12px 0; background-color:#fff;}
.operations-guide-tbl td.bol{border-left-color:#222;}
.operations-guide-tbl.type2{margin:20px 0; width:929px; border-bottom:0;}
.operations-guide-tbl.type2 th, .operations-guide-tbl.type2 td{font-size:17px; line-height:30px; color:#333;}
.operations-guide-tbl.type2 th.point{border-top-color:#ddd;}
.operations-guide-tbl.type2 td{padding-left:19px; text-align:left; border-top:2px solid #ddd;}
.operations-guide-tbl.type2 td.center{padding-left:0; text-align:center;}
.operations-guide-tbl.type2 td.point{border-top-color:#222;}
.operations-guide-tbl.type2 td > p{padding-left:10px; position:relative;}
.operations-guide-tbl.type2 td > p:before{position:absolute; left:0; top:0; content:"·"; color:#333;}
.operations-guide-tbl.type2 tr:last-child th{border-bottom:2px solid #222;}
.operations-guide-tbl.type2 tr:last-child td{border-bottom:2px solid #222;}

.operations-guide-comment{font-size:16px; line-height:26px; color:#111; letter-spacing:-0.5px; margin-bottom:15px;}
.operations-guide-arrow{width:100%; text-align:center; color:#000; margin: 30px 0;}
.operations-guide-arrow i{vertical-align:middle; font-size:45px;}

.operations-guide-box{background-color:#fff; border:1px solid #ddd; padding:20px; padding-left:19px; margin-bottom:16px;}
.operations-guide-box > p{font-size:17px; line-height:30px; color:#333; letter-spacing:-0.5px;}
.operations-guide-box > p span {display:inline-block;padding:0 5px;background-color:#eee;border:1px solid #ddd;}


/* ****************** 참가팀소개 ********************** */
.league-team-tbl{width:100%;}
.league-team-tbl-tit{height:60px; text-align:center; font-size:18px; color:#fff; font-weight:500; letter-spacing:-0.5px; background-color:#000;}
.league-team-tbl tbody td{border:1px solid #ccc; height:100px; vertical-align:middle;}
.league-team-tbl tbody td:hover{background-color:rgba(51,128,195,0.4)}
.league-team-tbl tbody td a{display:block; width:100%; height:100%;}


/* 로그인
------------------------------------------------------ */
.modal-close i {
    font-size: 40px;
    color: #fff;
}
#memberCon.login{width:100%; background-color:#fff; padding:0px; overflow-x: hidden;}
#loginCon{width:100%;}
#loginCon > h2{font-size:40px; font-weight:600; letter-spacing:-0.35px; color:#555; text-align:center; padding-top:40px; margin-bottom:15px;}
#loginCon > p{text-align:center; font-size:15px; line-height:26px; color:#777; letter-spacing:-0.35px; padding-bottom:40px;}
#loginTbl{width:490px; margin:0px auto; margin-bottom:18px;}
#loginTbl th{text-align:left; font-size:17px; font-weight:600; color:#333;}
#loginTbl td{padding:5px 0; overflow:hidden;}
#loginTbl td > label{font-size:13.5px; color:#777; letter-spacing:-0.35px;}
#loginTbl td > input.text{width:100%; height:40px; padding:5px; background-color:#f2f2f2; border:1px solid #ddd;
-webkit-box-sizing: border-box; box-sizing: border-box;}
#loginTbl td > a.login-btn{display:inline-block; width:100%; height:80px; background-color:#e9083c; font-size:22px; line-height:80px; color:#fff; letter-spacing:-0.35px; text-align:center;}
#loginTbl td > a.join-btn, #loginTbl td >  a.search-btn{float:left; display:inline-block; width:200px; height:60px; line-height:60px; color:#fff; text-align:center; font-size:15px; letter-spacing:-0.35px;}
#loginTbl td > a.join-btn{background-color:#555;}
#loginTbl td > a.search-btn{background-color:#aaa;}
#loginCon > p.login-coment{padding-left:89px; background:url(/images/content/participation_icon02.png) no-repeat 58px 2px; font-size:15px; line-height:26px; color:#aaa; letter-spacing:-0.35px; text-align:left;}



/* 테이블 위에 덮는 cover */
.cm-pr {
    position: relative;
}
/* Table :: Cover */
.check-comm-cover{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); visibility:hidden; opacity:0;filter:Alpha(opacity=0); z-index:9; cursor:pointer;}
.check-comm-cover-con{width:100%; height:100%; display:table;}
.check-comm-cover-inner{display:table-cell; width:100%; vertical-align:middle; text-align:center;}
.check-comm-cover-inner p{display:inline-block; position:relative; color:#fff; padding-right:30px; line-height:20px;}
.check-comm-cover-inner p i{position:absolute; right:0; vertical-align:middle; font-size:22px;}
.trans300 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 800px)
.technology-tbl-swiper-wrap.cover .check-comm-cover {
    visibility: visible;
    opacity: 1.0;
    filter: Alpha(opacity=100);
}

/* 커뮤니티 :: 갤러리 */
#GalleryContainer .gallery-content > article .gallery-list li {float: left; width: 32%; height: 260px; margin-left: 0; margin-bottom: 15px;}
#GalleryContainer .gallery-content {width: auto; margin: 0 15px;}

/* 갤러리 */
#GalleryContainer .gallery-search .search-box {margin-right: 15px;}
.gallery-list li .g-title p {padding-left: 4%; width: 56%;}
.gallery-list li .g-title > div {width: 40%; float: right; padding-top: 15px;}

/* 뷰 페이지 iframe */
.notice-view-con .view-content .iframe-containner{position: relative; padding-top: 56.25%; height: 0;}
.notice-view-con .view-content .iframe-containner iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* 경기영상 */
#GalleryContainer .gallery-tab {width: 100%; height: 50px; background-color: #fff; overflow: hidden; margin-bottom: 23px; border-bottom: 1px solid #ddd; border-radius:0 5px 5px 0; width:31%;}



/* 축구 탭 */
.half-tab > li{width:450px;}

/* 축구 규정 */
.rule-container li {font-size: 15px; line-height: 30px; color: #666; letter-spacing: -1px;}
.rule-container li.spacing {padding: 0 20px;}
.rule-container li.d-spacing {padding: 0 40px;}

.team-symbol {
    text-indent: 0px;
}
.team-symbol-pt {
    padding-top: 17px;
}

/* 참가팀소개 테이블 */
.sub-content {}
.sub-content tr th, .sub-content tr td{text-align:Center;}
.sub-content tr td img {display:block;margin:0 auto 5px;}
.league-team-tbl tr td {width:150px; width: 16.66%; line-height:20px;height:100px;}
.league-team-tbl tr th {border-right:none !Important}
.league-tab-content article{position:static;}
.loc-team-tab {margin-bottom:30px}
.team-symbol{text-indent:0px;}
.league-team-tbl .line {position:Relative;width:152px;}
.league-team-tbl .line:after {content:"";position:absolute;left:-15px;right:0;top:49px;width:181px;height:1px;background-color:#ccc;transform:rotate(33.5deg);}

.league-team-tbl .line02 {position:Relative;width:129px;}
.league-team-tbl .line02:after{content:"";position:absolute;left:-17px;right:0;top:49px;width:165px;height:1px;background-color:#ccc;transform:rotate(37.5deg);}

.league-team-tbl td{border-left:0;}
.league-team-tbl td:hover{background-color:rgba(51,128,195,0.4);}
td.bac{background-color:#f5f5f5;}
td.bac:first-child .league-team-tbl td{border-left:1px solid #ccc;}