/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
.bacckground-gray { background-color:#efefef }
.text-gray { color:#d7d7d7 }

.box-round {
	border-radius: 40px;
}
.bg-theme-colored2-blue { background:rgba(0, 46, 91, 0.9); }
.text-red { color:#ff3300 }
.media-body p {font-size:12.5px;}
.cd-date { font-weight:bold; color:#000; }
.fs-40 { font-size:40px }
.fs-btn { font-size:22px; color:#FFF }


@media only screen and (min-width: 1170px)
#cd-timeline::before {
	left:37.5%
}

.bg-theme-colored2-lighter-d {background-color:#fed039}

.menuzord-menu > li > a.btn-round {
	border-radius:40px;
	font-size:12px;
    margin-left: 18px;
	margin-top: 5px;
}

.menuzord-menu > li > a.btn-yellow {
	background: #29ABE2; /* renotion 수정 */
	color: #fff;
   
}
.menuzord-menu > li > a:hover.btn-yellow {
	color: #000;
}

.menuzord-menu > li > a.btn-black {
	color: #000;
	background:#C6158B;
}
.menuzord-menu > li > a:hover.btn-black {
	color: #fff;
}

.menuzord-menu > li > a.btn-black-gray {
	color: #fff;
	background:#0f2e58;
}
.menuzord-menu > li > a:hover.btn-black-gray {
	text-shadow: 0 0 5px #FFF;
}

.transparent8 { zoom: 1; /* ie 5,6,7 bug fix */ filter: alpha(opacity=80); opacity: 0.8; }

.btn-theme-colored-1-o {
	background-color:#00C8F7;
}
.btn-theme-colored-1 {
	color:#000;
	background-color:#f9e254;
	background: linear-gradient(to right, #f9e254 , #ffcd34);
}
.btn-theme-colored-2 {
	color:#FFF;
	background-color:#00B9D0;
	/*background: linear-gradient(to right, #1cd8d2 , #20e3b3);*/
}
.btn-theme-colored-3 {
	color:#FFF;
	background-color:#D90084;
	/*background: linear-gradient(to right, #cf25fc , #9833ee);渐变*/
}
.btn-theme-colored-1:hover {
	color:#FFF;
	text-shadow: 0 0 5px #000;
}
.btn-theme-colored-2:hover {
	color:#000;
	text-shadow: 0 0 5px #FFF;
}
.btn-theme-colored-3:hover {
	color:#000;
	text-shadow: 0 0 5px #FFF;
}


.btn-theme-colored-4 {
	background-color:#D90084; /* renotion 수정 */
}
.btn-theme-colored-5 {
	color:#000;
	border:1px #0f2e57 solid;
}
.btn-theme-colored-5:hover {
	background-color:#0f2e57;
	color:#fff;
}

.btn-text-colored-1 {
	color:#f9e254;
}
.btn-text-colored-2 {
	color:#1cd9ce;
}
.btn-text-colored-3 {
	color:#cf25fc;
}
.btn-text-colored-4 {
	color:rgba(0, 46, 91, 0.9);
}

.cd-timeline-simple .cd-timeline-block .cd-timeline-content {
	padding-top:50px;
}

.cd-timeline-img img { 
    max-width: 150%;
    margin-left: -30%;
}

/* slide menu modify */
.slider-v-submenu
{
  width:100%;
  z-index:1;
  /*position: fixed;*/
  display:block;
  border:1px #d7d7d7 solid;
  background:#FFF;
  box-shadow: 5px 5px 10px rgba(0,0,0,.3);
  padding:10px;
}
ul.price-list,
ul.price-list li,
ul.price-list li:before
{
  list-style-type:none;
  content:"";
}

.menuzord-menu-sub {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menuzord-menu-sub li {
	float:right;
    display: inline-block;
	padding:0 20px 0 0;
	position: relative;
}
.menuzord-menu-sub li:hover {
	/*font-weight:bold;*/
	color:#f9e254;
}

.menuzord-menu-sub ul.dropdown,
.menuzord-menu-sub ul.dropdown li ul.dropdown {
	display:block;
}

@media only screen and (min-width: 1001px) {
	.menuzord-menu-sub ul.dropdown {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	}
	.menuzord-menu-sub ul.dropdown {
		top: 30px;
		font-weight:normal;
	}
	.menuzord-menu-sub ul.dropdown,
	.menuzord-menu-sub ul.dropdown li ul.dropdown {
		list-style: none;
		margin: 0;
		padding: 0;
		display: none;
		position: absolute;
		z-index: 99999999;
		min-width: 100px;
		white-space: nowrap;
		background: #0E1221;
	}
	.menuzord-menu-sub li.dropdown-sub:hover ul.dropdown,
	.menuzord-menu-sub li.dropdown-sub:hover ul.dropdown li ul.dropdown {
		display:block;
	}

	.menuzord-menu-sub li.dropdown-sub:hover ul.dropdown li {
		width:100%;
		/*color:#000;*/
		text-align:center;
		padding:5px 0;
	}
	.menuzord-menu-sub li.dropdown-sub:hover ul.dropdown li:hover {
		background-color:#EBCA00;
		
	}
}
.box-height-200 {
	min-height:160px;
}


.download-list {
	
}
.download-list li {
	border-bottom:1px #d7d7d7 solid;
	padding:30px 5px;
}
.download-list li:hover {
	font-weight:bold;
}

.download-list li a {
	font-size:16px;
	color:#000;
}
.download-list li:hover a {
	color:#cf25fc;
}
.download-list li a img {
	margin-right:25px;
}
.download-list li:hover a img {

}

.whitelabel-table {
	border:2px #d7d7d7 solid;
	border-radius:5px 5px 0 0;
	padding:20px 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	min-height:290px;
	height:290px;
	margin:0px 5px;
}
.whitelabel-table:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,.5);
}

.affiliate-table {
	border:2px #d7d7d7 solid;
	border-radius:5px 5px 0 0;
	padding:20px 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	max-height:330px;
	margin:0px 5px;
	line-height:30px;
}
.affiliate-table:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,.5);
}
.affiliate-bt-1 {
	border-top:10px #f9e254 solid;
}
.affiliate-bt-2 {
	border-top:10px #1cd8d2 solid;
}
.affiliate-bt-3 {
	border-top:10px #cf25fc solid;
}
.affiliate-table ul li {
	text-align:left;
}

.table-effect {
	width:99%;
	border-spacing:0 15px;
	border-collapse: separate;
}
.table-effect thead tr {
	background: linear-gradient(to right, #ffcd34, #f9e254, #ffcd34);
}
.table-effect thead tr th {
	border-right:1px #fff solid;
	padding:15px 0;
}
.table-effect tbody tr:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}
.table-effect tbody tr td:first-child {
	border-left:1px #d7d7d7 solid;
}
.table-effect tbody tr td:last-child {
	border-right:1px #d7d7d7 solid;
}
.table-effect tbody tr td {
	vertical-align:middle;
	padding: 10px 0;
	border-top:1px #d7d7d7 solid;
	border-bottom:1px #d7d7d7 solid;
}
.table-effect tbody tr td img {
	height:50px;
}
.table-effect tbody tr td p {
	padding:20px;
	margin-bottom:-5px;
	border-right:1px rgba(0,0,0,.1) solid;
	text-align:center;
}
.table-effect tbody tr td:last-child p {
	border-right:0;
}
.table-effect tbody tr td:before {
	border:1px red solid;
}
a.btn-deposit {
	background: linear-gradient(to right, #ffcd34, #f9e254, #ffcd34);
	color:#000;
}
a.btn-deposit:hover {
	color:#FFF;

}

.accordion .panel .panel-title {
	margin-top:10px;
	padding:20px;
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.accordion .panel .panel-content {
	background:#d7d7d7;
	padding:30px;
	line-height:30px;
}


.holiday_tab {
	margin-top:30px;
	width:100%;
}
.holiday_tab thead tr {
}
.holiday_tab thead tr th {
	background-color:#0f2e58;
	color:#fff;
	padding:15px;
}
.holiday_tab tbody tr {
}
.holiday_tab tbody tr:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}
.holiday_tab tbody tr td {
	text-align:left;
	padding:15px;
	color:#000;
}
.holiday_tab tbody tr td.tab_date {
	background-color:#f9e254;
}


.table-metal {
	margin-top:30px;
	width:100%;
}
.table-metal thead tr {
	margin:0;
	background: linear-gradient(to right, #ffcd34, #f9e254, #ffcd34);
}
.table-metal thead tr th {
	color:#000;
	padding:15px;
	text-align:center;
	margin:0;
	border:1px #fff solid;
	vertical-align:middle;
}
.table-metal tbody tr {
}
.table-metal tbody tr:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}
.table-metal tbody tr td {
	text-align:left;
	padding:15px;
	color:#000;
}
.table-metal tbody tr td.tab_date {
	background-color:#f9e254;
}
.table-eff tbody tr:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.small-text {
	font-size:12px;
	color:#777777;
}

.depositbonus {
	position: relative;
}
.depositbonus img {

}
.depositbonus .term {
    position: absolute;
	right:35%;
	bottom:18%;
	color:#fff;
}

.depositbonus .claim {
    position: absolute;
	right:10%;
	bottom:15%;
	font-weight:bold;
	padding:10px 20px;
	border-radius: 40px;
	background: linear-gradient(to right, #f9e254 , #ffcd34);
	color: #000;
    border: 1px #f9e254 solid; /* renotion 수정 */
}
.depositbonus .claim:hover {
	background: linear-gradient(to right, #0F2E58, #0F2E58);
	 border: 1px #0F2E58 solid; /* renotion 수정 */
	color: #FFF;
}


.nodepositbonus {
	position: relative;
}
.nodepositbonus img {

}
.nodepositbonus .term {
    position: absolute;
	right:35%;
	bottom:18%;
	color:#000;
}

.nodepositbonus .claim {
    position: absolute;
	right:10%;
	bottom:15%;
	font-weight:bold;
	padding:10px 20px;
	border-radius: 40px;
	background: linear-gradient(to right, #0F2E58 , #0F2E58);
	color: #FFF;
    border: 1px #0F2E58 solid; /* renotion 수정 */
}
.nodepositbonus .claim:hover {
	background: linear-gradient(to right, #ffcd34, #f9e254);
	text-shadow: 0 0 5px #FFF;
    border: 1px #ffcd34 solid; /* renotion 수정 */
	color: #FFF;
}

@media only screen and (max-width: 479px)
{
	.depositbonus .term {
    right: 40%;
    bottom: 15%;
    font-size: 9px;
	}
	.depositbonus .claim {
    font-size: 9px;
    right: 5%;
    bottom: 12%;
    padding: 2px 5px;
	}
	.nodepositbonus .term {
    right: 40%;
    bottom: 15%;
    font-size: 9px;
	}
	.nodepositbonus .claim {
    font-size: 9px;
    right: 5%;
    bottom: 12%;
    padding: 2px 5px;
	}
}

a.product_eff {

}
a.product_eff:hover img {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
a.product_eff:hover h4 {
	color:#FFF;
	text-shadow: 0 0 5px #000;
}


.right_side {
	position: relative;
}
.right_side a img.main{
	position: absolute;
	z-index:1;
}
.right_side a img.playbtn {
	position: absolute;
	left:45%;
	top:50%;
	z-index:2;
}
.right_side a:hover img.playbtn {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.right_side2 {
	position: relative;
}
.right_side2 a img.main{
	position: absolute;
	left:0;
	top:0;
	z-index:1;
}
.right_side2 a img.playbtn {
	position: absolute;
	left:45%;
	top:50%;
	z-index:2;
	width:50px;
}
.right_side2 a:hover img.playbtn {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.table {
	border-bottom:1px #d7d7d7 solid;
}

.post-thumb {
	padding-top:10px;
}
.left_side_small {
	padding:15px;
}

.left_side_small p {
	font-size:12px; /* renositon 추가 */
	color:#000;
}
/* renositon 추가 */
.right_side_small {
	padding:15px;
}
.right_side_small p { 
	font-size:12px;
}
/* //renositon 추가 */
.left_side_small p.bold {
	font-weight:bold;
}

.megamenu-row {
	min-height:220px;
}

.input-group-addon {
   background-color: none;
   border: 0;
}

.m-text-center {
	text-align: left;
}

@media only screen and (max-width: 479px) {
	.m-text-center {
		text-align: center;
	}
}

.pa-30 {
	padding: 30px;
}

.pa-15 {
	padding: 15px;
}

.footer-menu,
#footer {
	z-index:99;
}

.about_01{font-size:55px; font-weight:bold;}
.about_02{width:48%; height:auto; float:left; text-align:right;font-size:65px; font-weight:bold; line-height:120%;}
.about_03{width:47%; padding-left:10px;font-size:65px; font-weight:bold; height:auto; float:left;line-height:120%;text-align:left;margin-left:5%}
.about_04{width:30%; height:auto; margin-top:50px; float:left; text-align:left;}
.about_05{width:30%; height:auto; margin-top:50px;text-align:left;float:left;margin-left:5%;}
.about_06{width:30%; height:160px; float:left; color:#000; text-align:left;}
.about_07{width:30%; height:160px; float:left;color:#000; margin-left:5%;text-align:left;}
.about_08{display:none;color:#000;}
.about_10{width:100%; height:auto; min-height:90px;font-size:50px; font-weight:bold; text-align:center; color:#000000;margin:auto}
.about_11{width:50%; height:auto; float:left;padding-top:280px;}
.about_12{width:50%; height:auto; float:left; text-align:center;}
.about_13{font-size:55px; line-height:120%;}


@media (max-width:980px) {
.about_01{font-size:20px; font-weight:bold;}
.about_02{width:100%; height:auto; float: left;font-size:35px;font-weight:bold;text-align:center;}
.about_03{width:100%; padding-left:10px;font-size:35px; font-weight:bold;height:auto; float: left;text-align:center; padding-top:20px;margin-left:-0.1%}
.about_04{width:100%; height:auto; margin-top:50px; float:left; text-align:left;}
.about_05{width:100%; height:auto; margin-top:50px;text-align:left;float:left;margin-left:-0.1%}
.about_08{display:block;color:#000;}
.about_09{display:none;}
.about_10{width:100%; height:auto;font-size:20px; font-weight:bold; text-align:center; color:#000000; margin:auto}
.about_11{width:100%; height:auto; float:left;padding-top:100px;}
.about_12{width:100%; height:auto; float:left; text-align:center;padding-top:10px;}
.about_13{font-size:35px; line-height:120%;}
.ziti1{color:#272727;line-height:200%;}
.ziti1 a:link {color:#272727;}
.ziti1 a:visited { color:#272727;text-decoration:none;;}
.ziti1 a:hover {color:#272727;text-decoration:none;}
}
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .bbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/e_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/e_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-soft{background:url(../images/e_soft.png) 0px 0px no-repeat; background-color:#DB0084;}
.izl-rmenu .btn-soft:hover{background-color:#A1238B;}
.izl-rmenu .btn-soft .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-wx01{background:url(../images/r_wx01.png) 0px 0px no-repeat; background-color:#fff;}
.izl-rmenu .btn-wx01:hover{background-color:#fff;}
.izl-rmenu .btn-wx01 .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-wx{background:url(../images/e_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/e_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/e_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}