@charset "utf-8";



/* 컨텐츠 내 공통영역 관련 :: S */
.swiper-container,
.swiper-container .swiper-wrapper,
.swiper-container .swiper-wrapper .swiper-slide {height:auto !important;}

.conBody {width:100%; max-width:960px; max-width:768px; position:relative; margin:0 auto; padding:65px 0 0 0; box-sizing:border-box;}
.conBody .con {width:100%; position:relative; margin:80px auto 0; padding:0; box-sizing:border-box;}
.conBody .con:first-child {margin:0 auto;}
/* .conBody .con:last-child {margin:0 auto;} */
.conBody .inner {width:100%; height:100%; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.conBody .titleArea {width:100%; position:relative; margin:30px auto 60px; padding:0;}
.conBody .titleArea:first-child {margin:0 auto 60px;}
.conBody .titleArea._top {margin-top:30px !important;}
.conBody .titleArea p,
.conBody .titleArea a {display:block; text-align:center; position:relative; box-sizing:border-box; color:#333; margin:0 auto; padding:0; text-align:center; box-sizing:border-box;}
.conBody .titArea p a {display:inline-block; color:#555; text-decoration:underline;}
.conBody .titArea > *:first-child {margin-top:0 !important;}
.conBody .titArea > *:last-child {margin-bottom:0 !important;}
.conBody .titleArea.tal p,
.conBody .titleArea.tal a,
.conBody .titleArea.tal .img {/* margin:0; */ text-align:left;}
.conBody .titleArea.tal a {margin:0;}

.conBody .titleArea .img {text-align:center;}
.conBody .titleArea .img img {max-width:100%; vertical-align:top;}
.conBody .titleArea .tit {font-size:42px; line-height:52px; font-weight:300;}
.conBody .titleArea .t1 {font-size:22px; line-height:30px; font-weight:600; margin:20px auto 0;}
.conBody .titleArea .desc {font-size:18px; line-height:28px; font-weight:600; margin:20px auto 0;}

.conBody .btnArea {width:100%; position:relative; text-align:center; margin:60px auto 0; padding:0;}
.conBody .btnArea ._b {display:inline-block; width:auto; height:42px; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0 30px; box-sizing:border-box; font-size:14px; line-height:40px; font-weight:500; color:#454545; border:1px solid #777;}
.conBody .btnArea ._b:last-child {margin:0;}
.conBody .btnArea ._b.confirm {background:#333; color:#fff; border:1px solid #333;}


.swiper-container .swiper-arrow {width:15px; height:30px; margin-top:-15px;}
.swiper-container .swiper-arrow:after {font-size:30px; color:#333;}
.swiper-container .swiper-arrow:hover:after {color:#000;}

.swiper-container .swiper-pagination {width:100%; height:10px; position:absolute; top:auto; left:0; bottom:15px; right:auto; margin:0; text-align:center;}
.swiper-container .swiper-pagination span {display:inline-block; width:10px; height:10px; position:relative; vertical-align:top; margin:0 8px 0 0; padding:0; border-radius:50%; background:#000; border:1px solid #fff; opacity:0.3;}
.swiper-container .swiper-pagination span:last-child {margin:0;}
.swiper-container .swiper-pagination span.swiper-pagination-bullet-active,
.swiper-container .swiper-pagination span:hover {opacity:1;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	.conBody .titleArea {margin:30px auto 60px;}
	.conBody .titleArea .tit {font-size:38px; line-height:48px;}
	.conBody .titleArea .t1 {font-size:21px; line-height:28px; margin:20px auto 0;}
	.conBody .titleArea .desc {font-size:17px; line-height:26px; margin:20px auto 0;}
}

@media screen and (max-width:768px){
	.conBody .titleArea {margin:28px auto 58px;}
	.conBody .titleArea .tit {font-size:34px; line-height:44px;}
	.conBody .titleArea .t1 {font-size:20px; line-height:26px; margin:20px auto 0;}
	.conBody .titleArea .desc {font-size:16px; line-height:24px; margin:20px auto 0;}
}

@media screen and (max-width:640px){
	.conBody .titleArea {margin:25px auto 55px;}
	.conBody .titleArea .tit {font-size:30px; line-height:40px;}
	.conBody .titleArea .t1 {font-size:19px; line-height:24px; margin:15px auto 0;}
	.conBody .titleArea .desc {font-size:15px; line-height:22px; margin:15px auto 0;}
}

@media screen and (max-width:480px){
	.conBody .titleArea {margin:22px auto 52px;}
	.conBody .titleArea .tit {font-size:26px; line-height:36px;}
	.conBody .titleArea .t1 {font-size:18px; line-height:24px; margin:15px auto 0;}
	.conBody .titleArea .desc {font-size:14px; line-height:22px; margin:15px auto 0;}
}

@media screen and (max-width:420px){
	.conBody .titleArea {margin:20px auto 50px;}
	.conBody .titleArea .tit {font-size:24px; line-height:34px;}
	.conBody .titleArea .t1 {font-size:17px; line-height:22px; margin:12px auto 0;}
	.conBody .titleArea .desc {font-size:14px; line-height:20px; margin:12px auto 0;}
}

@media screen and (max-width:360px){
	.conBody .titleArea {margin:20px auto 40px;}
	.conBody .titleArea .tit {font-size:22px; line-height:32px;}
	.conBody .titleArea .t1 {font-size:16px; line-height:22px; margin:10px auto 0;}
	.conBody .titleArea .desc {font-size:13px; line-height:20px; margin:10px auto 0;}
}
/* 컨텐츠 내 공통영역 관련 :: E */



/* 사용자 > 인트로 페이지 영역 :: S */
.conBody.intro {height:100%; padding:60px 0 30px 0; background-size:cover !important; /* background:url('/public/images/cm_page_bg_member_1_wide.jpg') center center no-repeat; */ /* background:linear-gradient(0deg,#739235,#9e8c37); */ background:url('/public/images/cm_intro_bg_1.jpg') center center no-repeat;}
.conBody.intro .inner {padding:0 50px;}

.introBannerWrap.con {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}

.introBannerWrap .logo {width:187px; height:63px; position:relative; margin:0 0 ; padding:0;}
.introBannerWrap .logo a {display:block; width:100%; margin:0; padding:0;}
.introBannerWrap .logo a img {width:100%; vertical-align:top;}

.introBannerWrap .titleArea {}
.introBannerWrap .titleArea p {color:#64480f;}

.introBannerWrap .btnArea {position:absolute; left:0; bottom:0;}
/*
.introBannerWrap .btnArea a {display:block; width:100%; text-align:center; position:relative; margin:15px auto 0; padding:0; font-size:18px; line-height:60px; font-weight:500; color:#fff; background:#57b135; border-radius:30px;}
.introBannerWrap .btnArea a:first-child {margin:0 auto;}
.introBannerWrap .btnArea a.rect {border:1px solid #b7ff2d; border-radius:10px; background:#000; color:#b7ff2d;}
*/
.introBannerWrap .btnArea a {display:inline-block; position:relative; text-align:center; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:18px; font-weight:400; color:#fff;}
.introBannerWrap .btnArea .c1 {width:140px; height:140px; margin:0 20px 0 0; font-size:16px; line-height:140px; font-weight:600; color:#fff; background:rgba(87,177,53,0.7); border-radius:50%;}
.introBannerWrap .btnArea .c1:last-child {margin:0;}
.introBannerWrap .btnArea .kindBtns {width:100%; position:relative; margin:0 auto 30px; padding:0; text-align:center;}
.introBannerWrap .btnArea .kindBtns a {display:inline-block; width:140px; height:140px; position:relative; vertical-align:middle; text-align:center; margin:0 30px 0 0; padding:28px 10px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,0.3);}
.introBannerWrap .btnArea .kindBtns a:last-child {margin:0;}
.introBannerWrap .btnArea .kindBtns a img {max-width:100%;}
.introBannerWrap .btnArea .kindBtns a p {text-align:center; font-size:16px; line-height:20px; font-weight:300; color:#fff; margin:6px auto 0;}

.introBannerWrap .inpArea {width:100%; position:absolute; left:0; bottom:0; margin:0; padding:0;}
.introBannerWrap .inpArea form {display:block; width:100%; position:relative; margin:0; padding:0;}
.introBannerWrap .inpArea .rect {width:100%; position:relative; margin:0 auto 20px; padding:0; box-sizing:border-box;}
.introBannerWrap .inpArea .rect:last-child {margin:0 auto;}
.introBannerWrap .inpArea .kinds {}
.introBannerWrap .inpArea .kinds .kind {display:inline-block; position:relative; vertical-align:middle; margin:10px 10px 0 0; padding:0;}
.introBannerWrap .inpArea .kinds.ea_2 .kind {width:calc(50% - 7.5px);}
.introBannerWrap .inpArea .kinds.ea_2 .kind:nth-of-type(2n+2) {margin:10px 0 0 0;}
.introBannerWrap .inpArea .kinds.ea_3 .kind {width:calc(33.33333333333333% - 5.8px);}
.introBannerWrap .inpArea .kinds.ea_3 .kind:nth-of-type(3n+3) {margin:10px 0 0 0;}
.introBannerWrap .inpArea .kinds .kind input {display:none;}
.introBannerWrap .inpArea .kinds .kind label {display:block; width:100%; height:50px; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:46px; font-weight:500; color:#64480f; background:none; border:2px solid #64480f; border-radius:0; box-sizing:border-box;}
.introBannerWrap .inpArea .kinds .kind input:checked + label {font-weight:900; color:#fff; background:#6d4b41; border:2px solid #6d4b41;}
.introBannerWrap .inpArea .rect input[type="text"],
.introBannerWrap .inpArea .rect input[type="password"] {display:block; width:100%; height:50px; margin:0; padding:10px 10px; box-sizing:border-box; border:0; border-radius:10px; background:#eff7c7; font-size:15px; line-height:30px; font-weight:500; color:#64480f;}
.introBannerWrap .inpArea .rect ._b {display:block; width:100%; height:50px; position:relative; text-align:center; margin:0 auto; padding:0; font-size:16px; line-height:50px; font-weight:600; color:#fff; background:#83c00c; border-radius:10px;}
.introBannerWrap .inpArea .rect .util {width:100%; height:20px; position:relative; margin:30px auto 0; padding:0; text-align:center;}
.introBannerWrap .inpArea .rect .util > * {display:inline-block; position:relative; vertical-align:top; margin:0 10px 0 0; padding:0; box-sizing:border-box; font-size:14px; line-height:18px; font-weight:500; color:#64480f;}
.introBannerWrap .inpArea .rect .util > *:last-child {margin:0;}
.introBannerWrap .inpArea .rect .util a {font-weight:600;}


#memberJoinPopup {}
#memberJoinPopup form {overflow:hidden;}
#memberJoinPopup input[type="file"] {display:block; position:absolute; top:-9999em; left:-9999em;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
	.conBody.intro .inner {padding:0 40px;}

	.introBannerWrap .inpArea .rect {margin:0 auto 18px;}
	.introBannerWrap .inpArea .kinds .kind label {height:42px; font-size:15px; line-height:38px;}
	.introBannerWrap .inpArea .rect input[type="text"],
	.introBannerWrap .inpArea .rect input[type="password"] {height:48px; font-size:15px; line-height:28px;}
	.introBannerWrap .inpArea .rect ._b {height:48px; font-size:15px; line-height:48px;}
	.introBannerWrap .inpArea .rect .util {margin:25px auto 0;}
	.introBannerWrap .inpArea .rect .util > * {margin:0 10px 0 0; font-size:13px; line-height:18px;}
	.introBannerWrap .inpArea .rect .util > *:last-child {margin:0;}
}

@media screen and (max-width:640px){
  .conBody.intro .inner {padding:0 30px;}
  
  .introBannerWrap .inpArea .rect {margin:0 auto 15px;}
	.introBannerWrap .inpArea .kinds .kind label {height:36px; font-size:14px; line-height:32px;}
	.introBannerWrap .inpArea .rect input[type="text"],
	.introBannerWrap .inpArea .rect input[type="password"] {height:46px; font-size:14px; line-height:26px;}
	.introBannerWrap .inpArea .rect ._b { height:46px; font-size:14px; line-height:46px;}
	.introBannerWrap .inpArea .rect .util {margin:20px auto 0;}
	.introBannerWrap .inpArea .rect .util > * {margin:0 8px 0 0; font-size:12px; line-height:18px;}
	.introBannerWrap .inpArea .rect .util > *:last-child {margin:0;}
}

@media screen and (max-width:480px){
	.conBody.intro .inner {padding:0 20px;}
	
	.introBannerWrap .logo {width:133px; height:45px;}

	.introBannerWrap .inpArea .rect {margin:0 auto 12px;}
	.introBannerWrap .inpArea .kinds .kind label {height:32px; font-size:13px; line-height:28px;}
	.introBannerWrap .inpArea .rect input[type="text"],
	.introBannerWrap .inpArea .rect input[type="password"] {height:44px; font-size:13px; line-height:24px;}
	.introBannerWrap .inpArea .rect ._b { height:44px; font-size:13px; line-height:44px;}
	.introBannerWrap .inpArea .rect .util {margin:15px auto 0;}
	.introBannerWrap .inpArea .rect .util > * {margin:0 8px 0 0; font-size:12px; line-height:16px;}
	.introBannerWrap .inpArea .rect .util > *:last-child {margin:0;}
}

@media screen and (max-width:420px){
  .conBody.intro .inner {padding:0 15px;}
  
  .introBannerWrap .inpArea .rect {margin:0 auto 10px;}
}

@media screen and (max-width:360px){
  .conBody.intro .inner {padding:0 10px;}
}
/* 사용자 > 인트로 페이지 영역 :: E */



/* 사용자 > 회원가입 관련 페이지 영역 :: S */
.conBody.join {}
.conBody.join form {display:block; width:100%; position:relative; margin:0; padding:0;}

.conBody.join .bzFileArea {width:100%; position:relative; margin:15px auto 0; padding:0;}
.conBody.join .bzFileArea > * {display:none; width:100%; height:auto; position:relative; margin:0; padding:0;}
.conBody.join .bzFileArea > *.view {display:block;}
.conBody.join .bzFileArea .img {}
.conBody.join .bzFileArea .pdfViewer {width:calc(100% - 40px); height:0; margin:0 auto; padding-bottom:150%; overflow:hidden;}
.conBody.join .bzFileArea .pdfViewer object {width:100%; height:100%; position:absolute; top:0; left:0;}

.conBody.join .titleArea {margin:50px auto 15px;}
.conBody.join .titleArea:first-child {margin:15px auto 15px;}


.conBody.join .inputArea {width:100%; position:relative; margin:0 auto; padding:0;}
.conBody.join .inputArea dl {display:block; width:100%; position:relative; margin:0 auto 15px; padding:0;}
.conBody.join .inputArea dl dt,
.conBody.join .inputArea dl dd {display:block; width:100%; position:relative; margin:0; padding:0;}
.conBody.join .inputArea dl dt {margin:0 auto 5px;}
.conBody.join .inputArea dl dt label {display:block; font-size:13px; line-height:18px; font-weight:500; color:#777; margin:0; padding:0;}
.conBody.join .inputArea dl dt.req label:after {content:' *'; color:#ff3c00;}
.conBody.join .inputArea dl dd {}
.conBody.join .inputArea dl dd input[type="text"],
.conBody.join .inputArea dl dd input[type="number"],
.conBody.join .inputArea dl dd input[type="password"],
.conBody.join .inputArea dl dd input[type="file"],
.conBody.join .inputArea dl dd textarea,
.conBody.join .inputArea dl dd select,
.conBody.join .inputArea dl dd a {display:block; width:100%; height:50px; margin:0; padding:10px 10px; box-sizing:border-box; border:0; border-radius:10px; box-shadow:none; font-size:14px; line-height:30px; font-weight:400; color:#333; margin:0 auto 10px; /* box-shadow:0px 0px 3px 3px rgba(0,0,0,0.08); */
background:#f5f8f6;}
.conBody.join .inputArea dl dd textarea {height:auto; min-height:100px; line-height:24px;}
.conBody.join .inputArea dl dd a {text-align:center; border-bottom:0; background:#111; color:#fff;
font-weight:600; color:#fff; background:#83c00c;}
.conBody.join .inputArea dl dd > * {margin-bottom:0 !important;}

.conBody.join .inputArea dl.iden {}
.conBody.join .inputArea dl.iden dt {}
.conBody.join .inputArea dl.iden dd > * {display:inline-block !important; position:relative; vertical-align:top;}
.conBody.join .inputArea dl.iden dd input[type="text"] {width:calc(100% - 85px);}
.conBody.join .inputArea dl.iden dd a {width:80px; float:right;}
.conBody.join .inputArea dl.iden dd p {width:100%; display:none !important;}
.conBody.join .inputArea dl.iden dd p.active {display:block !important;}
.conBody.join .inputArea dl.iden dd p.r {color:#cc0000;}
.conBody.join .inputArea dl.iden dd p.b {color:#0000cc; color:#999;}
.conBody.join .inputArea dl.iden dd .certificationEle {margin:5px 0; display:none !important;}
.conBody.join .inputArea dl.iden dd .certificationEle.active {display:inline-block !important;}

.conBody.join .inputArea dl.address dd {}
.conBody.join .inputArea dl.address dd > * {display:inline-block !important; vertical-align:top; margin-bottom:6px !important;}
.conBody.join .inputArea dl.address dd #bz_post {width:calc(100% - 60px); margin:0 5px 0 0;}
.conBody.join .inputArea dl.address dd #addrSearchBtn {width:50px;}

.conBody.join .inputArea dl.radio {}
.conBody.join .inputArea dl.radio dd {}
.conBody.join .inputArea dl.radio dd .rect {display:inline-block; width:calc(50% - 7.5px); position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box;}
.conBody.join .inputArea dl.radio dd .rect:last-child {margin:0;}
.conBody.join .inputArea dl.radio dd .rect input[type="radio"] {display:none;}
.conBody.join .inputArea dl.radio dd .rect label {display:block; width:100%; height:50px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:46px; font-weight:400; color:#83c00c; border:2px solid #83c00c; background:#fff; cursor:pointer;}
.conBody.join .inputArea dl.radio dd .rect input[type="radio"]:checked + label {font-weight:600; color:#fff; border:2px solid #83c00c; background:#83c00c;}


.conBody.join .agreeArea {width:100%; position:relative; margin:0 auto; padding:0;}
.conBody.join .agreeArea .tit {display:block; position:relative; margin:0 auto 10px; padding:0; font-size:16px; line-height:20px; font-weight:500; color:#333;}
.conBody.join .agreeArea .agreeRect {display:block; width:100%; position:relative; margin:0 auto 15px; padding:0;}
.conBody.join .agreeArea .agreeRect:last-child {margin:0 auto;}
.conBody.join .agreeArea .agreeRect.all {padding:0 0 20px 0; border-bottom:1px solid #d8d8d8;}
.conBody.join .agreeArea .agreeRect .form-rect {}
.conBody.join .agreeArea .agreeRect .form-rect .form-label {font-size:14px; font-weight:500; padding:0 0 0 30px;}
.conBody.join .agreeArea .agreeRect .form-rect .form-label span {display:inline-block; position:relative; vertical-align:middle; font-size:13px; line-height:20px; font-weight:500; color:#777;}
.conBody.join .agreeArea .agreeRect .form-rect .form-label span.req {color:#ff5319;}
.conBody.join .agreeArea .agreeRect .agreeView {display:block; position:absolute; top:7px; right:0; margin:0;}
.conBody.join .agreeArea .agreeRect .agreeView,
.conBody.join .agreeArea .agreeRect .agreeView i {width:20px; height:20px; text-align:center; line-height:20px; color:#777;}


.conBody.join .btnArea {width:100%; position:relative; margin:50px auto  15px; padding:0;}
/*
.conBody.join .btnArea a {display:block; width:100%; position:relative; margin:0 auto 5px; padding:0; font-size:16px; line-height:50px; font-weight:500; color:#fff; background:#afe050;}
.conBody.join .btnArea a:last-child {margin:0 auto;}
*/
.conBody.join .btnArea a {display:block; width:100%; height:50px; position:relative; text-align:center; margin:0 auto; padding:0; font-size:16px; line-height:50px; font-weight:600; color:#fff; background:#83c00c; border-radius:10px;}


#joinAgreePopup .popBody .joinAgrees {width:100%; position:relative; margin:0; padding:0;}
#joinAgreePopup .popBody .joinAgrees .agreeCon {width:100%; max-height:360px; position:relative; margin:0; padding:8px; box-sizing:border-box; border-radius:5px; border:1px solid #d8d8d8; overflow-y:auto; font-size:13px; line-height:22px; font-weight:400; color:#333; text-align:left;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	.conBody.join .bzFileArea {margin:12px auto 0;}
}

@media screen and (max-width:768px){
	.conBody.join .titleArea {margin:45px auto 15px;}
	
	.conBody.join .inputArea dl {margin:0 auto 12px;}
	.conBody.join .inputArea dl:last-child {margin:0 auto;}
	.conBody.join .inputArea dl dd input[type="text"],
	.conBody.join .inputArea dl dd input[type="number"],
	.conBody.join .inputArea dl dd input[type="password"],
	.conBody.join .inputArea dl dd input[type="file"],
	.conBody.join .inputArea dl dd textarea,
	.conBody.join .inputArea dl dd select,
	.conBody.join .inputArea dl dd a {height:48px; font-size:14px; line-height:28px; margin:0 auto 8px;}
	.conBody.join .inputArea dl dd textarea {line-height:24px;}
	
	
	.conBody.join .btnArea a {margin:0 auto 5px; height:48px; font-size:15px; line-height:48px;}
	.conBody.join .btnArea a:last-child {margin:0 auto;}
}

@media screen and (max-width:640px){
	.conBody.join .titleArea {margin:42px auto 12px;}
	
	/* .conBody.join .inputArea dl {margin:0 auto 10px;} */
	.conBody.join .inputArea dl:last-child {margin:0 auto;}
	.conBody.join .inputArea dl dd input[type="text"],
	.conBody.join .inputArea dl dd input[type="number"],
	.conBody.join .inputArea dl dd input[type="password"],
	.conBody.join .inputArea dl dd input[type="file"],
	.conBody.join .inputArea dl dd textarea,
	.conBody.join .inputArea dl dd select,
	.conBody.join .inputArea dl dd a {height:46px; font-size:13px; line-height:26px; margin:0 auto 6px;}
	.conBody.join .inputArea dl dd textarea {line-height:22px;}
	
	
	.conBody.join .agreeArea .agreeRect {margin:0 auto 12px;}
	.conBody.join .agreeArea .agreeRect:last-child {margin:0 auto;}
	.conBody.join .agreeArea .agreeRect.all {padding:0 0 15px 0;}
	.conBody.join .agreeArea .agreeRect .form-rect {}
	.conBody.join .agreeArea .agreeRect .form-rect .form-label {font-size:13px; padding:0 0 0 26px;}
	.conBody.join .agreeArea .agreeRect .form-rect .form-label span {font-size:12px; line-height:20px;}
	.conBody.join .agreeArea .agreeRect .agreeView {top:7px; right:0;}
	
	
	.conBody.join .btnArea a {margin:0 auto 4px; height:46px; font-size:14px; line-height:46px;}
	.conBody.join .btnArea a:last-child {margin:0 auto;}
}

@media screen and (max-width:480px){
	.conBody.join .titleArea {margin:40px auto 12px;}
	
	/* .conBody.join .inputArea dl {margin:0 auto 8px;} */
	.conBody.join .inputArea dl:last-child {margin:0 auto;}
	.conBody.join .inputArea dl dd input[type="text"],
	.conBody.join .inputArea dl dd input[type="number"],
	.conBody.join .inputArea dl dd input[type="password"],
	.conBody.join .inputArea dl dd input[type="file"],
	.conBody.join .inputArea dl dd textarea,
	.conBody.join .inputArea dl dd select,
	.conBody.join .inputArea dl dd a {height:44px; font-size:12px; line-height:24px; margin:0 auto 5px;}
	.conBody.join .inputArea dl dd textarea {line-height:20px;}
	
	
	.conBody.join .agreeArea .agreeRect {margin:0 auto 10px;}
	.conBody.join .agreeArea .agreeRect:last-child {margin:0 auto;}
	.conBody.join .agreeArea .agreeRect.all {padding:0 0 10px 0;}
	.conBody.join .agreeArea .agreeRect .form-rect {}
	.conBody.join .agreeArea .agreeRect .form-rect .form-label {font-size:13px; padding:0 0 0 24px;}
	.conBody.join .agreeArea .agreeRect .form-rect .form-label span {font-size:12px; line-height:20px;}
	.conBody.join .agreeArea .agreeRect .agreeView {top:7px; right:0;}
	
	
	.conBody.join .btnArea a {margin:0 auto 4px; height:44px; font-size:13px; line-height:44px;}
	.conBody.join .btnArea a:last-child {margin:0 auto;}
}

@media screen and (max-width:420px){
	.conBody.join .titleArea {margin:35px auto 10px;}
	
	/* .conBody.join .inputArea dl {margin:0 auto 8px;} */
	.conBody.join .inputArea dl:last-child {margin:0 auto;}
	.conBody.join .inputArea dl dd input[type="text"],
	.conBody.join .inputArea dl dd input[type="number"],
	.conBody.join .inputArea dl dd input[type="password"],
	.conBody.join .inputArea dl dd input[type="file"],
	.conBody.join .inputArea dl dd textarea,
	.conBody.join .inputArea dl dd select,
	.conBody.join .inputArea dl dd a {height:42px; font-size:12px; line-height:22px; margin:0 auto 4px;}
	.conBody.join .inputArea dl dd textarea {line-height:18px;}
	
	
	.conBody.join .btnArea a {margin:0 auto 3px; font-size:12px; line-height:34px;}
	.conBody.join .btnArea a:last-child {margin:0 auto;}
}

@media screen and (max-width:360px){
	
}
/* 사용자 > 회원가입 관련 페이지 영역 :: E */



/* 사용자 > 사용자 로그인 영역 :: S */
.conBody.login {}

.conBody.login .loginFormWrap {width:100%; position:relative; margin:0; padding:0;}
.conBody.login .loginFormWrap form {display:block; width:100%; position:relative; margin:0; padding:0;}

.conBody.login .loginFormWrap .inputArea {width:100%; position:relative; margin:0; padding:0;}
.conBody.login .loginFormWrap .inputArea .rect {width:100%; position:relative; margin:10px auto 0; padding:0;}
.conBody.login .loginFormWrap .inputArea .rect:first-child {margin:0 auto;}
.conBody.login .loginFormWrap .inputArea .rect:last-child {margin:30px auto 0;}
.conBody.login .loginFormWrap .inputArea .rect.kinds {margin-bottom:50px;}
.conBody.login .loginFormWrap .inputArea .rect > * {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.conBody.login .loginFormWrap .inputArea .rect > input[type="text"],
.conBody.login .loginFormWrap .inputArea .rect > input[type="password"],
.conBody.login .loginFormWrap .inputArea .rect > select {/* height:50px; color:#333; text-align:left; padding:0 5px; border-bottom:1px solid #d8d8d8; */ display:block; width:100%; height:50px; margin:0; padding:10px 10px; box-sizing:border-box; border:0; border-radius:10px; box-shadow:none; font-size:14px; line-height:30px; font-weight:400; color:#333; margin:0 auto 10px; /* box-shadow:0px 0px 3px 3px rgba(0,0,0,0.08); */
background:#f5f8f6;}
/*
.conBody.login .loginFormWrap .inputArea .rect > a {color:#fff; background:#afe050; text-align:center;}
*/
.conBody.login .loginFormWrap .inputArea .rect ._b {height:50px; text-align:center; font-size:16px; line-height:50px; font-weight:600; color:#fff; background:#83c00c; border-radius:10px;}
.conBody.login .loginFormWrap .inputArea .rect .util {margin:30px auto 0; text-align:center; line-height:0;}
.conBody.login .loginFormWrap .inputArea .rect .util * {display:inline-block; position:relative; vertical-align:middle; margin:0 2px; padding:0; font-size:13px; line-height:20px; font-weight:500; color:#777;}

.conBody.login .loginFormWrap .rect.radio .chk {display:inline-block; width:calc(50% - 7.5px); position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box;}
.conBody.login .loginFormWrap .rect.radio .chk:last-child {margin:0;}
.conBody.login .loginFormWrap .rect.radio .chk input[type="radio"] {display:none;}
.conBody.login .loginFormWrap .rect.radio .chk label {display:block; width:100%; height:50px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:46px; font-weight:400; color:#83c00c; border:2px solid #83c00c; background:#fff; cursor:pointer;}
.conBody.login .loginFormWrap .rect.radio .chk input[type="radio"]:checked + label {font-weight:600; color:#fff; border:2px solid #83c00c; background:#83c00c;}

.conBody.login .loginFormWrap .inputArea .rect.find {display:none; text-align:center; margin:15px auto; padding:15px 0; /* border-top:1px solid #ddd; border-bottom:1px solid #ddd; */ background:#f8f8f8;}
.conBody.login .loginFormWrap .inputArea .rect.find.active {display:block;}
.conBody.login .loginFormWrap .inputArea .rect.find a {display:inline-block; width:auto; heigth:auto; position:relative; vertical-align:middle; text-align:center; font-size:14px; line-height:18px; font-weight:400; color:#454545; background:none;}
.conBody.login .loginFormWrap .inputArea .rect.find a[href] {font-weight:500; color:#222;}

.conBody.login .loginFormWrap .inputArea .kinds {text-align:center;}
.conBody.login .loginFormWrap .inputArea .kind {display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; box-sizing:border-box;}
.conBody.login .loginFormWrap .inputArea .kind:last-child {margin:0;}
.conBody.login .loginFormWrap .inputArea .kind input[type="radio"] {display:none;}
.conBody.login .loginFormWrap .inputArea .kind label {display:block; cursor:pointer; width:140px; height:140px; text-align:center; position:relative; margin:0; padding:0; border-radius:50%; background:#d8d8d8; font-size:16px; line-height:140px; font-weight:500; color:#999;}
.conBody.login .loginFormWrap .inputArea .kind input[type="radio"]:checked + label {background:#afe050; color:#fff;}
/* 사용자 > 사용자 로그인 영역 :: E */



/* 사용자 > 회원가입 페이지 영역 :: S */
.memberPage {}

.memberPage form {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}


.memberPage .agreeArea {width:100%; max-width:640px; position:relative; margin:0 auto; padding:0; box-sizing:border-box; border:1px solid #ececec;}
.memberPage .agreeArea .form-rect {width:100%; position:relative; margin:5px auto; padding:0 15px; box-sizing:border-box;}
.memberPage .agreeArea .form-rect input {}
.memberPage .agreeArea .form-rect label {font-size:16px; font-weight:500; color:#454545;}
.memberPage .agreeArea .form-rect label a {display:inline-block; width:54px; height:24px; text-align:center; font-size:12px; line-height:22px; font-weight:400; color:#222; border:1px solid #222; position:relative; vertical-align:middle; margin:-2px 0 0 3px; padding:0;}
.memberPage .agreeArea .form-rect.all {margin:0 auto; padding:8px 15px; background:#ececec;}
.memberPage .agreeArea .form-rect._1 {margin:20px auto 5px;}
.memberPage .agreeArea .form-rect._2 {}
.memberPage .agreeArea .form-rect._3 {margin:5px auto 20px;}


.memberPage .memberTypeArea {width:100%; max-width:640px; text-align:center; position:relative; margin:40px auto 0; padding:0; box-sizing:border-box;}
.memberPage .memberTypeArea a {display:inline-block; width:120px; height:120px; position:relative; vertical-align:middle; margin:0 20px 0 0; padding:0; box-sizing:border-box; border-radius:50%; background:#c4c4c4;}
.memberPage .memberTypeArea a:last-child {margin:0;}
.memberPage .memberTypeArea a > div {width:100%; height:100%; position:absolute; top:0; left:0;}
.memberPage .memberTypeArea a .disT {}
.memberPage .memberTypeArea a .disTC {text-align:center; vertical-align:middle; font-size:15px; line-height:20px; font-weight:500; color:#555;}
.memberPage .memberTypeArea a.active {background:#333;}
.memberPage .memberTypeArea a.active .disTC {font-weight:600; color:#fff;}


.memberPage .registArea {width:100%; max-width:640px; position:relative; margin:0 auto; padding:0;}
.memberPage .registArea .secTit {display:block; position:relative; text-align:left; margin:60px auto 30px; padding:0 0 10px 0; box-sizing:border-box; border-bottom:1px solid #999; font-size:18px; line-height:24px; font-weight:500; color:#333;}
.memberPage .registArea .secTit:first-child {margin:0 auto 30px;}
.memberPage .registArea dl {display:block; width:100%; position:relative; margin:0 auto 15px; padding:0; box-sizing:border-box;}
.memberPage .registArea dl dt,
.memberPage .registArea dl dd {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.memberPage .registArea dl dt {font-size:13px; line-height:16px; font-weight:500; color:#999; margin:0 auto 5px;}
.memberPage .registArea dl dd {text-align:left;}
.memberPage .registArea dl dd input,
.memberPage .registArea dl dd select {display:inline-block; width:100%; height:40px; margin:0; padding:0 5px; box-sizing:border-box; border:0; box-shadow:none; border:1px solid #e0e0e0; border-radius:5px; font-size:15px; line-height:38px; font-weight:500; color:#999;}
.memberPage .registArea dl dd input#iden {width:calc(100% - 86px);}
/* 사용자 > 회원가입 페이지 영역 :: E */



/* 사용자 > 예약컨텐츠 페이지 영역 :: S */
.conBody.content {}

.conBody.content .contentTopBannerWrap {width:100%; position:relative; margin:0 auto; padding:0;}
.conBody.content .contentTopBanner {width:100%; height:100%; position:relative; margin:0; padding:0;}
.conBody.content .contentTopBanner .swiper-slide {position:relative; width:100%; height:0; padding-bottom:56.25%; margin:0; overflow:hidden; background-size:cover !important; opacity:0 !important;
background-size:contain !important;}
.conBody.content .contentTopBanner .swiper-slide.swiper-slide-active {opacity:1 !important;}

.conBody.content .contentTopBanner .swiper-arrow {}

.conBody.content .contentTopBanner .swiper-pagination {width:100%; height:8px; position:absolute; top:auto; left:0; bottom:15px; right:auto; margin:0; padding:0; text-align:center;}
.conBody.content .contentTopBanner .swiper-pagination span {display:inline-block; width:8px; height:8px; position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:0 6px 0 0; padding:0; background:#000; border:1px solid #fff; vertical-align:top; opacity:0.5;}
.conBody.content .contentTopBanner .swiper-pagination span:last-child {margin:0;}
.conBody.content .contentTopBanner .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;}


.conBody.content .contentDefInfo {width:100%; position:relative; margin:15px auto; padding:0 10px; box-sizing:border-box;}
.conBody.content .contentDefInfo .area {width:100%; position:relative; margin:0 auto 20px; padding:0;}
.conBody.content .contentDefInfo .area:last-child {margin:0 auto;}
.conBody.content .contentDefInfo .area p,
.conBody.content .contentDefInfo .area a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.conBody.content .contentDefInfo .area .kind {font-size:15px; line-height:20px; font-weight:500; color:#777; margin:0 0 5px 0;}
.conBody.content .contentDefInfo .area .name {font-size:24px; line-height:30px; font-weight:600; color:#333;}
.conBody.content .contentDefInfo .area .price {font-size:18px; line-height:20px; font-weight:600; color:#fe3700; position:absolute; bottom:0; right:0;}
.conBody.content .contentDefInfo .area .favorite {width:30px; height:30px; position:absolute; top:0; right:0; padding:0; opacity:1;
width:24px !important; height:24px !important; top:5px !important; right:5px !important;}
.conBody.content .contentDefInfo .area .favorite img {display:block; width:100%; height:100%; position:relative; vertical-align:middle; z-index:1;}
.conBody.content .contentDefInfo .area .favorite img.on {position:absolute; top:0; left:0; margin:0; z-index:5; opacity:0;}
.conBody.content .contentDefInfo .area .favorite.active img.on {opacity:1;}
.conBody.content .contentDefInfo .area .addr {font-size:16px; line-height:20px; font-weight:500; color:#454545;}


.conBody.content .contentTabInfo {width:100%; position:relative; margin:15px auto 0; padding:0;}
.conBody.content .contentTabInfo .category-tab {width:100%; height:50px; overflow-x:auto; white-space:nowrap; margin:0; padding:0 10px; border-bottom:1px solid #f0f0f0;
-ms-overflow-style:none;  /* 인터넷 익스플로러 */
scrollbar-width:none;  /* 파이어폭스 */
}
.conBody.content .contentTabInfo .category-tab::-webkit-scrollbar {
display:none;  /* 크롬, 사파리, 오페라, 엣지 */
}
.conBody.content .contentTabInfo .category-tab .btn {height:50px; display:inline-block; position:relative; vertical-align:top; font-size:18px; line-height:50px; font-weight:500; color:#555; margin:0 20px 0 0; padding:0;}
.conBody.content .contentTabInfo .category-tab .btn:last-child {margin:0;}

.conBody.content .contentTabInfo .category-cons {width:100%; position:relative; margin:0 auto; padding:0;}
.conBody.content .contentTabInfo .category-con {display:block; position:relative; top:auto; left:auto; bottom:auto; right:auto; opacity:1;}

html body .infoSec {display:block; width:100%; position:relative; margin:0; padding:30px 15px; border-bottom:10px solid #f0f0f0;}
html body .infoSec .secTit {display:block; position:relative; margin:0 auto 20px; padding:0; font-size:22px; line-height:26px; font-weight:600; color:#333;}
html body .infoSec .secTit span {display:block; font-size:12px; line-height:16px; font-weight:400; letter-spacing:-0.5px; margin:3px auto 0;}
html body .infoSec dl {display:block; position:relative; margin:0 auto 10px; padding:0; overflow:hidden;}
html body .infoSec dl:last-child {margin:0 auto;}
html body .infoSec dl dt,
html body .infoSec dl dd {display:block; float:left; position:relative; margin:0; padding:0; font-size:14px; line-height:24px;}
html body .infoSec dl dt {width:90px; font-weight:500; color:#555;}
html body .infoSec dl dd {width:calc(100% - 90px); font-weight:500; color:#999;}
html body .infoSec dl dd p {display:block; position:relative; margin:0; padding:0; font-weight:400; color:#454545;}
html body .infoSec dl dd .inpArea {width:100%; position:relative; margin:0 auto 5px; padding:0;}
html body .infoSec dl dd .inpArea:last-child {margin:0 auto;}
html body .infoSec dl dd .inpArea .rect {display:inline-block; position:relative; margin:0 10px 0 0; padding:0; vertical-align:middle;}
html body .infoSec dl dd .inpArea .rect > * {display:inline-block; position:relative; margin:0; padding:0; vertical-align:middle; font-size:12px; line-height:20px; font-weight:400; color:#454545;}
html body .infoSec dl dd .inpArea .rect input[type="checkbox"] {width:14px; height:14px; margin:0 2px 0 0;}
html body .infoSec dl dd .inpArea input[type="text"],
html body .infoSec dl dd .inpArea textarea,
html body .infoSec dl dd .inpArea select {display:block; width:100%; height:auto; height:24px; position:relative; margin:0; padding:0 5px; box-sizing:border-box; border-radius:3px; border:1px solid #d8d8d8; box-shadow:none; font-size:13px; line-height:24px; font-weight:400; color:#454545;}
html body .infoSec dl dd .inpArea #organ_name_1 {width:calc(100% - 105px); float:left;}
html body .infoSec dl dd .inpArea #organ_name_2 {width:100px; float:right;}
/*
html body .infoSec dl dd .inpArea #time_enter {width:calc(50% - 2.5px); float:left;}
html body .infoSec dl dd .inpArea #time_leave {width:calc(50% - 2.5px); float:right;}
*/
html body .infoSec dl dd .inpArea textarea {min-height:80px;}

/*
html body .infoSec dl.region dd .inpArea select {display:inline-block; width:calc(50% - 3px);}
*/

html body .infoSec dl dd .inpArea.txt {}
html body .infoSec dl dd .inpArea.txt > * {display:inline-block !important; width:auto !important; vertical-align:middle; margin:0 5px 0 0 !important;}
html body .infoSec dl dd .inpArea.txt > *:last-child {margin:0 !important;}
html body .infoSec dl dd .inpArea.txt input[type="text"] {width:150px !important;}

html body .infoSec dl dd .guideController {width:100%; position:relative; text-align:left; font-weight:400; color:#454545;}
html body .infoSec dl dd .guideController input {display:inline-block; width:60px; height:24px; position:relative; vertical-align:middle; margin:0 2px; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:22px; border:1px solid #e0e0e0; border-radius:3px; box-shadow:none;}

html body .infoSec dl.full {overflow:visible;}
html body .infoSec dl.full dt,
html body .infoSec dl.full dd {float:none;}
html body .infoSec dl.full dd {width:100%;}

html body .infoSec dl.calc {}
html body .infoSec dl.calc dt {width:120px;}
html body .infoSec dl.calc dt span {display:block; position:relative; vertical-align:bottom; margin:2px auto 0; padding:0; font-size:11px; line-height:16px; font-weight:400; color:#999;}
html body .infoSec dl.calc dd {width:calc(100% - 125px); text-align:right;}
html body .infoSec dl.calc dd .cntArea {display:inline-block; width:120px; height:30px; position:relative; vertical-align:middle; margin:0; padding:0;}
html body .infoSec dl.calc dd .cntArea > * {display:inline-block; position:relative; vertical-align:middle; height:30px; margin:0; padding:0; box-sizing:border-box; border:0; text-align:center; font-size:12px; line-height:30px; font-weight:500; color:#555;}
html body .infoSec dl.calc dd .cntArea a {width:30px; border:1px solid #ececec; border-radius:3px;
position:absolute; top:-9999em; left:-9999em;}
html body .infoSec dl.calc dd .cntArea input {width:calc(100% - 72px); margin:0 2px;
border:1px solid #c4c4c4; border-radius:3px; box-sizing:border-box;}
html body .infoSec dl.calc dd .cntArea + .notice {display:block; position:relative; text-align:right; margin:4px auto 0; padding:0; font-size:12px; line-height:16px; font-weight:400; color:#555;}
html body .infoSec dl.calc dd .cntArea input[readonly] {border:1px solid #ddd;}
html body .infoSec dl.calc dd .count {display:block; position:relative; text-align:right; margin:4px auto 0; padding:0; font-size:12px; line-height:16px; font-weight:400; color:#555;}

html body .infoSec dl.calc.result {margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
html body .infoSec dl.calc.result dt {}
html body .infoSec dl.calc.result dd {}
html body .infoSec dl.calc.result dd .result_price {font-size:16px; line-height:20px; font-weight:600; color:#222;}
html body .infoSec dl.calc.result dd .result_count {font-size:13px; line-height:18px; font-weight:500; color:#454545;}

html body .infoSec dl.calc.modify {}
html body .infoSec dl.calc.modify dt {}
html body .infoSec dl.calc.modify dd {}
html body .infoSec dl.calc.modify dd input[type="text"],
html body .infoSec dl.calc.modify dd input[type="number"],
html body .infoSec dl.calc.modify dd input[type="password"],
html body .infoSec dl.calc.modify dd textarea,
html body .infoSec dl.calc.modify dd select {display:block; width:100%; height:30px; position:relative; margin:0; padding:0 5px; border:1px solid #ccc; box-shadow:none; border-radius:3px;}
html body .infoSec dl.calc.modify dd textarea {height:auto; min-height:100px;}

html body .infoSec dl dd .inpArea .confirmArea {width:100%; position:relative; margin:10px auto 0; padding:0; text-align:right;}
html body .infoSec dl dd .inpArea .confirmArea dl {display:inline-block; width:calc(33.33333333333333% - 2.5px); position:relative; vertical-align:middle; margin:0; padding:0; text-align:right;}
html body .infoSec dl dd .inpArea .confirmArea dl dt,
html body .infoSec dl dd .inpArea .confirmArea dl dd {display:inline-block; width:auto; height:auto; float:none; position:relative; vertical-align:middle; margin:0; padding:0; font-size:14px; line-height:30px; font-weight:500; color:#555;}
html body .infoSec dl dd .inpArea .confirmArea dl dt {color:#333; margin:0 5px 0 0;}
html body .infoSec dl dd .inpArea .confirmArea dl dd {}
html body .infoSec dl dd .inpArea .confirmArea dl dd a {display:block; width:50px; height:30px; position:relative; text-align:center; font-size:13px; line-height:28px; font-weight:500; color:#fff; background:#afe050; border:1px solid #98cd32; box-sizing:border-box; border-radius:3px;}

html body .infoSec dl.price {}
html body .infoSec dl.price dt {}
html body .infoSec dl.price dd {text-align:right;}
html body .infoSec dl.price dd span {display:inline-block; position:relative; vertical-align:middle; font-size:16px; line-height:24px; font-weight:500; color:#333;}
html body .infoSec dl.price dd .reserve_price {font-size:18px; font-weight:700; color:#ff3801; color:#60d376;}
html body .infoSec dl.price #priceInfo {}
html body .infoSec dl.price #priceInfo dl {text-align:right; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #ececec;}
html body .infoSec dl.price #priceInfo dl:last-child {margin:0 auto; padding:0; border-bottom:0;}
html body .infoSec dl.price #priceInfo dl dt,
html body .infoSec dl.price #priceInfo dl dd {display:inline-block; float:none; width:auto; font-size:12px; line-height:18px; font-weight:400; color:#555;}
html body .infoSec dl.price #priceInfo dl dt {margin:0 10px 0 0;}
html body .infoSec dl.price #priceInfo dl dd {}

html body .infoSec dl .selArea {width:100%; height:40px; position:relative; z-index:1;}
html body .infoSec dl .selArea .cur {display:block; width:100%; height:40px; position:relative; margin:0; padding:0 10px; box-sizing:border-box; text-align:left; font-size:14px; line-height:40px; font-weight:500; color:#333; background:#fafafa;}
html body .infoSec dl .selArea .cur > span {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 5px; padding:0; font-size:12px; font-weight:400; color:#555;}
html body .infoSec dl .selArea .cur > span span {font-weight:900; color:#333;}
/*
html body .infoSec dl .selArea .cur i {display:block; width:16px; height:16px; text-align:center; font-size:12px; line-height:16px; font-weight:400; color:#000; position:absolute; top:50%; right:10px; margin:-8px 0 0 0; transform:rotate(0deg);
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
*/
html body .infoSec dl .selArea .cur:after {display:block; content:''; width:12px; height:8px; position:absolute; top:50%; right:10px; margin:-4px 0 0 0; background-size:cover !important; background:url('/public/images/icon_arrow_down_black_1.png') center center no-repeat; transform:rotate(0deg);
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
html body .infoSec dl .selArea ul {display:block; width:100%; height:0; margin:0; padding:0; position:absolute; top:100%; left:0; overflow:hidden;
position:relative; top:auto; left:auto;}
html body .infoSec dl .selArea ul li {display:block; width:100%; position:relative; margin:0; padding:0; border-top:1px solid #c4c4c4;}
html body .infoSec dl .selArea ul li a {display:block; width:100%; height:36px; position:relative; margin:0; padding:0 10px; box-sizing:border-box; font-size:14px; line-height:36px; font-weight:500; color:#777; background:#fafafa;}
html body .infoSec dl .selArea ul li a span {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 3px; padding:0; font-size:11px; line-height:20px; font-weight:400; color:#999;}
html body .infoSec dl .selArea ul li a:hover {font-weight:600; color:#333;}

html body .infoSec dl .selArea.open {z-index:5; height:auto;}
/*
html body .infoSec dl .selArea.open .cur i {transform:rotate(180deg);}
*/
html body .infoSec dl .selArea.open .cur:after {transform:rotate(180deg);}
html body .infoSec dl .selArea.open ul {height:auto;}

html body .infoSec dl .optArea {}
html body .infoSec dl .optArea dl {display:block; width:100%; position:relative; margin:5px auto 0; padding:0;}
html body .infoSec dl .optArea dl dt,
html body .infoSec dl .optArea dl dd {display:inline-block; position:relative; vertical-align:middle;}

html body .infoSec dl .calcArea {margin:5px auto 0; padding:4px 0 0 0; border-top:1px solid #f0f0f0; display:none; text-align:right;}
html body .infoSec dl .calcArea.active {display:block;}
html body .infoSec dl .calcArea > * {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; font-size:15px; line-height:18px; font-weight:500; color:#333;}
html body .infoSec dl .calcArea:last-child {margin:0;}

html body .infoSec dl.input {}
html body .infoSec dl.input dt {}
html body .infoSec dl.input dd {}
html body .infoSec dl.input dd input[type="text"],
html body .infoSec dl.input dd textarea {display:block; width:100%; height:auto; position:relative; margin:0; padding:0 5px; background:#fff; border-radius:5px; box-sizing:border-box; box-shadow:none; font-size:13px; line-height:24px; font-weight:500; color:#333;}
html body .infoSec dl.input dd input[type="text"] {height:30px;}
html body .infoSec dl.input dd textarea {min-height:90px;}

html body .infoSec .agreeArea {width:100%; position:relative; margin:0 auto; padding:0;}
html body .infoSec .agreeArea .agreeRect {display:block; width:100%; position:relative; margin:0 auto 15px; padding:0;}
html body .infoSec .agreeArea .agreeRect:last-child {margin:0 auto;}
html body .infoSec .agreeArea .agreeRect.all {padding:0 0 20px 0; border-bottom:1px solid #d8d8d8}
html body .infoSec .agreeArea .agreeRect .form-rect {}
html body .infoSec .agreeArea .agreeRect .form-rect .form-label {font-size:14px; font-weight:500; padding:0 0 0 30px;}
html body .infoSec .agreeArea .agreeRect .form-rect .form-label span {display:inline-block; position:relative; vertical-align:middle; font-size:13px; line-height:20px; font-weight:500; color:#777;}
html body .infoSec .agreeArea .agreeRect .form-rect .form-label span.req {color:#ff5319;}
html body .infoSec .agreeArea .agreeRect .agreeView {display:block; position:absolute; top:7px; right:0; margin:0;}
html body .infoSec .agreeArea .agreeRect .agreeView,
html body .infoSec .agreeArea .agreeRect .agreeView i {width:20px; height:20px; text-align:center; line-height:20px; color:#777;}

html body .infoSec .downloadArea {width:100%; position:relative; margin:0 auto; padding:0; overflow:hidden;
padding:10px 10px; box-sizing:border-box; border-radius:28px; background:#ececec;}
html body .infoSec .downloadArea > * {display:block; float:left; position:relative; margin:0; padding:0 10px; box-sizing:border-box; font-size:14px; line-height:36px; font-weight:500; color:#555; border:0; border-radius:0; box-shadow:none;
display:inline-block; float:none; vertical-align:middle;}
html body .infoSec .downloadArea p {width:82px;}
html body .infoSec .downloadArea input {width:calc(100% - 128px); border:1px solid #111;
border:0;}
html body .infoSec .downloadArea a {width:38px; height:38px; text-align:center; color:#fff; background:#222;
padding:0; background:none;}
html body .infoSec .downloadArea a img {max-width:100%; vertical-align:top;}

html body .infoSec #downloadImg {display:block; width:100%; position:relative; margin:0 auto; padding:0;}

html body .btnSec {display:block; width:100%; position:relative; margin:0; padding:30px 15px 15px 15px;}
html body .btnSec .btn {display:block; width:100%; height:50px; text-align:center; font-size:16px; line-height:50px; font-weight:500; margin:0 auto; padding:0; z-index:5;}
html body .btnSec .btn.t1 {color:#fff; background:#afe050; border-radius:5px;
color:#fff; background:#83c00c; border-radius:10px;}
html body .btnSec .btn.del {color:#fff; background:#afe050; border-radius:5px;
color:#fff; background:#cc0000; border-radius:10px;}
html body .btnSec .callRsvtDateBtn {width:calc(100% - 20px);}


html body .toggleFloatingBtn {display:block; width:calc(100% - 20px); height:40px; position:fixed; bottom:5px; left:10px; text-align:center; border-radius:5px; background:#afe050; font-size:16px; line-height:40px; font-weight:500; color:#fff; z-index:50;}


html body .floatingPopup {width:100%; height:100%; position:fixed; bottom:-100%; left:0; background:#fff; padding:50px 0; box-sizing:border-box; z-index:200;
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
}
html body .floatingPopup.active {bottom:0;}

html body .floatingPopup .head {width:100%; height:50px; position:absolute; top:0; left:0; box-sizing:border-box; border-bottom:1px solid #f0f0f0; background:#fff; z-index:10;}
html body .floatingPopup .head p {display:block; position:relative; text-align:center; margin:0 auto; padding:0; font-size:16px; line-height:50px; font-weight:600; color:#333;}
html body .floatingPopup .head a {display:block; width:20px; height:20px; position:absolute; top:50%; left:15px; margin:-10px 0 0 0; padding:0; text-align:center;}
html body .floatingPopup .head a i {display:block; width:20px; height:20px; text-align:center; line-height:20px; font-size:16px; font-weight:600; color:#333;}

html body .floatingPopup .body {width:100%; height:100%; max-width:100%; position:relative; margin:0; padding:10px 0; box-sizing:border-box; z-index:5; overflow-y:auto;}

html body .floatingPopup .foot {width:100%; height:50px; position:absolute; bottom:0; left:0; box-sizing:border-box; border-top:1px solid #f0f0f0; background:#fff; z-index:10;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.conBody.content .contentDefInfo {margin:15px auto; padding:0 10px;}
	.conBody.content .contentDefInfo .area {margin:0 auto 15px; padding:0;}
	.conBody.content .contentDefInfo .area:last-child {margin:0 auto;}
	.conBody.content .contentDefInfo .area .kind {font-size:14px; line-height:18px;  margin:0 0 5px 0;}
	.conBody.content .contentDefInfo .area .name {font-size:22px; line-height:28px;}
	.conBody.content .contentDefInfo .area .price {font-size:17px; line-height:20px;}
	.conBody.content .contentDefInfo .area .favorite {width:30px; height:30px;}
	.conBody.content .contentDefInfo .area .addr {font-size:15px; line-height:20px;}
	
	.conBody.content .contentTabInfo .category-tab .btn {height:46px; font-size:17px; line-height:46px; margin:0 18px 0 0;}
	.conBody.content .contentTabInfo .category-tab .btn:last-child {margin:0;}
	
	
	html body .infoSec {padding:28px 12px; border-bottom:9px solid #f0f0f0;}
	html body .infoSec .secTit {margin:0 auto 18px; font-size:20px; line-height:24px;}
	html body .infoSec .secTit span {font-size:12px; line-height:15px; margin:3px auto 0;}

	html body .infoSec dl {margin:0 auto 9px;}
	html body .infoSec dl:last-child {margin:0 auto;}
	html body .infoSec dl dt,
	html body .infoSec dl dd {font-size:14px; line-height:24px;}
	html body .infoSec dl dt {width:85px;}
	html body .infoSec dl dd {width:calc(100% - 85px);}
}

@media screen and (max-width:640px){
	.conBody.content .contentDefInfo {margin:12px auto; padding:0 10px;}
	.conBody.content .contentDefInfo .area {margin:0 auto 12px; padding:0;}
	.conBody.content .contentDefInfo .area:last-child {margin:0 auto;}
	.conBody.content .contentDefInfo .area .kind {font-size:13px; line-height:17px;  margin:0 0 4px 0;}
	.conBody.content .contentDefInfo .area .name {font-size:20px; line-height:26px;}
	.conBody.content .contentDefInfo .area .price {font-size:16px; line-height:20px;}
	.conBody.content .contentDefInfo .area .favorite {width:30px; height:30px;}
	.conBody.content .contentDefInfo .area .addr {font-size:14px; line-height:20px;}
	
	.conBody.content .contentTabInfo .category-tab .btn {height:42px; font-size:16px; line-height:42px; margin:0 15px 0 0;}
	.conBody.content .contentTabInfo .category-tab .btn:last-child {margin:0;}
	
	
	html body .infoSec {padding:25px 10px; border-bottom:8px solid #f0f0f0;}
	html body .infoSec .secTit {margin:0 auto 15px; font-size:18px; line-height:22px;}
	html body .infoSec .secTit span {font-size:12px; line-height:14px; margin:3px auto 0;}
	
	html body .infoSec dl {margin:0 auto 8px;}
	html body .infoSec dl:last-child {margin:0 auto;}
	html body .infoSec dl dt,
	html body .infoSec dl dd {font-size:13px; line-height:24px;}
	html body .infoSec dl dt {width:80px;}
	html body .infoSec dl dd {width:calc(100% - 80px);}
}

@media screen and (max-width:480px){
	.conBody.content .contentDefInfo {margin:10px auto; padding:0 10px;}
	.conBody.content .contentDefInfo .area {margin:0 auto 10px; padding:0;}
	.conBody.content .contentDefInfo .area:last-child {margin:0 auto;}
	.conBody.content .contentDefInfo .area .kind {font-size:12px; line-height:16px;  margin:0 0 4px 0;}
	.conBody.content .contentDefInfo .area .name {font-size:18px; line-height:24px;}
	.conBody.content .contentDefInfo .area .price {font-size:15px; line-height:18px;}
	.conBody.content .contentDefInfo .area .favorite {width:30px; height:30px;}
	.conBody.content .contentDefInfo .area .addr {font-size:13px; line-height:20px;}
	
	.conBody.content .contentTabInfo .category-tab .btn {height:38px; font-size:15px; line-height:38px; margin:0 12px 0 0;}
	.conBody.content .contentTabInfo .category-tab .btn:last-child {margin:0;}
	
	
	html body .infoSec {padding:20px 10px; border-bottom:6px solid #f0f0f0;}
	html body .infoSec .secTit {margin:0 auto 12px; font-size:16px; line-height:20px;}
	html body .infoSec .secTit span {font-size:12px; line-height:14px; margin:3px auto 0;}
	
	html body .infoSec dl {margin:0 auto 7px;}
	html body .infoSec dl:last-child {margin:0 auto;}
	html body .infoSec dl dt,
	html body .infoSec dl dd {font-size:13px; line-height:24px;}
	html body .infoSec dl dt {width:75px;}
	html body .infoSec dl dd {width:calc(100% - 75px);}

	/*
	html body .infoSec dl .selArea .cur > span {display:block; width:auto; position:absolute; bottom:0; right:1.5px; margin:0; font-size:9px; line-height:12px; letter-spacing:-0.5px;}

	.callRsvtProcess .rsvtForm .infoSec dl .selArea .cur {height:36px; padding:0 6px; font-size:12px; line-height:36px;}
	.callRsvtProcess .rsvtForm .infoSec dl .selArea ul li a {height:36px; font-size:13px; line-height:36px;}
	.callRsvtProcess .rsvtForm .infoSec dl .selArea ul li a {font-size:12px;}
	*/
	.callRsvtProcess .rsvtForm .infoSec dl .selArea .cur {font-size:13px;}
	.callRsvtProcess .rsvtForm .infoSec._meal dl .selArea .cur {height:50px; padding:0 10px 15px 10px; line-height:35px;}
	.callRsvtProcess .rsvtForm .infoSec._meal dl .selArea .cur > span {display:block; position:absolute; bottom:0; left:0; margin:0; padding:0 10px; font-size:11px; line-height:15px; letter-spacing:-0.5px;}
}

@media screen and (max-width:420px){
	.conBody.content .contentTabInfo .category-tab .btn {height:34px; font-size:14px; line-height:34px; margin:0 10px 0 0;}
	.conBody.content .contentTabInfo .category-tab .btn:last-child {margin:0;}
	
	
	html body .infoSec dl {margin:0 auto 6px;}
	html body .infoSec dl:last-child {margin:0 auto;}
	html body .infoSec dl dt,
	html body .infoSec dl dd {font-size:12px; line-height:24px;}
	html body .infoSec dl dt {width:75px;}
	html body .infoSec dl dd {width:calc(100% - 75px);}
}

@media screen and (max-width:360px){
	
}
/* 사용자 > 예약컨텐츠 페이지 영역 :: E */



/* 예약절차 진행기능 영역 :: S */
.callRsvtProcess {display:block; width:100%; position:fixed; bottom:0; left:0; z-index:80;}
.callRsvtProcess > form {display:block; width:100%; max-width:768px; position:relative; margin:0 auto; padding:0 0 80px 0; box-sizing:border-box;}
.callRsvtProcess .btn {display:block; width:100%; height:50px; text-align:center; font-size:16px; line-height:50px; font-weight:500; margin:0 auto; padding:0; z-index:5;}
.callRsvtProcess .btn.t1 {color:#fff; background:#afe050; border-radius:5px;
background:#83c00c;}
.callRsvtProcess .callRsvtDateBtn {width:calc(100% - 20px);}

/*
.callRsvtProcess .btnSec.follow {width:100%; position:fixed; bottom:80px; left:0; margin:0; padding:0; box-sizing:border-box;}
.callRsvtProcess .btnSec.follow > div {width:100%; max-width:768px; margin:0 auto; padding:10px; box-sizing:border-box;}
*/

.rsvtPopupWrap {width:100%; height:100%; position:fixed; bottom:-100%; left:0; z-index:80;
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
}
.rsvtPopupWrap.active {bottom:0;}
.rsvtPopupWrap .rsvtPopup {width:100%; max-width:768px; height:100%; position:relative; margin:0 auto; padding:56px 0 71px 0; box-sizing:border-box; border-radius:5px 5px 0 0; background:#fff; overflow:hidden; overflow-y:auto; z-index:10;}

.rsvtPopupWrap .rsvtPopup ._head {width:100%; height:40px; position:relative; margin:0 auto; padding:10px; box-sizing:border-box; vertical-align:middle; text-align:center;}
.rsvtPopupWrap .rsvtPopup ._head > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:500; color:#333;}
.rsvtPopupWrap .rsvtPopup ._head a {display:block; width:23px; height:23px; position:absolute; top:50%; margin:-11.5px 0 0 0;
width:16px; height:16px; margin:-8px 0 0 0;}
.rsvtPopupWrap .rsvtPopup ._head a img {max-width:100%; vertical-align:top;}
.rsvtPopupWrap .rsvtPopup ._head a.closeBtn {right:10px;}
.rsvtPopupWrap .rsvtPopup ._head a.prevBtn {left:10px;}

.rsvtPopupWrap .rsvtPopup ._body {width:100%; position:relative; margin:0 auto; padding:10px; box-sizing:border-box;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo {width:100%; position:relative; text-align:left; margin:10px auto; padding:0;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo p {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; font-size:13px; line-height:20px; font-weight:500; color:#333;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo p:before {display:inline-block; content:''; width:14px; height:14px; position:relative; vertical-align:middle; margin:-2px 2.5px 0 0; padding:0;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo p._1:before {background:#87cafe;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo p._2:before {background:#ffbfc0;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo p._3:before {background:#ff858d;}
.rsvtPopupWrap .rsvtPopup ._body .seasonInfo p._4:before {background:#ff3542;}

.rsvtDateCalendar {}
.rsvtDateCalendar .zabuto_calendar {}
.rsvtDateCalendar .zabuto_calendar .table {width:100%; position:relative;}
.rsvtDateCalendar .zabuto_calendar .table tr {border-bottom:0;}
.rsvtDateCalendar .zabuto_calendar .table tr th,
.rsvtDateCalendar .zabuto_calendar .table tr td {padding:4px 2.5px; box-sizing:border-box; text-align:center; vertical-align:middle; font-size:14px; line-height:22px; font-weight:500; color:#454545; background:none !important;}
.rsvtDateCalendar .zabuto_calendar .table tr td a {display:inline-block; width:24px; height:24px; text-align:center; position:relative; margin:0; padding:0; vertical-align:middle; font-size:14px; line-height:24px; font-weight:500; color:#555;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.season_1 {color:#87cafe;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.season_2 {color:#ffbfc0;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.season_3 {color:#ff858d;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.season_4 {color:#ff3542;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.active {color:#fff; font-weight:700; background:#60d376; border-radius:50%;}
div.zabuto_calendar .table tr.calendar-dow-header th {background:#fff7d1 !important;}

.rsvtDateCalendar .zabuto_calendar .table tr td a {width:auto; height:auto; font-size:13px; line-height:18px; padding:3px; box-sizing:border-box; border-radius:3px;}
.rsvtDateCalendar .zabuto_calendar .table tr td a .countInfo {display:block; width:100%; position:relative; margin:0 auto; padding:0; text-align:center;}
.rsvtDateCalendar .zabuto_calendar .table tr td a .countInfo span {display:inline-block; /* height:12px; */ position:relative; margin:0; padding:0; font-size:11px; line-height:12px; font-weight:400; color:#555; letter-spacing:-0.5px;}
.rsvtDateCalendar .zabuto_calendar .table tr td a .countInfo b {font-weight:900; color:#454545;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.active {border-radius:3px;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.active .countInfo {}
.rsvtDateCalendar .zabuto_calendar .table tr td a.active .countInfo span {font-weight:500; color:#fff;}
.rsvtDateCalendar .zabuto_calendar .table tr td a.full,
.rsvtDateCalendar .zabuto_calendar .table tr td a.full * {font-weight:900 !important; color:#b0b0b0 !important; background:#f0f0f0 !important;}

.rsvtDateCalendar .zabuto_calendar .table tr.calendar-month-header {}
.rsvtDateCalendar .zabuto_calendar .table tr.calendar-month-header td {padding:5px; background:none;}
.rsvtDateCalendar .zabuto_calendar .table tr.calendar-month-header td span {padding:0; font-size:16px; line-height:20px; font-weight:600; color:#333;}
.rsvtDateCalendar .zabuto_calendar .table tr.calendar-month-header td div a {display:inline-block; width:30px; height:30px; position:relative; background-size:10px 18px !important;}
.rsvtDateCalendar .zabuto_calendar .table tr.calendar-month-header td:nth-child(1) div a {background:url('/public/images/cm_arrow_black_1_left.gif') center center no-repeat;}
.rsvtDateCalendar .zabuto_calendar .table tr.calendar-month-header td:nth-child(3) div a {background:url('/public/images/cm_arrow_black_1_right.gif') center center no-repeat;}


.rsvtPopupWrap.renew._1 {}
.rsvtPopupWrap.renew._1 .rsvtPopup {background:#f4f4ec;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._head {height:50px; padding:15px 10px; background:#dbdbcd;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._head > * {font-size:20px; font-weight:700;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body {}

.rsvtPopupWrap.renew._1 .rsvtDateCalendar {}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table {border:0;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table tr:last-child {border-bottom:0;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header {}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td {padding:0;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td > * {display:block; width:100%; height:50px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; font-size:18px; line-height:48px; font-weight:700; color:#111;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td > span {border-top:2px solid #6da82d; border-bottom:2px solid #6da82d;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td > div {border:2px solid #6da82d;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td > div a {width:24px; height:24px; vertical-align:middle; padding:0; background-size:24px 24px !important;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td:nth-child(1) > div {border-right:0; border-radius:10px 0 0 10px;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td:nth-child(1) > div a {background:url('/public/images/cm_arrow_black_1_left.png') center center no-repeat;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td:nth-child(3) > div {border-left:0; border-radius:0 10px 10px 0;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-month-header td:nth-child(3) > div a {background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow-header {}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow-header th {font-size:9px; line-height:20px; font-weight:700; color:#fff; background:#6da82d !important; border:0; border-top:5px solid #f4f4ec; border-bottom:5px solid #f4f4ec;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td {padding:2.5px; border:0;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a {display:block; width:100%; position:relative; margin:0 auto; padding:0 0 8px 0; background:#fff; box-sizing:border-box; border-radius:10px; box-shadow:1px 1px 2px 2px rgba(0,0,0,0.05); overflow:hidden;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a > span {display:block; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a span.date {font-size:9px; line-height:18px; font-weight:700; color:#fff; background:#b3d465; margin:0 auto 3px;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a span.countInfo {min-height:36px;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a span.countInfo span {display:inline-block; vertical-align:middle; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:9px; line-height:16px; font-weight:500; color:#333;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a span.countInfo span.reserve {font-size:12px; font-weight:700;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a span.countInfo span.remain {}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a span.countInfo span.only {font-size:12px; line-height:36px;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.season_1 span.date {background:#b3d465;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.season_2 span.date {background:#81b318;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.season_3 span.date {background:#547708;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.season_4 span.date {background:#375003;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.full {background:#bdbdbd !important;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.full * {color:#111 !important; background:#bdbdbd !important;}
.rsvtPopupWrap.renew._1 .rsvtDateCalendar .table .calendar-dow td a.full span.date {background:#888 !important;}

.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo {height:64px; text-align:right; display:none !important;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p {font-size:13px; line-height:24px; font-weight:400; color:#111; margin:0 5px 0 0; padding:20px 10px 5px 10px; background:#fff; box-sizing:border-box; border-radius:10px; box-shadow:1px 1px 2px 2px rgba(0,0,0,0.05); overflow:hidden;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p:before {display:block; width:100%; height:20px; position:absolute; top:0; left:0;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p:last-child {margin:0;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p._1:before {background:#b3d465;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p._2:before {background:#81b318;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p._3:before {background:#547708;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p._4:before {background:#375003;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p._5 {background:#bdbdbd;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo p._5:before {background:#888;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo {position:absolute; top:0; left:0; margin:0; padding:20px 10px 5px 10px; box-sizing:border-box; background:#fff; border-radius:10px; box-shadow:1px 1px 2px 2px rgba(0,0,0,0.05); overflow:hidden;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo:before,
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo:after {display:block; content:''; width:100%; height:20px; text-align:center; position:absolute; top:0; left:0; font-size:12px; line-height:20px; font-weight:700; color:#fff;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo:before {background:#6da82d; z-index:1;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo:after {content:'날짜'; z-index:2;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo div {width:100%; position:relative; text-align:center; font-size:12px; line-height:16px; font-weight:400; color:#111; margin:0; padding:0; box-sizing:border-box;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo .price {font-size:16px; margin:5px auto 2px;}
.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo .meal {}


.rsvtPopupWrap#rsvtListPopup {}
.rsvtPopupWrap#rsvtListPopup .rsvtPopup {padding:90px 0 71px 0;}

.rsvtPopupWrap#calcListPopup {}
.rsvtPopupWrap#calcListPopup .rsvtPopup {padding:50px 0 71px 0;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.callRsvtProcess .btn {height:46px; font-size:15px; line-height:46px;}
}

@media screen and (max-width:640px){
	.callRsvtProcess .btn {height:42px; font-size:14px; line-height:42px;}
}

@media screen and (max-width:560px){
	.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo {height:auto;}
	.rsvtPopupWrap.renew._1 .rsvtPopup ._body .seasonInfo .dateInfo {position:relative; top:auto; left:auto; margin:0 auto 10px;}
}

@media screen and (max-width:480px){
	.callRsvtProcess .btn {height:38px; font-size:13px; line-height:38px;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 예약절차 진행기능 영역 :: E */



/* 사용자 기본정보 영역 :: S */
.memberInfoWrap {}

.memberInfoWrap .basicInfo {width:100%; position:relative; margin:30px auto 0; padding:0 0 0 90px; box-sizing:border-box;}
.memberInfoWrap .basicInfo img {display:block; width:76px; height:76px; position:absolute; top:50%; left:0; margin:-38px 0 0 0;}
.memberInfoWrap .basicInfo p,
.memberInfoWrap .basicInfo a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:18px; line-height:38px; font-weight:600; color:#222;}
.memberInfoWrap .basicInfo p {}
.memberInfoWrap .basicInfo a {font-size:16px; font-weight:500; color:#555;}

.memberInfoWrap .noticeArea {width:100%; position:relative; margin:30px auto 0; padding:15px; box-sizing:border-box; background:#f9f9f9; text-align:center;}
.memberInfoWrap .noticeArea > * {display:inline-block; position:relative; text-align:left; vertical-align:middle; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:600; color:#222;}
.memberInfoWrap .noticeArea p {width:50px;}
.memberInfoWrap .noticeArea a {width:calc(100% - 55px); font-weight:500; color:#777;}
.memberInfoWrap .noticeArea a:after {display:block; content:''; width:20px; height:20px; position:absolute; top:50%; right:0; margin:-10px 0 0 0; background-size:10px 18px !important; background:url('/public/images/cm_arrow_black_1_right.gif') center center no-repeat;}

.memberInfoWrap .linkArea {width:100%; position:relative; margin:50px auto 0; padding:0; box-sizing:border-box;}
.memberInfoWrap .linkArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.memberInfoWrap .linkArea ul li {display:block; width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #d8d8d8;}
.memberInfoWrap .linkArea ul li:last-child {border-bottom:0;}
.memberInfoWrap .linkArea ul li a {display:block; width:100%; position:relative; margin:0; padding:15px; box-sizing:border-box; font-size:18px; line-height:30px; font-weight:600; color:#222; vertical-align:middle;}
.memberInfoWrap .linkArea ul li a img {max-width:100%; vertical-align:middle; margin:0 10px 0 0;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.memberInfoWrap .basicInfo {margin:25px auto 0; padding:0 0 0 84px;}
	.memberInfoWrap .basicInfo img {width:70px; height:70px; top:50%; left:0; margin:-35px 0 0 0;}
	.memberInfoWrap .basicInfo p,
	.memberInfoWrap .basicInfo a {font-size:17px; line-height:35px;}
	.memberInfoWrap .basicInfo p {}
	.memberInfoWrap .basicInfo a {font-size:15px;}
	
	.memberInfoWrap .noticeArea {margin:25px auto 0; padding:12px;}
	.memberInfoWrap .noticeArea > * {font-size:15px; line-height:20px;}
	.memberInfoWrap .noticeArea p {width:45px;}
	.memberInfoWrap .noticeArea a {width:calc(100% - 50px);}

	.memberInfoWrap .linkArea {margin:40px auto 0;}
	.memberInfoWrap .linkArea ul li a {padding:12px; font-size:17px; line-height:28px;}
	.memberInfoWrap .linkArea ul li a img {margin:0 8px 0 0;}
}

@media screen and (max-width:640px){
	.memberInfoWrap .basicInfo {margin:20px auto 0; padding:0 0 0 72px;}
	.memberInfoWrap .basicInfo img {width:64px; height:64px; top:50%; left:0; margin:-32px 0 0 0;}
	.memberInfoWrap .basicInfo p,
	.memberInfoWrap .basicInfo a {font-size:16px; line-height:32px;}
	.memberInfoWrap .basicInfo p {}
	.memberInfoWrap .basicInfo a {font-size:14px;}
	
	.memberInfoWrap .noticeArea {margin:20px auto 0; padding:10px;}
	.memberInfoWrap .noticeArea > * {font-size:14px; line-height:20px;}
	.memberInfoWrap .noticeArea p {width:40px;}
	.memberInfoWrap .noticeArea a {width:calc(100% - 45px);}

	.memberInfoWrap .linkArea {margin:30px auto 0;}
	.memberInfoWrap .linkArea ul li a {padding:10px; font-size:16px; line-height:26px;}
	.memberInfoWrap .linkArea ul li a img {margin:0 6px 0 0;}
}

@media screen and (max-width:480px){
	.memberInfoWrap .basicInfo {margin:15px auto 0; padding:0 0 0 64px;}
	.memberInfoWrap .basicInfo img {width:56px; height:56px; top:50%; left:0; margin:-28px 0 0 0;}
	.memberInfoWrap .basicInfo p,
	.memberInfoWrap .basicInfo a {font-size:15px; line-height:28px;}
	.memberInfoWrap .basicInfo p {}
	.memberInfoWrap .basicInfo a {font-size:13px;}
	
	.memberInfoWrap .noticeArea {margin:15px auto 0; padding:8px;}
	.memberInfoWrap .noticeArea > * {font-size:13px; line-height:20px;}
	.memberInfoWrap .noticeArea p {width:40px;}
	.memberInfoWrap .noticeArea a {width:calc(100% - 45px);}

	.memberInfoWrap .linkArea {margin:25px auto 0;}
	.memberInfoWrap .linkArea ul li a {padding:10px; font-size:15px; line-height:24px;}
	.memberInfoWrap .linkArea ul li a img {margin:0 5px 0 0;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 사용자 기본정보 영역 :: E */



/* 프로필 이미지 영역 :: S */
#profileForm {display:block; width:1px; height:1px; position:absolute; top:-9999em; left:-9999em;}
#profileForm #profileInp {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}

.conBody .con.profileImgWrap {margin:30px auto 50px;}
.profileImgWrap .profile {display:block; width:76px; height:76px; position:relative; margin:0 auto; padding:0;}
.profileImgWrap .profile img {display:block; max-width:100%; position:relative; margin:0; padding:0;}
.profileImgWrap .profile .circle {width:76px; height:76px; position:relative; margin:0 auto; padding:0; overflow:hidden; border-radius:50%; background-size:cover !important; background:url('/public/images/cm_icon_mypage_profile_1.png') center center no-repeat;}
.profileImgWrap .profile #profileImg {}
.profileImgWrap .profile img:nth-child(2) {width:30px; height:30px; position:absolute; bottom:-2px; right:-2px; z-index:5;}
.profileImgWrap p {display:block; text-align:center; position:relative; margin:10px auto 0; padding:0; font-size:18px; line-height:24px; font-weight:600; color:#222;}
.profileImgWrap .iden {}
.profileImgWrap .name {font-size:16px; font-weight:400; color:#555; margin:5px auto 0;}
/* 프로필 이미지 영역 :: E */



/* 프로필 기본정보 영역 :: S */
.conBody .con.profileInfoWrap {margin:0 auto 30px; padding:0 0 30px 0; border-bottom:10px solid #f0f0f0;}
.conBody .con.profileInfoWrap:last-child {margin:0 auto 30px; padding:0; border-bottom:0;}
.conBody .con.profileInfoWrap.vertical {margin:0 auto; padding:30px 0;}
.profileInfoWrap form {display:block; width:100%; position:relative; margin:0; padding:0;}

.profileInfoWrap dl {display:block; width:100%; position:relative; margin:0 auto 40px; padding:0 10px; box-sizing:border-box; overflow:hidden;}
.profileInfoWrap dl:last-child {margin:0 auto;}
.profileInfoWrap dl dt,
.profileInfoWrap dl dt > *,
.profileInfoWrap dl dd,
.profileInfoWrap dl dd > * {display:block; float:left; position:relative; margin:0; padding:0; font-size:18px; line-height:24px; font-weight:500; color:#333;}
.profileInfoWrap dl dt {}
.profileInfoWrap dl dd,
.profileInfoWrap dl dd > * {float:right; font-weight:400; color:#555;}

.profileInfoWrap dl dd a {}
.profileInfoWrap dl dd a:after {display:inline-block; content:''; width:20px; height:20px; position:relative; vertical-align:middle; margin:0 0 0 5px; padding:0; background-size:10px 18px !important; background:url('/public/images/cm_arrow_black_1_right.gif') center center no-repeat;}

.profileInfoWrap dl dd input {display:inline-block; width:200px; height:40px; position:relative; vertical-align:middle; text-align:right; margin:0; padding:0 5px; box-sizing:border-box; font-size:15px; line-height:40px; font-weight:500; color:#555; border:0; border-radius:0; box-shadow:none;}

.profileInfoWrap dl.full dd {width:100%;}
.profileInfoWrap dl.full dd a {display:block; width:100%; text-align:left;}
.profileInfoWrap dl.full dd a:after {display:block; position:absolute; top:50%; right:0; margin:-10px 0 0 0;}

.profileInfoWrap .btns {width:100%; position:relative; margin:0; padding:0; text-align:center;}
.profileInfoWrap .btns a {display:inline-block; position:relative; margin:0 5px 0 0; padding:0; width:150px; height:50px; text-align:center; font-size:16px; line-height:50px; font-weight:500; color:#fff; background:#afe050;
height:50px; font-size:16px; line-height:50px; font-weight:600; color:#fff; background:#83c00c; border-radius:10px;}
.profileInfoWrap .btns a:last-child {margin:0;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.conBody .con.profileInfoWrap {margin:0 auto 25px; padding:0 0 25px 0; border-bottom:8px solid #f0f0f0;}
	.conBody .con.profileInfoWrap:last-child {margin:0 auto 25px; padding:0; border-bottom:0;}
	
	.profileInfoWrap dl {margin:0 auto 30px; padding:0 10px;}
	.profileInfoWrap dl:last-child {margin:0 auto;}
	.profileInfoWrap dl dt,
	.profileInfoWrap dl dt > *,
	.profileInfoWrap dl dd,
	.profileInfoWrap dl dd > * {font-size:16px; line-height:22px;}
	
	
	.profileInfoWrap .btns a {width:140px; height:48px; font-size:15px; line-height:48px;}
	.profileInfoWrap .btns a:last-child {margin:0;}
}

@media screen and (max-width:640px){
	.conBody .con.profileInfoWrap {margin:0 auto 20px; padding:0 0 20px 0; border-bottom:6px solid #f0f0f0;}
	.conBody .con.profileInfoWrap:last-child {margin:0 auto 20px; padding:0; border-bottom:0;}
	
	.profileInfoWrap dl {margin:0 auto 25px; padding:0 10px;}
	.profileInfoWrap dl:last-child {margin:0 auto;}
	.profileInfoWrap dl dt,
	.profileInfoWrap dl dt > *,
	.profileInfoWrap dl dd,
	.profileInfoWrap dl dd > * {font-size:15px; line-height:21px;}
	
	
	.profileInfoWrap .btns a {width:130px; height:46px; font-size:14px; line-height:46px;}
	.profileInfoWrap .btns a:last-child {margin:0;}
}

@media screen and (max-width:480px){
	.conBody .con.profileInfoWrap {margin:0 auto 15px; padding:0 0 15px 0; border-bottom:5px solid #f0f0f0;}
	.conBody .con.profileInfoWrap:last-child {margin:0 auto 15px; padding:0; border-bottom:0;}
	
	.profileInfoWrap dl {margin:0 auto 20px; padding:0 10px;}
	.profileInfoWrap dl:last-child {margin:0 auto;}
	.profileInfoWrap dl dt,
	.profileInfoWrap dl dt > *,
	.profileInfoWrap dl dd,
	.profileInfoWrap dl dd > * {font-size:14px; line-height:20px;}
	
	
	.profileInfoWrap .btns a {width:120px; height:44px; font-size:13px; line-height:44px;}
	.profileInfoWrap .btns a:last-child {margin:0;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 프로필 기본정보 영역 :: E */



/* 사용자 > 예약 관련 영역 :: S */
.conBody.reservation {}

.reservationListWrap {width:100%; position:relative; margin:0 auto; padding:0;}

.reservationListWrap .category-tab {width:100%; position:relative; margin:0 auto; padding:0 5px; box-sizing:border-box; border-bottom:1px solid #ddd; text-align:left; overflow-x:auto; white-space:nowrap;
position:fixed; top:50px; left:0; z-index:100; border-bottom:0; background:#fff;}
.reservationListWrap .category-tab > div {width:100%; max-width:768px; position:relative; margin:0 auto; padding:0; box-sizing:border-box; border-bottom:1px solid #ddd;
border-bottom:0;}
.reservationListWrap .category-tab a {display:inline-block; position:relative; vertical-align:top; font-size:16px; line-height:36px; font-weight:500; color:#999; margin:0 15px 0 0; padding
:0 5px; box-sizing:border-box; border-radius:0;}
.reservationListWrap .category-tab a:last-child {margin:0;}
.reservationListWrap .category-tab a.active {font-weight:600; color:#333; border-bottom:2px solid #333;}

.reservationListWrap .searchArea {width:100%; position:relative; margin:15px auto; padding:0 95px 0 0; box-sizing:border-box; text-align:center;}
.reservationListWrap .searchArea dl {display:inline-block; width:calc(50% - 12.5px); position:relative; vertical-align:top; margin:5px; padding:0; box-sizing:border-box; text-align:left;}
.reservationListWrap .searchArea dl dt,
.reservationListWrap .searchArea dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:34px; font-weight:500; color:#454545;}
.reservationListWrap .searchArea dl dt {width:60px;}
.reservationListWrap .searchArea dl dd {width:calc(100% - 65px);}
.reservationListWrap .searchArea dl dd .form-date {width:calc(50% - 12px); border:0;}
.reservationListWrap .searchArea dl dd .form-date .form-control {width:calc(100% - 34px);}
.reservationListWrap .searchArea dl dd .form-text {width:15px; text-align:center;}
.reservationListWrap .searchArea dl dd input[type="text"],
.reservationListWrap .searchArea dl dd select {display:block; width:100%; height:34px; position:relative; margin:0; padding:0 10px; box-sizing:border-box; border:1px solid #ddd; border-radius:0; box-shadow:none;}
.reservationListWrap .searchArea a {display:block; width:auto; height:34px; position:absolute; top:5px; text-align:center; font-size:14px; line-height:34px; font-weight:500; color:#fff; background:#111; border-radius:5px;}
.reservationListWrap .searchArea a img {max-width:100%; vertical-align:top;}
.reservationListWrap .searchArea .searchBtn {width:50px; right:45px;}
.reservationListWrap .searchArea .calendarBtn {width:34px; right:5px; padding:5px;}
.reservationListWrap .searchArea.full {padding:0 10px 10px 10px;}
.reservationListWrap .searchArea.full dl {display:block; width:100%; margin:0 auto 5px; padding:0 0 5px 0; border-bottom:1px solid #ececec;}
.reservationListWrap .searchArea.full dl:last-child {margin:0 auto; padding:0; border-bottom:0;}
.reservationListWrap .searchArea.full dl dt,
.reservationListWrap .searchArea.full dl dd {font-size:14px; line-height:18px; font-weight:600;}

.reservationListWrap .category-cons {width:100%; position:relative; margin:0; padding:30px 10px 10px 10px; box-sizing:border-box; background:#f4f4f4;
background:none;}
.reservationListWrap .category-con {background:none !important;}

.reservationListWrap .reservationList {width:100%; position:relative; margin:0; padding:0;}
.reservationListWrap .reservationList .countArea {width:100%; position:relative; margin:0 
auto 10px; padding:0; text-align:left;}
.reservationListWrap .reservationList .countArea > * {display:inline-block; position:relative; vertical-align:middle; font-size:15px; line-height:20px; font-weight:500; color:#454545; margin:0; padding:0;}

.reservationListWrap .reservationList .titleArea .info {display:inline-block; position:relative; text-align:right; margin:0 5px 0 0; padding:0;}
.reservationListWrap .reservationList .titleArea .info a {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0 10px; box-sizing:border-box; font-size:12px; line-height:20px; font-weight:400; color:#777; background:#ececec; border:1px solid #ddd; border-radius:5px;}
.reservationListWrap .reservationList .titleArea .info a:first-child {font-weight:600; color:#fff; background:#83c00c; border:1px solid #83c00c;}
.reservationListWrap .reservationList .titleArea .info a:last-child {font-weight:600; color:#fff; background:#3c8dbc; border:1px solid #3c8dbc;}

.reservationListWrap .reservationList > ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.reservationList .rsvtItem {display:block; width:100%; position:relative; margin:0 auto 10px; padding:15px; box-sizing:border-box; border-radius:10px; background:#fff;}
.reservationList .rsvtItem:last-child {margin:0 auto;}
.reservationList .rsvtItem > * {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.reservationList .rsvtItem > * > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box; font-size:13px; line-height:18px; font-weight:400; color:#454545;}

.reservationList .rsvtItem .top {border-bottom:1px solid #ddd; margin-bottom:8px; padding-bottom:8px;}
.reservationList .rsvtItem .top p {font-size:14px; line-height:18px; font-weight:500; color:#333;}
.reservationList .rsvtItem .top .date {}
.reservationList .rsvtItem .top .date:before {content:'관람일자 ';}
.reservationList .rsvtItem .top .date span {display:inline-block; position:relative; vertical-align:middle; margin:0 2px 0 0; padding:0; font-size:12px; font-weight:400; color:#999;}
.reservationList .rsvtItem .top .date span:after {content:'→';}
.reservationList .rsvtItem .top .link {float:right; color:#555;}
.reservationList .rsvtItem .top .link:after {display:inline-block; content:''; position:relative; vertical-align:middle; width:7.5px; height:15px; background-size:cover !important; background:url('/public/images/history_arrow_right_000.png') center center no-repeat; margin:-4px 0 0 7px; padding:0; opacity:0.6;}

.reservationList .rsvtItem .body {padding-top:26px; text-align:center;}
.reservationList .rsvtItem .body .status {display:block; width:60px; height:20px; text-align:center; position:absolute; top:0; left:0; font-size:12px; line-height:20px; font-weight:400; box-sizing:border-box; border:1px solid #ddd; border-radius:3px;}
.reservationList .rsvtItem .body .status._1 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .status._2 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .status._3 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .status._4 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .status._5 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .status._6 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .status._7 {color:#222; border:1px solid #222;}
.reservationList .rsvtItem .body .thumbnail {width:110px; height:110px; background-size:cover !important; border-radius:5px; overflow:hidden;
display:none;}
.reservationList .rsvtItem .body .thumbnail img {width:100%; vertical-align:top; display:none !important;}
.reservationList .rsvtItem .body .information {width:calc(100% - 115px); padding:0 0 0 12px;
width:100%; padding:0;}
.reservationList .rsvtItem .body .information p {display:block; text-align:left; margin:0; padding:0;}
.reservationList .rsvtItem .body .information .name {font-size:16px; line-height:22px; font-weight:600; color:#222;}
.reservationList .rsvtItem .body .information .code {font-size:14px; line-height:20px; font-weight:400; color:#999; margin:5px auto 0; display:none;}

.reservationList .rsvtItem .foot {text-align:center; margin:15px auto 0;}
.reservationList .rsvtItem .foot > * {width:calc(50% - 2px); padding:10px 5px; background:
#f9f9f9;}
.reservationList .rsvtItem .foot.ea_3 > * {width:calc(33.33333333333333% - 2.5px);}
.reservationList .rsvtItem .foot > *.full {width:100%; margin:0 auto 5px;}
.reservationList .rsvtItem .foot > *.full:last-child {margin:0 auto;}
.reservationList .rsvtItem .foot > *:first-child {border-radius:5px 0 0 5px;}
.reservationList .rsvtItem .foot > *:last-child {border-radius:0 5px 5px 0;}
.reservationList .rsvtItem .foot > * p {display:block; text-align:center; font-size:13px; line-height:18px; font-weight:400; color:#999; margin:0 auto; padding:0;}
.reservationList .rsvtItem .foot > * p:nth-child(1) {}
.reservationList .rsvtItem .foot > * p:nth-child(2) {font-size:14px; font-weight:600; color:#333; margin:5px auto 0;}
.reservationList .rsvtItem .foot > * .rect {display:block; width:100%; position:relative; text-align:center; margin:8px auto 0; padding:0; box-sizing:border-box;}
.reservationList .rsvtItem .foot > * .rect > * {display:inline-block; width:auto; height:24px; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:24px; font-weight:500; color:#333;}
.reservationList .rsvtItem .foot > * .rect > p {width:70px; text-align:right; margin:0 5px 0 0;}
.reservationList .rsvtItem .foot > * .rect > input {width:100px; padding:0 5px; border:1px solid #ccc; box-shadow:none;}

.reservationList .rsvtItem .info {margin:15px auto 0; padding:15px; box-sizing:border-box; background:#f9f9f9;}
.reservationList .rsvtItem .info dl {display:block; width:100%; position:relative; margin:12px auto 0; padding:12px 0 0 0; border-top:1px solid #ececec; box-sizing:border-box; text-align:center;}
.reservationList .rsvtItem .info dl:first-child {margin:0 auto; padding:0; border-top:0;}
.reservationList .rsvtItem .info dl dt,
.reservationList .rsvtItem .info dl dd {display:inline-block; position:relative; vertical-align:top; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:500; color:#333;}
.reservationList .rsvtItem .info dl dt {width:100px;}
.reservationList .rsvtItem .info dl dd {width:calc(100% - 105px); text-align:right;}
.reservationList .rsvtItem .info dl dd,
.reservationList .rsvtItem .info dl dd * {font-weight:400; color:#454545;}
.reservationList .rsvtItem .info dl dd a {font-weight:500;}

.reservationList .rsvtItem .info.price {}
.reservationList .rsvtItem .info.price dl {}
/*
.reservationList .rsvtItem .info.price dl dt,
.reservationList .rsvtItem .info.price dl dd {width:calc(50% - 2px);}
*/

.reservationList .rsvtItem.simple {margin:0 auto 6px; padding:10px; border-radius:5px;
padding:0 0 0 0; border-radius:10px; border:1px solid #ddd; overflow:hidden;}
.reservationList .rsvtItem.simple .top {margin-bottom:5px; padding-bottom:5px;
padding:10px 10px 5px 10px; background:#ececec;}
.reservationList .rsvtItem.simple .body {padding-top:0; padding:0 10px 10px 10px;}
.reservationList .rsvtItem.simple .body .infos {width:100%; position:relative; text-align:left; margin:0; padding:0;}
.reservationList .rsvtItem.simple .body .infos span {display:inline-block; position:relative; vertical-align:top; margin:0 10px 0 0; padding:0 12px 0 0; font-size:14px; line-height:20px; font-weight:500; color:#454545; border-right:1px solid #c4c4c4;}
.reservationList .rsvtItem.simple .body .infos span:last-child {margin:0; padding:0; border-right:0;}


.conBody .rsvtProcessArea {width:100%; position:relative; text-align:left; margin:10px auto 0; padding:0; overflow:hidden;}
.conBody .rsvtProcessArea span {display:block; float:left; position:relative; vertical-align:top; margin:0; padding:0; text-align:center; font-size:12px; line-height:16px; font-weight:400; color:#aaa;}
.conBody .rsvtProcessArea span:before,
.conBody .rsvtProcessArea span:after {display:block; content:''; position:absolute; margin:0; padding:0; z-index:3; box-sizing:border-box;}
.conBody .rsvtProcessArea span:before {width:100%; height:6px; position:relative; margin:6px auto 8px; padding:0; background:#c4c4c4;
height:2px; background:#f1ede4;}
.conBody .rsvtProcessArea span:after {width:6px; height:6px; border-radius:50%; background:#ceb8a0; top:7px; left:50%; margin:-3px 0 0 -3px; z-index:5;}
.conBody .rsvtProcessArea span:first-child {text-align:left;}
.conBody .rsvtProcessArea span:first-child:after {left:0; margin:-3px 0 0 0;}
.conBody .rsvtProcessArea span:last-child {text-align:right;}
.conBody .rsvtProcessArea span:last-child:after {left:auto; right:0; margin:-3px 0 0 0;}
.conBody .rsvtProcessArea span.ea_1 {width:100%;}
.conBody .rsvtProcessArea span.ea_2 {width:50%;}
.conBody .rsvtProcessArea span.ea_3 {width:33.33333333333333%;}
.conBody .rsvtProcessArea span.ea_4 {width:25%;}
.conBody .rsvtProcessArea span.ea_5 {width:20%;}
.conBody .rsvtProcessArea span.ea_6 {width:16.66666666666667%;}
.conBody .rsvtProcessArea span.ea_7 {width:14.28571428571429%;}
.conBody .rsvtProcessArea span.ea_8 {width:12.5%;}
.conBody .rsvtProcessArea span.active {color:#59c429;}
/*
.conBody .rsvtProcessArea span.active:before {background:#59c429;}
*/
.conBody .rsvtProcessArea span.active:after {width:10px; height:10px; background:#59c429; margin:-5px 0 0 -5px;}
.conBody .rsvtProcessArea span.active:first-child:after {left:0; margin:-5px 0 0 0;}
.conBody .rsvtProcessArea span.active:last-child:after {left:auto; right:0; margin:-5px 0 0 0;}
.conBody .rsvtProcessArea a {display:block; float:left; position:relative; margin:0 1.5px; padding:0; box-sizing:border-box; text-align:center; font-size:12px; line-height:20px; font-weight:400; color:#777; background:#ececec; border:1px solid #ddd; border-radius:5px;}
.conBody .rsvtProcessArea a:last-child {margin:0;}
.conBody .rsvtProcessArea a.ea_1 {width:calc(100% - 3px);}
.conBody .rsvtProcessArea a.ea_2 {width:calc(50% - 3px);}
.conBody .rsvtProcessArea a.ea_3 {width:calc(33.33333333333333% - 3px);}
.conBody .rsvtProcessArea a.ea_4 {width:calc(25% - 3px);}
.conBody .rsvtProcessArea a.ea_5 {width:calc(20% - 3px);}
.conBody .rsvtProcessArea a.ea_6 {width:calc(16.66666666666667% - 3px);}
.conBody .rsvtProcessArea a.ea_7 {width:calc(14.28571428571429% - 3px);}
.conBody .rsvtProcessArea a.ea_8 {width:calc(12.5% - 3px);}
.conBody .rsvtProcessArea a.disabled {color:#999; background:#ddd; border:1px solid #ddd; cursor:default;}
.conBody .rsvtProcessArea a[onclick] {font-weight:600; color:#fff; background:#3c8dbc; border:1px solid #3c8dbc;}
.conBody .rsvtProcessArea a.active {font-weight:600; color:#fff; background:#83c00c; border:1px solid #83c00c;}
.conBody .rsvtProcessArea a.possible {font-weight:600; color:#fff; background:#3c8dbc; border:1px solid #3c8dbc;}
.conBody .rsvtProcessArea a.cancel {font-weight:600; color:#fff; background:#cc0000; border:1px solid #cc0000;}
.conBody .rsvtProcessArea a.restore {font-weight:600; color:#fff; background:#3c8dbc; border:1px solid #3c8dbc;}
.conBody .rsvtProcessArea.explore {}
.conBody .rsvtProcessArea.explore a {width:calc(50% - 3px); display:none;}
.conBody .rsvtProcessArea.explore a:nth-child(1),
.conBody .rsvtProcessArea.explore a:nth-child(2) {display:block;}

.conBody .rsvtProcessArea.cancel {padding:10px 0 0 0; border-top:1px solid #ddd;}
.conBody .rsvtProcessArea.cancel > * {display:block; float:none; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.conBody .rsvtProcessArea.cancel textarea {width:100%; height:auto; min-height:60px; margin:5px auto 0; padding:5px; border:1px solid #ddd; border-radius:5px; font-size:13px; line-height:20px; font-weight:400; color:#555;}


html body .conBody.reservation .rsvtConfirmArea {width:100%; position:relative; text-align:left; margin:8px auto 0; padding:0; text-align:right;}
html body .conBody.reservation .rsvtConfirmArea:before {display:inline-block; content:'정산 전 상호 확인 중. '; height:18px; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:12px; line-height:18px; font-weight:300; color:#333;}
html body .conBody.reservation .rsvtConfirmArea dl.confirm {display:inline-block; width:auto; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #ddd;}
html body .conBody.reservation .rsvtConfirmArea dl.confirm:last-child {margin:0; padding:0; border-right:0;}
html body .conBody.reservation .rsvtConfirmArea dl.confirm dt,
html body .conBody.reservation .rsvtConfirmArea dl.confirm dd,
html body .conBody.reservation .rsvtConfirmArea dl.confirm dd > * {display:inline-block; width:auto; height:18px; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:12px; line-height:18px; font-weight:400; color:#555;}
html body .conBody.reservation .rsvtConfirmArea dl.confirm dt {font-weight:500;}
html body .conBody.reservation .rsvtConfirmArea dl.confirm dd {padding:0 0 0 3px;}
html body .conBody.reservation .rsvtConfirmArea dl.confirm dd a {padding:0 3px; font-weight:500; color:#fff; background:#3c8dbc; border-radius:5px;}



.reservationList .rsvtItem.unconfirmed {border:1px solid #990000 !important;}
.reservationList .rsvtItem.unconfirmed .top {background:#990000 !important;}
.reservationList .rsvtItem.unconfirmed .top p {color:#fff;}
.reservationList .rsvtItem.unconfirmed .top .link {color:#fff;}
.reservationList .rsvtItem.unconfirmed .top .link:after {background:url('/public/images/history_arrow_right_fff.png') center center no-repeat;}



/* 20231215 예약내역 리스트페이지 리뉴얼 */
.reservation.renew .reservationListWrap .searchArea .calendarBtn {background:none;}

.reservation.renew .reservationListWrap .category-cons {width:calc(100% - 10px); margin:0 auto; padding:0;}

html body .receiptArea {width:100%; position:relative; margin:0 auto 30px; padding:0; box-sizing:border-box;}
html body .receiptArea:before,
html body .receiptArea:after {display:block; content:''; width:100%; height:5px; position:relative; margin:0; padding:0;}
html body .receiptArea:before {background:url('/public/images/cm_bg_pattern_receipt_top_1.gif') left top repeat-x;}
html body .receiptArea:after {background:url('/public/images/cm_bg_pattern_receipt_bottom_1.gif') left top repeat-x;}
html body .receiptArea > div {width:100%; position:relative; margin:0 auto; padding:20px; box-sizing:border-box; background:#f3f3f6; border-left:1px solid #ddd; border-right:1px solid #ddd;}
html body .receiptArea p {display:block; position:relative; width:100%; margin:0 auto 15px; padding:0 0 20px 0; box-sizing:border-box; font-size:20px; line-height:24px; font-weight:500; color:#333; border-bottom:1px dashed #b5b5b5;}
html body .receiptArea p img {display:inline-block; max-width:100%; vertical-align:middle; margin:-3px 5px 0 0;}
html body .receiptArea span {display:block; position:absolute; top:0; right:0; font-size:15px; line-height:24px; font-weight:500; color:#555;}
html body .receiptArea span b {color:#fd8f04;}
html body .receiptArea dl {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:top; text-align:left; margin:6px 0; padding:0; box-sizing:border-box;}
html body .receiptArea dl dt,
html body .receiptArea dl dd {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:top; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:24px; font-weight:500; color:#333;}
html body .receiptArea dl dt {padding:0 0 0 12px;}
html body .receiptArea dl dt:before {display:block; content:''; width:4px; height:4px; position:absolute; top:11px; left:0; background:#3c8dbc;}
html body .receiptArea dl dd {padding:0 15px 0 0; text-align:right; font-weight:500; color:#777;}

.reservation.renew._1 .reservationList .rsvtItem {}
.reservation.renew._1 .reservationList .rsvtItem .top {background:#393939;}
.reservation.renew._1 .reservationList .rsvtItem .top p {color:#fff;}
.reservation.renew._1 .reservationList .rsvtItem .top .link {width:20px; height:20px;}
.reservation.renew._1 .reservationList .rsvtItem .top .link:after {width:20px; height:20px; margin:0; background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat; opacity:1;}
.reservation.renew._1 .reservationList .rsvtItem.simple .body .infos {padding:0 0 0 12px;}
.reservation.renew._1 .reservationList .rsvtItem.simple .body .infos:before {display:block; content:''; width:4px; height:4px; position:absolute; top:13px; left:0; background:#fdc904;}
.reservation.renew._1 .reservationList .rsvtItem.simple .body .infos span {line-height:30px;}
.reservation.renew._1 .rsvtProcessArea {width:auto; text-align:right; margin:0; position:absolute; top:0; right:10px;}
.reservation.renew._1 .rsvtProcessArea a {display:none; width:auto; margin:0; padding:0 12px; font-size:14px; line-height:30px; border-radius:15px;}
.reservation.renew._1 .rsvtProcessArea a.active,
.reservation.renew._1 .rsvtProcessArea a.possible,
.reservation.renew._1 .rsvtProcessArea a[onclick] {display:block; margin:0 0 0 3px;}
.reservation.renew.conBody .rsvtProcessNotice {display:block; position:relative; text-align:left; margin:8px auto 0; padding:0 0 0 12px; font-size:14px; line-height:18px; font-weight:400; color:#ff6000;}
.reservation.renew.conBody .rsvtProcessNotice:before {display:block; content:''; width:4px; height:4px; position:absolute; top:7px; left:0; background:#fdc904;}

html body .performReceipt {width:100%; position:relative; margin:0 auto 30px; padding:0; display:none !important;}
html body .performReceipt .receipt {width:100%; position:relative; margin:0 auto 10px; padding:15px; box-sizing:border-box; border-radius:10px; background:#83c00c;}
html body .performReceipt .receipt:nth-of-type(2n+1) {background:#3c8dbc;}
html body .performReceipt .receipt > * {width:100%; position:relative; margin:0 auto 10px; padding:0; box-sizing:border-box;}
html body .performReceipt .receipt > *:last-child {margin:0 auto;}
html body .performReceipt .receipt .top {padding:0 0 10px 0; font-size:18px; line-height:24px; font-weight:500; color:#fff; border-bottom:1px solid #eee;}
html body .performReceipt .receipt .middle {}
html body .performReceipt .receipt .middle dl {display:block; position:relative; margin:0 auto 5px; padding:0; box-sizing:border-box;}
html body .performReceipt .receipt .middle dl:last-child {margin:0 auto;}
html body .performReceipt .receipt .middle dl dt,
html body .performReceipt .receipt .middle dl dd {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:500; color:#fff;}
html body .performReceipt .receipt .middle dl dt {padding:0 0 0 12px;}
html body .performReceipt .receipt .middle dl dt:before {display:block; content:''; width:4px; height:4px; position:absolute; top:8px; left:0; background:rgba(255,255,255,0.5);}
html body .performReceipt .receipt .middle dl dd {text-align:right;}

html body .performReceipt {width:calc(100% - 10px);}
html body .performReceipt .receipt {background:#648111;}
html body .performReceipt .receipt:nth-of-type(2n+1) {background:#8daf2f;}
html body .performReceipt .receipt .middle dl dt:before {background:#fff;}


.reservation.renew._2 .receiptArea {}
.reservation.renew._2 .receiptArea:before,
.reservation.renew._2 .receiptArea:after {display:none !important;}
.reservation.renew._2 .receiptArea > div {background:none; border:0; padding:0 0 10px 0; border-bottom:1px solid #e0e0e0;}
.reservation.renew._2 .receiptArea p {font-size:16px; line-height:24px; font-weight:500; color:#333; margin:0 auto 10px; padding:0 0 15px 0; border-bottom:1px solid #e0e0e0;}
.reservation.renew._2 .receiptArea dl {padding:0 0 0 15px; box-sizing:border-box;}
.reservation.renew._2 .receiptArea dl dt,
.reservation.renew._2 .receiptArea dl dd {font-size:15px; line-height:24px; font-weight:500; color:#454545;}
.reservation.renew._2 .receiptArea dl dt {padding:0 0 0 10px;}
.reservation.renew._2 .receiptArea dl dt:before {background:#83c00c; top:10.5px;}
.reservation.renew._2 .receiptArea dl dd {color:#777;}

.reservation.renew._2 .reservationList .rsvtItem {margin:0 auto 10px; padding:15px; border-radius:10px; background:#f4f4f4; border:1px solid #d8d8d8;}
.reservation.renew._2 .reservationList .rsvtItem._self {border:1px solid #333;}
/*
.reservation.renew._2 .reservationList .rsvtItem:last-child {margin:0 auto;}
*/
.reservation.renew._2 .reservationList .rsvtItem .info {width:100%; height:100%; position:relative; margin:0; padding:0 70px 0 0; box-sizing:border-box; background:none;}
.reservation.renew._2 .reservationList .rsvtItem .info > div {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.reservation.renew._2 .reservationList .rsvtItem .info > div p {display:block; position:relative; margin:0; padding:0; font-size:15px; line-height:24px; font-weight:500; color:#333;}
.reservation.renew._2 .reservationList .rsvtItem .info > div p span {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0;}
.reservation.renew._2 .reservationList .rsvtItem .info .logo {width:100px; margin:0 15px 0 0;}
.reservation.renew._2 .reservationList .rsvtItem .info .logo img {max-width:100%; vertical-align:top; margin:0; padding:0;}
.reservation.renew._2 .reservationList .rsvtItem .info .txts {width:calc(100% - 120px);}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .name {}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .name span:first-child {color:#a25e2f;}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .name .date {}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .name .date .prev {display:inline-block; position:relative; vertical-align:top; font-size:13px; color:#a25e2f;}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .name .date .prev:after {content:' → ';}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .count {}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .count span {margin:0 5px 0 0; padding:0 10px 0 0;}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .count span:after {display:block; content:''; width:2px; height:12px; background:#ccc; position:absolute; top:50%; right:0; margin:-6px 0 0 0;}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .count span:last-child {margin:0; padding:0;}
.reservation.renew._2 .reservationList .rsvtItem .info .txts .count span:last-child:after {display:none;}
.reservation.renew._2 .reservationList .rsvtItem .info .confirm {width:70px; height:46px; position:absolute; top:50%; right:0; margin:-23px 0 0 0;}
.reservation.renew._2 .reservationList .rsvtItem .info .confirm a {display:block; width:100%; height:46px; position:relative; text-align:center; margin:0; padding:0; font-size:15px; line-height:46px; font-weight:500; color:#fff; background:#a0c652; border-radius:5px;}
.reservation.renew._2 .reservationList .rsvtItem .info .confirm a:before {display:inline-block; content:''; position:relative; vertical-align:middle; width:20px; height:29px; margin:-5px 5px 0 0; padding:0; background-size:cover !important; background:url('/public/images/cm_icon_cursor_1.png') center center no-repeat;}
.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea {width:100%; position:relative; margin:15px auto 0; padding:0; box-sizing:border-box; text-align:center;}
.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea a {display:inline-block; position:relative; vertical-align:middle; margin:0 2px; padding:0; text-align:center; width:calc(14.28571428571429% - 4px); height:32px; font-size:12px; line-height:30px; font-weight:400; color:#454545; background:#fff; border-radius:16px; border:1px solid #d4d4d4;}
.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea a[onclick] {color:#fff; background:#3c8dbc; border:1px solid #3c8dbc;}
.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea a.active,
.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea a.possible {color:#648111; background:#f0ffc5; border:1px solid #8daf2f;}

.reservation.renew._2 .reservationList .rsvtItem .mealStatus {width:100%; position:relative; text-align:right; margin:2.5px auto 0; padding:0; box-sizing:border-box;}
.reservation.renew._2 .reservationList .rsvtItem .mealStatus > * {display:inline-block; width:30px; height:30px; position:relative; vertical-align:middle; margin:0 2px 0 0; padding:0; box-sizing:border-box;}
.reservation.renew._2 .reservationList .rsvtItem .mealStatus > *:last-child {margin:0;}
.reservation.renew._2 .reservationList .rsvtItem .mealStatus > * img {max-width:100%; vertical-align:top;}



@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	
}

@media screen and (max-width:640px){
	.reservationListWrap .searchArea {padding:10px; box-sizing:border-box; overflow:hidden;}
	.reservationListWrap .searchArea dl {display:block; width:100%; margin:0 auto 5px;}
	.reservationListWrap .searchArea .searchBtn,
	.reservationListWrap .searchArea .calendarBtn {display:block; float:left; position:relative; top:auto; left:auto; bottom:auto; right:auto;}
	.reservationListWrap .searchArea .searchBtn {width:calc(100% - 39px); margin:0 5px 0 0;}
	.reservationListWrap .searchArea .calendarBtn {}
	
	
	html body .receiptArea dl {margin:5px 0;}
	html body .receiptArea dl dt,
	html body .receiptArea dl dd {font-size:14px; line-height:22px;}
	html body .receiptArea dl dt {padding:0 0 0 10px;}
	html body .receiptArea dl dt:before {top:9px;}
	html body .receiptArea dl dd {padding:0 10px 0 0;}
}

@media screen and (max-width:560px){
	.reservation.renew._2 .receiptArea dl {display:block; width:100%; margin:0 auto 10px; padding:0 0 0 8px;}
	.reservation.renew._2 .receiptArea dl:last-child {margin:0 auto;}
	.reservation.renew._2 .receiptArea dl dt,
	.reservation.renew._2 .receiptArea dl dd {}
	.reservation.renew._2 .receiptArea dl dt {}
	.reservation.renew._2 .receiptArea dl dd {padding:0 8px 0 0;}
	
	.reservation.renew._2 .reservationList .rsvtItem {padding:12px;}
	.reservation.renew._2 .reservationList .rsvtItem .info .logo {width:60px; margin:0 10px 0 0;}
	.reservation.renew._2 .reservationList .rsvtItem .info .txts {width:clac(100% - 74px);}
	.reservation.renew._2 .reservationList .rsvtItem .info > div p {font-size:13px; line-height:22px;}
	.reservation.renew._2 .reservationList .rsvtItem .info .confirm a {font-size:14px;}
}

@media screen and (max-width:480px){
	.reservationList .rsvtItem > * > * {font-size:12px; line-height:16px;}
	.reservationList .rsvtItem .top p {font-size:13px; line-height:16px;}
	
	.reservationList .rsvtItem.simple {margin:0 auto 5px;}
	.reservationList .rsvtItem.simple .top {margin-bottom:4px; padding-bottom:4px;}
	.reservationList .rsvtItem.simple .body {padding-top:0;}
	.reservationList .rsvtItem.simple .body .infos {}
	.reservationList .rsvtItem.simple .body .infos span {margin:0 6px 0 0; padding:0 8px 0 0; font-size:13px; line-height:18px;}
	.reservationList .rsvtItem.simple .body .infos span:last-child {margin:0; padding:0; border-right:0;}
	.reservationList .rsvtItem.simple .body .process {margin:8px auto 0;}
	.reservationList .rsvtItem.simple .body .process span {font-size:11px; line-hegiht:14px;}
	.reservationList .rsvtItem.simple .body .process span:before {height:5px; margin:0 auto 2px;}
	
	
	.reservation.renew._1 .rsvtProcessArea {width:auto; text-align:left; margin:6px auto 0; position:relative; top:auto; right:auto;}
	.reservation.renew._1 .rsvtProcessArea a {padding:0 10px; font-size:13px; line-height:26px; border-radius:13px;}
	.reservation.renew._1 .rsvtProcessNotice {margin:6px auto 0; font-size:13px; line-height:16px; padding:0 0 0 10px;}
	.reservation.renew._1 .rsvtProcessNotice:before {top:6px;}
	
	
	html body .receiptArea dl {margin:4px 0;}
	html body .receiptArea dl dt,
	html body .receiptArea dl dd {font-size:13px; line-height:20px;}
	html body .receiptArea dl dt {padding:0 0 0 8px;}
	html body .receiptArea dl dt:before {top:8px;}
	html body .receiptArea dl dd {padding:0 8px 0 0;}
	
	
	.reservation.renew._2 .performReceipt {}
	
	.reservation.renew._2 .reservationList .rsvtItem {padding:8px; border-radius:10px;}
	.reservation.renew._2 .reservationList .rsvtItem .info .txts .name {font-size:12px; line-height:20px;}
	
	.reservation.renew._2 .reservationList .rsvtItem .info .confirm {height:40px; margin:-20px 0 0 0;}
	.reservation.renew._2 .reservationList .rsvtItem .info .confirm a {height:40px; font-size:13px; line-height:40px;}
	.reservation.renew._2 .reservationList .rsvtItem .info .confirm a:before {width:13.5px; height:18.5px;}
	
	.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea {margin:10px auto 0;}
	.reservation.renew._2 .reservationList .rsvtItem .rsvtProcessArea a {width:calc(14.28571428571429% - 2px); margin:0 1px; height:24px; font-size:11px; line-height:22px;}
}

@media screen and (max-width:420px){
	html body .receiptArea dl {display:block; width:100%; margin:0 auto 5px;}
	html body .receiptArea dl:last-child {margin:0 auto;}
}

@media screen and (max-width:360px){
	
}
/* 사용자 > 예약 관련 영역 :: E */



/* 예약내역 상세정보 영역 :: S */
.reservationListWrap.info {}
.reservationListWrap.info .infoSec {padding:15px 15px;}
/* 예약내역 상세정보 영역 :: E */



/* 사용자 > 정산 관련 영역 :: S */
.conBody.calculate {padding:50px 0 0 0;}

/*
.conBody.calculate .reservationListWrap .reservationList {margin:50px auto 0; padding:40px 0 0 0; border-top:1px solid #d8d8d8;}
*/
/* 사용자 > 정산 관련 영역 :: E */



/* 홍보자료 이미지 영역 :: S */
.contentDetailImgWrap.con {}

.contentDetailImgWrap {}
.contentDetailImgWrap img {display:block; width:100%; max-width:10000px;}
.contentDetailImgWrap .txt {position:relative; margin:0 auto; padding:40px 0 50px 0; box-sizing:border-box; background:#111;}
.contentDetailImgWrap .txt p {display:block; text-align:center; position:relative; margin:0; padding:0; font-size:40px; line-height:50px; font-weight:600; color:#fff;}
.contentDetailImgWrap a {display:block; position:absolute; top:-9999em; left:-9999em;}


@media screen and (max-width:768px){
	
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.contentDetailImgWrap .txt {padding:35px 0 45px 0;}
	.contentDetailImgWrap .txt p {font-size:35px; line-height:45px;}
}

@media screen and (max-width:400px){
	.contentDetailImgWrap .txt {padding:30px 0 40px 0;}
	.contentDetailImgWrap .txt p {font-size:30px; line-height:40px;}
}

@media screen and (max-width:360px){
	.contentDetailImgWrap .txt {padding:25px 0 35px 0;}
	.contentDetailImgWrap .txt p {font-size:25px; line-height:35px;}
}

@media screen and (max-width:320px){
	.contentDetailImgWrap .txt {padding:20px 0 30px 0;}
}
/* 홍보자료 이미지 영역 :: E */



/* 영업담당자 실적정보 영역 :: S */
.conBody .performArea {width:100%; position:relative; margin:0 auto; padding:0;}
.conBody .performArea .titleArea {width:100%; position:relative; text-align:center; margin:0; padding:10px 0;}
.conBody .performArea .titleArea > * {display:inline-block; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; box-sizing:border-box;}
.conBody .performArea .titleArea > *:last-child {margin:0;}
.conBody .performArea .titleArea a {width:30px; height:30px; padding:6px 10px;}
.conBody .performArea .titleArea a img {max-width:100%; vertical-align:top;}
.conBody .performArea .titleArea p {}
.conBody .performArea .performInfoSlider {width:100%; position:relative; margin:0 auto; padding:25px 10px; box-sizing:border-box; background:#f5f5f5;}
.conBody .performArea .performInfoSlider:before,
.conBody .performArea .performInfoSlider:after {display:block; content:''; width:50%; height:100%; position:absolute; top:0; background:#f5f5f5; z-index:3;}
.conBody .performArea .performInfoSlider:before {right:calc(100% - 10px);}
.conBody .performArea .performInfoSlider:after {left:calc(100% - 10px);}
.conBody .performArea .performInfoSlider .swiper-slide {position:relative; text-align:center; z-index:1;}
.conBody .performArea .performInfoSlider .swiper-slide > div {display:inline-block; width:calc(50% - 5px); position:relative; vertical-align:middle; margin:0 5px 0 0; padding:10px 10px 10px 60px; box-sizing:border-box; border-radius:5px; background:#fff;}
.conBody .performArea .performInfoSlider .swiper-slide > div:before {display:block; content:''; width:42px; height:42px; position:absolute; top:50%; left:10px; margin:-21px 0 0 0; background-size:cover !important;}
.conBody .performArea .performInfoSlider .swiper-slide > div:first-child:before {background:url('/public/images/cm_icon_performance_person_1.png') center center no-repeat;}
.conBody .performArea .performInfoSlider .swiper-slide > div:last-child {margin:0;}
.conBody .performArea .performInfoSlider .swiper-slide > div:last-child:before {background:url('/public/images/cm_icon_performance_dollar_1.png') center center no-repeat;}
.conBody .performArea .performInfoSlider .swiper-slide > div p {display:block; text-align:left; position:relative; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:400; color:#454545;}
.conBody .performArea .performInfoSlider .swiper-slide > div p span {font-size:16px; font-weight:600;}
.conBody .performArea .performInfoSlider .swiper-slide .people p:after {content:' 명';}
.conBody .performArea .performInfoSlider .swiper-slide .price p:after {content:' 원';}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.conBody .performArea {margin:12px auto;}
	.conBody .performArea dl dt,
	.conBody .performArea dl dd {padding:4px; font-size:13px; line-height:18px;}
}

@media screen and (max-width:640px){
	.conBody .performArea {margin:10px auto;}
	.conBody .performArea dl dt,
	.conBody .performArea dl dd {padding:4px; font-size:12px; line-height:18px;}
	.conBody .performArea .titleArea {padding:6px 0;}
	.conBody .performArea .performInfoSlider {padding:20px 10px;}
}

@media screen and (max-width:480px){
	.conBody .performArea {margin:8px auto;}
	.conBody .performArea dl {width:100% !important; float:none !important;}
	.conBody .performArea dl dt,
	.conBody .performArea dl dd {padding:3.5px; font-size:12px; line-height:17px;}
	.conBody .performArea .titleArea {padding:5px 0;}
	.conBody .performArea .performInfoSlider {padding:15px 10px;}
	.conBody .performArea .performInfoSlider .swiper-slide > div {display:block; width:100%; margin:0 auto 5px;}
	.conBody .performArea .performInfoSlider .swiper-slide > div:last-child {margin:0 auto;}
}

@media screen and (max-width:420px){
	.conBody .performArea {margin:6px auto;}
	.conBody .performArea dl dt,
	.conBody .performArea dl dd {padding:3.5px; font-size:11px; line-height:16px;}
	.conBody .performArea .performInfoSlider {padding:10px 10px;}
}

@media screen and (max-width:360px){
	.conBody .performArea {margin:5px auto;}
	.conBody .performArea dl dt,
	.conBody .performArea dl dd {padding:3.5px; font-size:11px; line-height:16px; letter-spacing:-0.5px;}
}
/* 영업담당자 실적정보 영역 :: E */



/* 게시판 리스트 영역 :: S */
.boardListWrap.con {}

.boardListWrap .listArea {width:100%; position:relative; margin:0; padding:0;}
.boardListWrap .listArea ul {display:block; width:100%; position:relative; margin:0; padding:0; border-top:2px solid #111;}
.boardListWrap .listArea ul li {display:block; width:100%; vertical-align:top; text-align:center; position:relative; margin:0 auto; padding:0; box-sizing:border-box; border-bottom:1px solid #e0e0e0;}
.boardListWrap .listArea ul li ._col {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:10px 5px; box-sizing:border-box; text-align:center;
padding:5px 5px;}
.boardListWrap .listArea ul li ._col,
.boardListWrap .listArea ul li ._col * {font-size:13px; line-height:18px; font-weight:400; color:#454545;}
.boardListWrap .listArea ul li ._col * {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.boardListWrap .listArea ul li ._col.no {width:50px;}
.boardListWrap .listArea ul li ._col.title {width:calc(100% - 195px);
width:100%; text-align:left; padding:10px 5px 2px 5px;}
.boardListWrap .listArea ul li ._col.title a {font-size:14px; line-height:20px; font-weight:500; color:#333;}
.boardListWrap .listArea ul li ._col.title a:after {display:block; content:''; width:6px; height:12px; position:absolute; top:50%; right:5px; margin:-6px 0 0 0; background-size:cover !important; background:url('/public/images/cm_arrow_gray_1_right.gif') center center no-repeat;}
.boardListWrap .listArea ul li ._col.hit {width:50px;}
.boardListWrap .listArea ul li ._col.date {width:80px;
width:100%; text-align:left; padding:2px 5px 10px 5px; font-size:12px; line-height:16px;}
.boardListWrap .listArea ul li ._col.view {width:100%;}
.boardListWrap.view .listArea ul li ._col {display:block; width:100%; text-align:center;}
/* 게시판 리스트 영역 :: E */



/* 예약등록 관련 UI 리뉴얼 영역 :: S */
.callRsvtProcess .rsvtForm {text-align:left;}

.callRsvtProcess .rsvtForm .infoSec {padding:30px 10px; border-bottom:5px solid #f2f2f2;}
.callRsvtProcess .rsvtForm .infoSec .secTit {font-size:20px; line-height:24px; margin:0 auto 10px;}
.callRsvtProcess .rsvtForm .infoSec .secTit span {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 10px; padding:0; font-size:13px; line-height:18px; font-weight:500; color:#ff3600;}
.callRsvtProcess .rsvtForm .infoSec .secTit .attrLimit {font-size:12px; font-weight:400; color:#333;}

.callRsvtProcess .rsvtForm dl {display:inline-block; float:none; width:calc(50% - 4px); position:relative; vertical-align:middle; margin:0 0; padding:10px 10px 10px 0; box-sizing:border-box;}
.callRsvtProcess .rsvtForm dl:last-child {margin:0 0;}
.callRsvtProcess .rsvtForm dl dt,
.callRsvtProcess .rsvtForm dl dd {display:inline-block; float:none; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:24px; font-weight:500; color:#333;}
.callRsvtProcess .rsvtForm dl dt {width:70px;}
.callRsvtProcess .rsvtForm dl dd {width:calc(100% - 74px);}
.callRsvtProcess .rsvtForm dl dd .inpArea {}
.callRsvtProcess .rsvtForm dl dd .inpArea input[type="text"],
.callRsvtProcess .rsvtForm dl dd .inpArea input[type="password"],
.callRsvtProcess .rsvtForm dl dd .inpArea input[type="tel"],
.callRsvtProcess .rsvtForm dl dd .inpArea input[type="number"],
.callRsvtProcess .rsvtForm dl dd .inpArea select,
.callRsvtProcess .rsvtForm dl dd .inpArea textarea {display:block; width:100%; height:40px; position:relative; margin:0; padding:0 10px; box-sizing:border-box; font-size:14px; line-height:40px; font-weight:400; color:#454545; box-shadow:none; border:1px solid #ddd; border-radius:5px;}
.callRsvtProcess .rsvtForm dl dd .inpArea select {background:url('/public/images/cm_icon_select_arrow_1.png') calc(100% - 10px) center no-repeat;
-webkit-appearance:none; /* 크롬 화살표 없애기 */
-moz-appearance:none; /* 파이어폭스 화살표 없애기 */
appearance:none /* 화살표 없애기 */
}
.callRsvtProcess .rsvtForm dl dd .inpArea textarea {height:auto; min-height:100px; line-height:24px; padding:10px;}
.callRsvtProcess .rsvtForm dl dd .inpArea #organ_name_2 {border:0;}

.callRsvtProcess .rsvtForm dl.full {width:100%;}
.callRsvtProcess .rsvtForm dl.full dd {width:100%;}
.callRsvtProcess .rsvtForm dl.select {width:100%;}
.callRsvtProcess .rsvtForm dl.select dt {line-height:40px; vertical-align:top;}
.callRsvtProcess .rsvtForm dl.guide {width:100%;}
.callRsvtProcess .rsvtForm dl.guide dd {}
.callRsvtProcess .rsvtForm dl.guide dd span {display:inline-block; position:relative; vertical-align:middle; font-size:12px; font-weight:600; letter-spacing:-0.5px;}
.callRsvtProcess .rsvtForm dl.guide dd input.total {width:60px; height:30px; text-align:center; margin:0 5px; padding:0; font-size:15px; line-height:28px; font-weight:600; color:#333; background:#fff; border:1px solid #ddd; border-radius:15px;}
.callRsvtProcess .rsvtForm dl.guide dd .detail {float:right;}
.callRsvtProcess .rsvtForm dl.guide dd .detail input[type="number"] {width:40px; text-align:center; padding:0 3px; background:none; border:0; font-weight:600;}

.callRsvtProcess .rsvtForm dl.price {width:100%; margin:0 auto; padding:15px; border:1px solid #ddd; border-bottom:0; border-radius:10px 10px 0 0;}
.callRsvtProcess .rsvtForm dl.price dd {width:100%;}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo {}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl {display:block; width:100%; position:relative; margin:0 auto 10px; padding:0; box-sizing:border-box; border-bottom:0; overflow:hidden;}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl:last-child {margin:0 auto;}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl dt,
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl dd {display:block; float:left; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:30px; font-weight:500; color:#555;}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl dt {width:50%; padding:0 0 0 10px;}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl dt:before {display:block; content:''; width:4px; height:4px; background:#61d377; position:absolute; top:13px; left:0;}
.callRsvtProcess .rsvtForm dl.price dd #priceInfo dl dd {width:50%; float:right; text-align:right;}

.callRsvtProcess .rsvtForm dl.result {width:100%; margin:0 auto; padding:0 15px 15px 15px; border:1px solid #ddd; border-top:0; border-radius:0 0 10px 10px;}
.callRsvtProcess .rsvtForm dl.result dt,
.callRsvtProcess .rsvtForm dl.result dd {display:block; float:left; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:30px; font-weight:600; color:#111;}
.callRsvtProcess .rsvtForm dl.result dt {width:50%; padding:0 0 0 10px;}
.callRsvtProcess .rsvtForm dl.result dt:before {display:block; content:''; width:4px; height:4px; background:#61d377; position:absolute; top:13px; left:0;}
.callRsvtProcess .rsvtForm dl.result dd {width:50%; float:right; text-align:right; color:#71a30e;}
.callRsvtProcess .rsvtForm dl.result dd span {margin:0 10px 0 0;}
.callRsvtProcess .rsvtForm dl.result dd span:last-child {margin:0;}


.callRsvtProcess .rsvtForm .radioRect {display:inline-block; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; box-sizing:border-box;}
.callRsvtProcess .rsvtForm .radioRect:last-child {margin:0;}
.callRsvtProcess .rsvtForm .radioRect > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.callRsvtProcess .rsvtForm .radioRect input[type="radio"] {display:none;}
.callRsvtProcess .rsvtForm .radioRect label {font-size:15px; line-height:20px; font-weight:500; color:#333; padding:0 0 0 25px;}
.callRsvtProcess .rsvtForm .radioRect label:before {display:block; content:''; width:20px; height:20px; position:absolute; top:50%; left:0; margin:-10px 0 0 0; background-size:cover !important; background:url('/public/images/cm_icon_radio_3_off.png') center center no-repeat;}
.callRsvtProcess .rsvtForm .radioRect input[type="radio"]:checked + label:before {background:url('/public/images/cm_icon_radio_3_on.png') center center no-repeat;}


.callRsvtProcess .rsvtForm .infoSec dl .selArea {}
.callRsvtProcess .rsvtForm .infoSec dl .selArea .cur {display:block; width:100%; height:40px; position:relative; margin:0; padding:0 10px; box-sizing:border-box; font-size:14px; line-height:40px; font-weight:400; color:#454545; box-shadow:none; border:1px solid #ddd; border-radius:5px; background:none;}
.callRsvtProcess .rsvtForm .infoSec dl .selArea .cur:after {width:12px; height:6px; margin:-3px 0 0 0; background:url('/public/images/cm_icon_select_arrow_1.png') center center no-repeat;}
.callRsvtProcess .rsvtForm .infoSec dl .selArea ul {}
.callRsvtProcess .rsvtForm .infoSec dl .selArea.open ul {height:auto; margin:5px auto 0; border:1px solid #ddd; border-radius:5px;}
.callRsvtProcess .rsvtForm .infoSec dl .selArea ul li {border-top:0; border-bottom:0;}
.callRsvtProcess .rsvtForm .infoSec dl .selArea ul li a {height:40px; font-size:15px; line-height:40px; font-weight:400; color:#454545; background:none;}
.callRsvtProcess .rsvtForm .infoSec dl .selArea ul li a {font-size:13px; color:#555;}


.callRsvtProcess .rsvtForm .infoSec dl .optArea {width:100%; position:relative; margin:10px auto 0; padding:0 15px; background:#f8fafb; border-radius:10px;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl {display:block; width:100%; position:relative; margin:0 auto 10px; padding:0; box-sizing:border-box; overflow:hidden;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl:first-child {padding-top:15px;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl:last-child {margin:0 auto; padding-bottom:15px;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dt,
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dd {display:block; float:left; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:30px; font-weight:500; color:#555;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dt {width:50%; padding:0 0 0 10px;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dt:before {display:block; content:''; width:4px; height:4px; background:#61d377; position:absolute; top:13px; left:0;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dt span {display:inline-block; position:relative; vertical-align:middle; font-size:12px; color:#777; margin:0 0 0 5px;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dd {width:50%; float:right; text-align:right;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dd .cntArea {width:100%; text-align:right;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dd .cntArea:after {content:' 명';}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dd .cntArea > * {vertical-align:top;}
.callRsvtProcess .rsvtForm .infoSec dl .optArea dl dd .cntArea input[type="number"] {width:70px; height:30px; text-align:center; margin:0; padding:0; font-size:15px; line-height:28px; font-weight:600; color:#333; background:#fff; border:1px solid #ddd; border-radius:15px;}


.callRsvtProcess .rsvtForm .infoSec dl .calcArea {width:100%; position:relative; margin:0 auto; padding:0; background:#f8fafb; border-radius:10px; border-top:0;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea.active {padding:0 15px 15px 15px;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; overflow:hidden;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dt,
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dd {display:block; float:left; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:30px; font-weight:600; color:#111;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dt {width:50%; padding:0 0 0 10px;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dt:before {display:block; content:''; width:4px; height:4px; background:#61d377; position:absolute; top:13px; left:0;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dt span {display:inline-block; position:relative; vertical-align:middle; font-size:12px; color:#777; margin:0 0 0 5px;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dd {width:50%; float:right; text-align:right; color:#71a30e;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dd p {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; font-size:15px; line-height:20px; font-weight:600; color:#71a30e;}
.callRsvtProcess .rsvtForm .infoSec dl .calcArea dl dd p:last-child {margin:0;}


@media screen and (max-width:640px){
	.callRsvtProcess .rsvtForm dl {width:100%; padding:8px 0;}
}

@media screen and (max-width:640px){
	.callRsvtProcess .rsvtForm dl.guide dd .detail {float:none; margin:10px auto 0;}
}
/* 예약등록 관련 UI 리뉴얼 영역 :: E */