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


  .cont_center	{width:90%; }
  .center	{width:90%; }


  /*========= input ===========*/
  .ip_comm	{height:44px;}
  .btn_sm	{width:100%; height:50px; font-size:1.5rem; }

  /*========= header ===========*/
  /* #header {padding:5px 0 10px 0;} */

  #header h1{padding: 15px 0 0; }
  #header h1 a img{height: 20px; }

  #nav .nav_list {padding:40px 5%;}
  #nav .nav_list>li {}
  #nav .nav_list>li .dep1	{font-size:1.8rem; }
  #nav .nav_list>li.app {display: flex; justify-content: center;}
  #nav .nav_list>li.app a {display: flex; align-items: center; justify-content: center; width:100px; margin:0 2px; padding:8px 0; border-radius:4px; background-color: #000; font-size: 1.2rem; color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
  #nav .nav_list li.app a img {width:auto; height:16px; margin-right:5px;}


  .tit_nt {margin-bottom: 10px; font-size:1.5rem; font-weight:600; }
  .li_nt li {padding:12px 0;}
  .li_nt li::after {content:""; display: block; clear: both;}
  .li_nt li .notice_icon {float:left; width: 20px; line-height: 20px; font-size: 1rem;}
  .li_nt li .date,
  .li_nt li .tit {display: block; line-height:20px;}
  .li_nt li .date {margin:0; font-size: 1.1rem;}
  .li_nt li .tit {float:left; width:calc(100% - 90px); margin-left:5px; font-size: 1.4rem; font-weight: 500; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

  .li_pn .panel {width:calc((100% - 5px) / 2); margin-right:5px; margin-bottom:5px; padding:15px 10px; border-radius:10px; align-self: flex-start;  }
  .li_pn .panel:nth-child(3n) {margin-right: 5px;}
  .li_pn .panel:nth-child(2n) {margin-right: 0;}

  .li_pn .set_name { left:0; bottom:0; }
  .li_pn .set_name .img {width:32px; height:32px; }
  .li_pn .name {font-size:1.45rem; }
  .li_pn .name img {width:16px; }

  .li_pn .set_profile {display:block;  padding-bottom: 40px;}
  .li_pn .ment {padding-top: 15px;line-height:20px; font-size: 1.25rem; background-size:12px auto; display: block; display: -webkit-box; position:relative; overflow:hidden; width: 100%; height: 75px; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .li_pn .on .ment {display:block; height:auto;}
  .li_pn .career {margin-bottom: 10px;}
  .li_pn .career li {line-height: 1.5; font-size:1.15rem;}

  .li_pn .set_btn {position: absolute; }
  .li_pn .set_btn a {height:30px; font-size:1.1rem; }


  .apply { border-radius:10px; }
  .apply h3 {font-size:1.8rem; }
  .apply > div ul > li {float:none; width:100%; border-right:0; border-bottom:1px solid #0c77bd ;}
  .apply > div ul > li:last-child {width:100%; border-bottom: 0;}
  .apply > div .set_agree label,
  .apply > div .set_agree a {font-size: 1.25rem;}
  .apply > div .btn_sm {margin-top:15px; }


  .ext_board_list th,
  .ext_board_list td {padding:8px 5px; line-height:1.5; }
  .ext_board_list .pn {width:80px}
  .ext_board_list .pn figure {width:26px; height:26px;}
  .ext_board_list .date {font-size: 1.2rem; }
  .pn figure {width:26px; height:26px;}


  /*========= main ===========*/

    #contents {}
    .main .ban {border-radius:10px;}

    a.ban {border-radius:10px;}
    a.ban > div {padding:23% 5%;}
    a.ban .tit {margin-bottom: 10px; font-size: 1.7rem; }
    a.ban .btn_more {display:none;}

    #main1 {padding-top: 20px; order:3}
    #main1 #visual {float:none; width: 100%; margin-bottom: 10px;}
    #main1 #visual video {width:100%; height:auto;}
    #main1 .set_ban {float:none; width: 100%;}
    #main1 .set_ban::after {content:""; display: block; clear: both;}
    #main1 .ban {margin-bottom:10px;}
    #main1 .ban:last-child {margin-right: 0;}

    #main2 {order:4}

    #main3 {padding:30px 0 50px 0; order:5;}
    #main3 h2 {font-size: 2rem;}


/* 로그인 */
  #main4 {width:100%; padding:15px 0; border-top:0; background-color: #0c77bd; order:1}
    #main4.after {padding-bottom: 0;}
    #main4.after .center {padding-bottom: 15px;}
  #main4 .title {display: none;}
  #main4 .login {padding-bottom: 30px;}
  #main4 .login .ip_comm {border:0; }
  #main4 .login .btn_sm {background-color: #00ace9;}
  #main4 .login .set_auto label {color: #fff;}
  #main4 .login .btn_find a {color: #fff;}


  #main4 .login_after {padding:14px 0; }
  #main4 .grt {text-align: left; float:none; font-size: 1.5rem; color: #fff;}
  #main4 .grt strong {color: #fff;}
  #main4 .set_btn {float:none; margin-top:10px;}
  #main4 .set_btn a {margin-left:0; margin-right:10px; line-height:1; font-size: 1.2rem; font-weight: 300; color: #fff;}
  #main4 .set_btn a i {color:rgba(255,255,255,0.6)}

  #main4 .app_download {display: flex; background-color: #222;}
  #main4 .app_download > a {flex:1; display:flex; align-items: center; justify-content: center; padding:10px 0; font-size: 1.2rem; color: #fff;}
  #main4 .app_download > a:first-child {border-right:1px solid #444;}
  #main4 .app_download img {width:auto; height:14px; margin-right: 5px;}

  /*========= footer ===========*/

  /* #footer {padding-bottom: 70px; } */
  #footer ul {float:none; text-align: center;}
  #footer ul li {margin:0 5px;}
  #footer .copyright {float:none; margin-top: 10px; text-align: center; }


  #quick {left:0; right:auto; bottom:0px; width:100%; text-align: center; border-radius:0; display: none;}


  #quick_app {display: none;}

  /*========= sub ===========*/


  #contents.sub .cont {padding:30px 0 60px 0;}

  .center.cont.cont1 {order:3;}

  #sub_visual {height:auto; background-color:#fff;}
  #sub_visual video {width:100%; height:auto;}
  #sub_visual .bg {display:none;}


  .sub_menu {position: relative; overflow-x: auto; overflow-y: hidden; width:100%; height:46px;}
  .sub_menu ul {white-space: nowrap; position: absolute; left:0; top:0; width:auto; height:46px; padding:0 5%; display:flex; align-items: center; flex-wrap: nowrap;}
  .sub_menu li {margin:0; margin-right:15px; }
  .sub_menu li:last-child {margin-right: 0;}
  .sub_menu li a {font-size: 1.4rem;}


  .bo_cate ul {display:grid; grid-template-columns: 1fr  1fr 1fr 1fr; grid-gap: 5px; }
  .bo_cate li {margin:0}
  .bo_cate li a {padding:0; text-align: center; line-height:30px; font-size: 1.3rem;}


  .sub_title {padding-bottom:15px;font-size:2rem; }

  .p_comm {font-size:1.4rem;}

  .sub01 {}
  .sub01 .p1 {font-size:1.7rem; }

  .sub01 .cont2 {padding:80px 5% !important;}
  .sub01 .cont2 .users {font-size:3rem;}
  .sub01 .cont2 .p2 { font-size:1.8rem;}

  .sub01 .cont3  {background-image:none;}
  .sub01 .cont3 p {width:100%;}

  .sub01 .cont4 {}
  .sub01 .cont4 .cert {width:90%;}
  .sub01 .cont4 .cert li {width:49%; }
  .sub01 .cont4 .cert li:nth-child(3n) {margin-right:2%;}
  .sub01 .cont4 .cert li:nth-child(2n) {margin-right:0%;}
  .sub01 .cont4 .cert li .tit {font-size:1.5rem;}

  .sub01 .cont5 .faq dt {padding:12px; font-size:1.5rem; padding-left: 45px;}
  .sub01 .cont5 .faq dd {padding-left:45px; }
  .sub01 .cont5 .faq dl dt::after,
  .sub01 .cont5 .faq dl dd::after {left:12px; line-height: 26px; font-size: 1.45rem;}
  .sub01 .cont5 .faq dl dt::after {top:12px;}

  .sub_list li {width:49.5%; margin-right:1%; margin-bottom:10px;}
  .sub_list li:nth-child(3n) { margin-right:1%; }
  .sub_list li:nth-child(4n) { margin-right:1%; }
  .sub_list li:nth-child(2n) { margin-right:0; }
  .sub_list li .img_cont {height:150px;}
  .sub_list li .txt_cont {padding:15px 5% 10px 5%; }
  .sub_list li .tit {}
  .sub_list li .tit a {font-size: 1.3rem;height:auto; line-height:20px; }
  .sub_list li .notice_icon {display: none;}
  .sub_list li .set_item_info {}
  .sub_list li .set_item_info span {font-size: 1.2rem;}
  .sub_list li .set_item_info span::after {display: none;}
  .sub_list li .set_item_info span:last-child {display: none;}
  .sub_list li .reply {}


  /* 문의 전 */
  .before_write {padding:20px 5%;}
  .before_write li {padding-left:12px; font-size: 1.25rem;}


    /* 위원분석 - list*/
    .explanation {}
    .explanation .cate .ip_comm {width: 80px; height:30px; line-height: 30px;}

    .explanation .btn_more {width: 120px;}

    /* .explanation .tbl_expnt .date,
    .explanation .tbl_expnt .match,
    .explanation .tbl_expnt .cmsn {flex:1;} */

    .explanation .tbl_expnt .thead {}
    .explanation .tbl_expnt .thead li {font-size: 1.3rem;}

    .explanation .tbl_expnt .tbody {border-top:1px solid #173262}


    .explanation .tbl_expnt .tbody li {position: relative; display:block; padding:20px 0; text-align: center;}

      .explanation .tbl_expnt .tbody .date {display:inline-flex; order:2;}
      .explanation .tbl_expnt .tbody .match {width:100%; margin-bottom:15px; order:1;}
      .explanation .tbl_expnt .tbody .cmsn {display:inline-flex; order:3;}

    .explanation .tbl_expnt .tbody li .date input {position: absolute; left:5px; top:5px;}
    .explanation .tbl_expnt .tbody li .date,
    .explanation .tbl_expnt .tbody li .cmsn {font-size: 1.2rem;}
    .explanation .tbl_expnt .tbody li .date {}
    .explanation .tbl_expnt .tbody li .cmsn {position: relative; top:-2px; margin-left:-3px; padding-left:5px; }
    .explanation .tbl_expnt .tbody li .cmsn::after {content:""; position: absolute; left:0; top:50%; transform:translateY(-50%); display: block; width:1px; height:10px; background-color: #ddd;}
    .explanation .tbl_expnt .tbody li .date .icon,
    .explanation .tbl_expnt .tbody li .cmsn .icon {width: 22px; height: 22px;}
    .explanation .tbl_expnt .tbody li .date .icon_game {border:1px solid #fff;}


    .explanation .tbl_expnt .tbody .team { max-width:120px;}
    .explanation .tbl_expnt .tbody .team .team_name {width:85px;line-height:30px;}
    .explanation .tbl_expnt .tbody .home .icon_team {width: 30px; height: 30px; margin-right:5px;}


    .explanation .icon {width: 40px; height: 40px;}

	.home .ext_icon{margin-right:5px}
	.ext_icon {width: 40px !important; height: 40px !important;}


    /* 위원분석 - view*/
    .explanation .view_title {padding-bottom: 30px;}
    .explanation .view_title .cmsn { padding:2px; padding-right: 10px; font-size: 1.4rem;}
    .explanation .view_title .cmsn .icon_cmsn {width: 24px; height: 24px;}

    .explanation .view_title h4 {margin:15px 0 20px 0; line-height: 1.2; font-size:2rem; }

    .explanation .view_title dd {font-size:1.25rem; }
    .explanation .view_title dd::after {margin:0 5px;}

    .explanation .game_info {padding:30px 0 ;}

    .explanation .game_info .team {display:block; text-align: center; flex:2}
    .explanation .game_info .team figure {height:auto; margin:0 auto;}
    .explanation .game_info .team dl {width:100%; text-align: center; margin-top: 15px;}
    .explanation .game_info .team dd {line-height: 1.2; font-size: 1.25rem;}
    .explanation .game_info .team dd span {line-height: 20px; font-size: 1.1rem; }
    .explanation .game_info .team .name {font-size:1.7rem; }
    .explanation .game_info .team .base {margin-top: 4px;}

    .explanation .game_info .vs {margin:0; font-size:2rem; flex:1}
    .explanation .game_info .vs img {display: none;}

    	.explanation .game_info .team.guest {flex-direction:column;}
    	.explanation .game_info .team.guest dl {text-align: center;}

    .explanation .expnt_cont {padding:30px 0;}

    .explanation .expnt_game > div {flex-direction: column; padding:30px 20px; }
    .explanation .expnt_game .team {font-size: 1.5rem; }
    .explanation .expnt_game .team h6 {margin-bottom: 5px; font-size: 1.4rem;}
    .explanation .expnt_game .team figure {width:120px; height:120px; }
    .explanation .expnt_game .prediction {display:flex; margin:20px 0; padding:20px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    .explanation .expnt_game .prediction dl {flex:1; margin:0 20px; }
    .explanation .expnt_game .prediction dt {margin-bottom: 5px; font-size:1.45rem; font-weight: 500; }
    .explanation .expnt_game .prediction dt::before {display: none;}
    .explanation .expnt_game .prediction dt span {padding:0;}
    .explanation .expnt_game .prediction dd {justify-content: center; flex-direction: column; height: 100%; padding:0; }
    .explanation .expnt_game .prediction dd div {width:50px; height:50px; margin:5px 0; font-size:1.8rem;}


    .new {width:30px; height:14px;}

    .board_new .cate {width:auto;}
    .board_new .subject {width:auto;}
    .board_new .write {width:auto;}
    .board_new .hit {width:auto;}
    .board_new .date {width:auto;}

    .board_new .thead {display: none; padding:10px 0;}
    .board_new .thead li {font-size:1.2rem; }

    .board_new .tbody {border-top:1px solid #aaa;}
    .board_new .tbody li {display:block;}
    .board_new .tbody li .cate,
    .board_new .tbody li .subject {width:100%; justify-content: flex-start;}
    .board_new .tbody li .subject {margin:10px 0;}
    .board_new .tbody li .subject a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 30px); line-height:1.2;}
    .board_new .cate span {padding:3px 10px; font-size:1.1rem;}

    .board_new .tbody .write,
    .board_new .tbody .hit,
    .board_new .tbody .date {display:inline-block; margin-right:8px; font-size: 1.1rem; color: #666;}
    .board_new .tbody .write .hidden,
    .board_new .tbody .hit .hidden,
    .board_new .tbody .date .hidden {position: static; width:auto; height:auto; text-indent:0; font-size: 1.1rem; line-height:1;}



    /* 라이브스코어 */
    .livescore {}
    .livescore::after {content:""; display: block; clear: both;}
    .livescore figure img {display: block; width:100%; height:auto;}

    /* 라이브스코어 - 리스트 */
    .livescore .list {}
    .livescore .list nav a {font-size: 1.2rem;}

    .livescore .tbl_live {width:100%;}
    .livescore .tbl_live div,
    .livescore .tbl_live p,
    .livescore .tbl_live dt,
    .livescore .tbl_live dd,
    .livescore .tbl_live a {font-size: 1.1rem;}

    .livescore .tbl_live .thead {height: 34px; }

    .livescore .tbl_live .thead h4 {font-size: 1.2rem; }
    .livescore .tbl_live .thead h4 figure {width:20px; height:20px;}

    /*.livescore .tbl_live .tbody li {display:grid; grid-template-columns: 1fr 1fr; grid-gap:0; padding:0; border-color:#888;}*/
    .livescore .tbl_live .tbody li {flex-direction:column; border-color:#888; padding:0; border-color:#888;}
    .livescore .tbl_live .tbody li > dl,
    .livescore .tbl_live .tbody li > div {display:flex; flex:none; width:100%; height: auto;}
    .livescore .tbl_live .tbody li > dl dt,
    .livescore .tbl_live .tbody li > dl dd {display:flex; align-items: center; justify-content: center; height: 34px; border-bottom:1px solid #ddd;}
    .livescore .tbl_live .tbody li > dl dt {width: 30%; background-color: #f4f4f4; letter-spacing: 0}
    .livescore .tbl_live .tbody li > dl dd {justify-content: flex-start; width: 70%; padding:0 10px; }

    .livescore .tbl_live .tbody .time {order:1;}
    .livescore .tbl_live .tbody .time dd { color: #0c77bd;}

    .livescore .tbl_live .tbody .set_team {order:3; width:100%; grid-column: 1 / span 2; padding:20px 0;}
    .livescore .tbl_live .tbody .set_team > div {display:inline-flex; align-items: center; }
    .livescore .tbl_live .tbody .score {margin:0 5px;}
    .livescore .tbl_live .tbody .team {width:calc((100% - 80px) / 2); font-size: 1.3rem; font-weight: 600;}
    .livescore .tbl_live .tbody .team .mark {width: 26px; height: 26px; margin:0 5px;}
	.livescore .tbl_live .tbody .team span {width:calc(100% - 36px); white-space:normal; line-height:1.3;}
    .livescore .tbl_live .tbody .home {flex-direction: row-reverse;}

    .livescore .tbl_live .tbody .state {order:2; }
    .livescore .tbl_live .tbody .state a {width: 60px; height: 22px; font-size: 1.1rem;}




    	/* 라이브스코어 : 프로토 - 리스트 */
      .livescore .list nav li a {padding:0 5px; font-size: 1.1rem; }
		.livescore.proto .tbl_live .tbody li {border-bottom:0;}
		.livescore.proto .tbl_live .tbody li > dl {display:flex;}

		.livescore.proto .tbl_live .tbody li > dl dt,
		.livescore.proto .tbl_live .tbody li > dl dd {border-bottom:0; border-top:1px solid #ddd; text-align:center}

    	.livescore.proto .tbl_live .thead {display: none;}

    	.livescore.proto .tbl_live .tbody {border-top:1px solid #888;}

    	.livescore.proto .tbl_live .no {width:100%; order:2;}

    	.livescore.proto .tbl_live .league {width:100%; order:3;}
    		.livescore.proto .tbl_live .time {width:100%; order:4;}
    	.livescore.proto .tbl_live .set_team {position:relative; width:100%; order:1; padding-right:35px;}
    	.livescore.proto .tbl_live .set_team::after {content:"\f139"; position:absolute; right:10px;top:50%; transform:translateY(-50%); font-family:'FontAwesome'; font-size:1.5rem; color:#aaa;}
    	.livescore.proto .tbl_live li.on .set_team::after {content:"\f13a"; }
		.livescore.proto .tbl_live .tbody li.on > dl {display:none;}
    		.livescore.proto .tbl_live .set_team .team {width: calc((100% - 70px) / 2);}

    	.livescore.proto .tbl_live .type {width:100%; order:5;}

          .livescore .tbl_live .tbody .type div {height: 20px; }

    	.livescore.proto .tbl_live .win {width:100%; order:6;}
    	.livescore.proto .tbl_live .draw {width:100%; order:7;}
    	.livescore.proto .tbl_live .loss {width:100%; order:8;}
    	.livescore.proto .tbl_live .memo {width:100%; order:9;}
    	.livescore.proto .tbl_live .loca {width:100%; order:10;}

        .livescore .tbl_live .tbody .btn_comm {display: none;}

    	.livescore.proto .tbl_live .loca .bubble {position: static; padding-bottom:0; transform:translateX(0); width:100%; display: block;}
    	.livescore.proto .tbl_live .loca .bubble::before {display: none;}
    	.livescore.proto .tbl_live .loca .bubble > div {line-height:1; border-radius:0; background-color: transparent; white-space:normal; font-size:1.1rem; color: #444;}
    	.livescore.proto .tbl_live .state {width:100%; order:11;}





    /* 라이브스코어 - 검색 */
    .livescore .search {padding:20px 10px;}
    .livescore .search > div {padding: 15px 0;}

    .livescore .cal_head {margin-bottom:5px;}
    .livescore .cal_head .now {font-size:1.3rem; }
    .livescore .tbl_cal th,
    .livescore .tbl_cal td {height: 28px; font-size: 1.2rem; }
    .livescore .tbl_cal td .today::before {width:28px; height:28px; }
	.livescore .tbl_cal td .focus::before {width:28px; height:28px; }


    .livescore .search fieldset .hidden + label {width:25%; font-size: 1.2rem;}
    .livescore .search fieldset .ip_comm {font-size: 1.2rem;}


	/* 팝업 */
	.tot_view .pv_pop {width:94%; height:80%; padding:30px 20px; }
	.tot_view .btn_pv_close i {font-size:16px;}

	.tot_view h1 {font-size:1.4rem;}
	.tot_view h2 {font-size:1.3rem;  }
	.tot_view table th,
	.tot_view table td {font-size:1.1rem;}



}