@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 
font-family: 'Nanum Gothic';
Regular 400
Bold 700
ExtraBold   800
*/

/* @font-face {
  font-family:'jal';
  src: url('/font/JalnanGothic.woff') format('woff');
  font-weight:normal;
  font-style:normal
} */

@font-face {
  font-family: 'jal';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* 
@font-face {
  font-family: "a1";
  font-style: normal;
  font-weight: 200;
  src: url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');
} */


@font-face {
  font-family: "a1";
  font-style: normal;
  font-weight: 100;
  src: local("/fonts/a2"), 
    url("/fonts/a2.eot"),  
    url("/fonts/a2.eot?#iefix") format("embedded-opentype"),  
    url("/fonts/a2.woff") format("woff"), 
    url("/fonts/a2.ttf") format("truetype"); 
}


@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 200;
  src: local("/fonts/a2"), 
    url("/fonts/a2.eot"),  
    url("/fonts/a2.eot?#iefix") format("embedded-opentype"),  
    url("/fonts/a2.woff") format("woff"), 
    url("/fonts/a2.ttf") format("truetype"); 
}


/* 
@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');
} */

@font-face {
  font-family: "a3";
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');
}

:root{
	--gold:linear-gradient(#b8792a 0%,#f5d06f 54%,#b9792a 100%);
	--40:#40030b;
	--57:#50070c;
	--9c:#9c0a1f;
	--fd:#ffde5c;
	--f4:#f4cf6f;
	--f5:#f5d06f;
	--f6:#f6d254;
	--f8:#f8dfa0;
}

/* **** Common Reset **** */
/* *{margin:0;padding:0;list-style:none;font-size:12px;font-weight:500;font-family: "a2",sans-serif;color:#f0f0f0;box-sizing: border-box;} */
*{margin:0;padding:0;list-style:none;font-size:12px;font-weight:200;font-family: "a2",sans-serif;color:#eee;box-sizing: border-box;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a,i,em{font-size:inherit;color:inherit;font-family:inherit;}
b, strong{color: inherit;font-size: inherit;}
font{font-size:inherit;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;}
table{width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
i{font-style:normal;}
body{background: #000000;background-attachment:fixed;background-size:cover;/* padding-top: 100px; */}
table {border-collapse: collapse;width: 100%;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;}
select::-ms-expand { display: none;}

.betscroll::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #262626;}
.betscroll::-webkit-scrollbar{	width: 2px;	background-color: #F5F5F5;	opacity:0.5;}
.betscroll::-webkit-scrollbar-thumb{	background-color: #ff3d12;	opacity:0.5;}
.betscroll { scrollbar-base-color: #262626;scrollbar-Face-Color: #ff3d12; scrollbar-Track-Color:#262626;   scrollbar-Shadow-Color: #262626}

.betscroll2::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #2e333d;}
.betscroll2::-webkit-scrollbar{	width: 2px;	background-color: #2e333d;	opacity:0.5;}
.betscroll2::-webkit-scrollbar-thumb{	background-color: #606570;	opacity:0.5;}
.betscroll2 { scrollbar-base-color: #2e333d;scrollbar-Face-Color: #606570; scrollbar-Track-Color:#2e333d;   scrollbar-Shadow-Color: #2e333d}


.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

.blue{color:#5d8ef9 !important;}
.green{color: #4af60e !important;}
.red{color: #fa1515 !important;}
.grey{color:#77787b !important;}
.orange{color: #ff5500 !important;}
.yellow{color:#ffdb00 !important;}
.white{color:#fff !important;}

body.no-bg{background: linear-gradient(130deg, #151719, #1f2025);}


/********************************************************
■ 좌측메뉴
********************************************************/
.menu-box{position:fixed;top:0;left:-100%;z-index: 9999;width:100%;height:100%;background:rgba(0,0,0,.95)}
.menu-box-tit{display:flex;align-items:center;justify-content:center;position:relative;height: 50px;background: #000000;border-bottom: 1px solid #300306;}
.menu-box-tit img{width:auto;height: 35px;}
.menu-close{position:absolute;top:0;right:0;z-index:1}
.menu-close a{display:flex;align-items:center;justify-content:center;width:50px;height:49px;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size: 35px;}

.menu-box .leftBottom { height:100%; }
.menu-box .leftBottom .left,
.menu-box .leftBottom .right { float:left; height:calc(100% - 50px); padding:20px 0 20px 23px; box-sizing: border-box; }
.menu-box .leftBottom .left{width:160px;padding:7px 0;background: #300306;overflow-y:scroll;}
/* .menu-box .leftBottom .left ul { padding:10px 0 0px; } */
.menu-box .leftBottom .left li {}
.menu-box .leftBottom .left li a{display:flex;align-items:center;position:relative;height:40px;font-family:'jal';font-size:12px;color:#fefefe}
.menu-box .leftBottom .left li a.on,
.menu-box .leftBottom .left li a.active {color: #f5d06f;}
.menu-box .leftBottom .left li a.on:after, 
.menu-box .leftBottom .left li a.active:after {content:"";position:absolute;left:0;top:10px;width:3px;height:20px;background: #f5d06f;}
/* .menu-box .leftBottom .left li#menu_6 a.active:after { top:20px; } */
.menu-box .leftBottom .left li a .iconfont{display:flex;align-items:center;justify-content:center;width:45px;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:21px;}
/* .menu-box .leftBottom .left li:nth-of-type(n+10) a{color: #a58b8d;} */
/* .menu-box .leftBottom .left li:nth-of-type(n+9) a.on{color: #f5d06f;} */
.menu-box .leftBottom .left li.light a { color:#f5d06f; }

.m-info{position: relative;/* top: 7px; */right: 10px;}
.m-info a{border: 2px solid #f5d06f;color: #f6d254;line-height: 30px;padding: 1px 12px 0;font-size: 12px;font-family: 'jal';}
.m-info a .iconfont{
	color: transparent;
	background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);
	-webkit-background-clip: text;
	vertical-align: top;
	font-size: 19px;
}

.info-box-bg{display:none;position:fixed;top:0;left:0;z-index: 2;width:100%;height:100%;background: rgba(0, 0, 0, 0.1);}
.info-box{position:fixed;top:0;right: -100%;z-index: 9999;width:100%;height:100%;background: #000000;overflow-y:auto;}
.info-box-tit{font-size: 12px;color: #756767;height: 50px;line-height: 50px;padding: 0 15px;border-bottom: 1px solid #40030b;font-family: "jal";background: #000000;}
.info-box-tit span strong{font-size: 14px;color: #fff;vertical-align: middle;margin-left:5px;font-weight:normal;}
.info-box-tit span strong.small { color:#8a8175; font-size:12px;  }
.info-box-tit a.iconfont{position:absolute;right: 25px;top: 13px;width: 81px;height: 31px;line-height: 34px;font-size: 14px;font-weight: 700;color: #989797;border: 1px solid #545050;background: #292525;border-radius:16px;text-align: center; }
.info-box-tit a.iconfont i{color: #fff;font-weight: 700;/* vertical-align: middle; */}
.info-box-tit2 {padding:20px;}
.info-box-tit2 .left {float:left;width:calc(100% - 100px);font-family: 'jal';}
.info-box-tit2 .left .cash-tit {font-size: 12px;color: #756767;}
.info-box-tit2 .left .cash {padding: 10px 0;}
.info-box-tit2 .left .cash a {font-size: 18px;color: #ffde5c;font-family: "jal";}
.info-box-tit2 .left .point a {font-size: 12px;color: #756767;}
.info-box-tit2 .left .point a span {font-size: 12px;color: #ffde5c;}
.info-box-tit2 .right {float:right;width: 90px;text-align: right;}
.info-box-tit2 .right span { margin-left:5px;  }
.info-box-tit2 .right a {position:relative;width: 100%;}
.info-box-tit2 .right a .iconfont {position:absolute;left: -25px;color: transparent;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip: text;font-size: 19px;top: -1px;}
.info-box-tit2 .right .bok {height:40px;line-height:40px;color: #fff;font-size: 12px;font-family: 'jal';}
.info-box-tit2 .right .memo {padding-top:15px;color: #fff;border-top: 1px solid #40030b;font-size: 12px;font-family: 'jal';}
.info-box-tit2 .right .memo span { padding-left:5px; }
.info-box-tit2 .right .c-red {color: #ffde5c;}

.info-box .rBanner a { display:block; margin:0 20px 10px; }
.info-box .rBanner a img { max-width:100%; }

.info-box-cont .cont1 {padding: 20px 10px 0;font-size:0;background: #300306;margin: 0 20px;border-radius: 8px;}
.info-box-cont .cont1 li {display:inline-block;width:25%;font-size:13px;color:#a19677;margin-bottom: 20px;}
.info-box-cont .cont1 li a {position:relative;padding-top:35px;text-align:center;width:100%;font-size: 12px;color: #fff;font-family: 'jal';}
.info-box-cont .cont1 li i {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	font-size:28px;
	background-image: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
.info-box-cont .cont2 {padding: 0px 20px;font-size:0;background: #300306;margin: 10px 20px;border-radius: 8px;}
.info-box-cont .cont2 li a {position:relative;height: 50px;line-height: 50px;color: #ffffff;font-size:12px;width:100%;border-bottom: 1px solid #000000;font-family: 'jal';} 
.info-box-cont .cont2 li:last-child a { border:0; }
.info-box-cont .cont2 li a:after {content:">";position:absolute;right:0;font-size:20px;color: #5f4c4c;font-family: "a2";}
.info-box-cont .cont2 li i {position:relative;text-align: center;font-size:20px;display:inline-block;width: 45px;vertical-align:middle;color: #f3cf6f;}
.info-box-cont a.logout {display:block;height:45px;line-height:45px;text-align:center;border-radius:8px;background: #9c0a1f;color: #fff;font-size: 12px;margin: 0 20px 20px;font-family: 'jal';}

.info-close{position:absolute;top: 8px;right:10px;color: #857b6d;}
.info-close a {font-size:33px;color: transparent;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip: text;}

.ic{display:inline-flex;margin-left:5px;padding:1px 2px;border-radius:3px;font-style:normal;font-weight:bold;font-family:Arial,sans-serif;font-size:10px;color:#fff;}
.ic.n{background: #f6d254;color:#000}
.ic.h{background:#fa1111}
.ic.hold{background:#b816f8}
.ic.p{background:#1a42ee}
.ic.olympic{background:#17cf16}

.menu-box .leftBottom .right {width:calc(100% - 160px);padding:0 20px 20px;}
.menu-box .leftBottom .right .rightTitle{position:relative;height:55px;}
.menu-box .leftBottom .right .rightTitle a{display:flex;align-items:center;justify-content:space-between;height:54px;border-bottom: 1px solid #f5d06f;font-size:13px;font-family:'jal';color: #f5d06f;}


.menu-box .leftBottom .right .rightTitle .iconfont {font-size:23px;color: #473435;}
.menu-box .leftBottom .right .rightTitle .ct {  }
.menu-box .leftBottom .right .depth2 { height:calc(100% - 87px); overflow-y:scroll; }
.menu-box .leftBottom .right .depth2 li a {display:flex;padding: 10px 0;font-size: 12px;color: #d7d7d7;font-family: "jal";}
.menu-box .leftBottom .right .depth2 a p.match_count { position: absolute; right: 24px; }
.menu-box .leftBottom .right .depth2 li li a {color: #a39d9d;padding:6px 0;font-family: "a2";}
.menu-box .leftBottom .right .depth2 li li a span { }
.menu-box .leftBottom .right .menu-right { display:none; height:100%; }
.menu-box .leftBottom .right .menu_1 { display:block; }
.menu-box .leftBottom .right .depth2 .ul-item-cont {display:none;padding-left: 18px;padding: 5px 20px;background: #111010;}
.menu-box .leftBottom .right .depth2 .ul-item-cont a { font-size:13px; }
.menu-box .leftBottom .right .depth2 .active .ul-item-cont {display:block;margin: 0 0 10px;}



/* .menu-box-bg{display:none;position:fixed;top:0;left:0;z-index: 2;width:100%;height:100%;background: rgba(0, 0, 0, 0.7);}
.menu-box{position:fixed;top:0;left:-100%;z-index: 1000;width: 100%;height:100%;background: rgba(0, 0, 0, 0.9);}
.menu-box-tit{font-size:19px;color: #a89060;height: 60px;line-height: 60px;padding: 0 20px; background: #142844; border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-align: center; }
.menu-box-tit img{height: 33px;}
.menu-box-tit span{display: inline-block;font-size: 14px;color: #333;vertical-align:middle;}
.menu-box-tit span i{display:inline-block;font-size: 20px;color: #0241ff;margin-right: 10px;}
.menu-box-tit span strong{font-size: 20px;color: #333;}
.menu-box-tit a.iconfont{position:absolute;right:20px;top: 13px;width: 77px;height: 27px;line-height: 27px;font-size: 14px;color: #333;background: #e5e5e5;border: 1px solid #c7c7c7;border-radius:16px;text-align: center;}
.menu-box-tit a.iconfont i{color:#0241ff;}
.menu-box-tit2{padding: 12px 8%;}
.menu-box-tit2 p{line-height:24px;color: #333;}
.menu-box-tit2 p span{} */
.menu-box-cont{height: calc(100% - 68px);overflow-y:auto;padding: 3px 0;}
.menu-box-cont .cont1{overflow: hidden;margin-bottom: 15px;}
.menu-box-cont .cont1 a{float:left;width:50%;height:50px;line-height:50px;text-align:center;font-size: 18px;color:#fff;background: #454545;}
.menu-box-cont .cont1 a:first-child{background: #0241ff;}
.menu-box-cont > ul > li{margin: 0 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.menu-box-cont > ul > li > a{position:relative;display: block;height: 60px;line-height: 60px;font-size: 18px;color: #fff;padding: 0 15px;}
.menu-box-cont > ul > li > a.deph1-icon::after{content: "";position: absolute;top: calc(50% - 5px);right: 10px;font-family: "iconfont";color: #ec2a4c;background: url(../images/common/nav_off.png) no-repeat;width: 15px;height: 9px;}
.menu-box-cont > ul > li > a.on{color: #ff5500;}
.menu-box-cont > ul > li > a.on.deph1-icon::after{background: url(../images/common/nav_on.png) no-repeat;}
.menu-box-cont > ul > li > a i{position:absolute;left: 0;top:0;font-size: 23px;color: #a09f9e;}
.menu-box-cont > ul > li > a.color{color: #142844;}
.menu-box-cont > ul > li:nth-child(11) > a{/* color: #ffae00; */}
.menu-box-cont > ul > li:nth-child(12) > a{color: #00b2ef;}
.menu-box-cont > ul > li:nth-child(13) > a{color: #00b2ef;}
.menu-box-cont a.logout{display:block;height:33px;line-height:33px;text-align:center;border: 1px solid #c7c7c7;background: #eff0f1;font-size: 14px;color: #666;margin: 30px 8% 10px;}
.menu-box-cont a.logout img{margin-left:5px;width:16px;}
.deph2{padding: 0px 15px 20px;display: none;overflow: hidden;}
.deph2 li{position:relative;margin-top: 15px;}
.deph2 li::before{display: none;content:"";position:absolute;top: calc(50% - 3px);left:0;width:4px;height:4px;background:#676565;}
.deph2 li:first-child{margin-top:0;}
.deph2 li a{color: #9b9b9b;font-size: 16px;/*  */display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.deph2 li a:hover{/*color:#fff;text-decoration:underline;*/}
.bottom-box{overflow: hidden;margin: 20px 75px 0;}
.bottom-box a{display: block;text-align: center;background: #5f47f1;height: 50px;line-height: 50px;font-size: 18px;color: #fff;border-radius: 30px;}
.bottom-box a:first-child{margin-bottom: 10px;background: #1b92d5;}

.user-nav{overflow-y:auto;position:fixed;top:0;right:-100%;bottom:0;width:100%;height:100%;background:#06091d;z-index:999}
.user-nav-top{display:flex;align-items:center;justify-content:space-between;height:49px;padding:0 18px;border-bottom:1px solid #202355;background:#15173e;font-family:'jal';font-size:12px;color:#a1a2b2}
.user-nav-top img{width:30px;height:30px;margin-right:8px;}
.user-nav-top span{margin-right:8px;font-size:15px;color:#fff}
.user-nav-top .iconfont{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;width:49px;height:49px;background:linear-gradient(#ffdb00,#ffb900);font-size:32px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.user-nav-top .user-welcome{overflow:hidden;display:flex;align-items:center}
.user-nav-top .user-welcome span{overflow:hidden;max-width:37%;white-space:nowrap;text-overflow:ellipsis}
.user-nav-content{padding:15px 20px}
.user-stat{display:flex;align-items:center;justify-content:space-between}
.user-stat p{font-family:'jal';font-size:12px;color:#a0a1b1}
.user-stat p .u-cash{font-size:20px;}
.user-stat p .u-cash span{color:#ffd800}
.user-stat p .u-point{color:#fff}
.user-stat ul li a{display:flex;align-items:center;justify-content:space-between;width:117px;height:40px;font-size:13px;}
.user-stat ul li a .iconfont{/*margin-right:6px;*/font-size:22px;background:linear-gradient(#ffdb00,#ffb900);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.user-stat ul li a span{position:relative;display:flex;align-items:center;justify-content:space-between;width:90px;height:40px;color:#fff}
.user-stat ul li a span em{font-style:normal;}
.user-stat ul li a span em i{color:#a1a2b2}
.user-stat ul li:first-child span::after{position:absolute;right:0;bottom:0;width:90px;height:1px;background:#202355;content:''}
.user-menu{display:flex;flex-wrap:wrap;margin:10px 0;padding:10px 0;border-radius:10px;background:#111231;}
.user-menu li{flex:0 0 25%;}
.user-menu li a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;font-size:12px;color:#a4adc1}
.user-menu li a .iconfont{overflow:hidden;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-bottom:8px;font-size:24px;background:linear-gradient(#ffdb00,#ffb900);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.user-menu2{width:100%;padding:0 20px;border-radius:10px;background:#111231;box-sizing:border-box}
.user-menu2 li{height:48px;border-top:1px solid #191b47}
.user-menu2 li a{display:flex;align-items:center;justify-content:space-between;height:48px;}
.user-menu2 li a span{display:flex;align-items:center;font-size:14px;color:#a4adc1}
.user-menu2 li a span .iconfont{display:flex;align-items:center;justify-content:center;width:44px;font-size:22px;}
.user-menu2 li a > .iconfont{font-size:16px;color:#2e3064}
.user-menu2 li:first-child{border:0}
.user-nav .btn-logout{display:flex;align-items:center;justify-content:center;width:100%;height:45px;margin:10px 0 20px;border-radius:10px;background:#111231;font-family:'jal';font-size:13px;color:#fff;}

.header-tit{position:relative;font-size: 16px;color: #afafaf;height: 30px;padding: 0 10px;}
.header-tit .more-btn{position:absolute;top: 3px;right: 10px;font-size: 13px;color: #646464;}
.header-tab{padding:0 10px;margin: 0px 0 10px;overflow: hidden;}
.header-tab > ul{background: #3a3b42;overflow: hidden;}
.header-tab > ul > li{float:left;width: calc(100% / 3);border-left: 1px solid #404654;}
.header-tab > ul > li:first-child{border-left:0;}
.header-tab > ul > li > a{display:block;height: 40px;line-height: 40px;text-align:center;background: #2e333d;font-size: 13px;font-weight: 800;color: #b0b0b7;position: relative;}
.header-tab > ul > li > a:hover,
.header-tab > ul > li > a.on{color: #ffffff;}
.header-tab > ul > li > a:hover::before,
.header-tab > ul > li > a.on::before{content:"";position:absolute;top:0;left:0;bottom: 0;right: 0;width:100%;height:100%;border: 1px solid #ff5500;box-sizing: border-box;}
.header-tab-cont{height:auto;overflow: auto;}
.header-tab-cont .header-tab-cont-tab2,
.header-tab-cont .header-tab-cont-tab3{display:none;}
.header-tab-cont > div{/* padding: 0 10px 0; */}
.header-tab-cont > div > ul > li{position: relative;color: #cbcbcb;padding-left: 50px;padding-right: 50px;border-bottom: 1px solid #000; background:linear-gradient(180deg,#171a40 0,#171a40);}
.header-tab-cont > div > ul > li > a{height: 40px;line-height: 42px;overflow: hidden;display: block;}
.header-tab-cont > div > ul > li > a:hover .iconfont,
.header-tab-cont > div > ul > li > a.on .iconfont{color: #d4d4d4;}
.header-tab-cont > div > ul > li > a:hover .count,
.header-tab-cont > div > ul > li > a.on .count{color: #fcae31;}
.header-tab-cont > div > ul > li:first-child{margin-top:0px;  }
.header-tab-cont > div > ul > li .iconfont{position: absolute;left: 15px;top: -1px;/* background: #1a1a3a; */z-index: 1;vertical-align: middle; color:#fed500; }
.header-tab-cont > div > ul > li .tit {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
  color: #fffefe;
  font-size: 13px;
}
.header-tab-cont > div > ul > li .tit.hover{overflow: inherit;text-overflow: inherit;transform: translateX(calc(-100% + 130px));padding-right: 0;transition: all 5s ease;/* width: calc(100% + 100%); */position: relative;right: 0;display: inline-block;width: auto;}
.header-tab-cont > div > ul > li .count {
    position: absolute;
    right: 12px;
    top: calc(50% - 13px);
    width: 37px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: linear-gradient(90deg,#ffdb00 0,#ffb700);
    border-radius: 5px;
    font-size: 13px;    
    color: #000;
}
.header-tab-cont > div.header-tab-cont-tab1 > ul > li:nth-child(5) > i.iconfont{font-size: 25px;padding-left: 7px;}
.header-tab-cont > div.header-tab-cont-tab1 > ul > li:nth-child(14) > i.iconfont{font-size: 17px;}

.hd-cont-depth2{display:none;margin: 0 -12px;padding: 5px 0;border-top: 1px solid #3e3f46;}
.hd-cont-depth2 > ul > li{}
.hd-cont-depth2 > ul > li:first-child{border-top:0;}
.hd-cont-depth2 > ul > li > a{display: block;height: 31px;line-height: 31px;font-size: 14px;color: #b2b2ba;padding: 0 20px;}
.hd-cont-depth2 > ul > li > a:hover,
.hd-cont-depth2 > ul > li > a.on{color:#fff;text-decoration: underline;}
.hd-cont-depth2 > ul > li > a img{margin-right: 10px;}
.hd-cont-depth3{display:none;}
.hd-cont-depth3 > ul > li{background: #232323;border-top: 1px solid #353535;}
.hd-cont-depth3 > ul > li a{display:block;padding-left: 42px;padding: 10px 10px 10px 42px;}
.hd-cont-depth3 > ul > li a:hover,
.hd-cont-depth3 > ul > li > a.on{background: #1d1d1d;color:#f8dd1c;}

#container{padding-top:119px}
#content_left {
  width: 80%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #000000;
  border-left: 1px solid #2e333d;
}
#content_left .left-box .header-tit{position:relative;font-size: 13px;font-weight: 800;color: #ff5500;height: 30px;padding: 0 20px;}
#content_left{width: 85%;height: 100%; margin:0 15% 0 0; overflow-y: auto;overflow-x: hidden;background: #000000;}
#content_left .cont{/* position: fixed; *//* width: 235px; */transition: .25s .1s;}
#content_left + .sub_wrap.row{margin: 0;}
#content_left .left-box{/* margin-top:10px */ background:#191e24; }
#content_left .left-box + .left-box{/* padding: 10px 0; */}
#content_left .left-box + .left-box .header-tab-cont{padding:0;overflow: hidden;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li{padding:0;border-top: 1px solid #1d2329;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a{padding: 0 0px 0 50px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.on{}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.bgno{}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li i{position:absolute;top:0;left: 13px;font-size: 20px;color: #fed500;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .tit{white-space:normal;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2{border-top:0;padding: 7px 10px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2 > ul > li > a{position:relative;padding: 0 30px;height: 24px;line-height: 24px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2 > ul > li > a::before{content:"";position:absolute;width: 4px;height:1px;background: #b9bcc1;top: calc(50% - 1px);left: 20px;}
#content_left .leftCtInner { background:#191e24; }

#content_left .left-box{margin-top:0px}
#content_left .left-box + .left-box{padding: 10px 0;}
#content_left .left-box + .left-box .header-tab-cont{padding:0;overflow: hidden;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul { border-bottom:1px solid #10122f; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li{padding:0;border-top: 1px solid #10122f;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li.active .min-depth2 { display:block; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li.active .tit { color:#ffd800; }
/* #content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li:hover > a { color:#ffd800; text-decoration:underline; } */
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .min-depth2 { display:none; background:#171940; border-top:1px solid #000000; border-bottom:1px solid #000000; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .min-depth2 ul {padding: 15px 0 0 45px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .min-depth2 ul li { padding-bottom:12px; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .min-depth2 ul li a { color:#fff; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .min-depth2 ul li a:hover { color:#ffd800; text-decoration:underline; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .vbottom { color:#ffd800; position:absolute; right:10px; left:auto; top:0; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a{background:linear-gradient(180deg,#171a40 0,#171a40);padding: 0 0px 0 43px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.on{background: #2e333d; }
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li i{position:absolute;top:0;left: 10px;font-size: 20px;color:#fed500;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li strong {position:absolute;display:inline-block;width: 30px;height: 20px;border-radius:5px;text-align:center;line-height: 22px;background:linear-gradient(90deg,#ffdb00 0,#ffb700);top: 10px;right: 10px;font-size: 20px;font-size:13px;color:#000;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .tit{white-space:normal;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2{border-top:0;padding: 7px 10px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2 > ul > li > a{position:relative;padding: 0 30px;height: 24px;line-height: 24px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2 > ul > li > a::before{content:"";position:absolute;width: 4px;height:1px;background: #b9bcc1;top: calc(50% - 1px);left: 20px;}


.nav-item0{margin-bottom: 0px;border: 1px solid #000;}
.nav-item0 > ul.ul1{border-bottom: 1px solid #000;}
.nav-item0 > ul.ul1 > li{border-top:0;background:linear-gradient(90deg,#ffdb00,#ffb700);color:#000;border: 0;height: 46px;line-height: 46px;}
.nav-item0 > ul.ul1 > li a i{vertical-align: -3px;color:#000;font-size: 20px;margin-right: 5px;}
.nav-item0 > ul{overflow:hidden;background: #1d2329;}
.nav-item0 > ul > li{float:left;width: calc(100% / 3);text-align:center;box-sizing: border-box; background:linear-gradient(90deg,#171a40 0,#0d0f29); }
.nav-item0 > ul > li{border-left: 1px solid #000;border-top: 1px solid #000;height:40px;line-height:40px;font-size: 13px;color: #dfdfdf;}
.nav-item0 > ul > li:nth-child(1),
.nav-item0 > ul > li:nth-child(4),
.nav-item0 > ul > li:nth-child(7),
.nav-item0 > ul > li:nth-child(10),
.nav-item0 > ul > li:nth-child(13),
.nav-item0 > ul > li:nth-child(16){border-left:0;}
.nav-item0 > ul > li > a{display:block;color: inherit;color: #000;}
.nav-item0 > ul.ul2 > li > a { color:#fff; }

.left-talk{/* background: #1d2329; *//* border: 1px solid #2e333d; */margin: 10px 10px;text-align: center;}
.left-talk p{font-size: 14px;color: #2b91d0;/* border-radius: 10px; *//* padding: 16px 0; */font-size: 22px;overflow: hidden;position: relative;}
.left-talk p i{display: inline-block;width: 43px;line-height: 43px;text-align: center;font-size: 43px;/* position: absolute; *//* left: calc(50% - 90px); */top: 21px;color: #43a7e5;vertical-align: middle;margin-right: 15px;}
.left-talk p span strong{color: #2b91d0;font-size: 22px;display: inline-block;margin-top: 8px;}
.left-talk p:last-child{}
.left-talk p:last-child i{}
.left-talk p:last-child span{display: inline-block;font-size: 14px;color: #ffffff;margin-bottom: 8px;padding-top: 6px;vertical-align: middle;text-align: left;}

.betslip_bt{text-align:center;padding: 15px 10px;background-size: cover;}
.betslip_bt p img { width:100%; }
.betslip_bt .img img{width: 92px;}
.betslip_bt .txt{font-size: 14px;color: #ffffff;margin: 0 0 10px;line-height: 1.5;}
.betslip_bt .box{height: 46px;line-height: 44px;border: 1px solid #ff5500;background: rgba(0, 0, 0, 0.6);font-size: 22px;font-weight: 800;color: #ff5500;margin: 0 15px;}

#content_left .logout{margin: 0px 10px 30px; margin-top:15px; }
#content_left .logout a {
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border: 1px solid #2c323b;
  background: #191e24;
  font-size: 14px;
  color: #abadaf;  
}


#header{    box-shadow: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff, 0 0 80px #0ff;position:fixed;top:0;left:0;width:100%;min-width:320px;background:#06091d;z-index:100;transition:.3s;/*border-bottom: 1px solid #000;height: 100px;*/overflow: hidden; }
#header span.iconfont{/* color: #cdd2d8; */vertical-align: middle;font-size: 18px;position: relative;top: -1px;}
#header span.iconfont.pink{background: linear-gradient(to right,#d71307,#d157b9);-webkit-background-clip: text;color: transparent;vertical-align: middle;font-size:20px;}
#header .memInfo { position:absolute; left:15px; top:20px; }
#header .memInfo a { color:#ced2d8; font-size:13px; }
#header .memInfo a strong { color:#ffffff; font-size:15px; }
#header .info span.iconfont{font-size: 19px;color: #fff;}
#header .message { position:absolute; left:73px; line-height:60px; }
#header .message .iconfont { font-size:21px; background-image:linear-gradient(90deg,#ffdb00 0,#ffb700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#header .menu span.iconfont{color: #fff;}
.header-tp{display:flex;align-items:center;justify-content:space-between;height: 50px;width:100%;background: #000000;}
.header-tp > *{display: inline-block;vertical-align: middle;text-align:right;}
.header-tp > .logo{/* text-align:left; *//* position: absolute; */left: 15px; --height: 59px;--line-height: 59px;}
.header-tp > .logo img{/* height: 42px; */}
.header-tp .bok { position:absolute; right:85px; line-height:60px; background-image: linear-gradient(90deg,#ffdb00 0,#ffb700);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.header-tp > .memo{font-size: 13px;color:#bdbdbd;line-height: 58px;}
.header-tp > .memo .white{font-size: 15px;vertical-align: middle;}
.header-tp > .login-btn{text-align:right;}
.header-tp > .login-btn > a{display:inline-block;width:41px;height:41px;background:linear-gradient(135deg, #de2632, #c161c1);box-shadow:0px 0px 17px rgba(238, 48, 61, 0.81);border-radius:41px;line-height:41px;text-align:center;color:#ffffff;font-size:11px;box-shadow:0px 0px 17px rgba(238, 48, 61, 0.81);}
.header-tp > .info{margin: 0 5px 0 10px;line-height: 58px;}
.header-tp > .info a{display: inline-block;width: 40px;height: 40px;background: #ff5500;border-radius: 40px;line-height: 40px;text-align: center;}
.header-tp.before-login > .menu{width:50px;}
.header-tp > .menu,.header-tp > .btn-user{flex:0 0 50px;display:flex;align-items:center;justify-content:center;width:50px;height:45px;}
.header-tp > .menu > a,.header-tp > .btn-user > i{background-image: linear-gradient(#b8792a,#f5d06f 50%, #b9792a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;}
.header-tp > .menu > a span { font-weight:bold; }
.header-tp .logout { color:#fff;position: absolute;right: 15px;line-height: 58px;}


.color-rou{color: #f50;}
.color-orange{color: #ff5500;}
.color-white{color: #fff;}

.main-tp-box{overflow:hidden;height:37px;background: #000000;border-bottom: 1px solid #40030b;}
.main-tp-box > .left{color: #dacdb5;overflow: hidden;}
.main-tp-box > .left > ul{overflow:hidden;margin-bottom: 0;}
.main-tp-box > .left > ul > li{float:left;background:url(../images/common/line.jpg) no-repeat left center;padding-left:11px;margin-left:10px;}
.main-tp-box > .left > ul > li:first-child{background:none;padding-left:0;margin-left:0;color: #8a92ae;}
.main-tp-box > .left > ul > li > a{color: #333;}
.main-tp-box > .left > p{float: left;width: calc(100% / 3);line-height: 38px;text-align:center;position: relative;border-left: 1px solid #40030b;}
.main-tp-box > .left > p:first-child{border-left:0;}
.main-tp-box > .left > p i {vertical-align:middle;margin-right:3px;color: transparent;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip: text;}
.main-tp-box > .left > p i.iconfont2 { font-size:22px; background-image: linear-gradient( #fef8c1,#9f6d1e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main-tp-box > .left > p a {color: #fff;font-size: 12px;}
.main-tp-box > .left > p span {  }
.main-tp-box > .left > p .point {/* color:#fff; */}
.main-tp-box > .left > p .money_view01 {color: #eac76a;font-size: 12px;}
.color-blue2{color: #0fc8ff;}
.color-red2{color: #ac43fc;}
.color-blue{color: #f83fcb;}
.color-white{color:#fff;}


.main-tp-box > .center > ul{overflow:hidden;margin-bottom: 0; }
.main-tp-box > .center > ul > li{float:left;background:url(../images/common/line.jpg) no-repeat left center;padding-left:11px;margin-left:10px;}
.main-tp-box > .center > ul > li:first-child{background:none;padding-left:0;margin-left:0;color: #8a92ae;}
.main-tp-box > .center > ul > li > a{color: #333;}
.main-tp-box > .center > p{float: left;width: calc(100% / 4);line-height:37px;position: relative;font-weight: 500;border-top: 1px solid #1f1c17;}
.main-tp-box > .center > p {border-right: 1px solid #1f1c17;text-align: center;}
.main-tp-box > .center > p a{ font-size: 13px;color: #eae1d4; width:100%; }
.main-tp-box > .center > p span{vertical-align: middle;}
.main-tp-box > .center > p:last-child{border-right: 0}

.main-tp-box > .right{float:right;text-align:right;font-size:0;border-radius: 5px;overflow: hidden;margin-top: 3px;}
.main-tp-box > .right > ul{overflow:hidden;margin-bottom: 10px;font-size:0;}
.main-tp-box > .right > ul > li{display:inline-block;background:url(../images/common/line.jpg) no-repeat left center;padding-left:11px;margin-left:10px;}
.main-tp-box > .right > ul > li:first-child{background:none;padding-left:0;margin-left:0;}
.main-tp-box > .right > ul > li > a{font-size:13px;color: #333;}
.main-tp-box > .right > p a{width: 55px;height: 36px;line-height: 36px;font-size: 14px;color: #253981;text-align:center;background: #fff;}
.main-tp-box > .right > p a:first-child{color: #0241ff;background: #00baf2;color: #fff;}


.main-tp-box + .main-tp-box { border-bottom:1px solid #635737; }


.main-bt-box{overflow:hidden;}
.main-bt-box > ul > li{float:left;width: calc(100% / 4);border-left:1px solid #997f42;}
.main-bt-box > ul > li > a{display:block;font-size:13px;color:#ffea90;height:37px;line-height: 40px;text-align:center;background:linear-gradient(#8f7440, #735722);font-family: 'GmarketSansTTF';}

.header-bt{
  height: 32px;
  margin: 0 auto;
  position: relative;
  text-align: right;
  background: #000000;
  font-size: 0;
  border-bottom: 1px solid #40030b;
}
.header-bt-rt { font-size:0; }
.header-bt-rt .notice {width: calc(100% - 80px);display: inline-block;padding: 0 15px;vertical-align: top;border-right: 1px solid #40030b;font-size: 12px;}
.header-bt-rt .notice .iconfont {display:none;vertical-align: top;}
.header-bt-rt .notice marquee {vertical-align:top;line-height: 31px;height: 32px;}
.header-bt-rt .notice marquee span {color:#a8a5a5;font-size: 12px;font-family: "a2";}
.header-bt-rt .noticeClose {cursor:pointer;width: 80px;display:inline-block;text-align:center;line-height: 32px;color: #8e282a;font-size: 12px;font-family: "a2";}
.header-bt-rt .noticeClose .iconfont {font-size: 12px;position: relative;top: 1px;margin-left:2px;}
.header-bt-rt a{position:relative;display:inline-block;box-sizing: border-box;height: 50px;padding-left: 25px;vertical-align: top;}
.header-bt-rt a{padding-right: 25px;}
.header-bt-rt a::after{
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
  width: 1px;
  height: 27px;
  background: #53493a;
}

/*login, code, join*/
.layer,.dim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.85);content:'';z-index:999}
.dim { display:none; }
.layer.code .layer-content { padding-bottom:40px; }
.layer .layer-content{display:flex;flex-wrap:wrap;position:absolute;top:50%;left:50%;width:720px;/* height:580px; */z-index:999;overflow: hidden;}
.layer-content .lft{overflow:hidden;width:360px;height:480px}
.layer-content .rgt{position:relative;width:360px;height:480px;background: #1b1b1b;}
.layer-content form#qna_form {padding: 0 0 20px;}
.layer.pop .layer-content .btn-close {top: 3px;}
.layer-content form#qna_form input,
.layer-content form#qna_form textarea {width: calc(100% - 40px);border:1px solid #242222;background:#111010;margin: 0;border-radius: 5px;margin-top: 5px;height: 45px;font-family:'jal';padding: 10px;}
.layer-content form#qna_form textarea {height:145px;outline: 0;}
.layer-content form#qna_form #resReply {width: calc(100% - 20px);text-align:left;}
.layer-content form#qna_form #resReply p {text-align:left;margin-left: 10px;margin-top: 10px;}
.layer-content form#qna_form #resReply #notice_view {display:none; width: calc(100% - 20px);border: 1px solid #242222;background: #111010;padding: 10px;}
.layer-content form#qna_form #resReply p span { color:#fff; font-family:"a2"; }
.layer-content form{padding: 0px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.layer-content form * {/* font-family: 'a2'; */}
.layer-content form h4 {display:none;text-align: center;margin: 55px 0 40px;}
.layer.join .layer-content form h4 {display:block;color: #ffffff;font-size: 16px;font-family: "jal";margin: 20px 0 10px;}
.layer.join .layer-content form h4 span { color:#5c5c5c; margin:0 10px; }
.layer-content form h4.ask,
.layer-content form h4.answer {margin:0;text-align:left;height: 50px;line-height: 50px;border-bottom: 1px solid #9c0a1f;padding: 0 20px;color: #fff;font-size: 16px;width: 100%;font-family: 'jal';margin-bottom: 13px;}
.layer-content form h3{font-size:22px;color: #fff;}
.layer-content form .frm { width:100%; }
.layer-content form .frm div{/* display:flex; */align-items:center;width:100%;margin-top:24px;padding-bottom: 10px;border-bottom: 1px solid #3f3d3b;font-size: 0;}
/* .layer-content form div:focus-within{border-color:#73277b} */
.layer.code .layer-content form div,
.layer.code .layer-content form div {/* display:flex; */align-items:center;width:100%;margin-top:24px;padding-bottom: 10px;border-bottom: 1px solid #3f3d3b;font-size: 0;margin-top: 0;}
.layer.code .layer-content form div:focus-within { border-color: #f4cf6f; }
.layer-content form div i{margin:0 20px 0 6px;font-size:24px;background-image: linear-gradient(#b8792a 0%,#f5d06f 54%,#b9792a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;vertical-align: middle;}
.layer-content form div i.is_pc { font-size:12px; margin:0 !important; }

.layer-content form#qna_form button { width:calc(100% - 40px); }

.layer-content form strong { display:block;font-family: 'jal';font-size: 14px; color: #dd223d; text-align:center; margin-top:25px; }
.layer.login form .btn{display:flex;position:absolute;bottom:0;left:0;width:100%;border-top: 1px solid #3f3d3b;}
.layer.login form .btn a{flex:0 0 50%;display:flex;align-items:center;justify-content:center;height: 60px;font-family:'jal';font-size: 12px;}
.layer.login form .btn a:first-child{border-right:1px solid #3f3d3b}
.layer-content form input{width: calc(100% - 60px);background:transparent;border:0;outline:none;font-size: 12px;color:#fff;height: 25px;font-family: 'jal';padding: 0 10px;margin-left: -10px;}
.layer-content form input::placeholder{;color:#898989}
.layer-content form button{width: 100%;height: 50px;font-size: 16px;line-height: 50px;cursor:pointer;border-radius: 5px;color: #fff;background: #9c0a1f;font-family: 'jal';margin: 20px 0 0;}
.layer-content form button.btn-login{margin-top:25px;background: linear-gradient(to right, #f1cf78, #e4c568 27%, #fff9cb 62%, #f2ce78);outline:0; border:0;}
.layer-content form button.btn-next{margin-top:25px;background: linear-gradient(to right, #f1cf78, #e4c568 28%, #fff9cb 62%, #f2ce78);}
.layer-content form button.btn-cancel{margin-top:8px;background: #000;border: 1px solid #9c0a1f;}
.layer-content form p{margin-top: 5px;font-size: 12px;color: #ffffff;text-align: center;font-family: "jal";}
.layer-content form p.red { color:#c81c1c; margin-top:20px; }
.layer-content form p a {color: #ffde5c;}
.layer-content form p span{color:#ffde5c}
.layer-content form p.tennage { margin:20px 0 0px; color:#dd223d; }
.layer-content .rgt ul{display:flex;flex-flow:wrap;position:absolute;right:0;bottom:0;width:100%;height:55px;border-top: 1px solid #383838;}
.layer-content .rgt ul li{flex:0 0 calc(50% - 1px);border-left: 1px solid #383838;box-sizing:border-box}
.layer-content .rgt ul li:first-child{border:0}
.layer-content .rgt ul a{display:flex;align-items:center;justify-content:center;height:55px;font-size:13px;color: #787878;transition:.3s;font-family: var(--font),sans-serif;}
.layer-content .rgt ul a:hover{color:#fff}
.layer-content .btn-close,.layer-content-join .btn-close{display:flex;align-items:center;justify-content:center;position:absolute;top:11px;right:11px;width:42px;height:42px;transition:.3s}
/* .layer-content-join .btn-close { top:28px; } */
.layer-content .btn-close i,.layer-content-join .btn-close i{font-size:25px;color: #fff;}
.layer-content .btn-close:hover i,.layer-content-join .btn-close:hover i{color:#fff}
.layer-content .layer-banner{display:flex;width:100%;height:90px;margin-top:10px}
.layer-content .layer-banner li:first-child{margin-right:10px}
.layer-content-join{position:absolute;top:50px;left:50%;width:420px;height:auto;background:#1b0a20;transform:translateX(-50%);z-index:999}
.layer-content-join form{display:flex;flex-direction:column;align-items:center;padding:30px;box-sizing:border-box}
.layer-content-join form h3{margin-bottom:17px;font-size:22px}
/*.layer-content-join {position:relative;padding: 35px 30px 0;}*/
.join-form{display:none}
.layer-content-join .layerClose {position:absolute;right: 20px;top: 20px;color:#857b6d;font-size: 41px;}
.layer-content-join .popLogo {margin-bottom:35px;text-align: center;color: #caa573;font-size: 20px;}
.layer-content-join .cont { margin-bottom:10px; }
.layer-content-join .cont ul li { /*font-size:0;*/ padding:10px 0 0; border-bottom:1px solid #4d4339; margin-bottom:25px; }
.layer-content-join .cont ul li .iconfont {font-size:16px;color:transparent;background:linear-gradient(#ffe3b8, #c39252 33%, #ffe3b8 70%, #cc9b59 83%, #ffe3b8 92%);width:35px;text-align: center;margin-right:15px;-webkit-background-clip: text;vertical-align: middle;font-size: 24px;display: inline-block;}
.layer-content-join .cont ul li input {width:calc(100% - 95px);border:0;outline:0;color:#fff;background: transparent;height: 45px;padding:0 20px;}
.layer-content-join .cont ul li input::placeholder { font-size:13px;color:#454146; }

.layer-content-join #joinForm .cont ul li {padding:0;border:0;margin-bottom: 20px;}

.layer-content-join #joinForm .cont ul li input { background:#000; }
.layer-content-join #joinForm .cont ul li input.iptE {width: 178px;}
.layer-content-join #joinForm .cont ul li input.ipt111 {width: 103px;}
.layer-content-join #joinForm .cont ul li input::placeholder { color:#454146; }
.layer-content-join #joinForm .cont ul li .first { margin:0 0 10px 10px; font-size:13px;color:#948d97; }
.layer-content-join #joinForm .cont ul li .second { font-size:0; }
.layer-content-join #joinForm .cont ul li .second input{box-sizing: border-box;}
.layer-content-join #joinForm .cont ul li .second .sele91{appearance:none}
.layer-content-join #joinForm .cont ul li .second .col3,
.layer-content-join #joinForm .cont ul li .second .col2{display:flex}
.layer-content-join #joinForm .cont ul li .second .col3 span{flex:0 0 33.333%}
.layer-content-join #joinForm .cont ul li .second .col3 span select{width:100%}
.layer-content-join #joinForm .cont ul li .second .col3 input{flex:0 0 calc(33.333% - 5px);margin-left:5px}
.layer-content-join #joinForm .cont ul li .second .col2 span{flex:0 0 50%}
.layer-content-join #joinForm .cont ul li .second .col2 span select{width:100%}
.layer-content-join #joinForm .cont ul li .second .col2 input{flex:0 0 calc(50% - 5px);width:100%;margin-left:5px}
.layer-content-join #joinForm .cont ul li .repeat-box{display:flex}
.layer-content-join #joinForm .cont ul li .color-red2 { margin:5px 0 0 10px;font-size:12px;color:#78727a }
.layer-content-join #joinForm .cont ul li .repeat-btn {display: inline-block;width:88px;height:45px;margin-left:5px;/*border:1px solid #4d4339;*/background:#3a2142;line-height:43px;font-size:13px;color: #fff;text-align: center;}
.layer-content-join #joinForm .cont ul li input.iptC { width:100%; }

.layer-content-join .btnMember {display:flex;justify-content:center;width:100%;height:45px;line-height:50px;background:url(../img/btn_join.png) no-repeat;font-family:'esamanru_OTF_Light';font-size:16px;font-weight:100;color:#eddfed}
.layer-content-join .btnMember.btnCancel { /*border:1px solid #4d4339; background:#15130c;*/ margin-top:8px;background:url(../img/btn_join_cancel.png) no-repeat;color:#aaa; }
.layer-content-join .isJoin {margin-bottom:30px;color:#857b6d;font-size:14px;text-align: center;}
.layer-content-join .isJoin strong { color:#e3bd88; }
.layer-content-join .isJoin a{ color:#e3bd88; }
.layer .askArea { border-top:1px solid #262316; }
.layer .askArea a { width:50%; box-sizing: border-box; text-align: center; line-height:60px; color:#857b6d; font-size:14px; }
.layer .askArea a:first-child {border-right:1px solid #262316;width: calc(50% - 4px);}
/*login*/
.layer .layer-content { display:block; top:51px; left:50%; width:335px; transform: translateX(-50%); }
.layer .layer-content > img {display:none;}
.layer-content .lft { display:none; }
.layer-content .rgt { width:auto; height:auto; }
.layer.login .layer-content form {padding-bottom: 80px;}
.layer-content form p.red { font-size:12px; }
.layer-content form button { border:0; outline:0; }
#pop.popup { position:absolute;top:51px; left:50%; width:335px; transform: translateX(-50%); border:0; margin:0; }

.layer.join ul li {border:1px solid #2d2d2d;background:#000;height:40px;line-height:40px;border-radius: 4px;overflow: hidden;font-size: 0;margin-bottom: 5px;}
.layer.join ul li.show { height:auto; }
.layer.join ul li.show .first { height:83px }
.layer.join ul li.show input {border-top: 1px solid #2d2d2d;border-radius:0;width:calc(100% + 2px);margin-top: 0 !important;}
.layer.join .layer-content {top:0;left:0;transform: translateX(0);border-radius:0;width:100%;bottom: 0;}
.layer.join .layer-content .logInner {padding: 20px 15px;border-radius:0;}
.layer.join .layer-content .logInner .joinLogo { padding-bottom:15px; }
.layer.join .layer-content .logInner .joinLogo a { font-size:16px; }
.layer-content .btn-close {right: 10px !important;top: 8px;}
.layer-content .btn-close .iconfont {font-size: 35px;}
.layer.join .layer-content .btn-close { display:none; }
.layer.join .layer-content #joinForm { display:block; }
.layer.join ul li .first {width:45px;margin:0;padding:0;top: 0;border-right: 1px solid #2d2d2d;}
.layer.join ul li .first i {margin:0;padding:0;text-align: center;font-size: 20px;background: #000;color: #fff;-webkit-text-fill-color: #fff;background-image: linear-gradient(to right, #cacccb, #fafcfb 25%,#92959c 47%,#ffffff 68%,#878c90 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}
.layer.join ul li .second {width: calc(100% - 47px);}
.layer.join ul li .second input, .layer.join ul li .second select {height: 38px;font-size: 12px !important;vertical-align: top;margin-top: 0px;line-height: 38px;}
.layer.join ul li .second .chk-btn { top:4px; width:60px; height:30px; line-height:33px }
.layer.join ul li .second input::placeholder { font-size:12px; }
.layer.join .help {margin: 10px 0 15px;}
.layer.join .help > * { color:#fff; margin:0; line-height: 18px; font-size:12px; font-family:"a2";}
.layer.join .help .tx_yellow {color: #e6c568;}

.layer.login form div:focus-within {
  border-color: #f4cf6f;
}

.top{display: none;position:fixed;bottom: 60px;right: 10px;z-index: 2;}

h3.title{margin-bottom:20px;color:#fcd47a;font-size:24px;padding-left: 10px;}
h3.title > span{display:inline-block;margin-left:5px;color:#767676;font-size:14px;}

/* #footer > .footer-txt > p{color: #a3a3a3;font-size: 12px;line-height: 20px;font-family: "ns";}
#footer > .footer-icon{margin-top: 10px;}
#footer > .footer-icon span{display:inline-block;margin:2px 0;width:85px;} */
#footer{margin-top:20px; position:relative;width:100%;min-height:156px;padding: 15px 0 70px;border-top: 1px solid #40030b;background: url(https://i.imgur.com/8quoE5g.png) no-repeat;text-align:center;background-size: cover;}
#footer img{vertical-align:top}
#footer p{font-size:12px!important;color:#464751!important;margin-top: 13px;}
#footer a{display:flex;align-items:center;justify-content:center;width:96px;height:40px;margin:12px auto 0;border-radius:5px;background: #1c0608;font-size:12px;color:#fff;border: 1px solid #300306;}
#footer a .iconfont{margin-right:7px;font-size:18px;color: #fff;}

#footer-btn{position: fixed;bottom: 0;left:0;width: 100%;background: #0d0d0d;z-index: 6;border-top: 1px solid #973200;box-shadow: 2px 2px 15px #973200;text-align:center;display:table;}
#footer-btn > a{display:table-cell;vertical-align:middle;height:60px;position: relative;}
#footer-btn > a > span.iconfont{background: #ff5500;-webkit-background-clip: text;color: transparent;font-size:27px;height: 25px;line-height: 25px;display: inline-block;}
#footer-btn > a:nth-child(1) > span.iconfont{font-size:20px;}
#footer-btn > a:nth-child(2) > span.iconfont{font-size: 26px;}
#footer-btn > a:nth-child(3) > span.iconfont{font-size: 26px;}
#footer-btn > a:nth-child(4) > span.iconfont{font-size: 26px;}
#footer-btn > a:nth-child(5) > span.iconfont{font-size: 28px;}
#footer-btn > a > p{color: #a3a3a3;font-size:11px;margin-top:5px;font-family: "ns";}
#footer-btn > a + a:before{content:"";position:absolute;top:50%;left:0;height:34px;margin-top:-17px;width:1px;background:#2b2518;}

#quickFoot {position:fixed;bottom:0;left:0;right:0;background: #000000;font-size:0;z-index:200;box-shadow: 0px -2px 10px rgb(255,234,173,0.45);}
#quickFoot a {width: 50%;position:relative;height: 50px;color: #887a7b;font-size:11px;text-align: center;display:inline-block;}
#quickFoot a .iconfont {position:relative;font-size: 20px;display: inline-block;height: 28px;line-height: 31px;background-image: linear-gradient(#ffe3b8, #c39252 33%, #ffe3b8 70%, #cc9b59 83%, #ffe3b8 92%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
#quickFoot a:after {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;display: none;height:22px;background:#3c424e;}
#quickFoot a:first-child:after { display:none; }

#quickFoot a.home {    background: linear-gradient(#f200ff, #edff00 54%, #1ef3ff);border-radius:50%;width:45px;height:45px;color:#26231e;position:absolute;top:-1px;left:50%;transform:translateX(-50%);}
#quickFoot a.home .iconfont {color: #26231e;-webkit-text-fill-color: #26231e;}
#quickFoot:after {content:"";z-index:-2;position:fixed;bottom:0;width:60px;height:60px;left:50%;transform:translateX(-50%);background: #15130c;border-radius:50%;box-shadow: 0px -2px 7px rgb(255,234,173,0.25);}
#quickFoot:before {content:"";z-index:-1;position:fixed;bottom:0;width: 60px;height: 60px;left:50%;transform:translateX(-50%);background: #15130c;border-radius: 30px;/* box-shadow: 0px -2px 7px rgb(255,234,173,0.45); */}
#quickFoot .quickInner { position:relative; }
#quickFoot .quickInner  > div { width:calc((100% - 45px) / 2); font-size:0; }
#quickFoot .left { float:left; }
#quickFoot .right { float:right; }

/* body.login #footer{position:fixed;right:0;bottom:0;left:0;width:100%;z-index:10} */

@media screen and (max-width:374px){
    .header-bt2 > .right > p a{width: 66px;}
    .header-bt > .right > ul > li > a,
    .header-bt > .left > ul > li > a{font-size: 12px;letter-spacing: -0.5px;}
    .header-bt > .left > ul > li{padding-right: 10px;margin-right: 8px;}
    .header-bt > .right > ul > li{padding-left: 10px;margin-left: 8px;}
	.header-bt > .left > ul > li:first-child{max-width: 77px;}
    .header-bt > .left > ul > li:first-child img{width: 20px;}
    .header-tp > .logo img{/* height: 26px; */}
	.header-bt > ul > *{margin:0;letter-spacing:-1px;}
	.menu-box > .nenu-tp > .close{width:50px;}

}

.notice-container {
  width:100%;
  display: table;
  table-layout: fixed;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  background: #000000;
  box-sizing: border-box;
}
.main-container .notice-container {
  position: relative;
  width: calc(100% + 20px);
  left: -10px;
}
.notice-container .notice { 
  width: 35px;
  display: inline-block;
  padding: 0 0 0 10px;
  color: #8594a9;
  vertical-align: middle;
  font-size: 17px;
 }
.notice-container .notice .iconfont { vertical-align: top; }
.notice-container marquee { width:calc( 100% - 45px ); display:inline-block; vertical-align:middle; color:#ff8b06; font-size:12px;  }

.layer.join dl {border: 1px solid #242222;background: #111010;height:40px;line-height:40px;border-radius: 4px;overflow: hidden;font-size: 0;margin-bottom: 5px;}
.layer.join dl.show { height:auto; }
.layer.join dl.show dt { height:83px }
.layer.join dl.show input {border-top: 1px solid #2d2d2d;border-radius:0;width:calc(100% + 2px);margin-top: 0 !important;}
.layer.join .layer-content #joinForm { display:block; }
.layer.join dl dt {width:45px;margin:0;padding:0;top: 0;border-right: 1px solid #2d2d2d;text-align: center;font-size: 24px;background: linear-gradient(#b8792a 0%,#f5d06f 54%,#b9792a 100%);-webkit-background-clip: text;font-size: 20px;color: transparent;display: inline-block; vertical-align: middle;}
.layer.join dl dt i {margin:0;padding:0;text-align: center;font-size: 20px;background: #000;color: #fff;-webkit-text-fill-color: #fff;background-image: linear-gradient(to right, #cacccb, #fafcfb 25%,#92959c 47%,#ffffff 68%,#878c90 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}
.layer.join dl dd {width: calc(100% - 45px);position: relative;display: inline-block;vertical-align: top;}
.layer.join dl dd input, .layer.join dl dd select {height: 38px;font-size: 12px !important;vertical-align: top;margin-top: 0px;line-height: 38px;margin-left: 0;}
.layer.join dl dd select {width:100%;background: #111010 url(https://i.imgur.com/fWnPcNw.png) no-repeat 97% center !important;border: 0;outline: 0;padding: 0 10px;}
.layer.join dl dd .chk-btn {top:4px;width:60px;height:30px;line-height: 30px;background: #9c0a1f;}
.layer.join dl dd input::placeholder { font-size:12px; }
.layer.join .help {margin: 10px 0 15px;}
.layer.join .help > * { color:#fff; margin:0; line-height: 18px; font-size:12px; font-family:"a2";}
.layer.join .help .tx_yellow {color: #e6c568;}

.plr10 { padding-left:10px; padding-right:10px; }
.inlineGrid2 { margin-left:-10px; font-size:0; }
.inlineGrid2 > * { display:inline-block; width:calc(100% / 2 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid3 { margin-left:-10px; font-size:0; }
.inlineGrid3 > * { display:inline-block; width:calc(100% / 3 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid4 { margin-left:-10px; font-size:0; }
.inlineGrid4 > * { display:inline-block; width:calc(100% / 4 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid5 { margin-left:-10px; font-size:0; }
.inlineGrid5 > * { display:inline-block; width:calc(100% / 5 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid6 { margin-left:-10px; font-size:0; }
.inlineGrid6 > * { display:inline-block; width:calc(100% / 6 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }

.is_pc { display:none !important; }
.is_mobile { display:inline-block; }
.flexGrid2,
.flexGrid3,
.flexGrid4,
.flexGrid5,
.flexGrid6,
.flexGrid7 { display: flex; flex-wrap: wrap; align-items:flex-start; justify-content:flex-start; }
.flexGrid2 > *:nth-child(2n),
.flexGrid3 > *:nth-child(3n),
.flexGrid4 > *:nth-child(4n),
.flexGrid5 > *:nth-child(5n),
.flexGrid6 > *:nth-child(6n),
.flexGrid7 > *:nth-child(7n) { padding-right:0 !important; }
.flexGrid2 > * { width:50%; padding:0 10px 10px 0; }
.flexGrid3 > * { width:calc(100% / 3); padding:0 10px 10px 0; }
.flexGrid4 > * { width:25%; padding:0 10px 10px 0; }
.flexGrid5 > * { width:20%; padding:0 10px 10px 0; }
.flexGrid6 > * { width:calc(100% / 6); padding:0 10px 10px 0; }
.flexGrid7 > * { width:calc(100% / 7); padding:0 10px 10px 0; }

.mt5 { margin-top:5px !important; }

/* @media (orientation: landscape) and (hover: none) and (pointer: coarse) {
	#footer{position:relative;right:inherit;bottom:inherit;left:inherit;}
} */

.fz12{ font-size:12px !important; }
.fz13{ font-size:13px !important; }
.fz14{ font-size:14px !important; }
.fz15{ font-size:15px !important; }
.fz16{ font-size:16px !important; }
.fz17{ font-size:17px !important; }
.fz18{ font-size:18px !important; }
.fz19{ font-size:19px !important; }
.fz20{ font-size:20px !important; }
.fz21{ font-size:21px !important; }
.fz22{ font-size:22px !important; }
.fz23{ font-size:23px !important; }
.fz24{ font-size:24px !important; }
.fz25{ font-size:25px !important; }
.fz26{ font-size:26px !important; }
.fz27{ font-size:27px !important; }
.fz28{ font-size:28px !important; }
.fz29{ font-size:29px !important; }
.fz30{ font-size:30px !important; }
.fz31{ font-size:31px !important; }
.fz32{ font-size:32px !important; }
.fz33{ font-size:33px !important; }
.fz34{ font-size:34px !important; }
.fz35{ font-size:35px !important; }
.fz36{ font-size:36px !important; }
.fz37{ font-size:37px !important; }
.fz38{ font-size:38px !important; }
.fz39{ font-size:39px !important; }
.fz40{ font-size:40px !important; }
.fz41{ font-size:41px !important; }
.fz42{ font-size:42px !important; }
.fz43{ font-size:43px !important; }
.fz44{ font-size:44px !important; }
.fz45{ font-size:45px !important; }
.fz46{ font-size:46px !important; }
.fz47{ font-size:47px !important; }
.fz48{ font-size:48px !important; }
.fz49{ font-size:49px !important; }
.fz50{ font-size:50px !important; }

.mt0{ margin-top:0px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt55{ margin-top:55px !important;}
.mt60{ margin-top:60px !important;}
.mt65{ margin-top:65px !important;}
.mt70{ margin-top:70px !important;}
.mt75{ margin-top:75px !important;}
.mt80{ margin-top:80px !important;}
.mt85{ margin-top:85px !important;}
.mt90{ margin-top:90px !important;}
.mt95{ margin-top:95px !important;}
.mt100{ margin-top:100px !important;}
.mr0{ margin-right:0px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;}
.mr45{ margin-right:45px !important;}
.mr50{ margin-right:50px !important;}
.mr55{ margin-right:55px !important;}
.mr60{ margin-right:60px !important;}
.mr65{ margin-right:65px !important;}
.mr70{ margin-right:70px !important;}
.mr75{ margin-right:75px !important;}
.mr80{ margin-right:80px !important;}
.mr85{ margin-right:85px !important;}
.mr90{ margin-right:90px !important;}
.mr95{ margin-right:95px !important;}
.mr100{ margin-right:100px !important;}
.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb55{ margin-bottom:55px !important;}
.mb60{ margin-bottom:60px !important;}
.mb65{ margin-bottom:65px !important;}
.mb70{ margin-bottom:70px !important;}
.mb75{ margin-bottom:75px !important;}
.mb80{ margin-bottom:80px !important;}
.mb85{ margin-bottom:85px !important;}
.mb90{ margin-bottom:90px !important;}
.mb95{ margin-bottom:95px !important;}
.mb100{ margin-bottom:100px !important;}
.ml0{ margin-left:0px !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}
.ml55{ margin-left:55px !important;}
.ml60{ margin-left:60px !important;}
.ml65{ margin-left:65px !important;}
.ml70{ margin-left:70px !important;}
.ml75{ margin-left:75px !important;}
.ml80{ margin-left:80px !important;}
.ml85{ margin-left:85px !important;}
.ml90{ margin-left:90px !important;}
.ml95{ margin-left:95px !important;}
.ml100{ margin-left:100px !important;}
.mtb0{ margin-top:0px !important; margin-bottom:0px !important;}
.mtb5{ margin-top:5px !important; margin-bottom:5px !important;}
.mtb10{ margin-top:10px !important; margin-bottom:10px !important;}
.mtb15{ margin-top:15px !important; margin-bottom:15px !important;}
.mtb20{ margin-top:20px !important; margin-bottom:20px !important;}
.mtb25{ margin-top:25px !important; margin-bottom:25px !important;}
.mtb30{ margin-top:30px !important; margin-bottom:30px !important;}
.mtb35{ margin-top:35px !important; margin-bottom:35px !important;}
.mtb40{ margin-top:40px !important; margin-bottom:40px !important;}
.mtb45{ margin-top:45px !important; margin-bottom:45px !important;}
.mtb50{ margin-top:50px !important; margin-bottom:50px !important;}
.mtb55{ margin-top:55px !important; margin-bottom:55px !important;}
.mtb60{ margin-top:60px !important; margin-bottom:60px !important;}
.mtb65{ margin-top:65px !important; margin-bottom:65px !important;}
.mtb70{ margin-top:70px !important; margin-bottom:70px !important;}
.mtb75{ margin-top:75px !important; margin-bottom:75px !important;}
.mtb80{ margin-top:80px !important; margin-bottom:80px !important;}
.mtb85{ margin-top:85px !important; margin-bottom:85px !important;}
.mtb90{ margin-top:90px !important; margin-bottom:90px !important;}
.mtb95{ margin-top:95px !important; margin-bottom:95px !important;}
.mtb100{ margin-top:100px !important; margin-bottom:100px !important;}
.mtl0{ margin-top:0px !important; margin-left:0px !important;}
.mtl5{ margin-top:5px !important; margin-left:5px !important;}
.mtl10{ margin-top:10px !important; margin-left:10px !important;}
.mtl15{ margin-top:15px !important; margin-left:15px !important;}
.mtl20{ margin-top:20px !important; margin-left:20px !important;}
.mtl25{ margin-top:25px !important; margin-left:25px !important;}
.mtl30{ margin-top:30px !important; margin-left:30px !important;}
.mtl35{ margin-top:35px !important; margin-left:35px !important;}
.mtl40{ margin-top:40px !important; margin-left:40px !important;}
.mtl45{ margin-top:45px !important; margin-left:45px !important;}
.mtl50{ margin-top:50px !important; margin-left:50px !important;}
.mtl55{ margin-top:55px !important; margin-left:55px !important;}
.mtl60{ margin-top:60px !important; margin-left:60px !important;}
.mtl65{ margin-top:65px !important; margin-left:65px !important;}
.mtl70{ margin-top:70px !important; margin-left:70px !important;}
.mtl75{ margin-top:75px !important; margin-left:75px !important;}
.mtl80{ margin-top:80px !important; margin-left:80px !important;}
.mtl85{ margin-top:85px !important; margin-left:85px !important;}
.mtl90{ margin-top:90px !important; margin-left:90px !important;}
.mtl95{ margin-top:95px !important; margin-left:95px !important;}
.mtl100{ margin-top:100px !important; margin-left:100px !important;}
.mtr0{ margin-top:0px !important; margin-right:0px !important;}
.mtr5{ margin-top:5px !important; margin-right:5px !important;}
.mtr10{ margin-top:10px !important; margin-right:10px !important;}
.mtr15{ margin-top:15px !important; margin-right:15px !important;}
.mtr20{ margin-top:20px !important; margin-right:20px !important;}
.mtr25{ margin-top:25px !important; margin-right:25px !important;}
.mtr30{ margin-top:30px !important; margin-right:30px !important;}
.mtr35{ margin-top:35px !important; margin-right:35px !important;}
.mtr40{ margin-top:40px !important; margin-right:40px !important;}
.mtr45{ margin-top:45px !important; margin-right:45px !important;}
.mtr50{ margin-top:50px !important; margin-right:50px !important;}
.mtr55{ margin-top:55px !important; margin-right:55px !important;}
.mtr60{ margin-top:60px !important; margin-right:60px !important;}
.mtr65{ margin-top:65px !important; margin-right:65px !important;}
.mtr70{ margin-top:70px !important; margin-right:70px !important;}
.mtr75{ margin-top:75px !important; margin-right:75px !important;}
.mtr80{ margin-top:80px !important; margin-right:80px !important;}
.mtr85{ margin-top:85px !important; margin-right:85px !important;}
.mtr90{ margin-top:90px !important; margin-right:90px !important;}
.mtr95{ margin-top:95px !important; margin-right:95px !important;}
.mtr100{ margin-top:100px !important; margin-right:100px !important;}
.mbl0{ margin-left:0px !important; margin-bottom:0px !important;}
.mbl5{ margin-left:5px !important; margin-bottom:5px !important;}
.mbl10{ margin-left:10px !important; margin-bottom:10px !important;}
.mbl15{ margin-left:15px !important; margin-bottom:15px !important;}
.mbl20{ margin-left:20px !important; margin-bottom:20px !important;}
.mbl25{ margin-left:25px !important; margin-bottom:25px !important;}
.mbl30{ margin-left:30px !important; margin-bottom:30px !important;}
.mbl35{ margin-left:35px !important; margin-bottom:35px !important;}
.mbl40{ margin-left:40px !important; margin-bottom:40px !important;}
.mbl45{ margin-left:45px !important; margin-bottom:45px !important;}
.mbl50{ margin-left:50px !important; margin-bottom:50px !important;}
.mbl55{ margin-left:55px !important; margin-bottom:55px !important;}
.mbl60{ margin-left:60px !important; margin-bottom:60px !important;}
.mbl65{ margin-left:65px !important; margin-bottom:65px !important;}
.mbl70{ margin-left:70px !important; margin-bottom:70px !important;}
.mbl75{ margin-left:75px !important; margin-bottom:75px !important;}
.mbl80{ margin-left:80px !important; margin-bottom:80px !important;}
.mbl85{ margin-left:85px !important; margin-bottom:85px !important;}
.mbl90{ margin-left:90px !important; margin-bottom:90px !important;}
.mbl95{ margin-left:95px !important; margin-bottom:95px !important;}
.mbl100{ margin-left:100px !important; margin-bottom:100px !important;}
.mbr0{ margin-bottom:0px !important; margin-right:0px !important;}
.mbr5{ margin-bottom:5px !important; margin-right:5px !important;}
.mbr10{ margin-bottom:10px !important; margin-right:10px !important;}
.mbr15{ margin-bottom:15px !important; margin-right:15px !important;}
.mbr20{ margin-bottom:20px !important; margin-right:20px !important;}
.mbr25{ margin-bottom:25px !important; margin-right:25px !important;}
.mbr30{ margin-bottom:30px !important; margin-right:30px !important;}
.mbr35{ margin-bottom:35px !important; margin-right:35px !important;}
.mbr40{ margin-bottom:40px !important; margin-right:40px !important;}
.mbr45{ margin-bottom:45px !important; margin-right:45px !important;}
.mbr50{ margin-bottom:50px !important; margin-right:50px !important;}
.mbr55{ margin-bottom:55px !important; margin-right:55px !important;}
.mbr60{ margin-bottom:60px !important; margin-right:60px !important;}
.mbr65{ margin-bottom:65px !important; margin-right:65px !important;}
.mbr70{ margin-bottom:70px !important; margin-right:70px !important;}
.mbr75{ margin-bottom:75px !important; margin-right:75px !important;}
.mbr80{ margin-bottom:80px !important; margin-right:80px !important;}
.mbr85{ margin-bottom:85px !important; margin-right:85px !important;}
.mbr90{ margin-bottom:90px !important; margin-right:90px !important;}
.mbr95{ margin-bottom:95px !important; margin-right:95px !important;}
.mbr100{ margin-bottom:100px !important; margin-right:100px !important;}



/* 모바일 사이즈에서  */
@media screen and (max-width: 425px) {
    .m-hide { display:none; }
}