@charset "utf-8";
@import url("../css/NotoKR.css");
/* CSS Document */
/*-- reset css --*/
html,body {width:100%;  }
html {/*overflow-y:scroll;*/ overflow-x:hidden; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-wrap:break-word; word-break:keep-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top; -ms-interpolation-mode: bicubic;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff; font-weight:300;}
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.5; font-family:'Noto Sans Regular', 'sans-serif'; font-weight:400; color:#444; } 

a:link,a:active,a:visited{color:#666; text-decoration:none; }
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend{width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

::-moz-selection { color:#fff; background:#61ab79; }
::selection { color:#fff; background:#61ab79; }

/* 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*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}

/*****text********/
.txtAC{text-align: center !important}
.txtAL{text-align: left !important}
.txtAR{text-align: right !important}
.txt_sat{color: #1166ab !important}
.txt_sun{color: #e60012 !important}
.txt_close{color: #999 !important}
/*-- END reset css --*/

/*-- header --*/
header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120px;
    background:#fff;
    border-bottom:1px solid #ccc;
    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:120px; color:#134a79;}
header h1 a {
    display:block;
}
header h1 a img {padding-top:16px;}
header .login {position:absolute; width:90px; height:40px; right:25px; top:45px;}
header .login a {display:block; width:100%; height:100%; color: #000; font-size: 22px; text-align: right; letter-spacing: -1px}
/*-- END header --*/

/*-- navigation --*/
nav {
    position:fixed;
    top:0;
    left:-580px;
    width:510px;
    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 auto;
    margin-top:120px;
    width:640px;
    min-height:600px;
    background:#fff;
}
.endline {
    clear:both;
}

/*-- footer --*/
footer {
    padding:30px 0;
    background:#161616;
    text-align:center;
	/*bottom: 0; position: absolute; width: 100%;*/
	color:#666;
	line-height:1.5; 
	font-size:18px;
}
footer span a {color:#fff; font-size:18px;}
footer span.privacy02:before {display:inline-block; content:''; width:2px; height:16px; background:#161616; margin:0 20px; vertical-align:middle; margin-top:-3px;}

footer .policy {margin-bottom:20px; }
footer .policy span a {font-size:17px; color:#bbb; font-weight:500;}
footer .policy span b{color: #ddd}
/*-- END footer --*/





/*-- header --*/



div.navBtn {
    position:absolute;
    top:40px;
    left:30px;
    display:block;
    width:47px;
    height:35px;
    background:url('../img/allmenu.png') no-repeat;
}
/*-- END header --*/

/*-- navigation --*/
nav {
    position:fixed;
    top:0;
    left:-580px;
    width:510px;
    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:-32px;
    width:65px;
    height:65px;
    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:34px;
    right:30px;
    width:32px;
    height:32px;
    background:url('../img/closedBtn.png') no-repeat;
}
div.membershipArea {
    padding:40px 30px;
    border-bottom:1px solid #e3e3e3;
}
div.memberInfo {padding:3px 0 3px 80px;  background:url('../img/membershipArea.png') 10px no-repeat;}
div.memberInfo h2 {
    font-size:28px;
    font-family: 'Noto Sans Light';
    color:#454545;
}
div.memberInfo p {
    margin-top:5px;
    font-size:18px;
    color:#666666;
}
ul.memberQuick {
    margin-top:30px;
}
ul.memberQuick li {
    float:left;
    width:146.6666px;
    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:22px;
    color:#000000;
}
ul.memberQuick li a span {
    margin:15px auto;
    display:block;
    width:60px;
    height:40px;
    line-height:40px;
    font-size:40px;
    color:#000;
}
ul.memberQuick li a span.editIcon {
    background:url('../img/editIcon.png') no-repeat center;
}
ul.memberQuick li a span.logoutIcon {
    background:url('../img/logoutIcon.png') no-repeat center;
}
ul.memberQuick li a span.joinIcon {
    background:url('../img/joinIcon.png') no-repeat center;
}
ul.memberQuick li a span.loginIcon {
    background:url('../img/loginIcon.png') no-repeat center;
}

a.memberReservBtn::after {
    display:block;
    content:'';
    clear:both;
}
a.memberReservBtn {
    position:relative;
    margin-top:40px;
    padding-left:40px;
    display:inline-block;
    width:100%;
    height:60px;
    text-align:center;
    font-size:26px;
    line-height:60px;
    color:#fff;
    background-color:#1166ab;
    box-sizing:border-box;
}
a.memberReservBtn::after {
    position:absolute;
    top:10px;
    left:130px;
    display:block;
    content:'';
    clear:both;
    width:40px;
    height:40px;
    background:url('../img/membershipReserv.png') no-repeat center;
}
div.naviInner {overflow-y:scroll;}
ul.menu {height:700px;}
ul.menu li p {position:relative; display:block; padding:15px 30px; font-size:26px; color:#454545; border-bottom:1px solid #bbb;}
ul.menu li p a {color:#454545;}

ul.menu li p span {
	position:absolute;
    top:50%;
    right:40px;
    margin-top:-10px;
    display:block;
    width:38px;
    height:20px;
    background:url('../img/btnArrow_down.png') no-repeat;
}
ul.menu li p.active {color:#1a1a1a; background:url('../img/ic01_on.png') no-repeat  40px 24px;}
ul.menu li p.active span {
    background:url('../img/btnArrow_up.png') no-repeat;
}
ol.subMenu {
	display:none;
}
ol.subMenu li a {display:block; padding:15px 30px; font-size:22px; color:#666; background:#fafafa; border-bottom: 2px solid #fff;}
div.blind {
    display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background:#2b2f31;
    z-index:8888;
    opacity:0.8;
}
.tel {color:red;}
/*-- END navigation --*/

/*****레이어팝업********/
.pop{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:10;}
.popup_inner{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.popup_box{position:relative; background:#fff; padding:40px;}
.popup_box h2 {width:100%; margin-bottom: 20px; font: 28px/1.4 'Noto Sans Medium'; color: #333; letter-spacing: -1px} 
.popup_box p {color:#444; font-size: 20px}
.close{position:absolute; right:10px; top:15px;  color:#fff; cursor:pointer;}
.pop_btn {text-align:center; margin-top:20px;}
.pop_btn a {padding:0 20px;  color:#fff;}
.pop_btn a.col {background:#dd5d54;}



/* 여백 */
.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*/