@charset "utf-8";
/* CSS Document */
table.vertical-table { width: 100%; margin-top:25px; text-align:center; }
table.vertical-table thead tr th {
	padding:5px 10px; border-top:2px solid #3d5a7c; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	text-align:center; background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
table.vertical-table tbody tr:nth-child(even) { background-color: rgb(252, 252, 252); }
table.vertical-table tbody tr td {padding:10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative;}
table.vertical-table tbody tr td .secession-btn { background: #0084ff; color: #fff; line-height: 28px; display: inline-block; padding: 0 10px; border-radius: 3px; font-size: 12px; height: 28px; }

/* 관심 경기 일정 */
.attention-match-wrap .schedule-btn { overflow: hidden; }
.attention-match-wrap .schedule-btn button { height: 30px; background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 13px; width: 110px; }
.attention-match-wrap .schedule-btn button img { width: 5px; margin: 5px 0; }
.attention-match-wrap .schedule-btn button.pre-btn { float: left; }
.attention-match-wrap .schedule-btn button.pre-btn img { margin-right: 7px; }
.attention-match-wrap .schedule-btn button.post-btn { float: right; } 
.attention-match-wrap .schedule-btn button.post-btn img { margin-left: 7px; }
.attention-match-wrap .schedule-list { margin-top: 20px; border-top: 2px solid #3D5A7C; overflow: hidden; }
.attention-match-wrap .schedule-list .schedule { width: 25%; float: left; border-right: 1px solid #e5e5e5; height: 100%; overflow: hidden; }
.attention-match-wrap .schedule-list .schedule:nth-child(4n) { border-right: none; }
.attention-match-wrap .schedule-list .schedule>.date-area { height: 40px; background: #f8f8f8; text-align: center; border-bottom: 1px solid #e5e5e5; }
.attention-match-wrap .schedule-list .schedule>.date-area .date { font-weight: bold; line-height: 40px; letter-spacing: 0; }
.attention-match-wrap .schedule-list .schedule .match-list { padding: 14px; text-align: center; min-height: 660px; background: #fff; }

.attention-match-wrap .schedule-list .team-match { background: #f8f8f8; width: 270px; border-radius: 4px; overflow: hidden; margin-bottom: 15px; border: 1px solid #e5e5e5; }
.attention-match-wrap .schedule-list .team-match:last-child { margin-bottom: 0; }
.attention-match-wrap .schedule-list .team-match .date-area { padding: 10px 15px; background: #12264E; }
.attention-match-wrap .schedule-list .team-match .date-area .date { color: #fff; font-size: 12px; letter-spacing: 0; text-align: center; height: 15px; line-height: 15px; letter-spacing: 300; }
.attention-match-wrap .schedule-list .team-match .team-info { background: #fff; overflow: hidden; }
.attention-match-wrap .schedule-list .team-match .team-info .l-team { width: 50%; height: 100%; float: left; border-right: 1px solid #e5e5e5; }
.attention-match-wrap .schedule-list .team-match .team-info .r-team { width: 50%; height: 100%; float: right; }
.attention-match-wrap .schedule-list .team-match .team-info .thumbnali { width: 100%; height: 120px; position: relative; text-align: center; }
.attention-match-wrap .schedule-list .team-match .team-info .thumbnali img { width: auto;  height: 70%; margin-top: 15%; }
.attention-match-wrap .schedule-list .team-match .team-info .thumbnali .label { position: absolute; z-index: 2; width: 30px; height: 20px; line-height: 18px; font-size: 11px; font-family: 'Malgun Gothic'; }
.attention-match-wrap .schedule-list .team-match .team-info .l-team .thumbnali .label { top: 0; left: 0; background: #D31F22; color: #fff; }
.attention-match-wrap .schedule-list .team-match .team-info .r-team .thumbnali .label { top: 0; right: 0; background: #1F4FD3; color: #fff; }
.attention-match-wrap .schedule-list .team-match .team-info .thumbnali .point { width: 30px; height: 30px; display: block; position: absolute; bottom: 0; line-height: 30px; font-size: 13px; color: #222; font-weight: 500; background: #f8f8f8; }
.attention-match-wrap .schedule-list .team-match .team-info .l-team .thumbnali .point { right: 0; }
.attention-match-wrap .schedule-list .team-match .team-info .r-team .thumbnali .point { left: 0; }
.attention-match-wrap .schedule-list .team-match .team-info .team-name { height: 30px; background: #f8f8f8; color: #222; text-align: center; line-height: 30px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid #e5e5e5; position: relative; }
.attention-match-wrap .schedule-list .team-match .team-info .team-name .my-team-label { position: absolute; top: 0; left: 0; font-size: 10px; font-family: 'Malgun Gothic'; background: rgba(10,138,0,0.8); height: 15px; line-height: 14px; padding: 0 3px; color: #fff; letter-spacing: 0; }
.attention-match-wrap .schedule-list .team-match .stadium-info { padding: 10px; text-align: center; border-top: 1px solid #e5e5e5; background: #fff; }
.attention-match-wrap .schedule-list .team-match .stadium-info .league { color: #0084ff; letter-spacing: 0; display: block; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attention-match-wrap .schedule-list .team-match .stadium-info .place { color: #222; font-weight: 400; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attention-match-wrap .schedule-list .team-match .stadium-info a { color: #fff; height: 25px; display: inline-block; line-height: 25px; padding: 0 10px; border-radius: 3px; margin: 5px 2px 1px; font-size: 12px; font-weight: 300; }
.attention-match-wrap .schedule-list .team-match .stadium-info .go-btn { background: #A30002;  }
.attention-match-wrap .schedule-list .team-match .stadium-info .detail-btn { background: #11264E; }
.attention-match-wrap .schedule-list .team-match .stadium-info .lineup-01 { background: #D31F22; }
.attention-match-wrap .schedule-list .team-match .stadium-info .lineup-01:hover { background: #EB272B; }
.attention-match-wrap .schedule-list .team-match .stadium-info .lineup-02 { background: #1F4FD3; }
.attention-match-wrap .schedule-list .team-match .stadium-info .lineup-02:hover { background: #2A5EED; }
.attention-match-wrap .schedule-list .team-match .stadium-info .detail-btn:hover { background: #1E3767; }
.attention-match-wrap .schedule-list .team-match .stadium-info .go-btn:hover { background: #BC0020; }

/* 테이블 */
div.contents div.page-contents div.s-page-content .info-input-table { margin-top: 20px; }
div.contents div.page-contents div.s-page-content .info-input-table .table-title { margin-bottom: 8px; display: block; font-size: 17px; font-weight: bold; }
div.contents div.page-contents div.s-page-content .info-input-table table { width: 100%; border-top: 2px solid #3d5a7c; font-size: 14px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr { border-bottom: 1px solid #e5e5e5; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr th { padding: 15px; font-weight: 500; background: #f8f8f8; width: 150px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr th .imp { color: #FF0004; margin-left: 3px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td { padding: 15px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td input[type=text],
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td input[type=password] { background: #fff; height: 35px; border-radius: 3px; border: 1px solid #e5e5e5; padding: 0 10px; width: 100%; letter-spacing: 0; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .selectbox { width: 100%; margin-left: 0; border: 1px solid #e5e5e5; border-radius: 3px; height: 35px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .selectbox label { height: 33px; line-height: 33px; padding-left: 10px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .selectbox select { height: 35px; padding-left: 10px; }

div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .info-mail-agreement { margin: 5px 0 10px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .info-mail-agreement label { width: auto; line-height: 14px; font-size: 13px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .exp-messege { font-size: 13px; color: #999; font-weight: 300; display: block; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .change-btn { height: 30px; font-size: 12px; padding: 0 10px; border: none; border-radius: 3px; background: #0084ff; color: #fff; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb .number { margin-right: 10px; letter-spacing: 0; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb .exp-messege { margin-top: 5px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .sms-agreement { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .sms-agreement label { width: auto; line-height: 14px; font-size: 13px; margin-bottom: 5px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .password-change input[type=password] { width: 200px; }

div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb-change .phone-numb-input { width: calc(100% - 200px); }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb-change .auth-btn { height: 35px; border-radius: 4px; padding: 0 10px; border: 1px solid #333; color: #333; background: transparent; outline: 0; transition: color .25s ease, background .25s ease, border-color .25s ease; margin-left: 5px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb-change .auth-btn:focus,
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb-change .auth-btn:active,
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb-change .auth-btn:hover { background: #15AD60; color: #fff; border-color: #15AD60; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .phone-numb-change .auth-numb-input { margin-top: 5px; }
div.contents div.page-contents div.s-page-content .info-input-table table tbody tr td .change-cancel-btn { margin-top: 0; height: 35px; padding: 0 20px; border-radius: 3px; border: 1px solid #dcdcdc; background: #fff; }

div.contents div.page-contents div.s-page-content .info-input-table>.btn-wrap { margin-top: 10px; text-align: right; }
div.contents div.page-contents div.s-page-content .info-input-table>.btn-wrap button { height: 35px; padding: 0 20px; border-radius: 3px; border: none; }
div.contents div.page-contents div.s-page-content .info-input-table>.btn-wrap button.cancel-btn { border: 1px solid #dcdcdc; background: #fff; }
div.contents div.page-contents div.s-page-content .info-input-table>.btn-wrap button.modify-btn { background: #BF0003; color: #fff; margin-left: 4px; }