@charset "utf-8";
@import url("../css/NotoKR.css");
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, b, strong, 
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: middle;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {font-family:'Noto Sans Regular', 'sans-serif'; width: 100%; height: 100%; margin: 0; padding: 0; line-height: 0}


body {
	line-height: 1;
	width:100%; height: 100%;
	position: relative;
}
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;
}

td,th,table,div,ul,li,dd,dt,dl,a,p,b,strong,
input,select,textarea{
	font-family:'Noto Sans Regular', 'sans-serif'; font-weight:300;
	box-sizing: border-box;
	border:0;
} 
textarea{resize:none;border:none; box-sizing: border-box;  width: 100%; font-size: 14px; line-height: 32px; text-align: left; color: #777; background: #f4f4f4; padding-left: 10px; border-radius: 4px; }
input{box-sizing: border-box; border-radius: 4px; }
input[readonly]{background: #ddd;}

a {text-decoration:none;cursor:pointer;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active{background:none;text-decoration:none;outline:none;}
a {selector-dummy: expression(this.hideFocus=true);}
a,img {selector-dummy: expression(this.hideFocus=true);}
a,img,input{selector-dummy: expression(this.hideFocus=true);}

/* common */
.clfix:after {content: ""; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
/*-- END reset css --*/

/*-- header --*/
header {position:fixed; top:0; left:0; width:100%; height:60px; background:#fff; border-bottom:3px solid #BE292F; z-index:7777;}
header h1 {display: block; width: 132px; height: 60px; text-align:center;  margin: auto;}
header h1 a {display:block; width: 132px; height: 60px;}
header h1 a img {height: 35px; padding-top: 12px}
header .login {position:absolute; width:55px; height:40px; right:20px; top:10px;}
header .login a {display:block; width:auto; height:100%; color: #333; font-size: 14px; line-height: 40px; text-align: right}
/*-- END header --*/

/*-- navigation --*/
nav {position:fixed; top:0; left:-580px; width:80%; height:100%; background:#43371f; z-index:9999; transition:.5s; animation-timing-function: ease-in-out;}
nav.on {left:0;}
div.closeBtn {
    position:absolute;
    top:50%;
    right:-32px;
    width:65px;
    height:65px;
    z-index:9999;
}
ul.navi li {
    margin:50px auto;
    width:400px;
}
ul.navi li a.homeBtn {
    display:block;
    width:400px;
    height:80px;
    border:3px solid #b1904e;
    border-radius:5px;
    text-align:center;
    font-size:26px;
    line-height:80px;
    color:#fff;
}
ul.navi li.menu a {
    padding:22px 0;
    display:block;
    text-align:center;
    font-size:32px;
    font-family: 'Noto Sans Thin';
    color:#fff;
}
ul.navi li.menu a:first-child {
    padding-top:0;
}
div.blind {
    display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background:#2b2f31;
    z-index:8888;
    opacity:0.8;
}
/*-- END navigation --*/

section {margin:0; padding: 0; margin-top:60px; width:100%; min-height:300px; background:#fff;}
.endline {clear:both;}

/*-- footer --*/
footer {padding:30px 0 30px; background:#1A1818; text-align:center; color:#999; line-height:1.5;  font-size:14px;}
footer ul li{display: inline-block; width: 40%; background: #999; padding: 5px; border-radius: 4px; margin: 0 2px 15px}
footer ul li a{color: #1A1818}

footer .policy {margin-bottom:20px; }
footer .policy span a {font-size:14px; color:#000; font-weight:500;}
footer .address a{color: #fff}
footer .copy{font-size: 12px}

/*-- END footer --*/





/*-- header --*/
div.navBtn {position:absolute; top:20px; left:20px; display:block; width:27px; height:20px; background:url('../img/menu_btn.png') center no-repeat; background-size: 27px 20px}
/*-- END header --*/

/*-- navigation --*/
nav {position:fixed; top:0; left:-80%; width:80%; height:100%; background:#fff; z-index:9999; transition:.5s; animation-timing-function: ease-in-out;}
nav.on {left:0;}
div.closeBtn {position:absolute; top:50%; right:-16px; width:30px; height:30px; z-index:9999;}
div.navHead {position:relative; padding:25px 30px; width:100%; height:100px; border-bottom:1px solid #e3e3e3;}
div.navHead div.closedBtn {position:absolute; top:15px; right:30px; width:32px; height:32px; background:url('../img/closedBtn.png') no-repeat;
 background-size: 32px 32px}
div.membershipArea {padding:20px 15px; border-bottom:1px solid #e3e3e3;}
div.memberInfo {padding:3px 0 3px 40px; background:url('../img/membershipArea.png') 2px center no-repeat; background-size: 30px 30px}
div.memberInfo h2 {font-size:18px; color:#333; font-family: 'Noto Sans Medium'; padding: 0}
div.memberInfo p {margin-top:8px; font-size:14px; color:#666;}
ul.memberQuick {margin-top:15px;}
ul.memberQuick li {float:left; width:33%; text-align:center; box-sizing:border-box;}
ul.memberQuick li:nth-child(2) {border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
ul.memberQuick li a {font-size:14px; color:#000000;}
ul.memberQuick li a span {margin:8px auto; display:block; width:auto; height:25px; line-height:25px; font-size:24px; color:#000;}
ul.memberQuick li a span.editIcon {background:url('../img/editIcon.png') no-repeat center; background-size: 20px 20px;}
ul.memberQuick li a span.logoutIcon {    background:url('../img/logoutIcon.png') no-repeat center; background-size: 20px 20px;}
ul.memberQuick li a span.joinIcon {
    background:url('../img/joinIcon.png') no-repeat center; background-size: 20px 20px;}
ul.memberQuick li a span.loginIcon {
    background:url('../img/loginIcon.png') no-repeat center; background-size: 20px 20px;}

a.memberReservBtn {position:relative; margin-top:20px; display:inline-block; width:100%; height:45px; text-align:center; font-size:16px; line-height:45px; color:#fff; background:#029B49; border-radius: 4px;}
div.naviInner {overflow-y:scroll; height:auto;}
ul.menu {height:1000px;}
ul.menu li p {position:relative; display:block; padding:15px 20px; font-size:16px; color:#454545; border-bottom:1px solid #ddd;}
ul.menu li p a {color:#454545;}
ul.menu li p span {position:absolute; top:18px; right:0; display:block; width:38px; height:20px; background:url('../img/btnArrow_down.png') no-repeat; background-size: 19px 10px;}
ul.menu li p.active {color:#1a1a1a; background:url('../img/ic01_on.png') no-repeat  20px 14px;}

ul.menu li p.active span {background:url('../img/btnArrow_up.png') no-repeat; background-size: 19px 10px;}
ol.subMenu {display:none; background:#fafafa; border-bottom: 1px solid #ddd}
ol.subMenu li a {display:block; padding:15px 20px; font-size:15px; color:#666;}
ol.subMenu li:first-child{padding-top: 8px}
ol.subMenu li:last-child{padding-bottom: 8px}
div.blind {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#2b2f31; z-index:8888; opacity:0.8;}

.txtAC{text-align: center}
.noti{color:#BE292F !important; margin-left: 5px; font-size: 18px}
/*-- END navigation --*/



/* 여백 */
.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.md2{margin-left:2px !important;}
.md1{margin-left:1px !important;}
.md4{margin-left:4px !important;}
.md5{margin-left:5px !important;}
.md6{margin-left:6px !important;}
.md7{margin-left:7px !important;}
.md8{margin-left:8px !important;}
.md9{margin-left:9px !important;}
.md10{margin-left:10px !important;}
.md11{margin-left:11px !important;}
.md12{margin-left:12px !important;}
.mt3 {margin-top:3px !important;}
.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt22 {margin-top:22px !important;}
.mt34{margin-top:90px !important;}
.mt23{margin-top:23px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt88 {margin-top:88px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt105 {margin-top:105px !important;}
.mt100 {margin-top:100px !important;}
.mt150{margin-top:150px !important;}
.mt110 {margin-top:110px !important;}
.mt140 {margin-top:140px !important;}
.mt180 {margin-top:180px !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb100 {margin-bottom:100px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr11 {margin-right:11px !important;}
.mr13 {margin-right:13px !important;}
.mr15 {margin-right:15px !important;}
.mr25 {margin-right:25px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr34 {margin-right:34px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.md3 {margin-left:3px !important;}
.md8 {margin-left:8px !important;}
.md12 {margin-left:12px !important;}
.md10 {margin-left:10px !important;}
.md13 {margin-left:13px !important;}
.md17 {margin-left:17px !important;}
.md20 {margin-left:20px !important;}
.md15 {margin-left:15px !important;}
.md18 {margin-left:18px !important;}
.md29 {margin-left:29px !important;}
.md27 {margin-left:27px !important;}
.md30 {margin-left:30px !important;}
.md34 {margin-left:34px !important;}
.md35 {margin-left:35px !important;}
.md40 {margin-left:40px !important;}
.md50 {margin-left:50px !important;}
.md55 {margin-left:55px !important;}
.md65 {margin-left:65px !important;}
.md70 {margin-left:70px !important;}
.md75 {margin-left:75px !important;}
.md76 {margin-left:76px !important;}
.md78 {margin-left:78px !important;}
.md80 {margin-left:80px !important;}
.md90 {margin-left:90px !important;}
.md100 {margin-left:100px !important;}
.md115 {margin-left:115px !important;}
.md180 {margin-left:180px !important;}
.md220 {margin-left:220px !important;}

.pd0 {padding:0px !important;}
.pt2 {padding-top:2px !important;}
.pt4 {padding-top:4px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt57 {padding-top:57px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pt180 {padding-top:180px !important;}
.pt183 {padding-top:183px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb58 {padding-bottom:58px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pr6 {padding-right:6px !important;}
.pr5 {padding-right:5px !important;}
.pr2 {padding-right:2px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}
.pr66 {padding-right:66px !important;}
.pr266 {padding-right:266px !important;}
.pl24 {padding-left:24px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl15 {padding-left:15px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl75 {padding-left:75px !important;}
.pl90 {padding-left:90px !important;}
.pl170 {padding-left:170px !important;}
.pl180 {padding-left:180px !important;}
.pl200 {padding-left:200px !important;}
.pl210 {padding-left:210px !important;}

.mt2p{margin-top:2%; !important;}
.mt5p{margin-top:5%; !important;}
.mt10p{margin-top:10%; !important;}
.mt15p{margin-top:15%; !important;}
.mt20p{margin-top:20%; !important;}
.mt2b{margin-bottom:2%; !important;}
.mb5p{margin-bottom:5%; !important;}
.mb10p{margin-bottom:10%; !important;}
.mb15p{margin-bottom:15%; !important;}
.mb20p{margin-bottom:20%; !important;}




/*
::-moz-selection { color:#fff; background:#ff0000; }
::selection { color:#fff; background:#ff0000; }
*/

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/