@import url("base.css");
@import url("style_btn.css");
@import url("style_board.css");
@import url("style_contents.css");

#contentArea      {width: 100%; margin:0px auto; display:inline-block; padding-bottom:40px; text-align:center; margin-top:110px; font-size:16px;}
#container          {width:100%; max-width: 1280px; margin:0px auto; display:block; text-align:left; position:relative; min-height:400px; padding-top:40px;}
#container img {max-width:100%;}

#mainArea {font-size:16px; width:100%; margin-left:auto; margin-right:auto; border:0px; padding:0px; overflow:hidden; position:relative; text-align:left; margin-top:110px;}
.mainGroup {width:100%; max-width:1300px; margin-left:auto; margin-right:auto;}






#mainVisual           {width:100%; height:450px; text-align:center; overflow:hidden;}
.mnews {width:100%; height:450px; background:#f9f9f9; font-size:1em;}
.mnews .item {text-align:center; position:relative; }
.mnews .item .photo {width:66%; height:450px; z-index:1; float:left;}
.mnews .item .photo img {text-align:center; margin-left:auto; margin-right:auto; width:100%;  z-index:1;}

.mnews .item .bgarea {float:left; width:30%; margin-left:2%; position:relative;}


.mnews .item .news {position:relative;max-height:30px; margin-top:80px;  overflow:hidden; line-height:1.5; text-align:left; color:#fff; font-weight:bold;}
.mnews .item .news span {border-radius:20px; background:#0a2572; padding:5px 15px; font-size:1em; }

.mnews .item .subject {position:relative; max-height:60px; margin-top:30px;  font-size:1.6em; overflow:hidden; line-height:1.2; text-align:left; font-weight:bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 라인 수 */}
.mnews .item .content {position:relative; max-height:70px; margin-top:30px;  font-size:1em; overflow:hidden; line-height:1.5; text-align:left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 라인 수 */}
.mnews .item .wdate {position:relative; max-height:30px; margin-top:30px;  font-size:1em; overflow:hidden; line-height:1.5; text-align:left;}

.mnews .item .chk {position:relative; max-height:25px; margin-top:20px;  font-size:1em; overflow:hidden; line-height:1.5; text-align:left;}
.mnews .item .chk span { background-color:#004fa2; color:#fff; border-radius:100vh; padding-left:20px; padding-right:20px; margin-right:10px;}

#mainVisual .bx-wrapper { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: 0px solid #fff; background:none; margin-bottom: 0px;}
#mainVisual .bx-wrapper .bx-pager {padding-top:0px; text-align:right; width:98%;}
#mainVisual .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px;}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a {background:#b4b4b4;}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active, #mainVisual .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#1d489e;}

#mainQuickArea {width:100%; background:#0a2572; text-align:center;}
#mainQuick{ width:100%; background:#0a2572;  display:inline-block;}
#mainQuick ul {width:100%; display:inline-block;  position:relative; }
#mainQuick ul li{ float:left; width:calc(100% / 4); text-align:center;  color:#fff; padding:15px 0px 25px;}

#mainQuick ul li a{ display:block; width:100%; border-right:0px solid #081f5e; color:#fff; font-size:1.1em;  font-weight:600; letter-spacing:-1;}
#mainQuick ul li i{ position:relative; top:5px; color:#fff; font-size:1.5em;  margin-right:10px; padding-top:5px;}
#mainQuick ul li:hover i {top:1px;  color:#077fcf; transition: 0.5s all ease; }
#mainQuick ul li:hover a {color:#077fcf;}


#mainNews {position:relative;  width:100%; display:inline-block;}
#mainNews > ul {width:100%; }
#mainNews > ul > li {float:left; width:calc(25% - 1px); position:relative; height:0;  overflow:hidden; padding-bottom:250px; margin-left:1px;}

#mainNews > ul > li:first-child {width:50%; padding-bottom:500px; margin-left:0px;}

#mainNews > ul > li:nth-child(4) {margin-top:1px; padding-bottom:249px;}
#mainNews > ul > li:nth-child(5) {margin-top:1px; padding-bottom:249px;}

#mainNews > ul > li > a > .mnphoto {overflow:hidden; }
#mainNews > ul > li > a > .mnphoto > img {width:100%; position:absolute;  min-height:100%; object-fit:cover;}
#mainNews > ul > li > a > .mnphoto:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url('/images/common/img_shadow.png') repeat-x center bottom / contain;}

#mainNews > ul > li > a > .mnsubject {bottom:20px; position:absolute; width:100%; padding:0 20px; color:#fff;}
#mainNews > ul > li > a > .mnsubject > h2 {font-size:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
#mainNews > ul > li:first-child > a > .mnsubject > h2 {font-size:1.5em;}


#mainNews > ul > li > a > .mnicon {top:20px; right:20px; position:absolute; width:40px; height:40px; background:#0a2572; border-radius:20px; text-align:center;}
#mainNews > ul > li > a > .mnicon > i {color:#fff; line-height:40px; font-size:1.2em;}

.mvnews {width:100%; height:100%; position:relative;}
.mvnews > a > .item {text-align:center; position:relative; }
.mvnews > a > .item > .photo {overflow:hidden;  height:500px;}
.mvnews > a > .item > .photo > img {width:100%; min-height:100%; object-fit:cover;}
.mvnews > a > .item > .photo:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url('/images/common/img_shadow.png') repeat-x center bottom / contain;}

.mvnews > a > .item > .bgarea {bottom:30px; position:absolute; width:100%; padding:0 20px; color:#fff;}
.mvnews > a > .item > .bgarea > .subject {font-size:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}

#mainNews .bx-wrapper { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: 0px solid #fff; background:none; margin-bottom: 0px;}
#mainNews .bx-wrapper .bx-pager {padding-top:0px; text-align:right; width:98%;}
#mainNews .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px;}
#mainNews .bx-wrapper .bx-pager.bx-default-pager a {background:#b4b4b4;}
#mainNews .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainNews .bx-wrapper .bx-pager.bx-default-pager a.active, #mainNews .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#1d489e;}



@media screen and (max-width: 1024px) {
  #mainNews {position:relative;}
  #mainNews > ul > li {width:calc(50% - 1px); padding-bottom:180px; margin-top:1px;}
  #mainNews > ul > li:first-child {width:100%; padding-bottom:400px; margin-top:0px;}

  #mainNews > ul > li:nth-child(2) { width:50%; margin-left:0px;}
  #mainNews > ul > li:nth-child(4) {width:50%; margin-left:0px; padding-bottom:180px;}
  #mainNews > ul > li:nth-child(5) { padding-bottom:180px;}

  .mvnews > a > .item > .photo {height:400px;}

}





#mainNotice {width:50%; float:left; padding:2% 2% 3%; border-right:solid 1px #ddd;}
#mainNotice .mainNoticeTitle {font-size:1.4em; line-height:2; color:#2481ce; font-weight:bold; border-bottom:1px solid #ddd; position:relative;}
 .mainNoticeTitle .more{display:block; position:absolute; top:10px; right:5px; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
 .mainNoticeTitle .more:hover  { -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}
#mainNotice ul {margin-top:5px;}
#mainNotice li{ display: flex; align-items: center; padding-top:5px; padding-bottom:5px;}
#mainNotice li a{ flex: 1 0; min-width: 0; font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#mainNotice li .ndate{ font-size: 1em; padding: 0 2px; width: auto; }


#mainSchedule {width:49.9%; float:left; padding:2% 2% 3%;}
#mainSchedule .mainScheduleTitle {font-size:1.4em; line-height:2; color:#000; font-weight:bold;border-bottom:1px solid #ddd; position:relative;}
#mainSchedule .mainScheduleTitle span {color:#2481ce;}
 .mainScheduleTitle .more{display:block; position:absolute; top:10px; right:5px; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
 .mainScheduleTitle .more:hover  { -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}

#mainSchedule .scdate {color:#2481ce; float:left; width:130px;}
#mainSchedule .scplace {color:#0a2572; float:left; width:90px;}
#mainSchedule .sctitle { float:left;}


#mainSchedule ul {margin-top:5px;}
#mainSchedule li {overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap; padding-top:5px; padding-bottom:5px;}
#mainSchedule li span {color:#2481ce;}

#mainPhotoArea {background:#132048; display:inline-block; width:100%; position:relative; padding-top:30px; padding-bottom:30px;}
#mainPhoto {width:100%; overflow:hidden;}
#mainPhoto .mainPhotoTitle {font-size:1.4em;  color:#fff; position:relative;}
#mainPhoto ul     {position:relative; margin-left:-2%; }
#mainPhoto li     {float:left; width:23%; margin-left:2%; position:relative;  margin-top:2%;}
.mainPhotoStr {position:relative; width:100%;}
.mainPhotoImg  {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
    padding-bottom: 75%;
}


.mainPhotoImg img {
width:100%; min-height:100%; transition: transform .3s; object-fit:cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.mainPhotoImg img:hover {transform:scale(1.1);}

.mainPhotoSubject { font-size:1em; padding:5px;  background:#f2faff;}
.mainPhotoSubject p { text-align:center; line-height:22px; height:44px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 라인 수 */}

#mainSns {width:100%; overflow:hidden;}
#mainSns .mainPhotoTitle {font-size:1.4em;  color:#fff; position:relative;}
#mainSns ul     {position:relative; margin-left:-2%; }
#mainSns li     {float:left; width:23%; margin-left:2%; position:relative;  margin-top:2%;}

#mainSns li  h1   {font-size:1.5em; font-weight:bold;}
#mainSns li  h2   {font-size:1.2em; margin-top:20px;}
#mainSns li  p   {margin-top:20px; width:100%;}
#mainSns li  p img {height:35px; margin-right:5px;}


.mainSnsStr {position:relative; width:100%;}
.mainSnsImg  {width:100%;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
    padding-bottom: 70%;

}
.mainSnsImg img {width:100%; min-height:100%; transition: transform .3s; object-fit:cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;

}
.mainSnsImg img:hover {transform:scale(1.1);}


#mainQBanner {float:right; height:250px;}
#mainQBanner img {max-width:100%;}

#mainBannerArea {padding:10px 0px; text-align:center; overflow:hidden; margin-top:30px; margin-bottom:30px;}
#mainBannerArea ul {text-align:center;}
#mainBannerArea ul li {float:left; width:calc(100% / 6);}
#mainBannerArea img {display:inline-block;}

.mainBanner {padding:10px 0px; text-align:center; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.mainBanner > div {text-align:left; font-size:1.2em; margin-top:20px; width:100%; display:inline-block;}
.mainBanner > ul {text-align:center;  margin-left:-1%;}
.mainBanner > ul > li {float:left; width:calc(100% / 6 - 1%); margin-left:1%; margin-top:1%;}
.mainBanner > ul > li > a {padding:0px; line-height:0; display:block;}
.mainBanner > ul > li > a > img {max-width:100%; min-width:100%; border:1px solid #dfdfdf;  line-height:0; padding:0px;}
.mainBanner > ul > li > img {max-width:100%; min-width:100%; border:1px solid #dfdfdf;  line-height:0; padding:0px; display:block;}



@media screen and (max-width: 1024px) {
  .mainBanner >  ul >  li {width:calc(100% / 4 - 1%);}
}

@media screen and (max-width: 768px) {
  .mainBanner >  ul >  li {width:calc(100% / 2 - 1%);}
}




.titleArea {text-align:center; margin-bottom:4em;}
.titleArea:after {content:''; position:absolute; width:50px; height:2px; background-color:#0c2673; left:50%; margin-left:-25px; margin-top:5px;}
.title {font-size:2em; font-weight:bold; letter-spacing:2;}

/* 위로가기 버튼 */
.quickArea  { text-align: center; position: fixed; z-index: 100; bottom: 20px; right: 20px; display: none; }
.quickArea:hover { bottom: 20px; }
.quickArea img {width:80px; margin-top:10px;}

/* cateMenu */
#cateMenuLayer  {width: 100%; display:block; background:#0c2673; text-align:center; height:50px; overflow:hidden;}
.cateMenuStr       {width:100%; max-width:1280px; margin-bottom:20px; display:inline-block;}

.cateMenu0 {width:50px; z-index:20; text-align:center; float:left; height:50px; border-right:1px solid #999999; border-left:1px solid #999999; background:#0c2673;color:#fff;}
.cateMenu0 img {margin-top:15px;}

.cateMenu1{width:180px;z-index:20; text-align:left; float:left;}
.cateMenu1:hover button::after{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.cateMenu1:hover .cateList1{display:block;}
.cateMenu1 .cateList1,.cateMenu1 button{box-sizing:border-box;width:100%;border-right:1px solid #999999;}
.cateMenu1 button{position:relative;padding:0 10px;height:50px;background:#0c2673;text-align:left; color:#fff; font-size:14px;}
.cateMenu1 button::after{content:'';position:absolute;top:50%;right:13px;margin:-3px 0 0 -5px;width:11px;height:6px;background:url(/images/icon/navi_arrow_up.png) no-repeat 95% 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.cateMenu1 .cateList1{position:absolute;display:none;-webkit-box-sizing:border-box;z-index:20; width:180px;}
.cateMenu1 .cateList1 a{display:block;padding:0 10px;line-height:40px;text-decoration:none;background-color:#0c2673; color:#fff; font-size:14px;}
.cateMenu1 .cateList1 a:hover{background-color:#0c2673;}

.cateMenu2{width:200px;z-index:20; text-align:left;  float:left;}
.cateMenu2:hover button::after{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.cateMenu2:hover .cateList2{display:block;}
.cateMenu2 .cateList2,.cateMenu2 button{box-sizing:border-box;width:100%;border-right:1px solid #999999;}
.cateMenu2 button{position:relative;padding:0 10px;height:50px;background:#0c2673;text-align:left; color:#fff; font-size:14px;}
.cateMenu2 button::after{content:'';position:absolute;top:50%;right:13px;margin:-3px 0 0 -5px;width:11px;height:6px;background:url(/images/icon/navi_arrow_up.png) no-repeat 95% 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.cateMenu2 .cateList2{position:absolute;display:none;-webkit-box-sizing:border-box;z-index:20; width:200px; margin-top:50px;}
.cateMenu2 .cateList2 a{display:block;padding:0 10px;line-height:40px;text-decoration:none;background-color:#0c2673; color:#fff; font-size:14px;}
.cateMenu2 .cateList2 a:hover{background-color:#0c2673;}

.tableline             {border-top:3px solid #0c2673; border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;border-collapse:collapse; background:#FFFFFF;}
.tableline td          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;}
.tableline th          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; text-align:center;}
.tableline th.ichk     {color:#FC7A00;}
.tableline img         {max-width:100%;}




.tablelline             {border-top:3px solid #0c2673; border-bottom:1px solid #D0D0D0; border-collapse:collapse; background:#FFFFFF; font-size:15px;}
.tablelline th          {border-left:0px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; text-align:center;}
.tablelline td          {border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-left:10px;}

.tablenoline            {border:0px;}
.tablenoline td,th      {border:0px;}

.tableinfoline             {border-top:3px solid #0c2673; border-bottom:1px solid #D0D0D0; border-collapse:collapse; background:#FFFFFF; font-size:15px;}
.tableinfoline th          {border-left:0px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5;  text-align:center;}
.tableinfoline td          {border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-left:10px;}

.tableinfo             {border-top:3px solid #004485; border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;border-collapse:collapse; background:#FFFFFF;}
.tableinfo th          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; text-align:center; line-height:25px; }
.tableinfo td          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-left:5px; line-height:25px;}


.tabletinfo4             {border-top:3px solid #0c2673; border-bottom:1px solid #D0D0D0; border-collapse:collapse; background:#FFFFFF; }
.tabletinfo4 th          {border-left:0px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; text-align:center;}
.tabletinfo4 td          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;  text-align:center; margin-left:-1px;}
.tabletinfo4 td:nth-child(4) {border-right:0px;}

.tabletinfo             {border-top:3px solid #0c2673; border-bottom:1px solid #D0D0D0; border-collapse:collapse; background:#FFFFFF; }
.tabletinfo th          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5;  text-align:center;}
.tabletinfo th:last-child {border-right:0px;}

.tabletinfo td          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;  text-align:center; margin-left:-1px; font-size:1em;}
.tabletinfo td:last-child {border-right:0px;}


.gametable             {border-top:3px solid #0c2673; border-bottom:1px solid #D0D0D0; border-collapse:collapse; background:#FFFFFF; }
.gametable th          {border-right:0px; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; text-align:center;}
.gametable td          {border-right:0px; border-bottom:1px solid #D0D0D0;  text-align:center; margin-left:-1px; font-size:1em;}
.gametable td .ateam     {float:left; width:48%;}
.gametable td .bteam     {float:left; width:48%;}
.gametable td .vs     {float:left; width:4%;}
.gametable td .tmname {float:left; width:84%;}
.gametable td .score {float:left; width:16%;}
.gametable td .win {color:#ff0000; font-weight:bold;}


td.chk_tdwin     {background-color:#00B4E5;text-align:center;  color:#FFFFFF;}
td.chk_tdloss    {background-color:#F5F5F5;text-align:center;}



.gameCategory {width:100%; position:relative;}
.gameYear {float:left; width:50%; padding-bottom:5px;}
.gameTab {float:left; width:50%; text-align:right; padding-bottom:5px;}
.gameTab ul {display:inline-block; }
.gameTab ul li {float:left;border:1px solid #ddd; margin-left:-1px;}
.gameTab ul li a {display:block; padding:5px 10px; }
.gameTab ul li a.on {background:#0c2673; color:#fff;}


.cleanTab {width:100%; text-align:center; padding-bottom:5px;}
.cleanTab ul {display:inline-block; }
.cleanTab ul li {float:left;border:1px solid #ddd; margin-left:5px; margin-right:5px;}
.cleanTab ul li a {display:block; padding:10px 20px; }
.cleanTab ul li a.on {background:#0c2673; color:#fff;}




.pc_only {}
.mb_only {display:none;}

/* 회원가입 */
.join {margin:0 auto}
.join:after {display:block;visibility:hidden;clear:both;content:""}

.join .join_head {position:relative;text-align:center;color:#000;padding:10px 5px; font-size:1.1em;background:#f7f7f7;margin:0 0 10px;border-radius:5px;font-weight:500}
.join .join_head:before {content:"";position:absolute;top:0;left:0;width:0px;height:50px;border-radius:5px 0 0 5px;background:#da4453}

.join section {margin:10px auto 15px;border:1px solid #ddd;position:relative;border-radius:3px}
.join h2 {text-align:left;padding:20px;border-bottom:1px solid #ececec;font-size:1.2em}
.join textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}

.join_agree {position:absolute;top:0;right:0}
.join_agree input[type="checkbox"] + label {color:#676e70}
.join_agree input[type="checkbox"] + label:hover {color:#2172f8}
.join_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.join_agree input[type="checkbox"]:checked + label {color:#000}
.join_agree input[type="checkbox"]:checked + label span {background:url('/images/icon/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px glyphicon glyphicon-ok}
.join_agree .chk_all input[type="checkbox"] + label span {top:18px}
.join_chkall {position:relative;text-align:center;background:#f5f7fa;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px; text-align:left;padding:20px;font-size:1.2em}}

#fjoin_private {position:relative}
#fjoin_private div {padding:20px;background:#fff}
#fjoin_private table {width:100%;border-collapse:collapse}
#fjoin_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fjoin_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fjoin_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.select_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}


/* 하단 */
#footer           {width: 100%; position:relative; background:#f0f0f0; display:inline-block; font-size:16px; color:#444; padding-bottom:20px; border-top:1px solid #ddd;}
.footerS   {width:100%; max-width:1200px; position:relative; margin:0 auto;  padding-top:20px;}

.footerL   {width:20%; float:left; text-align:left;}
.footerR   {width:80%; float:left; text-align:left;}


.page_line          {height:34px; text-align:center; margin-top:20px;}
.page_line span     {display:inline-block; vertical-align:top; *display:inline;*zoom:1;}
.page_line span.page     { border:1px solid #d7d5d5; margin:0px 0px 0px -1px;display:inline-block; }
.page_line span.page > a {padding:9px 9px 9px 9px; line-height:14px; background:#fff; display:block;}
.page_line span.page > a.on {padding-bottom:6px; border-bottom:3px solid #2f4cb4; padding-top:6px; border-top:3px solid #2f4cb4;}




@media screen and (max-width: 1440px) {
  .mainVisualArea {height:auto;}
  .mainImgArea {height:auto;}
  .mainImg {display:block;}
}


@media screen and (max-width: 1350px) {
  #mainArea                  {margin-top:90px;}
  .mainGroup { padding-left:10px; padding-right:10px;}
  #mainQuick ul li {padding:10px 0px;}
  #mainQuick ul li i {display:block; margin-bottom:5px; margin-right:0px; padding:0px;}

  #container {padding-left:15px; padding-right:15px;}

  #contentArea      {margin-top:90px;}
}

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

  #mainArea {font-size:14px;}
  #contentArea {font-size:14px;}



#mainQBanner {width:100%; float:right; height:auto; margin-top:0px; text-align:center;}


  #footer {font-size:13px;}
  .footerS {padding-left:10px; padding-right:10px;}
  .footerL   {width:100%; height:auto; margin-top:0px; text-align:center;}
  .footerR   {width:100%; height:auto; padding-bottom:40px; text-align:center;}

  .cateMenuStr {max-width:auto; width:100%;}

  #cateMenuLayer {min-width:auto;}
  .cateMenuStr {max-width:100%;}

.tableinfoline             {font-size:13px;}
.tableinfoline td br {display:none;}

}


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


  #mainQuick ul li {width:calc(100% / 2);}
#mainBannerArea ul li {width:calc(100% / 4);}

#mainNotice {width:100%; float:left; height:auto;   padding:0%; border-right:0px; margin-top:30px;}
#mainSchedule {width:100%; float:left; height:auto; padding:0%; margin-top:30px;}



  .quickArea img {width:80px; margin-top:5px;}

}

@media screen and (max-width: 768px) {
  #mainArea                  {margin-top:80px; }


  .mnews .item .photo {width:100%;}
  .mnews .item .bgarea {margin-top:-150px; width:100%; height:150px; background:#f9f9f9; margin-left:0px; padding:10px;}
  .mnews .item .news {margin-top:0px; display:none;}
  .mnews .item .subject {margin-top:10px; }
  .mnews .item .content {margin-top:10px; max-height:60px; -webkit-line-clamp: 2; /* 라인 수 */  }
    .mnews .item .wdate {display:none;}

  .mnews .item .chk {margin-top:10px;}
    .mnews .item .sdate {margin-top:10px;}

.mvnews > a > .item > .bgarea > .subject {font-size:1.2em;}


#mainSchedule li { letter-spacing:-1;}
#mainSchedule .scdate {width:auto; margin-right:5px;}
#mainSchedule .scplace {width:auto; margin-right:5px;}


  #mainPhotoArea {margin-top:30px;}
  #mainPhoto li     {width:48%;}
  .mainPhotoSubject p {line-height:20px; height:40px;}



#mainSns li     {width:calc(100% / 3 - 2%);}
#mainSns li:first-child {width:98%; margin-left:2%;}

#mainSns li  h2   {margin-top:10px;}
#mainSns li  p   {margin-top:10px; text-align:right;}
#mainSns li  p img {height:30px; margin-right:0px; margin-left:5px;}



  #mainBannerArea ul li {width:calc(100% / 2);}

  #contentArea {margin-top:60px;}

  #cateMenuLayer {min-width:auto;}
  .cateMenuStr {width:100%;}
  .cateMenu0 {display:none;}
  .cateMenu1 {width:50%;}
  .cateMenu1 .cateList1 {width:50%;}
  .cateMenu2 {width:50%;}
  .cateMenu2 .cateList2 {width:50%;}

  .quickArea img {width:50px; margin-top:5px;}


  .tableline td, .tableline th { font-size:14px;}

  .tablescroll {width:100%; min-width:600px;}


  .gametable td .ateam     {float:none; width:auto; display:flex; padding-left:20px;}
  .gametable td .bteam     {float:none; width:auto; display:flex; padding-left:20px;}
  .gametable td .tmname {width:auto;}
  .gametable td .score {width:auto; padding-left:10px;}
  .gametable td .vs     {display:none;}

  .gameYear {float:left; width:100%;}
  .gameYear select {width:100%;}
  .gameTab {float:left; width:100%; padding-bottom:5px; text-align:left;}
  .gameTab ul {display:flex;flex-wrap:wrap; margin-left:1px;}
  .gameTab ul li {flex:1; text-align:center;}
  .gameTab ul li a {padding-left:0px; padding-right:0px;}


  .pc_only {display:none;}
  .mb_only {display:block;}

th {padding-top:7px; padding-bottom:7px;}
td {padding-top:7px; padding-bottom:7px;}

}


  .board_viewT   img      {display:block; margin:0 auto;}