@charset "utf-8";

/* 테이블 영역 */

div.contents div.page-contents div.s-page-content div.p-content-title { position:relative; }
div.contents div.page-contents div.s-page-content div.p-content-title .filter-area { position:absolute; right:0; top:0; }
div.contents div.page-contents div.s-page-content div.p-content-title .filter-area > * { vertical-align: middle; }

.horizon-cont-info{display:flex;vertical-align:top;margin-bottom:20px; }
.horizon-img { position: relative; width: 143px; height: 143px; margin-right:30px; display:inline-block; overflow: hidden; }
.horizon-img img { width: 143px; height: 143px; top: 0; left: 0; border-radius: 50%; }

table.horizon-table { font-size:13px; display:inline-block; }
table.horizon-table tbody tr th {
	padding:9px 0 8px 13px; border-left:solid 2px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold; width:100px; text-align:left;
	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.horizon-table tbody tr td {width:395px; padding:5px 0; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold; position:relative; }
table.horizon-table tbody tr td .favorite-btn { width:20px;height:25px;position:absolute;top:5px;right:10px;cursor:pointer;}
table.horizon-table tbody tr td > * { vertical-align: middle; }
table.horizon-table tbody tr td div.search{display:flex;}
table.horizon-table tbody tr td div.search select{ width:82px; }
table.horizon-table tbody tr td div.search-input { position: relative; display: inline-block; }
table.horizon-table tbody tr td div.search-input input { font-size: 12px; padding: 3px 7px; width: 220px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; margin-left:10px;}
table.horizon-table tbody tr td div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }

/* 탭영역 및 컨텐츠 영역*/
.tab-area { position:relative; top:1px; z-index:1;}
.tab-area ul { display:flex; }
.tab-area ul li { border-radius:2px 2px 0 0; border-top:4px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; display:inline-block; color:#d2d2d2; cursor:pointer; border-bottom:1px solid #3d5a7d; font-weight:600; }
.tab-area ul li.tab-active { border-top:4px solid #3d5a7d; border-left:1px solid #3d5a7d; border-right:1px solid #3d5a7d; color:#3d5a7d; border-bottom:1px solid #f8f8f8;}
.tab-area ul li > a { text-decoration:none; padding:5px 30px; display:inline-block; }
.tab-area span.game-info { color:#e62727; position:absolute; right:0; bottom:3px; }

.content-area { border-top:1px solid #3d5a7d; }
.content-area .list-area { margin:17px 0 25px 0 ; }
.content-area .list-area ul { display:flex; }
.content-area .list-area ul li{ display:inline-block; margin:0 10px;}
.content-area .list-area ul li:first-child {margin:0 10px 0 7px;}
.content-area .list-area ul li.list a{ color: #565656; cursor:pointer; }
.content-area .list-area ul li.list a.list-active{ text-decoration:underline; color:#74726e; font-weight:600; }
.content-area .list-area ul li.bar{ background: #b2b2b2; width:2px; height:11px; position:relative; top:3px}

table tr td.table-title { color: #1662be; font-weight: bold; }
table.tb-score { width: 100%; margin-bottom: 15px; }
table.tb-score .red { color: #e76969; }
table.tb-score .blue { color: #1662be; }
table.tb-score th { border-right: 1px solid #e4e7ec; }
table.tb-score th,tr { text-align: center; border-bottom: 1px solid #e4e7ec; }
table.tb-score tr:last-child { border-bottom: 1px solid #97adc7; }
table.tb-score tr td { padding: 5px 0; position:relative; }
table.tb-score tr td div.header-word-desc { position: absolute; display: none; top: -42px; padding: 2px 5px; border: 1px solid #3d5a7d; background-color: #dce3f5; font-size: 12px; }
table.tb-score tr th.r-border { border-right: 1px solid #97adc7; }
table.tb-score tr td.r-border { border-right: 1px solid #e4e7ec; }
table.tb-score tr th.active,td.active { background-color: #f4f9ff; }
table.tb-score tr.score-total { border-top: 1px solid #97adc7; border-bottom: 1px solid #3d5a7d; background-color: #dee6f0; color: #3d5a7d; font-weight: bold; }
table.tb-score tr.score-total td.r-border { border-right: 1px solid #97adc7; }
table.tb-score tr.score-header { border-top: 1px solid #3d5a7d; border-bottom: 1px solid #97adc7; background-color: #dee6f0; color: #3d5a7d; }
table.tb-score tr.score-header td.r-border { border-right: 1px solid #97adc7; }
div.contents div.page-contents div.s-page-content div.p-content-title span.sub-title-txt { display: block; margin-top: 10px; font-weight: bold; color: #6f89a9; font-size: 15px; letter-spacing: -2px; }
div.contents div.page-contents div.s-page-content div.p-content-title span.sub-title-txt:BEFORE { content: "·"; margin: 0 5px; }
div.contents div.page-contents div.s-page-content div.p-content-sub-title { margin: 10px 0; }
div.contents div.page-contents div.s-page-content div.p-content-sub-title span.sub-title-txt { display: block; margin-top: 10px; font-weight: bold; color: #6f89a9; font-size: 13px; letter-spacing: -2px; }
div.contents div.page-contents div.s-page-content div.p-content-sub-title span.sub-title-txt:BEFORE { content: "-"; margin: 0 5px 0 10px; }
div.contents div.page-contents div.s-page-content tbody tr td