@charset "utf-8";
@import url("../css/NotoKR.css");

section {position: relative;top: 0;	left: 200px;width: 100%;height: 100%;z-index: 6666;}

/*--메인 슬라이드--*/
.visual-wrap {background-color: #111; width: 60%; height: 100%; position: relative;  overflow: hidden; background-size: cover;float: left;}
.mainslide { height: 100%;  width: 100%; float: left; position: relative}
ul.slide { width: 100%;  height: 100%}
ul.slide li img { width: 100%; height: 100%}

.bx-pager { position: absolute; bottom:12%; left:50px; padding: 0 5px; height: 30px; text-align: center; z-index: 100;}
.bx-pager-item { display: inline-block; vertical-align: middle; text-align: center;}
.bx-pager-item > a { margin: 0 5px; display: block; width: 10px;  height: 10px; background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; font-size: 0; }
.bx-pager-item > a.active { background-color: #da9a29; opacity: 1;border: 1px solid #fff;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0;  width: 20px; height: 61px; text-indent: -9999px; z-index: 100;}

.bx-wrapper { position: relative;  margin-bottom: -2px; height: 100% !important}
.bx-wrapper div.bx-viewport {    width: 100%;  overflow: hidden; position: relative; height: 100% !important;}
.bx-wrapper div.bx-viewport ul.slide li {    float: left; list-style: none; position: relative; width: 427px; height: 100% !important}

.bx-prev { display: block; left: 10px; background-image: url(../img/btn-pre.png); background-repeat: no-repeat}
.bx-next {  display: block; right: 10px; background-image: url(../img/btn-next.png);  background-repeat: no-repeat}
.slide_text { position: absolute;  top: 150px;  left: 50px; color: #fff; font-size: 20px;text-shadow: 2px 2px 2px rgba(45, 52, 20, 0.8);}
.slide_text01 { position: absolute;  top: 180px;  left: 50px; color: #fff; font-size: 50px;text-shadow: 2px 2px 2px rgba(45, 52, 20, 0.8);font-family: 'Noto Sans Medium';}
.btn-more { display: block;  position: absolute;  top: 320px; left: 55px; width: 150px; height: 30px; font-size: 15px; color: rgb(255, 255, 255); line-height: 30px; text-align: center; border-width: 1px; border-style: solid; border-color: rgb(223, 223, 223); border-image: initial; border-radius: 3px; background: #e9af3d;}
/*--// 메인 슬라이드--*/

/*-- 메인 우측 박스--*/
.main_right-wrap {background-color: #000; top: 0; right: 0; width:40%; height: 100%; /*overflow-x: scroll;*/overflow:hidden; overflow-y: scroll; position: relative;}
.rev_warp { background-color: #000; width: 100%; height: 340px;}
.rev_warp h3 { color: #fff;  font-size: 20px; padding: 30px 0 0 2%;/*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/}
.event_warp { border-top: 1px solid #333;background-color: #000; width: 100%; height: 300px;}
.event_warp h3 { color: #fff;  font-size: 20px; padding: 20px 0 0 2%;}
.copy_warp {position: absolute; bottom: 0; right: 0; width: 100%; border: 0 none; background: #000;}
.logT {font-size: 16px;color: #ddd}
.logT > span {font-size: 14px; color: #949494; margin-left: 10px}
.toggle .logBox .box_my > p {display: inline-block; padding: 6px;  border: 1px solid #c3a185; width: 40%; font-size: 15px;color: #c3a185; margin: 18px auto;    text-align: center;background-color: rgba(0,0,0,.3); border-radius: 5px;}   
.toggle .logBox .box_my > p > a {color:#c3a185; display: inline-block}
.toggle .logBox .box_my > p:hover a {color: #fff} 
.main_logbox btn {padding: 2px;margin:30px 5px;width: 30%;line-height: 30px;background-color: #444;font-size: 14px;height: 30px;display: inline-block;float: left;text-align: center;color: #fff;border-radius: 5px;border: 1px solid #fff;}

footer .inner { padding: 0 2%;}
footer {position:relative; bottom:0; right:0; width:100%; border:0 none; background:#000; border-top: 1px solid #333}
.right-wrap.scroll > .inner {position:relative;}
footer.open {box-shadow:0 0 5px #000;}
footer .btm-wrap {position:relative;display:table;width:100%;height:60px;padding-right:30px;box-sizing:border-box;}
footer .copylight {display:table-cell;font-size:0.929em; color:#fff; vertical-align:middle; background:#000; width:50%}
footer .copylight .copy_01 a {font-size: 14px; color: #eee; display: block; margin-bottom: 10px}
footer .copylight .copy_01 a:hover {color: #da9a29}
footer .copylight .copy_02 {font-size: 11px; color: #999; display: block}

.dropbtn {background-color: #000;color: white; padding: 20px 10% 20px 90%;font-size: 30px;border: none;}
.dropup {display: inline-block; width:50%}
.dropup-content { display: none; position: absolute; background-color: #444; min-width:100%;bottom: 70px; z-index: 100;right: 0px;border-top: 2px solid #eee;border-bottom: 1px solid #555; padding:0 30px}
.dropup-content a {color: #fff;  padding: 20px 16px; text-decoration: none; display: block; border-bottom: 1px solid #333; font-size: 14px; width: 100%;    background: url(../img/dot.png) no-repeat 15px 25px;text-indent: 14px;}
.dropup-content a:nth-child(4) {border-bottom: none}
.dropup-content a:hover {background-color: #000; color: #da9a29; }
.dropup-content p {z-index: 99;  padding: 15px 30px; color: #ddd; font-size: 12px; border-bottom: 1px solid #333; line-height: 25px; font-family:'Noto Sans DemiLight'; /*background: url(../img/logo_g.png) no-repeat 85% 50%;*/}
.dropup:hover .dropup-content {  display: block;}
.dropup:hover .dropbtn {  background-color: #111;}

/*--// 메인 우측 박스--*/

/*-- 달력 --*/
p.data {padding:10px 0;	text-align:center;	font-size:14px;	color:#fabe00;	border-bottom:1px solid #535353; }
p.data > span {	color:#c9c9c9;}
div.reservInner {padding:20px 0;margin:0 8%;width:60%;}
div.reservHead {margin-bottom:15px;	text-align:center;}
div.reservHead > span.month {font-size:20px;color:#ffffff;}
div.reservHead > span.arrow {position:relative;	top:1px;margin:0px 10%;display:inline-block;width:15px;height:15px;background:url('../img/arrow02.png') no-repeat 0 0;	cursor:pointer;}
div.reservHead > span.arrow01 {	background:url('../img/arrow03.png') no-repeat;}
table.reservTbl {width: 100%}
table.reservTbl thead {/*	background-color:rgba(255,255,255,0.1);*/  border-top: 2px solid #777;border-bottom: 1px solid #777;color:#fff;}
table.reservTbl thead tr th{width:60px;height:25px;	font-weight:300;font-size:14px;}
table.reservTbl td {text-align:center;	height:33px;}
table.reservTbl td a {	margin:0 auto;	display:block;	width:30px;	height:30px;line-height:30px;font-size:17px;color:#fff;	border-radius:30px;}
table.reservTbl td a.reserved {	background-color:#da9a29;}
table.reservTbl td a.closed {background-color:#fff;color:#da9929;}
table.reservTbl td a.hday {	color:#666;}

ul.noticeInner {margin:20px auto;width:250px;}
ul.noticeInner > li {margin-bottom:15px;padding-left:15px;background:url('../img/spot00.png') no-repeat 0;}
ul.noticeInner > li > a {font-size:14px;color:#fff;}
ul.noticeInner > li > a:hover {	text-decoration:underline;}

/*-- //달력--*/



/*--메인 작은 이미지 배너 --*/
#wrapper {width:100%; margin:0 auto; position: relative}
.sliderbutton_L {float:left; position:absolute; top:-17px; left:490px}
.sliderbutton_L img {cursor:pointer}
.sliderbutton_L img:hover {background:#666}
.sliderbutton_R {float:left; width:32px;margin:-17px -15px 0;}
.sliderbutton_R img {cursor:pointer}
.sliderbutton_R img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:500px; height:220px; border:2px solid #fff; background:#fff; margin: 10px 0 0 3%;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:500px; height:220px; padding-right:10px}
.pagination {list-style: none; height: 25px; display: block; width: 100%; position: absolute; bottom: -225px; left: 30px;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background-color:#000; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#777}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #fff; background-color:#da9a29; color: #000}
li#content {width:464px; height:270px; padding:15px 28px 15px 18px}


/*-- 뉴스 공지 --*/
.noticelogin-wrap {position:relative; background:#131313;width: 100%;border-top: 1px solid #333; z-index: 99}
.notice-wrap {padding:20px 2%; /*padding-bottom:90px;*/ background:#131313;width:33%; display: inline-block; float: left; border-bottom: 1px solid #333; height:210px}
.notice-wrap h3 {padding-bottom:25px; font-size: 20px;color:#fff;padding: 0 0 20px;border-bottom: 1px solid #333;margin-bottom: 8px;}
.notice-wrap .btn-more { display: block; position: relative; top: -45px;left: 10%;width: 53px; height: 18px; font-size: 0.857em; color: #000;line-height: 18px; text-align: center;  border: 1px solid #dfdfdf; border-radius: 3px;background: #888; overflow: hidden;margin-left: 66%;}
.notice-wrap .btn-more:hover {background-color: #da9a29; color: #000}
.notice-wrap .data {position:relative; display:block; padding-right:85px; margin-bottom:15px; color: #eee; font-size: 14px;}
.notice-wrap .data .cont:hover {color: #da9a29}
.notice-wrap .data .cont {display:inline-block; width:95%; overflow:hidden; font-size:0.929em; color:#ccc; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.notice-wrap .data .date {position:absolute; top:0; right:0; color:#555;}
.main_login {width: 35%;   background-color: #000; /*margin-left:392px;*/padding: 20px 2%; display: inline-block; float: left;overflow: hidden;    border-bottom: 1px solid #333;height:210px}
.main_login h3  {padding-bottom:20px; font-size: 20px;color:#fff;padding: 0 0 20px;border-bottom: 1px solid #333;margin-bottom: 20px;}

/*-- 메인 로그인--*/
ul.loginForm { width:100%;}
ul.loginForm li { float:left; width:56%; vertical-align:top;}
ul.loginForm li:nth-child(1) {margin-top: 1px;}
ul.loginForm li input.iptStyle {line-height: 12px; padding: 4px; font-size: 13px; width:100%;}
ul.loginForm li input:first-child {  margin-bottom:5px;}
ul.loginForm li.join_idpw { float:left; width:49%; vertical-align:top;padding-left:10px}
ul.loginForm li.join_idpw:nth-child(1) {margin-top: 1px;}
ul.loginForm li.join_idpw input {line-height: 12px; padding: 4px; font-size: 13px;}
ul.loginForm li.join_idpw input:first-child {  margin-bottom:5px;}
ul.loginForm li.join_idpw .iptStyle a {line-height: 12px; padding: 4px; font-size: 12px; background-color: #7b7b7b; margin-bottom: 4px; padding:6px 7px; text-align: center; color: #fff;display: block}
ul.loginForm li.join_idpw .iptStyle a:hover {color: #DA9A29; background-color: #333} 
ul.loginForm li.loginBtn { float:left; width:30%; text-align:right; margin-left:20px}
ul.loginForm li.loginBtn a {display:inline-block; width:95%; height:60px; font-size:16px; text-align:center; line-height:60px;  color:#da9a29;border: 1px solid #555; border-radius: 10px;}
ul.loginForm li.loginBtn a:hover {border: 1px solid #da9a29; } 
ul.loginForm li.joinBtn a:hover {border: 1px solid #da9a29; } 
ul.loginForm li.joinBtn { float:left; width:40%; text-align:right;}
ul.loginForm li.joinBtn a {display:inline-block; width:100%; height:50px; font-size:16px; text-align:center; line-height:50px;  color:#da9a29;border: 1px solid #555;background-color: #111;}
div.loginInner ul.checkBox { margin:10px 0; text-align:left;}
div.linkBtn a:first-child { float:left;}
div.linkBtn a { float:right; display:block; width:46%; height:30px; font-size:15px; font-weight:600; line-height:30px; color:#4d652e; text-align:center;    border:1px solid #4d652e;}
div.joinBox { width:100%; border-top:1px solid #e9e9e9;}
div.joinBox p {  margin-top:15px; font-size:14px; line-height:22px;}
div.joinBtn { padding:15px 100px;}
div.joinBtn a { display:block; width:100%; height:40px; background-color:#bbb; font-size:17px; line-height:40px; text-align:center; color:#fff;}

/*---- checkBox ----*/
ul.checkBox { margin-top:15px; text-align:right; margin-bottom: 10px;}
ul.checkBox li { display:inline-block;text-align: left;  width: 100%; }
ul.checkBox li input[type="checkbox"] {	display:none;}
ul.checkBox li input[type="checkbox"] + label {padding-left:32px;display:inline-block;	height:25px;background:url('../img/checkbox.png') no-repeat;	background-position: 0 0;font-size:12px;line-height:25px;color:#a2a2a2}
ul.checkBox li input[type="checkbox"]:checked + label {	background-position: 0 -25px;}
ul.radioBox { margin-top:0; text-align:center;}
ul.radioBox li { margin:0 8px;}
ul.radioBox li input[type="radio"] {display:none;}
ul.radioBox li input[type="radio"] + label {padding-left:25px;	display:inline-block;height:18px;background:url('../img/radiobox.png') no-repeat;
	background-position: 0 0;font-size:14px;line-height:18px;color:#444;}
ul.radioBox li input[type="radio"]:checked + label {background-position: 0 -18px;}
/*-- END checkBox --*/