@charset "utf-8";

/* Reset  */
*{-webkit-text-size-adjust:none;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;	font-size:100%;	font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse; border-spacing:0;}

/* z6 start ========================================================================================================== */
@font-face{font-family:'NGothic'; src:url('../font/NanumGothic.woff') format('woff');}
@font-face{font-family:'NGothicB'; src:url('../font/NanumGothicBold.woff') format('woff');}
   
body{height:100%; width:100%; font-family:'NGothic', Droid Sans, Roboto, Arial, Helvetica, sans-serif; color:#666}
body.main{background:#000;}
body.login{background:url(../img/index_bg.jpg) center top no-repeat; background-size:cover;}
input[type=text], input[type=password]{font:1em 'NGothic', Droid Sans, Arial, Helvetica, sans-serif; background:#fff; border:2px solid #cbcbcb; border-radius:4px; height:25px; padding-left:5px}
input[type=checkbox]{margin:0; padding:0; vertical-align:baseline; -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -mstransform:scale(1.5,1.5); -0-transform:scale(1.5,1.5); transform:scale(1.5,1.5); border:none;}
a, a:link, a:visited, a:hover {color:#888; text-decoration:none; cursor:hand; outline:0;}
a:hover {color:#24aae1;}

/* layout */
.wrap {width:100%; height:100%; padding-bottom:65px}
.btm_wrap{width:100%; height:115px; position:absolute; bottom:0}

.main_top {width:100%; height:233px; background:url(../img/main_top.jpg) center top no-repeat; background-size:cover; }
.main_top img {height:233px; margin:auto}
.main_header {width:100%; height:70px; background:#fff; border-bottom:3px solid #24aae1}
.main_header h1, .header h1{background:url(../img/logo.png) no-repeat; background-size:contain; height:60px; width:130px; margin:auto}
.main_header h1 a, .header h1 a{display:block; width:115px; height:60px; text-indent:-10000px; cursor:pointer; overflow:hidden}
.main_header .right{position:absolute; right:10px; top:16px;}
.main_header .right .login{display:block; height:30px; width:30px; background:url(../img/btn_b_quit_on.png) no-repeat center; background-size:contain; }
.main_header .right .logoff{display:block; height:30px; width:30px; background:url(../img/btn_b_quit.png) no-repeat center; background-size:contain; }
.main_header .left, .header .left{position:absolute; left:5px; top:5px}

.header{width:100%; height:64px; background:#fff; border-bottom:3px solid #24aae1}

.bg_tit{background:url(../img/main_tit.png) no-repeat; background-size:contain; height:66px; width:320px; margin:auto; text-indent:-10000px; margin-top:20px}
.bg_tit span{text-indent:-10000px}

/* layout gnb */
nav {height:46px; background:url(../img/2depth_bg.gif) repeat; position:relative}
nav span{padding-left:30px; color:#FFF}
nav em{padding:0 10px}
nav div{position:absolute; right:20px; top:12px}
nav > ul{background:#174215; height:46px}
nav > ul > li{width:33%; float:left; display:block; text-align:center; font-size:1em; line-height:46px; font-family:'NGothicB'; letter-spacing:-1px}
nav > ul > li a{display:block; width:auto; height:46px}
nav > ul > li.on, nav > ul > li:hover{background:url(../img/gnb_bg_on.png) repeat-x; background-size:contain; height:46px}
nav > ul > li.on a{color:#0b9444}
nav > ul > li:nth-child(2) {width:34%}

.resevenav {height:46px; background:url(../img/2depth_bg.gif) repeat; position:relative}
.resevenav span{padding-left:30px; color:#FFF}
.resevenav em{padding:0 10px}
.resevenav div{position:absolute; right:20px; top:12px}
.resevenav > ul{background:#174215; height:46px}
.resevenav > ul > li{width:25%; float:left; display:block; text-align:center; font-size:1em; line-height:46px; font-family:'NGothicB'; letter-spacing:-1px}
.resevenav > ul > li a{display:block; width:auto; height:46px}
.resevenav > ul > li.on, nav > ul > li:hover{background:url(../img/gnb_bg_on.png) repeat-x; background-size:contain; height:46px}
.resevenav > ul > li.on a{color:#0b9444}
.resevenav > ul > li:nth-child(2) {width:25%}


nav.menu2 > ul{height:46px}
nav.menu2 > ul > li{width:50%; float:left; display:block; text-align:center; font-size:1em; line-height:46px; font-family:'NGothicB'; letter-spacing:-1px}

.nav_b {position:relative; height:46px; background:url(../img/2depth_bg.gif) repeat;}
.nav_b > ul{background:url(../img/gnb_bg.png) repeat-x; background-size:contain; height:46px}
.nav_b > ul > li{width:33%; float:left; display:block; text-align:center; font-size:1em; line-height:46px; font-family:'NGothicB'; letter-spacing:-1px}
.nav_b > ul > li a{display:block; width:auto; height:46px}
.nav_b > ul > li.on, .nav_b > ul > li:hover{background:url(../img/gnb_bg_on.png) repeat-x; background-size:contain; height:46px}
.nav_b > ul > li.on a{color:#0b9444}
.nav_b > ul > li:nth-child(2) {width:34%}

/* copyright */
address{width:100%; height:71px; background:#000;}
address p{line-height:16px; font-size:0.7em; color:#898989; padding:10px; text-align:center}

/* layout bottom */
.bm{position:fixed; bottom:0; height:70px; margin:auto; width:100%; background:url(../img/btm_bg.png) repeat-x; background-size:contain; z-index:10000;}
.bm ul{height:70px;}
.bm ul li{width:25%; height:70px; text-align:center; float:left; padding-top:13px;}
.bm ul li a {display:block; font-size:0.75em; height:63px; width:auto}
.bm ul li a:hover {color:#24aae1}
.bm ul li a .txton{color:#24aae1;}
.bm ul li a .home{background:url(../img/btn_b_home.png) no-repeat center; background-size:contain; display:block; height:30px; width:auto; margin-bottom:5px}
.bm ul li a .home_on, .bm ul li a .home:hover{background:url(../img/btn_b_home_on.png) no-repeat center; background-size:contain; display:block; height:30px; margin-bottom:5px}
.bm ul li a .reserv{background:url(../img/btn_b_reserv.png) no-repeat center; background-size:contain; display:block; height:30px; width:auto; margin-bottom:5px}
.bm ul li a .reserv_on, .bm ul li a .reserv:hover{background:url(../img/btn_b_reserv_on.png) no-repeat center; background-size:contain; display:block; height:30px; margin-bottom:5px}
.bm ul li a .check{background:url(../img/btn_b_check.png) no-repeat center; background-size:contain; display:block; height:30px; width:auto; margin-bottom:5px}
.bm ul li a .check_on, .bm ul li a .check:hover{background:url(../img/btn_b_check_on.png) no-repeat center; background-size:contain; display:block; height:30px; margin-bottom:5px}
.bm ul li a .quit{background:url(../img/btn_b_quit.png) no-repeat center; background-size:contain; display:block; height:30px; width:auto; margin-bottom:5px}
.bm ul li a .quit_on, .bm ul li a .quit:hover{background:url(../img/btn_b_quit_on.png) no-repeat center; background-size:contain; display:block; height:30px; margin-bottom:5px}

/* login */
.login_bg{position:relative;}
.login_bg .loginbox{background:url(../img/login_box.png) center no-repeat; background-size:contain; width:278px; height:300px; position:relative; top:22px; margin:auto}
.login_bg .loginbox .login_wrap {position:absolute; height:144px; width:215px; left:30px; top:80px}
.login_bg .loginbox .login_wrap .input_wrap{position:absolute; top:0px; display:block; width:140px; line-height:0}
.login_bg .loginbox .login_wrap .input_wrap input{margin-bottom:10px; width:125px}
.login_bg .loginbox .login_wrap .login_btn{position:absolute; top:0; right:0; display:block;}
.login_bg .loginbox .login_wrap .checkbox{position:absolute; top:85px; left:10px; height:30px;}
.login_bg .loginbox .login_wrap .checkbox label{margin-right:18px; font-size:0.8em; line-height:30px}
.login_bg .loginbox .login_wrap .checkbox label:last-child {margin-right:0}
.login_bg .loginbox .login_wrap .join{position:absolute; top:170px; left:10px; height:30px; width:200px; text-align:center}
.login_bg .loginbox .login_wrap .join a{text-align:center;}
.login_bg .loginbox .login_wrap .idpw{position:absolute; top:33px; left:-10px;  height:30px; width:200px; text-align:center}
/* home link */
.links{position:relative; margin:auto; background:#2e2f32}
.links > ul{text-align:center; padding-top:15px}
.links > ul > li{width:106px; height:110px; display:inline-block;}
.links > ul > li > a {display:block; width:auto; height:110px;}

/* home board */
.board li{background:url(../img/board_btn.png) right 0 no-repeat, url(../img/board_back.jpg) repeat-x; background-size:contain; height:47px;}
.board li a{display:block; width:auto; height:47px;}
.board li .date{display:block; color:#24aae1; font-size:0.75em; font-family:'NGothicB'; padding:5px 0 3px; margin-left:15px; letter-spacing:-1px}
.board li .title{display:block; width:85%; height:24px; line-height:24px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}
.board li .main_tit{display:block; width:85%; height:47px; line-height:47px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}

.main_board{position:relative; background:#000; height:55px; width:100%; border-bottom:3px solid #57585a}
.main_board .notice{position:absolute; width:200px; height:55px; margin:5px 0 0 10px}
.main_board .notice li{display:inline-block; width:200px; height:55px; text-align:left}
.main_board .notice li a{display:inline-block; width:195px; height:55px; color:#24aae1; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_board .weather {position:absolute; width:110px; height:40px; right:0; top:12px}
.main_board .weather li{display:inline-block; width:110px; height:40px; color:#fff; font-size:13px}
.main_board .weather li span {display:inline-block}
.main_board .weather li span img{vertical-align:middle; width:30px; height:30px}
/* contents */
.contents{width:95%; margin:auto; line-height:24px; margin-bottom:10px}
.contents .txt_point01{padding:10px 0 5px; font-size:1.1em; font-family:'NGothicB'}
.contents p{padding-bottom:10px}
.mgt01{margin-top:10px}

/* common text */
.txt_ac{text-align:center !important}
.txt_al{text-align:left !important}
.txt_ar{text-align:right}
.txt_small{font-size:0.75em}
.txt_medium{font-size:0.8em}
.txt_date{font-size:1.25em; font-family:'NGothicB'; padding-top:15px; text-align:center}
.txt_point01{color:#6e4801}
.txt_point02{color:#24aae1}
.txt_point03{color:#6e4801; text-align:left; margin:20px 0 0 10px;}
.txt_point04{color:#24aae1; text-align:right;}
.tit{font-size:1em; color:#24aae1; font-family:'NGothicB'; text-align:center; margin:20px 0 5px}
strong{font-family:'NGothicB'}

/* common background */
.bg_point01{background:#e1eece;}

/* common box */
.box01{border:2px solid #d0d0d0; border-radius:10px; padding:10px; background:#eee; margin:10px;}
.box01 p{margin-bottom:6px; font-size:0.8em; line-height:18px; color:#666}
.box01 p:last-child{margin-bottom:0}

/* common button */
.btn_small{display:block; height:20px; width:40px; background:#24aae1; padding-bottom:2px; border-radius:4px; line-height:20px; text-align:center; color:#fff; font-size:12px; }
.btn_big{display:block; height:30px; width:80px; background:#24aae1; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff;}
.btn_big1{display:block; height:30px; width:80px; background:#999; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff;}
.btn_big2{display:block; height:30px; width:80px; background:#00a9a0 ; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff}
.btn_small a{color:#fff; display:block; width:40px; height:20px}
.btn_big a, .btn_big1 a{color:#fff; display:block; width:80px; height:30px}
.btn_area{margin:20px 0; text-align:center}
.btn_area span{margin:0 3px; display:inline-block;}

/* common table */
.tbl01 {width:98%; margin:10px auto; table-layout:fixed; letter-spacing:-1px; word-spacing:-1px}
.tbl01 caption, .tbl02 caption, .tbl04 caption {padding:7px; color:#24aae1; font-family:'NGothicB'}
.tbl01 thead {background:#dadada; border-bottom:2px solid #24aae1;}
.tbl01 thead th {border:1px solid #ababab; vertical-align:middle; padding:4px 0; line-height:16px; font-size:0.8em;}
.tbl01 tbody th {background:#eee; border:1px solid #d6d6d6; vertical-align:middle; padding:4px 0; line-height:16px; font-size:0.8em;}
.tbl01 td {border:1px solid #dcdcdc; vertical-align:middle; color:#666; padding:6px 3px; text-align:left; font-size:0.8em; line-height:20px }

.tbl02 {width:100%; background:#fff; margin:10px auto; border-top:2px solid #666; table-layout:fixed; letter-spacing:-1px; word-spacing:-1px}
.tbl02 th{background:#eee; border:1px solid #dcdcdc; border-right:none; padding:8px; font-size:0.9em; line-height:16px;}
.tbl02 td{border:1px solid #dcdcdc; border-right:none; border-top:none; color:#666; text-align:center; padding:5px; vertical-align:middle; line-height:18px; font-size:13px;}
.tbl02 th:first-child, .tbl02 td:first-child{border-left:none}
.tbl02 span{margin:3px auto}

.tbl03 {width:100%; border-top:2px solid #24aae1; border-collapse:collapse; margin-top:10px;}
.tbl03 tr th {font-size:0.75em; color:#24aae1; border-right:1px solid #eee; letter-spacing:-1px; line-height:30px; width:65px; height:35px; vertical-align:middle}
.tbl03 tr td {padding:4px; color:#666; line-height:20px;}
.tbl03 tr th,td {border-bottom:1px solid #eee;}

.tbl04 {width:100%; border-collapse:collapse; line-height:20px; margin-top:10px}
.tbl04 th {font:13px/22px "NGothicB"; border-bottom:1px solid #d6d6d6; vertical-align:middle;}
.tbl04 td {border-bottom:1px solid #d6d6d6; vertical-align:middle; color:#888; padding:8px 10px; vertical-align:top; font:13px/18px "NGothic";}
.tbl04 th.bt2, .tbl04 td.bt2{border-top:2px solid #6e4801 ;}
.tbl04 td img{padding:10px 0}

.bbs_contents {width:90%; padding:10px; border-bottom:1px solid #EFEFEF; line-height:20px; margin:auto}
.bbs_contents p{margin-bottom:10px}
.bbs_contents p:last-child{margin-bottom:0}
.bbs_contents p > img{width:100%; text-align:center}
.bbs_contents div > img{width:100%; text-align:center}

/* common table calndar */
.cal_tit{font-family:'NGothicB'; color:#333; font-size:1.25em; letter-spacing:-1px; line-height:25px; height:37px; margin-top:12px}
.cal_tit img{vertical-align:bottom;}
.cal_tit span{margin:0 5px;}

.month {width:98%; table-layout:fixed; margin:0 auto 10px;}
.month thead {line-height:0; border:1px solid #999;}
.month tbody tr {height:45px;}
.month th {background:url(../img/cal_bg.gif) repeat-x; background-size:contain; height:30px; }
.month td {border:1px solid #ababab; font-family:'NGothicB'; font-size:1em; color:#fff; text-align:right; vertical-align:top; padding:2px;}
.month td p:first-child {margin-bottom:10px}
.month td p.info {font-size:0.625em; text-align:left; font-family:'NGothic'}
.month td.today{background:#0099b0}
.month td.reserv {background:#8873a6}
.month td.not {background:#dadada}
.month td.rest {background:#ff8400}
.month td.wait {background:#ae8873}
.month td.end {background:#828282}
.month td.select {background:#90c31f}
.month td.hol {color:#ff7800;}
.month td.sat {color:#009bdc;}
.month td.month {color:#dbdbdb}
.month td.month_hol {color:#ffcc9f}
.month td.month_sat {color:#b2f0ff}
.month td.onclick {cursor:pointer}
.month td a{color:#fff; display:block; width:auto;}

.comment{margin:15px 0 10px 0;}
.comment li{color:#666; font:13px/18px "NGothic", Dotum, Gulim; margin:0 0 3px 25px; list-style:disc;}
/* z6 end =================================================================================================================================== */

.tbl_join {width:100%; table-layout:fixed; border-collapse:collapse; margin:5px 0; /*border-top:2px solid #999*/}
.tbl_join th{font:13px'NGothicB'; text-align:left; padding:10px 0 0 15px; border-bottom:1px solid #ddd}
.tbl_join td{color:#b9b9b9 ; text-align:left; vertical-align:middle; font-size:13px; padding:5px 5px 5px 5px; border-bottom:1px solid #ddd}
.tbl_join td > input{font:13px 'NGothic'; background:#ddd; border:none; border-radius:3px; height:30px; padding-left:4px; color:#666; vertical-align:top; margin-bottom:5px}
.tbl_join td img, .tbl_join td input[checkbox] {vertical-align:middle;}
.tbl_join td .btn{display:inline-block; background:#00a9a0; border-radius:3px; line-height:28px; text-align:center; color:#fff; font-size:12px; padding:0 5px; margin-left:5px; vertical-align:middle}
.tbl_join td .btn a{color:#fff; display:block; width:auto;}
.tbl_join td > label {vertical-align:middle}
.tbl_join select{font:13px 'NGothic'; background:#b9b9b9; border:none; border-radius:3px; height:28px; color:#fff; vertical-align:middle; margin:0 0 4px 2px}

/* pop */
.pop{display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999; text-align:center;}
.pop .box{position:fixed; top:18%; display:block; width:90%; background:#000; margin-left:2%; }
.pop .box h1{position:relative; width:90%, height:40px; background:#2d2d2d; border-bottom:2px solid #279a0b; font:16px/40px 'NGothicB'; color:#fff;}
.pop .box h1 a{position:absolute; right:15px; top:8px; display:block; width:25px; height:25px; background:url(/mobile/img/btn_close.png) right no-repeat; background-size:25px; text-indent:-500%}
.pop .box .popcnt{padding:20px; text-align:center; color:#ddd}
.pop .box .popcnt .tit{height:20px; background:url(/m/img/ico_tit.png) 5px 3px no-repeat; background-size:15px; padding-left:5px; font:15px/20px 'NGothicB'; color:#fff; text-align:left; margin-bottom:0}
.pop .box .popcnt p{line-height:20px; font-size:14px; margin-bottom:20px}
.pop .box .popcnt input{font:1em 'NGothic'; background:#ddd; border:none; border-radius:3px; height:30px; width:240px; color:#666; vertical-align:middle; letter-spacing:-1px; margin-bottom:5px; padding:0 5px; text-align:center}
.pop .box .popcnt .btn_big3 a{display:inline-block; height:30px; width:250px; border-radius:3px; background-image:linear-gradient(180deg, #4ba614, #006f00); background-image:-webkit-linear-gradient(-90deg, #4ba614, #006f00); padding-bottom:2px; margin-bottom:5px; line-height:28px; text-align:center; color:#fff;}
.pop .box .popcnt .btn_big4 a{display:inline-block; height:30px; width:250px; border-radius:3px; background-image:linear-gradient(180deg, #999, #666); background-image:-webkit-linear-gradient(-90deg, #999, #666); padding-bottom:2px; margin-bottom:5px; line-height:28px; text-align:center; color:#fff;}
.pop .box .popcnt ul{max-height:200px; overflow:auto; padding:5px 10px 5px 0}
.pop .box .popcnt li{font-size:12px; line-height:18px; text-align:left; margin-bottom:5px}

/* tap */
.tab_btn {height:30px;}
.tab_btn li{float:left; width:50%; text-align:center; color:#a6a6a6; border-bottom:1px solid #666 ; background:#e8e8e8; font:14px/30px 'NGothicB'; letter-spacing:-2px; list-style:none; padding:0; margin:0}
.tab_btn li.on{background:#666;}
.tab_btn li.on a{color:#fff}
.tab_btn li:active{background-color:#666 ; color:#fff; cursor:pointer;}