@charset "utf-8";

@import url('../earlyaccess/nanumgothic.css');
@import url('../css2');

/* font-family: 'Nanum Gothic, Nanum Myeongjo'; */
* { box-sizing: border-box; }

*, html, body {
	font-family: "Nanum Gothic", sans-serif; position: relative; z-index: 1;
	-webkit-text-size-adjust:none;
	word-break: keep-all;
}


html {height:100%; overflow-y: scroll; overflow-x: hidden; }
body {margin:0;padding:0;font-size:13px;font-weight: 500;height:100%; color:#000; }

html, body { width: 100%; height:100%; }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:700; font-size:15px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {font-size:13px;font-weight: 500;color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
ul {padding:0; margin:0; list-style:none;}
li {padding:0; margin:0; list-style:none;}
ul:after{display:block;visibility:hidden;clear:both;content:""}
li:after{display:block;visibility:hidden;clear:both;content:""}

img { margin-top: -2px; }

.Nanum_Myeongjo { font-family: "Nanum Myeongjo", sans-serif; }

.fl { float: left; }
.fr { float: right; }
.alignr { text-align: right !important; }
.alignl { text-align: left !important; }
.alignc { text-align: center !important; }
.margint-5 { margin-top: -5px !important; }
.margint0 { margin-top: 0px !important; }
.margint3 { margin-top: 3px !important; }
.margint5 { margin-top: 5px !important; }
.margint7 { margin-top: 7px !important; }
.margint10 { margin-top: 10px !important; }
.margint20 { margin-top: 20px !important; }
.margint30 { margin-top: 30px !important; }
.margint40 { margin-top: 40px !important; }
.margint50 { margin-top: 50px !important; }
.margint70 { margin-top: 70px !important; }
.w50-10 { width: calc(50% - 10px); }


.marginb10 { margin-bottom: 10px !important; }

.padding1020 { padding: 10px 20px !important; }
.padding35_0 { padding: 35px 0px !important; }



.textcut {
	display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; 
}


.checkbox { display: none; }
.checkbox + label { 
	display: inline-block; background: url('../images/ch01_off.png') no-repeat right top; 
	background-size: 44px; width: 44px; color: #000; height: 20px; line-height: 14px;
}
.checkbox:checked + label { 
	background: url('../images/ch01_on.png') no-repeat right top;
	background-size: 44px; padding-right: 22px; color: #000; 
}


.footer_info { width: 1359px; margin: auto; }
.footer_info > li { float: left; line-height: 69px;  }
.footer_info > li:last-child { float: right; }
.footer_info > li:last-child > a:first-child { margin-right: 50px }
.footer_info > li:nth-child(2) { margin-left: 50px; font-size: 17px; }
.footer_info > li:nth-child(2) > img { margin-right: 5px; }
.footer_info > li:nth-child(2) > a { padding: 5px 15px; background: #7f7153; color: #fff;}

.footer_info > li:nth-child(3) { margin-left: 50px; font-size: 17px; font-weight: 700 }
.footer_info > li:nth-child(3) > img { margin-right: 5px; }

.footer_info_are { padding: 50px 10px; text-align: center; margin-top: 20px; background: #fff; color: #7f7f7f; }
.footer_info_are > div { line-height: 30px; }
.footer_info_are > div > span { margin: 0px 10px; }
.footer_info_are > div > a { color: #2d2d2d; font-size: 14px; font-weight: 700; }
.copyright { text-align: center; line-height:30px; color: #b4b0a5; background: #81725f; }


.sub_visual {
	background-image: url('../images/sub_visual_bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; 
}
.sub_visual > div { width: 1562px; margin: auto; min-height: 250px; display: table; vertical-align: middle; }
.sub_visual > div > div {
	display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #fff; 
}
.sub_visual > div > div > p:first-child { font-size: 45px; font-weight: 700; }
.sub_visual > div > div > p:last-child { margin-top: 20px; font-size: 16px; word-break: keep-all; }

.pageinfo { line-height: 55px; border-bottom: 1px solid #d9d9d9; }
.pageinfo > div { width: 1562px; margin: auto; color: #8e8e8e; }
.pageinfo > div > img { margin: 0px 20px; }

.swiper-wrapper > .swiper-slide_tab:last-child > a { background-image: none; }

.layer_popup { display: none; position: fixed; left: 0px; top: 0px; z-index: 200000; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.layer_popup > div { display: table; width: 1150px; margin: auto; height: 100%; vertical-align: middle; }
.layer_popup > div > div {
	display: table-cell; width: 100%; vertical-align: middle;  
}
.layer_popup > div > div > div { position: relative; background: #fff; border-radius: 10px; padding: 43px; border: 10px solid #c2aa77; }
.layer_popup > div > div > div > a.popup_close { position: absolute; top: 20px; right: 20px; }
.layer_popup > div > div > div > div.title_txt { color: #2d2d2d; font-size: 34px; font-weight: 700; text-align: center; }
.layer_popup > div > div > div > div.title_s_txt { color: #c2aa77; font-size: 18px; font-weight: 700; text-align: center; margin-top: 40px; }
.layer_popup > div > div > div > div.comment_txt { color: #2d2d2d; font-size: 18px; font-weight: 700; text-align: center; margin-top: 10px; }
.layer_popup > div > div > div > div.viewer_comment { 
	height: 380px; padding: 50px 0px; border-top: 1px solid #b0b0b0; margin-top: 50px; overflow-y: auto; overflow-y: scroll; 
	line-height: 30px; font-size: 15px;
}

.layer_popup > div > div > div > div.links {
	margin: 30px 40px 0px; text-align: center; border-top: 1px solid #b0b0b0; padding-top: 20px; 
}
.layer_popup > div > div > div > div.links > a { font-size: 13px; }

.sitemap_popup { }
.sitemap_popup > li { float: left; width: 25%; height: 400px; padding: 0px 60px; }
.sitemap_popup > li > a { display: inline-block; width: 100%; font-size: 18px; color: #c2aa77; font-weight: 700; font-family: "Nanum Myeongjo", sans-serif; margin-bottom: 10px; }


div.login_form { width: 450px; margin: auto; margin-top: 30px; }
div.login_form > form {}
div.login_form > form > div.input_form { margin-top: 10px; }
div.login_form > form > div.input_form > input[type="text"],
div.login_form > form > div.input_form > input[type="password"]{
	border: 1px solid #b8b8b8; line-height: 58px; padding: 0px 30px; width: 100%;
}

div.login_form > form > div.input_form > select{
	border: 1px solid #b8b8b8; height: 60px; padding: 0px 30px; width: 100%;
}

div.login_form > form > div.input_form > p { font-weight: 700; margin: 50px 0px 10px; }

div.login_form > form > div.login_button { margin-top: 10px; font-size: 15px; }
div.login_form > form > div.login_button > button {
	border: none; line-height: 58px; padding: 0px 30px; width: 100%; background: #c2aa77; color: #fff; font-size: 17px;
}
div.login_form > form > div.login_button > button.normal { background: #d2d2d2; }
div.login_form > form > div.links { text-align: center; margin-top: 30px;  }

.casino_game_new { width: 100%; }