
body {
	background-color:#000;
}
div.background_img {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	background-image: url(../img/main_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position:center top;
}
/*-- header --*/
header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100px;
    z-index:7777;
}
div.topUtil {
    position:absolute;
    top:27px;
    right:30px;
}
div.topUtil a {
    display:inline-block;
    width:45px;
    height:45px;
    text-indent:-9999px;
}
div.topUtil a.login {
    background:url('../img/head_Icon.png') no-repeat 0 0;
}
div.topUtil a.logout {
    background:url('../img/head_Icon.png') no-repeat -45px 0;
}
div.topUtil a.edit {
    background:url('../img/edit.png') no-repeat 0px 0;
}
div.topUtil a.headPrev {
    background:url('../img/head_Icon.png') no-repeat -135px 0;
}
header h1 {
    text-align:center;
    font-size:30px;
    line-height:100px;
    color:#134a79;
}
header h1 a {
    display:block;
    margin-top:12px;
}
div.navBtn {
    position:absolute;
    top:27px;
    left:30px;
    display:block;
    width:45px;
    height:45px;
    background:url('../img/head_Icon.png') no-repeat -90px 0;
}
/*-- END header --*/
/*-- slider 메인 슬라이드 --*/
div.sliderwrap {
	position:relative;
}
ul.bxslider {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:341px;
}
ul.bxslider img {
	width:100%;
}
/* 슬라이드버튼 */
.bx-pager {
	position: absolute;
	bottom:30px;
	width:100%;
	text-align:center;
}
.bx-pager-item {
	display: inline;
}
.bx-pager-item > a {
	display:inline-block;
	margin:0 5px;
	width:20px;
	height:20px;
	background-color:#6e4b05;
	border-radius:10px;
	font-size:0;
	color:transparent;
}
.bx-prev, .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 100;
}

/* 버튼클릭시 */
.bx-pager-item>a.active {
    width:38px;
}
/* 이전버튼 */
.bx-prev {
	left: 10px;
    background: url('../img/controls.png') no-repeat 0 -32px;
}
/* 다음버튼 */
.bx-next {
	right: 10px;
    background: url('../img/controls.png') no-repeat -43px -32px;
}
/*-- END slider 메인 슬라이드 --*/

/*-- 메인컨텐츠 --*/
section {
    background:transparent;
}
div.mainCnt {
    width: 90%; margin: 20px auto;
}
div.mainCnt ul::after {
    content:'';
    display:block;
    clear:both;
}
div.mainCnt ul li a {
    float:left;
    display:block;
    margin-left:10px;
}
div.mainCnt ul li a:first-child {
    margin-left:0;
}
li.btnBox00 a {
    width:184px;
    height:140px;
	margin-bottom: 10px;
}
li.btnBox00 a span {
    display:block;
    margin:22px auto;
    width:51px;
    height:51px;
    font-size:0;
    color:transparent;
    text-indent:-9999px;
}
a.reservBtn00 {border: 1px solid #4f7388;}
a.reservBtn00 span {background:url('../img/quick_01.png') no-repeat 0 0;}
a.reservBtn01 {border: 1px solid #4f7388;}
a.reservBtn01 span {background:url('../img/quick_02.png') no-repeat 0 0;}
a.reservBtn02 {border: 1px solid #4f7388;}
a.reservBtn02 span {background:url('../img/quick_03.png') no-repeat 0 0;}
a.reservBtn03 {border: 1px solid #4f7388;}
a.reservBtn03 span {background:url('../img/quick_04.png') no-repeat 0 0;}
a.reservBtn04 {border: 1px solid #4f7388;}
a.reservBtn04 span {background:url('../img/quick_05.png') no-repeat 0 0;}
a.reservBtn05 {border: 1px solid #4f7388;}
a.reservBtn05 span {background:url('../img/quick_06.png') no-repeat 0 0;}
div.mainCnt ul li.btnBox00 a p {
    text-align:center;
    font-size:26px;
    color:#4f7388;font-family: 'Noto Sans Bold';
}
/*-- END 메인컨텐츠 --*/

.noticeBox {background:#f2f2f2; padding: 28px; margin: 20px 0; }
.noticeBox h3 { font-size: 30px; color: #000; margin-bottom: 10px;}
.noticeBox li { font-size: 26px; padding: 20px 0; border-bottom: 1px solid #D9D9D9; list-style-type: none; letter-spacing: -1px;}
.noticeBox li a {  color: #616161;}
.noticeBox li:nth-child(5n) { border-bottom: none;}

.telBox {background:#fff; text-align: center; margin: 30px 0;}
.telBox .tel {margin: 0 5px;}



.reservBt {    
	width: 60%;
    margin: auto;
    text-align: center;
    border: 10px solid #ffffff;
    padding: 40px 0;
    margin-top: 50%;
    background-color: rgb(0 0 0 / 0.5);
}
.reservBt a .bigBt { font-size:34px; color: #fff; display: block; border-bottom: 1px solid #ddd; width: 60%; padding-bottom: 20px; margin: auto;font-family: 'Noto Sans Bold';}
.reservBt a .smallBt { display: block; font-size:22px; color: #D5D5D5; width: 60%; padding-top: 19px; margin: auto;font-family: 'Noto Sans Bold';}
/*-- footer --*/
footer {
	position: absolute;
	bottom: 0;
	width:100%;
    padding:30px 0;
    background:#000;
    text-align:center;
	/*bottom: 0; position: absolute; width: 100%;*/
}
footer p {
    margin:0 auto;
    width:580px;
    font-size:15px;
    line-height:24px;
    color:#fff;
}
footer .copy {font-size: 18px;}/*-- END footer --*/

/* 팝업 */
.mpop{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 999999}
.mpop .popWrap{position: relative; width: 90%; height: auto; left:50%; top:35%; transform:translate(-50%, -50%); letter-spacing: -1.5px; background: #fff; padding-bottom:60px}
.mpop .popWrap img{width:100%; height:auto}
.mpop .popWrap .btn{position: absolute; bottom: 0; width: 100%; height: 60px; background: #001848}
.mpop .popWrap .btn li{position: relative; width: 50%; float: left; text-align: center; line-height: 30px}
.mpop .popWrap .btn li a{display: inline-block; width: 100%; color: #fff; font: 22px/60px 'Noto Sans Light'; }
.mpop .popWrap .btn li:first-child::after{position: absolute; right: 0; top: 0; display:inline-block; content:''; width:1px; height:60px; background:#dcc5b0;}
