@import url('https://rsms.me/inter/inter.css');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Title.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
/*
html { font-family: 'Inter', sans-serif; }
*/

* {font-family: 'LGSmart'; font-weight:400; letter-spacing:-0.5px; word-break: keep-all; line-height:120%; font-size:15px;} /*654fa4 / ff7062*/
body {background:#000000;}

body {background:url('/main/img/bg.jpg'),#000000; background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment: fixed;        /* 스크롤해도 고정됨 */
}
/*
.bodybg {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:-1}
*/
img {max-width:100%}
body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form,b,span {margin:0; padding:0;}
body {max-width:2000px; margin:0 auto;}
.mobile {display:none;}

input[type=text],input[type=email],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}

span {font-size:inherit; color:inherit}

img[usemap] {
			border: none;
			height: auto;
			max-width: 100%;
			width: auto;
		}

a {text-decoration:none}
@keyframes blink-effect {50% {opacity: 0;}}
.live {
	
	    border: 1px solid #aaa0a8;
    border-radius: 12px;
    background: linear-gradient(
        105deg,
        #1b0e13 0%,
        #29101e 48%,
        #4b1734 100%
    );
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.5),
        0 3px 8px rgba(0,0,0,.4);
    transition: all .3s ease; color:#ffffff !important; padding:3px 20px 5px 20px; border-radius:35px; animation:blink-effect 1s step-end infinite;}
    /* 상단 핑크빛 광택 */
.live::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 54%;
    width: 36%;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        #ffc3e5,
        transparent
    );
    filter: blur(2px);
}
.live i {color:#ffffff; margin-right:5px}
/*
#main {background:url('/main/img/bg.png'); background-position:right bottom; background-size:85% auto; background-repeat:no-repeat; background-attachment: fixed; }
*/
#main video {width:100%; display:block}
#main {position:relative;}
#main section:nth-child(1) {position:relative; height:100vh}
.bg-video-main {

  height: 900px;
  width: 100%;
  z-index: -1;
  
}

.bg-video__content-main {
  height: 900px;
  width: 100%;
  object-fit: cover; 
  
}
/*
#main div.bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0px; left:0px; z-index:-1}
*/
#main section:nth-child(1) div.text {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main section:nth-child(1) div.text img {width:550px; margin:0 auto; margin-bottom:30px; display:block}
#main div:nth-child(1) p {margin-bottom:10px; font-size:20px; font-weight:800; color:#ffffff; text-align:center}
#main div:nth-child(1) p i {font-size:20px; margin-right:10px; color:#ffffff; text-align:center}

h1 {margin-bottom:30px; text-align:center; font-weight:700; font-size: 40px; background: linear-gradient(to right top, #ffffff, #ffffff); color: transparent; -webkit-background-clip: text; text-transform: uppercase}

h2 {margin-bottom:0px;  text-align:center; color:#ffffff; font-size:20px; line-height:70px; font-weight:800; background: linear-gradient(to right top, #321122, #e96b86); width:450px; height:70px; border-radius:70px; margin:0 auto; margin-top:30px;}

h3 {margin-bottom:30px;  text-align:center; font-size:17px; font-weight:500; line-height:30px;}
h3 i {margin:0 10px 0 10px}

h4 {margin-bottom:20px;  color:#000000; font-size:18px; font-weight:800 !important; line-height:30px;}
h4 i {margin:0 10px 0 0px}

#timer {text-align:center; color:#ffffff; font-size:20px; font-weight:800}


#head {position: fixed;  top: 0px; left:0px; text-align:right; background:rgba(0,0,0,0.5); width:100%; z-index:999999 !important}
#head img {height:50px; position:absolute; top:25px; left:30px; display:block}
#head button {font-size:14px; color:#ffffff; background: linear-gradient(to right top, #321122, #e96b86); padding:0 20px 0 20px; height:40px; border-radius:40px; margin:30px 0px 30px 10px;}
#head button i {color:#ffffff; margin-right:10px;}
#head button.reser {margin-right:30px !important; color:#321122; background:#ffffff; border:1px solid #321122}
#head button.reser i {color:#321122}
#head b {margin-right:30px; font-weight:700; font-size:14px; color:#ffffff;}
#head b span {font-size:14px; color:#ffffff}
#head b i {margin:0 10px 0 0px; color:#ffffff;}

#head button.btn {
    position: relative;
    border: 1px solid #aaa0a8;
    background: linear-gradient(
        105deg,
        #1b0e13 0%,
        #29101e 48%,
        #4b1734 100%
    );
    color: #fff;
    cursor: pointer;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.5),
        0 3px 8px rgba(0,0,0,.4);
    transition: all .3s ease;
}
#head button.btn::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 54%;
    width: 36%;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        #ffc3e5,
        transparent
    );
    filter: blur(2px);
}

.menu {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 80px;
}

.menu-item {
  position: relative;
  padding: 40px 0;
}

@media ( max-width: 1300px ) {
.menu {
  float: none;
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translate(0%, -50%);
  display: flex;
  gap: 50px;
}
}

#head nav a{
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

#head nav a:hover {
  color: #b51950 ;
}

.submenu {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  display: none;
  z-index: 9999;
  background: linear-gradient(to right top, #321122, #e96b86);
  padding: 10px 30px;
  border-radius: 30px;
  text-align: center;
  white-space: nowrap;
}

.wrap {}

.submenu a {
  cursor: pointer;
  color: #ffffff;
  font-size: 14px !important;
  font-weight: bold;
  margin: 0 20px;
  display: inline-block;
}

.submenu a:hover {
  border-bottom: 1px solid #ffffff; color: #ffffff !important;
}

.menu-item:hover .submenu {
  display: block;
}


/*
.menu {float: none; position: absolute; top: 50%; left: 250px; transform: translate(0%, -50%);}


#head nav a {color:#ffffff; font-size:18px; font-weight:bold; margin:0 30px 0 30px; position:relative;}
#head nav a span {color:#ffffff; font-size:18px; font-weight:bold;}
#head nav a:hover {color:#b51950;}
#head nav a.active {color:#b51950 !important;}

.submenu {position:absolute; top:80px; left:-75px;  width:150px; display:none; z-index:999999999999999 !important; background:linear-gradient(to right top, #321122, #e96b86); padding:10px 30px 10px 30px; border-radius:30px; text-align:center; }
.submenu span {cursor:pointer; color:#ffffff; font-size:15px !important; font-weight:bold !important; margin:0 10px 0 10px !important; display:block; float:left}
.submenu span:hover {border-bottom:1px solid #ffffff}
.menu a {position:relative;}
.menu a:nth-child(1) {padding:40px 0 40px 0; cursor:pointer; }
.menu a:nth-child(2) {padding:40px 0 40px 0; cursor:pointer; }
.menu a:hover .submenu {display:block}
.submenu2 {width:190px; left:-95px}


.submenu {
  pointer-events: none !important;
}

.submenu span {
  pointer-events: auto !important;
}
*/

#gotopbtn {position: fixed; bottom: 50px; right: 50px; z-index: 99; font-size: 18px; background: linear-gradient(to right top, #321122, #e96b86); color: #ffffff; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;}
#gotopbtn i {color:#ffffff;}




h30 {text-align:left; display:block; margin-bottom:50px; margin-top:20px;}
h30 button {border:1px solid #ffffff; color:#ffffff; padding:0 20px 0 20px; height:40px; border-radius:40px; margin:5px;}
h30 button.on {background:linear-gradient(to right top, #321122, #e96b86); color:#ffffff; border:0px none}


table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:; border-top:1px solid #000000; margin-bottom:50px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0);  }
th, td {text-align:center; margin:0; padding:15px; border-bottom:1px solid #dddddd;}
td {font-size:15px; line-height:25px; border-right:1px solid #dddddd}
td.tdnotice {font-size:14px; color:#000000; background-color:#f6f6f6; font-weight:bold}
th {font-size:15px; color:#ffffff; font-weight:700; border-bottom: 1px solid #6104b7; border-right: 1px solid #6104b7; background-color:#6d52a3}
tr:nth-child(1) th:first-child {border-left:1px solid #6104b7;}
td:last-child {border-right:0px none}

td b {font-size:15px; line-height:20px; color:#000000; padding-right:5px; font-weight:800; padding-top:20px; margin-top:20px}
td b:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f3c9"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
td u {text-decoration:none; color:#ffffff; background:#cccccc; border-radius:20px; padding:2px 10px 2px 10px; margin-right:0px; font-size:13px;}
 
tr td.noti {color:#000000; background-color:#f9f9f9; font-weight:bold}
tr.noti {background-color:#f9f9f9;}


td.session {background-color:#f6f6f6;}





#foot {text-align:center; padding:50px 0 50px 0; background:#333333; color:#ffffff}
#foot p {line-height:1.7}

#login {width:700px; height:auto; margin:0 auto; margin-top:200px; margin-bottom:200px;} 


#login div {width:600px; padding:50px; height:auto; margin:0 auto; border-radius:30px; background-color:#ffffff; box-shadow: 0 5px 10px 0 rgba(100, 100, 100, 0.1), 0 20px 20px 0 rgba(50, 50, 50, 0.1); margin-top:30px;}
#login div form {width:100%}
#login div form input {width:calc(100% - 30px);  font-size:15px; background-color: transparent; padding:20px 15px 20px 15px;}
#login div form select {width:calc(100% - 0px);  font-size:15px; background-color: transparent; padding:20px 15px 20px 15px;}

#login div form p {padding:0px !important; background-color:#f5f6f9; border-radius:5px; float:left; margin-right:10px; position:relative; width:100%; margin-bottom:20px;}
#login div form p i {position:absolute; top:20px; left:15px; color:#321122}
#login div form p input {text-indent:30px}
#login div form p.marginb0 {margin-bottom:10px;}
#login div form button {background: linear-gradient(to right top, #321122, #951e22);  color:#ffffff; width:100%; border-radius:5px; height:50px;}
#login div p.info {font-size:12px; line-height:20px; color:#999999; margin-top:20px;}
#login div p.info b {font-size:12px; line-height:20px; color:#000000;}
#login div p.info i {font-size:12px; margin-right:5px; color:#ee1d25;}
#login div form p:first-child {position: relative; display:block; float:left; width:calc(100% - 0px);}


#login form h5 {color:#000000; font-size:15px; margin-bottom:15px; line-height:25px;padding-left:20px;}
#login form h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:5px; margin-left:-20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

h50 {color:#321122; font-size:15px; margin-bottom:10px; line-height:20px; display:block; margin-top:0px !important}
h50:before {color:#321122; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#login div p.in {text-align:center; margin-top:20px}
#login div p.in a {color:#000000; border-bottom:1px solid #000000; margin:0 20px 0 20px; font-weight:700}

dl,dt,dd {margin:0; padding:0;}

dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:20%; float:left; color:#000000; font-weight:bold; font-size:16px; line-height:30px;}
dt i {margin-right:10px; color:#000000; }
dd {width:80%; float:right; font-size:16px; line-height:30px;}
dd span {color:#bf0942; font-size:15px; margin-bottom:15px; display:block; margin-top:10px;}
dd span:before {color:#bf0942; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #321122; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px; font-weight:800}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#321122; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}

#agree table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; margin-bottom:20px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0);  }
#agree th, #agree td {text-align:center; margin:0; padding:5px; border-bottom:1px solid #dddddd;}
#agree td {font-size:12px; line-height:20px; border-right:1px solid #dddddd}
#agree th {font-size:12px; color:#ffffff; font-weight:800; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; background-color:#cccccc}


label {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0}
label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;}
label input:checked ~ .checkmark {background-color: #321122;}
.checkmark:after {content: ""; position: absolute; display: none;}
label input:checked ~ .checkmark:after {display: block;}
label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
form h10 {color:#000000; font-weight:700; display:block; margin:0 0 20px 0}
form h10 label {color:#000000; font-weight:700;}
form span.agreeview {background-color:#ffffff; color:#321122; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #321122; font-size:12px; margin-top:0px; cursor:pointer;}
.menubox {display:none;}
.toggle-sidebar {display:none;}

.bd {color:#000000; font-weight:800}


#page {width:90%; margin:0 auto; margin-top:150px; margin-bottom:100px; max-width:1440px;}
h3000 {display:block; margin:200px 0 200px 0; text-align:center; color:#ffffff; font-size:18px;}
h3000 i {color:#ffffff; font-size:60px; margin-bottom:20px;}

.lang-buttons {
  display: flex;
  gap: 10px;
  justify-content: right;
  margin-bottom: 50px;
  margin-top:-80px;
}

.lang-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;

  border-radius: 30px;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.lang-btn.on {
  background:linear-gradient(to right top, #321122, #e96b86);
  color:#ffffff;
}

.fi {
  width: 22px;
  height: 16px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

#checktimer {text-align:center; color:#000000; background:none !important}


.popup {position:absolute; top:100px; left:50%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:600px; margin-left:-300px;}
.popup img {width:600px; display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:20px;}
.popup img:first-child {margin-top:0px;}
.popup a:nth-child(1) img {border-radius:10px}
.popup section button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup section button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup section button:nth-child(1) {right:70px}
.popup section button:nth-child(2) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}


@media ( max-width: 1100px ) {
* {font-size:12px}	
body {}
img {max-width:100%}
body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form,b,span {margin:0; padding:0;}
body {max-width:640px; margin:0 auto;}


#page {width:90%; margin:0 auto; margin-top:100px; margin-bottom:100px;}

.mobile {display:block;}

#fade-in {
  right:-100%; 
  width: 100%;
  transition: all .5s ease;
  z-index:99;
}

#fade-in.show {
 right:0px;
}
h50 {color:#321122; font-size:12px; margin-bottom:10px; line-height:20px; display:block; margin-top:0px !important}
h51 {color:#000000; font-size:12px; margin-bottom:10px; line-height:20px; display:block}
h51:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.toggle-sidebar {display:block !important; width:60px; height:67px; position:absolute; right:0px; top:0px; z-index:10; text-align:center;}
.toggle-sidebar i {color:#ffffff; font-size:18px; line-height:67px;}
.menubox {display: block; position:fixed; top:0px; z-index:9999; background:rgba(0,0,0,0.6); height:100%; min-height:100%;}

.menubox .Mmenulist{width:70%; height:100%; min-height:100%; background-color:#343434; margin-left:30%;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px;}
.menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;background: url('https://eventcdn.cafe24.com/royal/img/close-button.png') no-repeat center 22px;background-size: 20px 20px;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#321122;}
.Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.5);}
.Mmenulist ul .inner li a {font-size:13px; text-align:left !important}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; text-align:left !important;  color: #ffffff; border-bottom:1px solid #555555;}

#head {position: fixed;  top: 0px; left:0px; text-align:right; background:rgba(0,0,0,0.8); width:100%; z-index:9}
#head img {height:30px; position:absolute; top:17px; left:20px; display:block}
#head button {font-size:9px; color:#ffffff; background: linear-gradient(to right top, #321122, #951e22); padding:0 10px 0 10px; height:20px; border-radius:20px; margin:25px 0px 20px 5px;}
#head button i {color:#ffffff; margin-right:5px; font-size:10px;}
#head button.reser {margin-right:50px !important;}
#head button.reser i {margin-right:0px}
#head button span {display:none}
#head b {margin-right:0px; font-weight:700; font-size:12px}
#head b span {display:none}
#head b i {margin:0 5px 0 5px}

.menu {display:none}

#gotopbtn {position: fixed; bottom: 20px; right: 20px; z-index: 99; font-size: 18px; background-color:#000000; color: #ffffff; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;}
#gotopbtn i {color:#ffffff;}



h30 {text-align:left; display:block; margin-bottom:10px; margin-top:20px;}
h30 button {padding:0 20px 0 20px; height:30px; border-radius:30px; margin:5px;}

#main video {width:100%; display:block}
#main section:nth-child(1) {position:relative;}
.bg-video-main {

  height: 600px;
  width: 100%;
  z-index: -1;
  
  background:#000000;}

.bg-video__content-main {
  height: 600px;
  width: 100%;
  object-fit: cover; 
  
}
#main section:nth-child(1) div.bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px}
#main section:nth-child(1) div.text {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%;}
#main section:nth-child(1) div.text img {width:100%; margin:0 auto; margin-bottom:30px; display:block}

#main div:nth-child(1) p {margin-bottom:10px; font-size:12px; font-weight:800; color:#ffffff; text-align:center}
#main div:nth-child(1) p i {font-size:12px; margin-right:10px; color:#ffffff; text-align:center}

h1 {margin-bottom:30px;  text-align:center; font-weight:900; font-size: 25px; background: linear-gradient(to right top, #ffffff, #ffffff); color: transparent; -webkit-background-clip: text; text-transform: uppercase}

h2 {margin-bottom:30px;  text-align:center; color:#ffffff; font-size:13px; line-height:50px; font-weight:800; background: linear-gradient(to right top, #321122, #e96b86); width:100%; height:50px; border-radius:50px; margin:0 auto;}

h3 {margin-bottom:30px;  text-align:center; font-size:13px; font-weight:500; line-height:30px;}
h3 i {margin:0 10px 0 10px}

h4 {margin-bottom:20px;  color:#000000; font-size:18px; font-weight:800 !important; line-height:30px;}
h4 i {margin:0 10px 0 0px}

#timer {text-align:center; color:#ffffff; font-size:13px; font-weight:800}


table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px; border-left:; border-top:1px solid #000000; margin-bottom:50px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0), 0 5px 15px 0 rgba(0, 0, 0, 0);  }
th, td {text-align:center; margin:0; padding:5px; border-bottom:1px solid #dddddd;}
td {font-size:12px; line-height:20px; border-right:1px solid #dddddd}
td.tdnotice {font-size:12px; color:#000000; background-color:#f6f6f6; font-weight:bold}
th {font-size:12px; color:#ffffff; font-weight:700; border-bottom: 1px solid #6104b7; border-right: 1px solid #6104b7; background-color:#6d52a3}
tr:nth-child(1) th:first-child {border-left:1px solid #6104b7;}
td:last-child {border-right:0px none}

td b {font-size:12px; line-height:20px; color:#000000; padding-right:5px; font-weight:800;}
td b:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f3c9"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

td u {font-size:11px;}

td span {color:#ffff00; font-size:12px; margin-bottom:15px; display:block; margin-top:10px;}
td span:before {color:#ffff00; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
td.session {background-color:#f6f6f6;}



#time h5 {margin-bottom:20px; text-align:center; font-weight:900; font-size: 18px; background: linear-gradient(to right top, #321122, #951e22); color: transparent; -webkit-background-clip: text; text-transform: uppercase}

h300 {display:block; padding-top:200px; text-align:center; color:#cccccc; font-size:17px;}
h300 i {color:#cccccc; font-size:70px; display:block; width:100%; text-align:center; margin:0 auto; margin-bottom:20px}


#foot {text-align:center; padding:50px 50px 50px 50px; color:#ffffff; width:calc(100% - 100px);}


#login {width:90% !important; margin-top:100px; margin-bottom:100px;} 


#login div {width:calc(100% - 50px); padding:25px; height:auto; margin:0 auto; border-radius:30px; background-color:#ffffff; box-shadow: 0 5px 10px 0 rgba(100, 100, 100, 0.1), 0 20px 20px 0 rgba(50, 50, 50, 0.1); margin-top:30px;}
#login div form {width:100%}
#login div form input {width:calc(100% - 30px);  font-size:13px; background-color: transparent; padding:10px 15px 10px 15px;}
#login div form select {width:calc(100% - 0px);  font-size:13px; background-color: transparent; padding:10px 15px 10px 15px;}

#login div form p {padding:0px !important; background-color:#f5f6f9; border-radius:5px; float:left; margin-right:10px; position:relative; width:100%; margin-bottom:10px;}
#login div form p i {position:absolute; top:12px; left:15px; color:#321122}
#login div form p input {text-indent:25px}
#login div form button {background: linear-gradient(to right top, #321122, #951e22);  color:#ffffff; width:100%; border-radius:5px; height:40px;}
#login div p.info {font-size:12px; line-height:20px; color:#999999; margin-top:20px;}
#login div p.info b {font-size:12px; line-height:20px; color:#000000;}
#login div p.info i {font-size:12px; margin-right:5px; color:#ee1d25;}
#login div form p:first-child {position: relative; display:block; float:left; width:calc(100% - 0px);}


#login form h5 {color:#000000; font-size:12px; margin-bottom:10px; line-height:20px;}
#login form h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
form span.agreeview {background-color:#ffffff; color:#321122; padding:5px 10px 5px 10px; border-radius:20px; margin-left:10px; border:1px solid #321122; font-size:10px; margin-top:0px; cursor:pointer;}

dl,dt,dd {margin:0; padding:0;}

dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:100%; float:left; color:#000000; font-weight:bold; font-size:13px; line-height:20px;}
dt i {margin-right:10px; color:#000000; }
dd {width:100%; float:right; font-size:13px; line-height:20px;}
dd span {color:#bf0942; font-size:12px; margin-bottom:10px; display:block; margin-top:10px;}
dd span:before {color:#bf0942; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
	.popup {position:absolute; top:50px; left:10%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:80%; margin-left:0px;}
.popup img {width:100%; display:block; float:left;}
.popup a:nth-child(1) img {border-radius:10px}
.popup button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup button:nth-child(2) {right:70px}
.popup button:nth-child(3) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}



.lang-buttons {
  display: flex;
  gap: 10px;
  justify-content: left;
  margin-bottom: 50px;
  margin-top:0px;
}

.lang-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;

  border-radius: 30px;
  padding: 7px 15px 7px 15px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
#chat {padding-bottom:0px; display:table; width:100%; margin-bottom:50px;}
}