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

	html,body {letter-spacing:-0.03em; font-size:62.5%;}

	section,article,header,footer,nav,
	div,p,
	h1,h2,h3,h4,h5,h6,
	ul,ol,li,dl,dd,dt,
	img,a,
	form,input,select,option,fieldset,textarea,button,label,
	figure,video {font-size:1.4rem; }

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


	.m {display: block !important}

	#wrapper.on {position: fixed; left:0; top:0; width:100%; height:100%; overflow: hidden;}
	/*========= header ===========*/
	#header {padding:10px 0 15px 0; margin: 0;}
	/* #header h1 {padding:0;} */
	#header h1 img {height: 25px;}

	.sub #header {box-shadow:0 1px 10px rgba(0,0,0,0.3) }

	#nav {overflow-y: auto; position: fixed; left:-100%; top:0; width:100%; height:100%; background-color: #fff; z-index: 300; transition:all 0.3s}
	.on #nav {left:0;}
	#nav .nav_list {margin-top:0; padding:60px 3%; text-align: left;}
	#nav .nav_list>li {display: block; margin: 0; margin-bottom:40px; padding:0; text-align: left;}
	#nav .nav_list>li .dep1	{flex-direction: row; align-items: center; justify-content: flex-start; height:auto; padding:0; font-size:2rem; font-weight:500; color: #222;}
	#nav .nav_list>li .dep1::before	{margin:0; margin-right:10px;}

	#nav .nav_list>li .dep1::after	{display: none;}

	#nav .nav_list .dep2 {position:static; width:auto; padding:0; margin-top:20px; padding-left:34px; transform:translateX(0%); border-radius:0; text-align: left; box-shadow:none; display: block;}
	#nav .nav_list .dep2 li {padding:0; margin-bottom: 15px;}
	#nav .nav_list .dep2 li:last-child {margin-bottom: 0;}
	#nav .nav_list .dep2 li a {font-size: 1.45rem; font-weight: 400; }

	#btn_nav {display: block; float:right; margin-top:10px;}
	.on #btn_nav {position: fixed; right:5vw; top:5vw; z-index: 500; margin-top: 0;}

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

.main .ban { box-shadow:0 0 5px rgba(0,0,0,0.2); }

a.ban {float:left; width:49%; margin-right:2%;}
a.ban > div {padding:18% 5%;}
a.ban .tit {font-size: 2.2rem; }
a.ban .btn_more {font-size:1.3rem; }
a.ban .btn_more::after {width:16px; height:16px; line-height: 16px;}


.tit_nt {font-size: 2rem; }
.li_nt li .date,
.li_nt li .tit {font-size: 1.45rem;}
.li_nt li .date {margin-right: 15px; }



.li_pn .panel {flex-direction: column; justify-content: flex-start; width:calc((100% - 30px) / 3); margin-right:15px; margin-bottom:15px; padding:20px; align-self: stretch;}

.li_pn .set_name {display:flex; align-items: center; width:100%; text-align: left;}
.li_pn .set_name .img {overflow: hidden; width:36px; height:36px; border:1px solid #ddd; border-radius:100px;}
.li_pn .set_name .img img {}
.li_pn .name {margin-left:5px; flex-direction: row-reverse; font-size:1.6rem; }
.li_pn .name img {margin-right:0; margin-left:2px; width:20px; height:auto;}

.li_pn .set_profile {display:flex; flex-direction: column; justify-content: space-between; width:100%; min-height:auto; height:100%; padding-top:15px; padding-bottom: 0;}
.li_pn .ment {line-height:1.7; font-size: 1.3rem;}
.li_pn .career {margin-bottom: 10px;}
.li_pn .career li {line-height: 1.5; font-size:1.25rem;}

.li_pn .set_btn {position:static; }
.li_pn .set_btn a {font-size:1.2rem; }



.apply {margin: 20px 0; padding:30px 5% 20px 5%;}
.apply h3 {text-align: center; font-size: 2rem; }
.apply > div ul {float:none; width:100%; }
.apply > div ul::after {content:""; display: block; clear: both;}
.apply > div ul > li .ip_comm {height:44px;}
.apply > div .set_agree {position: static; margin-top:10px; text-align: center;}
.apply > div .set_agree label,
.apply > div .set_agree a {font-size: 1.3rem;}
.apply > div .btn_sm {float:none; margin:0 auto; margin-top:20px; font-size: 1.5rem; }


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


#main1 {}
#main1 #visual {float:none; width: 100%; margin-bottom: 10px;}
#main1 #visual img{display: block; width: 100%; }
#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 {}
#main2 .ban {width:49%; margin-right:2%; margin-bottom: 10px;}
#main2 .ban:nth-child(3n) {margin-right:2%;}
#main2 .ban:nth-child(2n) {margin-right: 0;}

#main3 {padding:40px 0 60px 0;}
#main3 h2 {font-size: 2.5rem;}
#main3 .set_slider {border-right:0;}
#main3 .nt_slider li {width:260px; padding:0 25px; }
#main3 .nt_slider .date {font-size: 1.4rem; }
#main3 .nt_slider .tit {display: block;  display: -webkit-box;  position:relative;
  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  word-wrap: break-word;
  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; font-size:1.7rem; }
#main3 .nt_slider .cont { display: block;  display: -webkit-box;  position:relative;
  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  word-wrap: break-word;
  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  font-size: 1.35rem; }
#main3 .swiper-button-white {display: none;}

/* 로그인 */
#main4 {padding:30px 0;}
#main4 .title {float:none; width: 100%; margin-bottom:10px; padding-top: 0; display:flex; align-items: baseline;}
#main4 .title h2 {font-size: 2rem; }
#main4 .title p {margin-top: 0; margin-left:5px; font-size: 1.4rem; }
#main4 .login {float:none; width: 100%; padding-top:0px; padding-bottom: 30px;}
#main4 .login .ip_comm,
#main4 .login .btn_sm {float:left;}
#main4 .login .ip_comm {width: 40%; margin-right:1%; }
#main4 .login .btn_sm {width: 18%; height: 44px;}
#main4 .login .set_auto {bottom:0px;}
#main4 .login .set_auto label {font-size: 1.2rem;}
#main4 .login .btn_find {bottom:0px; }
#main4 .login .btn_find a {display: inline-block !important; font-size: 1.3rem;}
#main4 .btn_regi {display: none;}


#main4 .login_after {padding:0;}
#main4 .grt {font-size: 1.8rem;}
#main4 .set_btn a {font-size: 1.4rem; }

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

#footer ul li {line-height: 1.5; font-size:1.3rem;}
#footer .copyright {font-size:1.2rem; }

#quick {right:2%; bottom:10px; width:220px; font-size: 1.5rem;}
#quick img {height:34px; }



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

#contents.sub {}

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

#sub_visual {display: none;}

.sub_title {margin-bottom:30px; padding-bottom:25px; line-height:1.2; font-size:3.4rem; }

.sub_menu li a {font-size: 1.5rem; }


.bo_cate li a {padding:0 10px; line-height:30px;}


.p_comm {font-size:1.45rem; line-height:1.7;}

.sub01 {}
.sub01 p br {display:none;}
.sub01 .p1 {margin-bottom:15px; font-size:1.85rem; }

.sub01 .cont2 {padding:80px 0 !important}
.sub01 .cont2 .users {font-size:4rem;}
.sub01 .cont2 .p2 { padding-bottom:30px; margin-top:15px; margin-bottom:30px; font-size:2.4rem;}
.sub01 .cont2 .p2::after {width:30px; height:1px; }

.sub01 .cont3  {background-size:auto 90%;}
.sub01 .cont3 .sub_title {text-align:left;}
.sub01 .cont3 .sub_title::after {left:0; transform:translateX(0);}
.sub01 .cont3 p {width:50%;}

.sub01 .cont4 {}
.sub01 .cont4 .cert {width:94%;}
.sub01 .cont4 .cert li {width:32%; margin-bottom:25px; margin-right:2%;}
.sub01 .cont4 .cert li:nth-child(3n) {margin-right:0;}
.sub01 .cont4 .cert li figure img {width:100%; height:auto}
.sub01 .cont4 .cert li .tit {font-size:1.7rem;}
.sub01 .cont4 .cert li .num {margin-top:8px;}

.sub01 .cont5 img {width:100%; height:auto;}
.sub01 .cont5 .faq dt {font-size:1.6rem; padding-left: 50px;}
.sub01 .cont5 .faq dd {padding:20px; padding-left:50px; }
.sub01 .cont5 .faq dl dt::after,
.sub01 .cont5 .faq dl dd::after {width:26px; height:26px; line-height:22px; font-size: 1.5rem;}
.sub01 .cont5 .faq dl dd::after {top:20px;}

/*.sub04 {text-align:center;}*/


.sub_list {width: 100%; overflow: hidden; }
.sub_list li {width:32.5%; margin-right:1.25%; margin-bottom:20px;  }
.sub_list li:nth-of-type(4n) {margin-right:1.25%; }
.sub_list li:nth-of-type(3n) {margin-right:0; }
.sub_list li .img_cont {height:250px;}
.sub_list li .txt_cont {padding:20px 15px; }
.sub_list li .tit a {font-size:1.4rem;}
.sub_list li .set_item_info {}
.sub_list li .set_item_info span {font-size: 1.25rem; }
.sub_list li .reply {font-size:1.2rem;}


.latest_nt {padding-left:10px;}
.latest_nt h3 {margin-bottom:15px;}


/* 문의 전 */
.before_write {padding:25px;}
.before_write li {font-size: 1.3rem;}


/* 위원분석 - list*/
.explanation {}
.explanation .cate .ip_comm {height:34px; font-size: 1.3rem;}

.explanation .btn_more {width: 130px; height: 40px;}

.explanation .tbl_expnt .date {flex:1.5}
.explanation .tbl_expnt .match {flex:1.5;}
.explanation .tbl_expnt .cmsn {flex:1}

.explanation .tbl_expnt .thead {height:36px; }



.explanation .tbl_expnt .tbody li {}
.explanation .tbl_expnt .tbody li .date {padding: 0;}

.explanation .tbl_expnt .tbody .date,
.explanation .tbl_expnt .tbody .cmsn {font-size: 1.3rem;}
.explanation .tbl_expnt .tbody li .date .date_league span { padding:0 5px; }
.explanation .tbl_expnt .tbody .team { max-width:140px;}
.explanation .tbl_expnt .tbody .team .team_name {width:105px; }
.explanation .tbl_expnt .tbody .home .icon_team {width: 30px; height: 30px; margin-right:5px;}

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


/* 위원분석 - view*/
.explanation .view_title {padding-bottom: 30px;}
.explanation .view_title .cmsn {font-size: 1.45rem;}

.explanation .view_title h4 {margin:15px 0 20px 0; font-size:2.6rem; }

.explanation .view_title dd {font-size:1.3rem; }

.explanation .game_info {align-items: stretch; padding:40px;}

.explanation .game_info .team {align-items: flex-start; flex:2;}
.explanation .game_info .team figure {display:flex; align-items: center; height:100%; }
.explanation .game_info .team dl { width:calc(100% - 120px); margin:0; }
.explanation .game_info .team dd {font-size: 1.3rem;}
.explanation .game_info .team dd span {font-size: 1.2rem; }
.explanation .game_info .team .name {margin-top: 10px; font-size:2.4rem; }

.explanation .game_info .vs {display:flex; flex-direction: column; justify-content: center; margin:0 20px; font-size:4rem; flex:1;}
.explanation .game_info .vs img {height:26px; margin-bottom:8px;}

.explanation .expnt_cont {padding:35px 0;}
.explanation .expnt_cont h5 {font-size:1.5rem; }
.explanation .expnt_cont .cont {font-size: 1.35rem; }

.explanation .expnt_game > div {justify-content: space-between; padding:50px 30px; }
.explanation .expnt_game .team {font-size: 1.6rem; }
.explanation .expnt_game .team h6 { padding:3px 10px; font-size: 1.35rem;}

.explanation .expnt_game .team figure {width:130px; height:130px; }
.explanation .expnt_game .prediction {margin:0; }
.explanation .expnt_game .prediction dt {font-size:1.45rem; }
.explanation .expnt_game .prediction dd {padding:25px 0; }
.explanation .expnt_game .prediction dd div {width:80px; height:80px; margin:0 10px; font-size:2rem;}


.new {font-size: 1.1rem;}

.board_new .thead {padding:12px 0; }
.board_new .thead li {font-size: 1.3rem; }

.board_new .tbody li { padding:15px 0;}

.board_new .cate span {font-size:1.2rem; }




/* 라이브스코어 - 리스트 */
.livescore .list {float:none; width: 100%; overflow-x: auto;}
/*.livescore .tbl_live {width:780px}*/

.livescore .tbl_live .tbody .team span {width:150px;}

/* 라이브스코어 - 검색 */
.livescore .search {float:none; width: 100%; margin-bottom:40px; padding:20px 15px;}
.livescore .search > div {padding: 15px 0;}

.livescore .search fieldset .hidden + label {width:calc(100% / 7);}

.livescore .search .set_btn {justify-content:center; }
.livescore .search .set_btn input {height: 40px; margin:0 2px; font-size: 1.4rem;}
.livescore .search .set_btn .btn_sm {width: 150px;}
.livescore .search .set_btn .btn_reset {width: 70px; }




}