@charset "utf-8";

:root {
    --point-color: #e2e2e2;
    --main-color: #121f15;
    --background-color: #eeee;
    --background-color-gray: #eeee;
    --background-color-gray2: #e2e2e2;
    --background-color-gray3: #e2e2e2;
    --background-color-gray-deep: #191919;
    --background-color-black: #000;
    --border-color: #2F3749;
    --border-color-deep: #2F3749;
    /* --max-width: 1560px; */
    --max-width: 1366px;
    --head-height: 95px;
    --mobile-head-height: 48px;
    /* --left-width: 336px; */
    --left-width: 300px;
    --green-color: #40d04f;
    --yellow-color: #ffb238;
    --red-color: #CA2128;
    --blue-color: #4ef558;
    --type-green: #000;
    --type-gray: #7e7e7e;
    --type-red: #CA2128;
    --type-gray2: #adadad;
    --type-blue: #4E77F5;
    --def-space: 12px;
    --type-normal: #fff;
    --type-weak: #000;
    --home-team-color: #bb1616;
    --away-team-color: #2b3f83;
}

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; border:1px solid #000; padding:10px; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

/* custom css */
.list-wrap {
margin-left: 2px;
}
.board-list {
padding: 10px;
}
.view-wrap {
    padding: 25px;
    background: var(--background-color-gray);
    border-radius: 10px;
}
.list-board .list-head {
	/*border-radius: 10px;*/
	background-color: #464646 !important;
}
.div-head {
	border-top-style: none !important; 
    border-bottom: none !important;
}
.modal-content { background-color: #3a3d46 !important; }
.modal-content .form-control {
    border: 1px solid #606d94;
    box-shadow: none;
    background-color: #2e323c !important;
}
.btn.btn-black { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #333; 
	background-color: #464646; 
}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { 
	background-color: #323c46; 
}
.btn.btn-deepblue { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #333; 
	background-color: #007db4; 
}
.btn.active.btn-deepblue, .btn.btn-deepblue:hover, .btn.btn-deepblue:focus, .btn.btn-deepblue:active { 
	background-color: #006ea0; 
}
.list-page .pagination li a { color:#fff !important;background:#007db4 !important; border-color:#606d94 !important; padding:10px 15px; }
.list-page .pagination li.active a { color:#fff !important; background:#007db4 !important; border-color:#606d94 !important; }
.member, .guest { color:#fff; }


/* ��ư Ŀ���� */

.btn.btn-blue {
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #007db4;  
	background-color: #555ef1; 
}
.btn.active.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active { 
	background-color: #555ef1; 
}
.btn.btn-darkgray { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #646071; 
	background-color: #555861; 
}
.btn.active.btn-darkgray, .btn.btn-darkgray:hover, .btn.btn-darkgray:focus, .btn.btn-darkgray:active { 
	background-color: #5A5D64; 
}

.checkbox-inline { color:#000; }
.form-group a:link { color:#000; }

#myModalLabel { color:#000; }

.categories_title_wrap {display:flex;height:54px;align-items:center;padding-right:15px;padding-left:15px;}
.categories_title_wrap .mtitle {font-size:20px;padding-right:8px;}
.categories_title_wrap .mcnt {font-size:20px;color:#47bbf0;}
.categories_title_wrap .extra {flex:1;text-align:left;}
.categories_title_wrap .title {text-align:center;margin-left:10px;cursor:pointer;min-height:18px;font-size:12px;}
.categories_title_wrap .active {color:#47bbf0;border-bottom:2px solid #47bbf0;}

/*.categories_bbs_title_wrap {display:flex;height:54px;align-items:center;padding-right:5px;padding-left:5px;}*/
.categories_bbs_title_wrap {display:flex;align-items:center;padding-right:5px;padding-left:5px;}
.categories_bbs_title_wrap .mtitle {font-size:20px;padding-right:8px;font-family:"a2",sans-serif;}
.categories_bbs_title_wrap .mcnt {font-size:20px;color:#47bbf0;font-family:"a2",sans-serif;}
.categories_bbs_title_wrap .extra {flex:1;text-align:left;}
.categories_bbs_title_wrap .title {position:relative; text-align:center; cursor:pointer; margin-left:10px;/*margin-left:20px;*/}
.categories_bbs_title_wrap .active {color:#47bbf0;}
.categories_bbs_title_wrap .active a {color:#47bbf0;}
.categories_bbs_title_wrap .active:after {content:""; position:absolute; left:0; right:0; bottom:-3px; background:#47bbf0; height:2px;}

@media (max-width: 860px) {
	/* 스포츠분석 */
	.sp_pick_list_wrap {margin-top:0;border-radius:10px;overflow: hidden !important;}
	.sp_pick_list_wrap > .sp_pick_list_box.type1 {border-radius:0;}
	.sp_pick_list_wrap > div:nth-child(odd){/*background-color:var(--background-color-gray);*/}
	.sp_pick_list_wrap > div:nth-child(even){background-color:var(--background-color-gray2);}
	.sp_pick_list_box.type1 .extend-wrap .title .away-name {margin-top:3px;}
	.sp_pick_list_box.type1 .extend-wrap .title .home-name,
	.sp_pick_list_box.type1 .extend-wrap .title .away-name {display:block; line-height:1.3;}
	.sp_pick_list_box.type1 .extend-wrap .title .home-name i,
	.sp_pick_list_box.type1 .extend-wrap .title .away-name i {width:30px; border-radius:3px;}
	.sp_pick_list_box.type1 .extend-wrap .separator--vs {display:none;}
}
@media (max-width: 860px) {
    .sp_pick_list_wrap {
        margin-top: 0;
        border-radius: 10px;
        overflow: hidden !important;
    }
}
@media (max-width: 860px) {
    .resp_2to1_wrap2 {
        display: block !important;
    }
}
@media (max-width: 860px) {
    .resp_2to1_wrap2 > div {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 5px !important;
    }
}
@media (max-width:860px) {
    #header_logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
	.mobile_only {display:block !important;}
	.pc_only{display:none !important;}

	#header_logo img {width:190px !important}

	/* 반응형 pc2 mobile1 */
	.resp_2to1_wrap {display:block} 
	.resp_2to1_wrap > div:nth-child(1) {width:100%;}
	.resp_2to1_wrap > div:nth-child(2) {width:0px;}
	.resp_2to1_wrap > div:nth-child(3) {width:100%;}

	/* 반응형 pc2 모바일1 2nd*/ 
	.resp_2to1_wrap2 {display: block !important;} 
	.resp_2to1_wrap2 > div {width: 100% !important;margin-right: 0 !important;margin-bottom: 5px !important;}

	.resp_3to1_wrap3 {display:block;} 
	.resp_3to1_wrap3 > div {width:100%; margin-right:0; margin-bottom:5px;}

	/* 반응형 pc5 mobile2 */
	.resp_5to2_wrap {display:flex;flex-wrap:wrap;}
	.resp_5to2_wrap > div {width:49%;margin-bottom:8px;margin-right:2%;}
	.resp_5to2_wrap > div:nth-child(2n){margin-right:0%;}


	/* 반응형 pc4 mobile2 */
	.resp_4to2_wrap {
			display: flex !important;
			flex-wrap: wrap !important;
			margin-bottom: -8px !important;
	}
	.resp_4to2_wrap > div {
			flex-basis: 48% !important;
			margin-bottom: 8px !important;
			margin-right: 2% !important;
	}
	.resp_4to2_wrap > div:nth-child(2n){margin-right:0%;}

	.mbanner_resp_2to1_wrap {}
	.mbanner_resp_2to1_wrap > div {margin-right:0;width:100%;margin-bottom:12px;}
	.mbanner_resp_2to1_wrap > div:last-child{margin-bottom:0;};

	.mpage-notice-box {width:48%;}
	.mpage-pick-box {width:48%;}
	.mpage-pick-box .league-img {width:40px;}
	.mpage-bscreen-box {width:48%;margin-bottom:12px;}

	.airlistrow1_wrap {display:flex;align-items:stretch;}
	.airlistrow1_wrap .thumbimg {}
	.airlistrow1_wrap .thumbimg > img {width:80px;height:60px;border:1px solid #333;}
	.airlistrow1_wrap .extraswrap {flex:1;padding-left:6px;}
	#member-alarm-box {display:none;position:fixed;z-index:1100;top:60px;left:calc(50% - 170px);width:90%;max-width:340px;background-color:#161B28;border-radius:10px;}
	#popup-mission-box {display:none;position:fixed;z-index:1100;top:60px;left:calc(50% - 170px);width:90%;max-width:340px;background-color:#161B28;border-radius:10px;}

	.popup-fs-width-iframe {display:none;position:fixed;z-index:1100;top:60px;left:calc(50% - 170px);width:90%;max-width:340px;bottom:70px;}

	.auto_start_popup_img_wrap {height:200px;overflow-y:scroll;}
	/*
	#popup-fullsc-width-iframe {
		top:40px;
		left:2px;
		right:2px;
		bottom:0px;
	}
	*/
	.partner_list {display:flex;flex-wrap:wrap;}
	.partner_list  > div {margin-bottom:12px;}
	.partner_list .img {width:49%;text-align:center;}
	.partner_list .img img {width:100%;}
	.partner_list .img span {display:block;width:280px;height:186px;line-height:186px;}
	.partner_list .info1 {width:49%;min-width:180px;line-height:150%;}
	.partner_list .info2 {width:49%;line-height:170%;}
	.partner_list .info3 {width:49%;line-height:170%;}
	.partner_list .stitle {background-color:var(--background-color-gray);height:28px;line-height:28px;text-align:center;margin-bottom:8px;border-radius:8px;}
	.partner_list .extras-a {width:2%;}
	.partner_list .extras-b {width:0%;}


	/* 스포츠분석 상세페이지 모바일 */
	.pickinfo-view-wrap .team-info-row {display: flex !important;align-items: center !important;margin:auto;background-color: #21283B !important;padding: 10px !important;border-radius: 15px !important;margin-top: 10px !important;}
	.pickinfo-view-wrap .team-info-row .row-extra {flex:1;}
	.pickinfo-view-wrap .team-info-row .row-img {width: 26px !important;}
	.pickinfo-view-wrap .team-info-row .row-img > img {width: 100% !important;}
	.pickinfo-view-wrap .team-info-row .row-vs {}
	.pickinfo-view-wrap .team-info-row .row-vs > img {width:30px;}
	.pickinfo-view-wrap .team-info-row .row-hteam {flex: 1 !important;text-align: center !important;font-size: 14px !important;}
	.pickinfo-view-wrap .team-info-row .row-ateam {flex: 1 !important;text-align: center !important;font-size: 14px !important;}

	.pickinfo-view-wrap .row-wrap {padding:10px 25px;}
	.pickinfo-view-wrap .row-info {display:block; padding:10px 0; }
	.pickinfo-view-wrap .row-data {width:100%;}

	.pickinfo-view-wrap .row-data li.bet-name {width:70%;}
	.pickinfo-view-wrap .row-data li.bet-line {text-align:center;}
	.pickinfo-view-wrap .row-data li.result-status {text-align:center;}

	/* 포인트샵 */
	.pshop-list-wrap {display:flex;align-items:center;flex-wrap:wrap;}
	.pshop-block {width:48%;margin-bottom:16px;}
	.pshop-list-wrap .img > img {width:100%;}
	.pshop-list-wrap .pshop-title {}
	.pshop-list-wrap .pshop-price {}
	.pshop-list-wrap .pshop-order {padding-top:8px;}

	.pshop-block-extra {width:1%;}


	/* 반응형 레이아웃 */
	.resp_2_to_1 {}
	.resp_2_to_1 > div:nth-child(2) {padding-left:0px;}
	.resp_2_to_1 > div {width:100%;}




	.game-font {font-family: "Noto Sans KR","맑은 고딕",Dotum,"돋움",Arial,sans-serif;}



	/* 스케쥴표 시작 ---------------------------------------------------- */
	#screen-a {position:fixed;top:0px;left:0;right:0;width:100%;z-index: 9999;border-radius:0}
	#screen-b {position:fixed;top:210px;left:0;right:0;width:100%;bottom:0;overflow-y:scroll !important; border-radius:0 !important; min-width:375px;background-color:#161B28;} 
	#screen-extra {position: relative;background-color: green;z-index: -1;}
	.vidFrame {border-radius:0}
	/*.truncate-text {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/

	/* 방송화면 */
	#ifr_radar {display:none;width:100%;height:471.375px;}

	#glist-dataset {padding-bottom:40px;}

	/* 스케쥴표 상단 카테고리 */

	.glist-filter-wrap {
		background:none !important;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background: var(--background-color);
	}
	.glist-filter-wrap > div {height:50px !important; line-height:50px !important; padding:0 12px !important;}
	.glist-filter-wrap > div > img {width:32px !important;}

	/* 목록 */
	.onair-wrap:nth-child(even).onair-active {background-color:#202f57; }
	.onair-wrap:nth-child(odd).onair-active {background-color:#152143;}	

	.glist-single-wrap {padding-top: 30px !important;overflow:hidden;}
	.glist-t2-wrap {display: block !important;}
	.glist-t2-row-tname-home,
	.glist-t2-row-tname-away {font-size: 12px !important;width:42%;padding-left: 0 !important;padding-right: 0 !important;text-align: left !important;}
	.glist-t2-row-league {position:absolute;top:10px;left:10px;width: 30% !important;padding-left: 0 !important;}
	.glist-t2-row-league img {width: 12px !important;}
	.glist-t2-row-league span {font-size: 10px !important;vertical-align:middle;}
	.glist-t2-row-time {position:absolute;top:10px;left:50%;transform:translateX(-50%);width: 80px !important;text-align: center !important;}
	.glist-t2-row-time > span {font-size: 10px !important;}
	.glist-t2-row-betradar-pc {position:absolute; top:41px;right:88px; width:auto; border-radius:6px !important;}
	.glist-t2-row-betradar-pc.button-group > div {padding-left:5px; padding-right:5px;}
	.glist-t2-row-betradar-pc.button-group > div:first-child {padding-right:3px;}
	.glist-t2-row-betradar-pc.button-group > div:last-child {padding-left:3px;}	
	.onair-status-off .glist-t2-row-betradar-pc {}
	.glist-t2-row-multich-pc {position:absolute;top:41px;right:5px; padding-right:0; width:auto;}
	.glist-multich-btn-wrap {border-radius: 6px !important;}
	.glist-multich-btn-wrap > div {min-width: 20px !important;height: 25px !important;font-size: 11px !important;}
	.glist-multich-btn-wrap > div:hover {background-color:transparent; color:#9aa4bf;}
	.glist-multich-btn-wrap .active:hover {background-color:#080a0e; color:#4ff461;}
	.glist-textair-btn {height:25px; line-height:25px; font-size:11px; padding-left:5px; padding-right:5px; display:inline-block; max-width:100%; border-radius:6px;}
	.glist-textair-btn3 {height:25px; line-height:25px; font-size:11px; display:inline-block; border-radius:6px; max-width:100%; border-radius:6px;}
	.glist-t4-wrap .txt-description {display:none;}
	.glist-t2-row-mixinfo {min-width: 0 !important;width:40px;position:absolute;left:50%;transform:translateX(-50%);}
	.glist-t2-row-mixinfo > span {font-size:12px;}
	.glist-t2-row-mixinfo > img {width: 15px !important;max-height: 18px !important;}
	.glist-t2-row-mix-home {top:30px;}
	.glist-t2-row-mix-away {top?48px;bottom: 10px !important;}
	.glist-t2-row-center {min-width: auto !important;width:auto;max-width: auto !important;position:absolute;top:10px;right:5px;}
	.glist-t2-row-center > div,
	.glist-t2-row-center > span {font-size:10px;}
	.glist-t3-row-title {text-align:left; font-size:12px;margin-bottom:16px;}



	/* 방송화면 */
	.vmulti-wrap {display:flex;flex-wrap:wrap;background-color:#000;justify-content: center;border-radius:0;}
	.vid_size1 {width:100%;}
	.vid_size2 {width:100%;}
	.vid_size3-1 {width:51%;}
	.vid_size3-2 {width:50%;}
	.vid_size4 {width:50%;}
	/* 스케쥴표 끝*/

	/* 게시판 */
	.bbs_layout_box {padding:20px 10px;background:var(--background-color-gray);border-radius: 10px;}
	.bbs_layout_box2 {padding:20px 10px;background:var(--background-color-gray2);border-radius: 10px;}


	.flex-tbl-row .custom-wnormal-w100 {width:100%;}
	.flex-tbl-row .custom-wnormal-w100 .rp8 {position:relative; margin-right:10px;}
	.flex-tbl-row .custom-wnormal-w100 .rp8:after {
		content: "";
		position: absolute;
		right: -2px;
		width: 2px;
		height: 22px;
		background: #262d3e;
		top: 50%;
		transform: translateY(-50%);
	}

	.flex-tbl-row .custom-w100-wflex1 {flex:1;}
	.flex-tbl-row .custom-newsimg {padding:20px 20px 4px 14px;}
	.flex-tbl-row .custom-mpad {padding:20px 20px 4px 20px !important;}
	.flex-tbl-row .custom-mpad2 {padding:20px 20px 4px 0;} /* pc에서는 20 mobile 에서는 bottom 을 4로 news 에서 사용*/
	.flex-tbl-row .cnt_cmt {margin-left:10px; color:var(--type-weak);}

	.flex-tbl-row .firstimg {position: relative;padding: 0 0 0 106px;height:72px;}
	.flex-tbl-row .firstimg > a {width: 106px;height:66px;overflow: hidden;border-radius: 10px;}



	.searchbox_wrap {display:block !important;}
	.searchbox_wrap .sub-title {margin-top:0; margin-bottom:5px;}

	.bbs_search_wrap {margin-top:15px;}
	.bbs_search_wrap .input-wrap {width:100% !important;}

	.page-title-main {font-size:18px;}
	.categories_bbs_title_wrap .mtitle {font-size:18px;}

	.hexagonImg .levelnum {right:-5px;}
	.partnerbox_wrap .hexagonImg {margin-right:10px;}
	.partnerbox_bottom > div:nth-child(2) *,
	.partnerbox_bottom > div:nth-child(3) *,
	.partnerbox_bottom > div:nth-child(4) * {font-size:11px !important;}
	.partnerbox_bottom > div:nth-child(4) {padding-right:10px;}
	.partnerbox_top .title {margin-top:10px; margin-bottom:10px;}
	.partnerbox_top {padding-bottom:10px; min-height:180px;}
	.partnerbox_bottom > div .upper {margin-bottom:1px;}

	.pshop_top .title {margin-top:10px;}
	.pshop_top {padding-bottom:10px; min-height:180px;}

	.pshop-order-wrap .pshop-order .col-price {text-align:right;min-width:80px;}
	.pshop-order-wrap .pshop-order .col-time {padding-left:10px;padding-right:10px;font-size:12px;width:80px;}


	.pg_wrap .pg a,
	.pg_current {width:40px; height:40px; min-width:40px;}

    .flex-tbl-wrap > .flex-tbl-row .custom-mpad:nth-child(1) {
        width: 55px !important;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }
    .flex-tbl-row .custom-wnormal-w100 {
        padding: 10px !important;
    }
    .list-page .pagination li a {
        min-width: 35px !important;
    }
	.hide-header #header_wrap {top:-100px;}
	/*
	.hide-header #screen-a {top:0;}
	.hide-header #screen-b {top:312px !important;}
	*/
	.hide-header #popup-lmenu {padding-top:0;}

	/* 스포츠분석 */
	.sp_pick_list_wrap {margin-top:0;border-radius:10px;overflow: hidden !important;}
	.sp_pick_list_wrap > .sp_pick_list_box.type1 {border-radius:0;}
	.sp_pick_list_wrap > div:nth-child(odd){/* background-color:var(--background-color-gray); */}
	.sp_pick_list_wrap > div:nth-child(even){background-color:var(--background-color-gray2);}
	.sp_pick_list_box.type1 .extend-wrap .title .away-name {margin-top:3px;}
	.sp_pick_list_box.type1 .extend-wrap .title .home-name,
	.sp_pick_list_box.type1 .extend-wrap .title .away-name {display:block; line-height:1.3;}
	.sp_pick_list_box.type1 .extend-wrap .title .home-name i,
	.sp_pick_list_box.type1 .extend-wrap .title .away-name i {width:30px; border-radius:3px;}
	.sp_pick_list_box.type1 .extend-wrap .separator--vs {display:none;}

	.common_top_page_title .extra {flex:0;}
  .common_top_page_title .title-wrap {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch !important;
      -ms-overflow-style: -ms-autohiding-scrollbar !important;
      justify-content: flex-start !important;
  }
	.jumbotron {padding:0; background-color:transparent;}

	.css-s70qe6.modal {width:90%; max-width:90%;}
	.blocker {padding:20px;}

	#popup-usr-info {
		padding:0 !important;
		top:var(--mobile-head-height) !important;
		border:0 !important;
		background-color:transparent !important;
		width:100% !important;
		left: 0 !important;
		right: 0 !important;
		max-width: 100% !important;
	}	
	#popup-usr-info .categories_title_wrap {border-radius:0;}
	#main-login2-wrap .imgsection {margin:20px 40px;}
	#main-login2-wrap #mb_usr_area_info_pannel {padding:15px 30px;}

	.wave {height:5em;}
	#header_wrap {overflow:hidden;}
	.header_btn_wrap {justify-content:right; width:auto; flex-grow:2;}
	.header_btn {margin-left:1px;}

	.partner-view-info {display:block; padding:0 10px;}
	.partner-view-info h4 {color:#f4b24f;}
	.partner-view-info .info-label {}
	.partner-view-info > div {margin-bottom:15px;}
	.partner-view-info .info-wrap {margin-bottom:20px; padding-left:0;}
	.partner-view-info .info-wrap-ml {padding-left:0; margin-bottom:0;}
	.partner-view-info .btn-wrap {display:block; width:100%; margin-bottom:0;}
	.event-site-information .partner-event-name {margin-bottom:5px; text-align:center; font-size:15px;}
	.event-site-information .partner-site-url {text-align:center; font-size:15px;}
	.event-site-information .partner-event-label {margin-bottom:5px;}
	.event-site-information .partner-site-label {display:none;}
    .list-wrap .list-container {
        margin: 0 !important;
    }
}