@charset "utf-8";
/*-- reset css --*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,imgins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbdy,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,secton,summary,time,mark,audio,video,button 
{ margin: 0;  padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box;}
html,body {font-family: 'Noto Sans Regular'; width: 100%; height: 100%;}
body {  line-height: 1; /*overflow-x: hidden;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ul,ol {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
a { margin: 0; padding: 0;font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;
    /* Link Style - change colours to suit your needs*/
    color: #666;
    -webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    outline: none;
}
a:hover {  text-decoration: none; color: #000;}
table { border-collapse: collapse; border-spacing: 0; vertical-align: middle;}
th,td { vertical-align: middle;}
input,select {vertical-align: middle;}
select::-ms-expand {display: none;}
body {font-family: 'Noto Sans Regular', '나눔고딕'}
/*-- END reset css --*/

/*header*/
header {
	width:100%;
	height:80px;
	border-bottom:1px solid #ddd;
}
header ul {
	position:relative;
	top:20px;
	margin:0 auto;
	width:90%;
	z-index:8000;
}
header ul li {
	position: absolute;
	top:0;
	cursor:pointer;
}
header ul li.login_btn {
	top:8px;
	left:0;
}
header ul li.logo {left:50%; margin-left:-100px; width:200px;}
header ul li.menu_btn {
	top:8px;
	right:0;
}

/*side navigation*/
div.slide_navi {
	position:fixed;
	top:0;
	right:-51%;
	width:50%;
	height:100%;
	background-color:#fdcd66;
	border-left:1px solid #424953;
	z-index:9000;
	transition:.3s;
}
div.slide_navi.slide {
	right:0;
}
div.close_btn {
	position:absolute;
	top:28px;
	right:10%;
	cursor:pointer;
}
ul.menu {
	position:absolute;
	top:56px;
	right:0%;
	width:100%;
}
ul.menu > li.menu_list {
	float:right;
	width:84%;
	padding:12px 0;
	font-size:1em;
	color:#424953;
}
ol.dropdown {
	display:none;
	margin-top:12px;
}
ol.dropdown > li {
	margin-bottom:8px;
}
ol.dropdown > li > a {
	font-size:0.8em;
	text-decoration:none;
	color:#fff;
}
li.menu_util > ul {
	width:100%;
	height:100%;
}
li.menu_util > ul > li {
	float:right;
	width:100%;
	padding:13px 0 16px 0;
}
li.menu_util > ul > li > a {
	float:right;
	width:84%;
	cursor:pointer;
}
li.menu_util > ul > li > p {
	margin-top:15px;
	font-size:1.18em;
	color:#fd8369;
}
li.menu_util > ul > li.nth_01 {
	margin-bottom:1px;
	background-color:#fff;
}
li.menu_util > ul > li.nth_01:first-child {
	margin-top:27px;
}
li.menu_util > ul > li.nth_01:first-child > a > span {
	background-position:0px 0px;
}
li.menu_util > ul > li.nth_01 > a {
	font-size:0.87em;
	text-decoration:none;
	color:#444;
}
li.menu_util > ul > li.nth_01 > a > span {
	display:inline-block;
	margin-bottom:-4px;
	padding:10px;
	padding-left:20px;
	background:url('../images/menu_icon.png') no-repeat 0px -20px;
}
li.menu_util > ul > li.nth_02 {
	margin:30px 0;
	text-align:center;
}
li.menu_util > ul > li.nth_03 {
	padding:9px 0;
	background-color:#fff;
}
li.menu_util > ul > li.nth_03 > a {
	margin-top:2px;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-size:0.7em;
	color:#fd8369;
}
li.menu_util > ul > li.nth_04 > a {
	width:100%;
	text-align:center;
	text-decoration:none;
	font-size:0.7em;
	color:#fff;
}


/*bx-slider*/
div.sliderwrap {
	position:relative;
	top:0px;
	width:100%;
}
ul.bxslider {
	position:relative;
	top:0;
	left:0;
	width:100%;
}
.bx-pager {
	position:absolute;
	left:0;
	bottom:8px;
	width:100%;
	text-align:center;
	z-index:777;
}
.bx-pager-item {
	display:inline;
}
/*슬라이드버튼*/
.bx-pager-item > a {
	display:inline-block;
	width:12px;
	height:12px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:10px;
	margin:0 5px;
	font-size:0;
	color:transparent;
}
.bx-pager-item > a.active {
	background-color:#fd8369;
}
/*이전버튼*/
/* .bx-prev {display:none;} */
/*다음버튼*/
/* .bx-next {display:none;} */

/* bx-slide btn */
.bx-controls-direction {
	position: relative;
	z-index: 1000;
	width: 100%;
}

.bx-controls-direction .bx-prev {
	position: absolute;
	top: -100px;
	left: 0;
	width: 24px;
	height: 48px;
	background: url('/mobile/images/bx-btn_prev.svg') no-repeat;
	font-size: 0;
}

.bx-controls-direction .bx-next {
	position: absolute;
	top: -100px;
	right: 0;
	width: 24px;
	height: 48px;
	background: url('/mobile/images/bx-btn_next.svg') no-repeat;
	font-size: 0;
}

/*qiuck_menu*/
ul.quick_menu {
	clear:both;
	width:100%;
}
ul.quick_menu > li {
	float:left;
	margin-top:-1%;
	padding-top:3%;
	padding-bottom:3%;
	width:25%;
	background-color:#fff;
	text-align:center;
}
ul.quick_menu > li.pink {
	background-color:#fd8369;
}
ul.quick_menu > li > a {
	display:inline-block;
	text-align:center;
	text-decoration:none;
}
ul.quick_menu > li > a > div {
	margin-top:20%;
	font-size:0.8em;
	color:#999;
}
ul.quick_menu > li.pink > a > div {
	color:#fff;
}

/*weather*/
ul.weather {
	clear:both;
	width:100%;
}
ul.weather > li {
	float:left;
	width:33.3%;
	padding-bottom:4%;
	background-color:#424953;
}
ul.weather > li.nth_02 {
	background-color:#33383f;
}
ul.weather > li > p.date {
	margin-top:7%;
}
ul.weather > li > p.date > span {
	display:block;
	margin:8px auto;
	width:57px;
	border-bottom:1px solid #70654b;
}
ul.weather > li > p {
	text-align:center;
	font-size:0.75em;
	color:#fff;
}
ul.weather > li > p > b {
	color:#fece66;
}
div.weather_icon {
	margin:0 auto;
	margin-top:5%;
	margin-bottom:4%;
	width:50%;
}
/*reserve*/
div.reserve {
	clear:both;
	width:100%;
}
.title_01 {
	clear:both;
	margin:2% auto;
	padding-top:4.5%;
	width:89%;
	font-size:0.938em;
	font-weight:bold;
	color:#333;
}
.title_03 {
	clear:both;
	margin:2% auto;
	padding-top:4.5%;
	width:100%;
	font-size:0.938em;
	font-weight:bold;
	color:#333;
}
.title_01 img {
	float:right;
	margin-top:2px;
}
div.reserve_contents {
	width:100%;
	border-top:1px dashed #ddd;
}
div.cal_remote {
	float:left;
	margin-top:58px;
	margin-left:4%;
	width:16%;
}
span.reserve_bt {
	display:block;
	text-align:center;
}
span.month {
	margin:20px auto;
	display:block;
	padding-top:16px;
	width:48px;
	height:32px;
	background-color:#fdce66;
	text-align:center;
	font-size:0.9em;
	border-radius:25px;
	color:#fff;
}
div.calenda {
	float:right;
	width:80%;
}
table.cal_table {
	margin-top:19px;
	margin-left:10%;
	width:90%;
}
table.cal_table tr td {
	display:inline-block;
	margin-bottom:10px;
	margin-right:3%;
	padding-top:8px;
	width:10%;
	height:25px;
	text-align:center;
	color:#333;
	cursor:pointer;
}
table.cal_table tr td.c01 {
	color:#ce133e;
}
table.cal_table tr td.c02{
	color:#168ed3;
}
table.cal_table tr td.box_c01 {
	background:#ddd;
	color:#fff;
}
table.cal_table tr td.box_c02 {
	background:#fd8369;
	color:#fff;
}
div.reserve_contents > p {
	text-align:right;
	padding-top:15px;
	padding-right:5%;
	clear:both;
	border-top:1px solid #ddd;
	font-size:0.75em;
	color:#333;
}
div.reserve_contents > p > i {
	color:#fd8369;
}
div.reserve_contents > p > b {
	color:#ddd;
}

/*notice*/
div.notice {
	margin-top:17px;
	width:100%;
	height:130px;
	background-color:#f8f8f8;
}
div.notice > h2 {
	padding-top:17px;
}
table.tbl_01 {
	clear:both;
	margin:15px auto;
	width:90%;
}
table.tbl_01 tr {
	display:block;
}
table.tbl_01 tr td {
	margin-bottom:11px;
	font-size:0.75em;
	color:#333;
}
table.tbl_01 tr td:first-child {
	float:left;
	width:75%;
}
table.tbl_01 tr td.tb2 {
	float:right;
}
table.tbl_01 tr td a {
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
table.tbl_01 tr td a span {
	font-weight:600;
	color:#ce133e;
}

/*2차 카테고리*/
ul.category {
	clear:both;
	margin:0 auto;
	padding-top:16px;
	width:90%;
}
ul.category > li {
	float: left;
	width:32.8%;
	height:40px;
	border:0.01em solid #424953;
	border-left:none;
}
ul.category > li:first-child {
	border-left:0.01em solid #424953;
}
ul.category > li.active {
	background-color:#424953;
}
ul.category > li a {
	display: block;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	font-size:0.813em;
	font-weight:bold;
	color:#424953;
}
ul.category > li.active > a {
	color:#fff;
}

/*footer*/
div#footer {
	display:inline-block;
	clear:both;
	margin-top:30px;
	width:100%;
	height:95px;
	border-top:1px solid #ddd;
}
div#footer > p {
	margin:0 auto;
	padding-top:25px;
	width:90%;
	font-size:0.7em;
	line-height:16px;
	color:#999;
}

/* board */
.board {
	margin:0 auto;
	width:90%;
	border-top:3px solid #424953;
}
.board li{
	background:url(../images/btn_view.png) right 12px no-repeat;
	background-size:40px 25px;
	height:50px;
	border-bottom:1px solid #dbdbdb;
	list-style:none;
}
.board li a {
	display:block;
	width:auto;
	height:50px;
	text-decoration:none;
}
.board li a img{
	vertical-align:middle;
	display:inline-block;
	width:30px;
	height:20px;
	margin:0 10px 5px 5px;
}
.board li .date{
	display:block;
	color:#fdcd67;
	font:11px/18px 'NGothicB';
	padding-top:5px;
	margin-left:15px;
	letter-spacing:-1px;
}
.board li .title{
	display:block;
	width:82%;
	font:14px/24px 'NGothicB';
	color:#999;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-left:15px;
}



/* --조인게시판-- */
.tbl_02 {
	margin:0 auto;
	width:90%;
	font-size:0.8em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	text-align:center;
}
.tbl_02 > thead.bgHead {
	background-color:#f8f8f8;
}
.tbl_02 > thead.bgHead th {
	border-top:3px solid #424953;
	font-weight:bold;
	color:#182b4c;
}
.tbl_02 > tbody {
	width:100%;
	padding:10px 0;
}
.tbl_02 > tbody td {
	padding:12px 0;
	text-align:left;
	border-bottom:1px dashed #eee;
	text-align:center;
	color:#999999;
}
.tbl_02 > tbody tr td img {width:100%;}
.tbl_02 > tbody td a {
	text-decoration:none;
	color:#999999;
}
.tbl_info > tbody td {
	padding:12px 0;
	text-align:left;
	border-left:1px solid #eee;
	text-align:center;
	color:#999999;
}
.tbl_info > tbody td:first-child {
	border-left:none;
}

div.search {
	margin:25px auto;
	margin-bottom:15px;
	width:90%;
	height:25px;
	border:1px solid #424953;
}
div.search select {
	float:left;
	width:14%;
	height:25px;
	text-align:center;
	border:0px;
	border-right:1px solid #424953;
}
div.search input {
	float:left;
	width:67%;
	padding:2px 2%;
	height:21px;
	border: none;
	font-size:16px;
}
div.search button {
	float:right;
	width:14%;
	height:25px;
	background-color:#424953;
	border:none;
	color:#fff;
	cursor:pointer;
}
/* --//조인게시판-- */


/*버튼*/
div.page_button {
	clear:both;
	margin:0 auto;
	width:90%;
}
div.page_button_02 {
	clear:both;
	margin:0 auto;
	width:50%;
}
div.page_button_03 {
	clear:both;
	margin:0 auto;
	padding-top:8px;
	width:50%;
}
div.btn_00 {
	float:left;
	margin-top:30px;
	margin-right:4%;
	width:48%;
	height:35px;
	border:none;
	background-color:#ccc;
	font-size:0.875em;
	font-weight:bold;
	letter-spacing:0.05em;
	cursor:pointer;
}
div.btn_01 {
	margin-top:30px;
	float:left;
	width:48%;
	height:35px;
	border:none;
	background-color:#424953;
	font-size:0.875em;
	font-weight:bold;
	letter-spacing:0.05em;
	cursor:pointer;
}
div.btn_02 {
	margin:0 auto;
	width:50%;
	height:35px;
	border:none;
	background-color:#424953;
	font-size:0.875em;
	font-weight:bold;
	letter-spacing:0.05em;
	cursor:pointer;
}
div.btn_03 {
	margin:0 auto;
	width:100%;
	height:35px;
	border:none;
	background-color:#fc8469;
	font-size:0.875em;
	font-weight:bold;
	letter-spacing:0.05em;
	cursor:pointer;
}
div.btn_00 a, div.btn_01 a, div.btn_02 a, div.btn_03 a {
	display:block;
	line-height:35px;
	width:100%;
	height:35px;
	font-size:0.875em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.08em;
	color:#fff;
}



.contents_view {
	clear: both;
	margin-top:60px;
}
table.tbl_02 {
	margin:0 auto;
	width:90%;
	border-top:3px solid #424953;
}
table.tbl_02 tr {
	width:100%;
	border-bottom:1px solid #eee;
}
table.tbl_02 tr th {
	vertical-align: middle;
	height:40px;
	background-color:#f9f9f9;
	font-size:0.875em;
}
table.tbl_02 tr td {
	vertical-align: middle;
	text-align:center;
	border-bottom:none;
	font-size:0.875em;
}
table.tbl_02 tr td input {vertical-align: middle;}
table.tbl_02 tr td label {vertical-align: middle;font-size:1em;display:inline}


table.tbl_02 tr td a {
	font-size:0.875em;
	text-decoration:none;
	color:#fff;
}
table.tbl_02 tr td a:hover {
	text-decoration:underline;
}

/*
div.list_btn {
	display:inline-block;
	margin-top:0px;
	padding:10px 35px;
	background-color:#424953;
}
table.tbl_02 tr td div.list_btn > a {
	text-decoration:none;
	color:#fff;

}
*/
.board_in_btn {
	border-bottom:none;
	padding-left:2%;
	clear:both;
	margin:0 auto;
	width:50%;
}
.board_in_btn div.list_btn {
	
	float:left;
	width:48%;
	height:35px;
	border:none;
	background-color:#424953;
	font-size:0.875em;
	font-weight:bold;
	letter-spacing:0.05em;
	cursor:pointer;
}
.board_in_btn div.list_btn02 {margin-right:2%;background-color:#fd8369}
.board_in_btn div.list_btn > a {
	display:block;
	line-height:35px;
	width:100%;
	height:35px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
	

div.list_btn_00 {
	display:inline-block;
	margin:0;
	padding:10px 35px;
	background-color:#424953;
	}
div.list_btn_00 > a {	
	text-decoration:none;
	color:#fff;
	}
	

div.contents_fees {
	margin:0 auto;
	width:90%;
	height:auto;
	padding-bottom:30px;
	border:1px solid #eee;
	border-top:3px solid #424953;
}
h3.title_02 {
	clear:both;
	padding-top:20px;
	padding-left:20px;
	line-height:20px;
	background:url('../images/use_bullet.png') no-repeat 8px 28px;
	font-size:0.875em;
	color:#555;
}
div.img {
	width:70%;
	margin:30px auto;
}

/*날씨정보iframe*/
iframe {
	display:block;
	margin:0 auto;
	width:90%;
}

/*마이스코어*/
.btn_m{
	display:inline;
	background-color:#fdcd67;
	border-radius:3px;
	padding:5px 2%;
	line-height:24px;
	text-align:center;
	font-size:0.8em;
	color:#fff;
	vertical-align:middle;
}
.btn_m a{
	width:auto;
	text-decoration:none;
	color:#fff;
}


.mb5 {margin-bottom:5px !important} 
.mb10 {margin-bottom:10px !important} 
.mb20 {margin-bottom:20px !important} 
.mb30 {margin-bottom:30px !important} 
.mb40 {margin-bottom:40px !important} 
.mb50 {margin-bottom:50px !important} 
.mb100 {margin-bottom:100px !important} 
.mb200 {margin-bottom:200px !important} 
.mb300 {margin-bottom:300px !important} 
.mb400 {margin-bottom:400px !important} 
.mb500 {margin-bottom:500px !important} 
.mt5 {margin-top:5px !important} 
.mt10 {margin-top:10px !important} 
.mt20 {margin-top:20px !important} 
.mt30 {margin-top:30px !important} 
.mt35 {margin-top:35px !important} 
.mt40 {margin-top:40px !important} 
.mt50 {margin-top:50px !important} 
.mt100 {margin-top:100px !important}  
.mt150 {margin-top:150px !important}  
.mt170 {margin-top:170px !important} 
.mt200 {margin-top:200px !important} 
.mt300 {margin-top:300px !important} 
.mt400 {margin-top:400px !important} 
.mt500 {margin-top:500px !important} 
.mr5 {margin-right:5px !important} 
.mr10 {margin-right:10px !important} 
.mr20 {margin-right:20px !important} 
.mr30 {margin-right:30px !important} 
.mr35 {margin-right:35px !important} 
.mr40 {margin-right:40px !important} 
.mr50 {margin-right:50px !important}
.ml10 {margin-left:10px !important} 
.ml20 {margin-left:20px !important} 
.ml30 {margin-left:30px !important} 
.ml40 {margin-left:40px !important} 
.ml50 {margin-left:50px !important}
.pt20 {padding-top: 20px !important}