@charset "utf-8";

a {cursor: pointer;}

.betting {}
.betting .yellow,.size_wrapper .m {color: #39b66b;}
.betting .title { border: 1px solid #dee2eb; text-align: center; background: #f7f7f7; color: #000; font-size: 12px; padding: 10px 6px; font-weight: bold;}
.betting .top_section, .betting .mid_section,.betting .pwball_section, .betting .point_section, .betting .btn_area {margin-top: 3px;}
.betting .top_item:not(:first-of-type), .betting .mid_item:not(:first-of-type),.betting  .point_btn_section button:not(:first-of-type) {margin-left: 3px;}
.betting .betting_odd, .size_wrapper .s, .pick_wrapper .pick_list tr td.record span.blue {color:#319ade;}
.betting .betting_even, .have_wrapper p:last-of-type, .size_wrapper .l, .pick_wrapper .pick_list tr td.record span.red {color:#e74d39;}
.betting .odd_even_wrapper .betting_item_box:hover,.betting .mid_section .size_wrapper .betting_box:hover,.betting .pwball_section > .num:hover {background-color: #d6a876;}
.betting .odd_even_wrapper .betting_item_box:hover > p,.betting .mid_section .size_wrapper .betting_box:hover > p,.betting .pwball_section > .num:hover {color: #231f20;}
.betting .odd_even_wrapper .betting_item_box._on,.betting .mid_section .size_wrapper .betting_box._on,.betting .pwball_section > .num._on {background-color: #231f20; color: white;}
.betting .odd_even_wrapper .betting_item_box._on > p,.betting .mid_section .size_wrapper .betting_box._on > p {color: white;}
.betting .betting_item_box {padding: 14px;cursor: pointer;}

.betting .date_section {border: 1px solid #dee2eb; padding: 10px 20px; background: #f7f7f7;}
.betting .date_section .date_wrapper {display: flex; justify-content: space-between;align-items: center; width: 100%; font-weight: bold;}
.betting .date_section .date_wrapper .date_box {display: flex; justify-content: space-between;align-items: center;}
.betting .date_section .date_wrapper .date_box .date {margin-right: 15px; color: #231f20;}
.betting .date_section .date_wrapper a {cursor: pointer; text-indent: -9999px; overflow: hidden; color: white; width: 23px; height: 19px; background: url(/chat/img/sp_nchat.png) no-repeat center left; filter: brightness(0.2);}

.betting .top_section {display: flex; justify-content: space-between;align-items: center;}
.betting .top_section .top_item,.betting .mid_section  .mid_item{ width: 100%; font-size: 12px;}
.betting .odd_even_wrapper {display: flex;  border: 1px solid #dee2eb;border-top: none;} 
.betting .odd_even_wrapper .betting_item_box {width: 100%; background: #fff; display: flex; align-items: center;justify-content: center; font-weight: bold; cursor: pointer;}
.betting .odd_even_wrapper .betting_item_box:not(:last-of-type) {border-right: 1px solid #dee2eb;}

.betting .mid_section {display: flex;}
.betting .mid_section .first_box .title {padding: 18px 0;}
.betting .mid_section .size_wrapper {display: flex; border: 1px solid #dee2eb;border-top: none;background: #fff;}
.betting .mid_section .size_wrapper .betting_box { width: 100%; font-size: 12px; text-align: center; font-weight: bold; padding:5.8px 0}
.betting .mid_section .size_wrapper .betting_box:not(:first-of-type) {border-left: 1px solid #dee2eb;}

.betting .pwball_section {display: flex;}
.betting .pwball_section > div {width: 100%;}
.betting .pwball_section > .num {cursor: pointer; margin-left: 3px; font-size: 12px; border: 1px solid #dee2eb;background: #fff; display: flex; justify-content: center; align-items: center; font-weight: bold;}

.betting .point_section .point_top_section { display: flex; font-size: 12px; margin-bottom: 3px;}
.betting .point_section .point_top_section .point_box {display: flex; align-items:center; text-align: center;}
.betting .point_section .point_top_section .point_box:not(:first-of-type) {margin-left: 15px;}
.betting .point_section .point_top_section .point_box input {height:30px; width: 145px; padding:0 10px;}
.betting .point_section .point_top_section .point_box p { font-weight: bold;}
.betting .point_section .point_top_section .point_box p:first-of-type { margin-right: 7px;}
.betting .point_section .point_top_section .betting_wrapper input { width: 230px;text-align: right;border: 1px solid #edd2eb;}

.betting .point_btn_section {display: flex;}
.betting .point_btn_section button {border: none; padding: 10px 0; width:100%; background: #231f20; color: white; cursor: pointer;}

.betting .btn_area {display: flex;justify-content: center;}
.betting .btn_area .submit {padding:15px 60px; border: none; background-color: #d6a876; border-radius: 30px; font-weight: bold; cursor: pointer;}

/* 픽공유게시판 */
.pick_wrapper {margin-top: 7px;}
.pick_wrapper .pick_btn {display: inline-block; margin-left: 5px;}
.pick_wrapper .pick_btn > ul {display: flex;justify-content: space-around;}
.pick_wrapper .pick_btn > ul a {margin-left: 5px;}
.pick_wrapper .pick_btn > ul a._on {border: 1px solid #231f20;background-color: #231f20;color: #fff; }

.pick_wrapper .pick_list {width: 100%; border-collapse: collapse; border: 1px solid #dee2eb;}
.pick_wrapper .pick_list tr {border-bottom: 1px solid #dee2eb;background-color:#fff;}
.pick_wrapper .pick_list tr th {padding:18px 0; background: #f7f7f7;}
.pick_wrapper .pick_list tr.top {background-color: #ffe7e4;}
.pick_wrapper .pick_list tr td {padding:10px 0; }
.pick_wrapper .pick_list tr td:not(:nth-of-type(3)) {text-align: center;} 
.pick_wrapper .pick_list tr td.record span {font-weight: bold;} 
.pick_wrapper .pick_list tr td.user_info {display: flex;align-items: center;} 
.pick_wrapper .pick_list tr td.user_info > div {width: 31px;height: 31px;overflow: hidden;border-radius: 50%;} 
.pick_wrapper .pick_list tr td.user_info > div img {width: 100%;}
.pick_wrapper .pick_list tr td.user_info > img {margin: 0 8px 0 15px;}
.pick_wrapper .pick_list tr td a.reading._on {color:#e74d39; font-weight: bold;}