@charset "utf-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");/* 로딩화면용 아이콘 */
/* CSS Document */
body {background:#f8f8f8;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
a {color: #000;}
#wrap.main {position:absolute; left:0; right:0; top:0; bottom:0; }
.echat {background-color: #fff;}
.echat_view {background-color:#f0f0f0;}
/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; top:0; z-index:99; width:100%; height:48px; background-color:#fff;}
@media (min-width:1024px) {
	#header {height: 146px; box-shadow : 0 0 10px 3px rgba(0,0,0,.05); }
}
#header .h_logo {display:none; vertical-align:middle;/* position:absolute; left:50%; top:0;  margin-left:-35px; */ width:80px; height:60px;background-image:url("/static/images/common/logo.png"); background-repeat:no-repeat; background-position:center 10px; background-size:100% auto;}
@media (min-width:1024px) {
	#header .h_logo {display: inline-block; width: 110px; height: 62px; background-position: center 0; cursor:pointer;}
	#header .h_logo .icon {width: 110px; height: 62px; display: inline-block;}
}
#header .h_title {display:inline-block; vertical-align:middle; width:100%; height:48px; font-size:18px; font-weight:500; color:#282828; line-height:48px;}
@media (min-width:1024px) {
	#header .h_title {display: none;}
	#header .n_home {display: none;}
	#header .h_back {display: none;}
	.top #header {background-color: #fff;}
}
#header .h_title.mtit{color:#6b3cec;text-align:center;border-bottom:solid 1px #f8f8f8;box-sizing: border-box;}
#header .h_title.mtit h2{display:inline-block;position:relative;font-weight:700;}
#header .h_title.mtit h2:before{content:'';display:inline-block;width: 25px;height: 25px;background-size: 25px;background-repeat: no-repeat;background-image: url(/static/images/common/ico_menu.png);background-position-x:0;margin: 10px 4px 0 0;float:left;}
#header .h_title.mtit.mClub h2:before {background-position-y:2px}
#header .h_title.mtit.mNight h2:before {background-position-y:-24px}
#header .h_title.mtit.mLaunge h2:before {background-position-y:-48px}
#header .h_title.mtit.mPiece h2:before {background-position-y:-73px}
#header .h_title.mtit.mReserv h2:before {background-position-y:-99px}
#header .h_title.mtit.mGuest h2:before {background-position-y:-123px}
#header .h_title.mtit.mPhoto h2:before {background-position-y:-148px}
#header .h_title.mtit.mSched h2:before {background-position-y:-173px}
#header .h_title.mtit.mShuttle h2:before {background-position-y:-198px}
#header .h_title.mtit.mRank h2:before {background-position-y:-223px}
#header .h_title.mtit.mMd h2:before {background-position-y:-248px}
#header .h_title.mtit.mCommu h2:before {background-position-y:-273px}
#header .h_title.chatting {border-bottom:solid 1px #6b3cec; text-align:center; box-sizing: border-box;}
#header .h_title.chatting h2 {color:#fff; font-weight:600;}
#header .chat_setting {display:inline-block; vertical-align: middle; position:absolute; right:0; top:0; z-index:1; width: 48px; height: 48px; }
#header .chat_setting a {display:inline-block; vertical-align:middle; width:100%; height:100%; padding-top: 9px;}
#header .chat_setting .icon {display:inline-block; vertical-align:middle; width:32px; height:32px; background-image:url("/static/images/common/ico_access.png"); background-repeat:no-repeat; background-size:27px; background-position: 0 -161px; }

@media (max-width:1023px) {
	#header .n_home {display: inline-block;vertical-align: middle;width: 48px;height: 48px;position:absolute; left:0; top:0;}
	#header .h_back {display: inline-block;}
	.android.top #header {width: auto;}
	.echat #header {background-color: #6b3cec;}
}
#header .n_home a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#header .n_home .icon {display:inline-block; vertical-align:middle; width:48px; height:48px; border-radius:20px;background-image: url(/static/images/common/icon_tabbar.png);
 background-repeat: no-repeat; background-size:81px auto;background-position:-36px -237px;}
#header .n_home.w .icon {display:inline-block; vertical-align:middle; width:48px; height:48px; border-radius:20px;background-image: url(/static/images/common/icon_tabbar.png);
 background-repeat: no-repeat; background-size:81px auto;background-position:-36px -318px;}

#header .n_home a:hover .icon {background-position-x: 4px}
#header .h_back {vertical-align:middle; position:absolute; left:0; top:0; width:48px; height:48px;}
#header .h_back button {display:inline-block; vertical-align:middle; width:48px; height:48px;}
#header .h_back button i.arrow_t {display:inline-block; vertical-align:middle; position:absolute; left:16px; top:19px; width:12px; height:2px; border-radius:2px; background-color:#333; transition:0.2s; transform:rotate(-45deg);}
#header .h_back button i.arrow_b {display:inline-block; vertical-align:middle; position:absolute; left:16px; bottom:19px; width:12px; height:2px; border-radius:2px; background-color:#333; transition:0.2s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg);}
#header .h_back button i.arrow_t.white {background-color: #fff;} /* 20191227 추가 */
#header .h_back button i.arrow_b.white {background-color: #fff;}
#header .h_like{display:table;vertical-align: middle;position: absolute;right: 0; top:0; width: 48px;height: 48px;}
#header .h_like .like{display:table-cell;vertical-align: middle;width: 48px;height: 48px;}
.club_header .h_like {display:table; vertical-align: middle; position: absolute; right: 0; top:0; width: 60px; height: 48px; z-index: 900;}

#header .h_menu .hm_btn {vertical-align:middle; position:absolute; right:0; top:0; z-index:99; width:48px; height:48px; overflow:hidden;}
#header .h_menu .hm_btn i {display:inline-block; vertical-align:middle; position:absolute; left:50%;top:50%; width:20px; height:2px; border-radius:2px; margin-top:-1px; margin-left:-10px; background-color:#333; transition:0.2s;}
#header .h_menu .hm_btn i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:-6px; width:100%; height:100%; border-radius:2px; background-color:#333; transition:0.2s;}
#header .h_menu .hm_btn i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:6px; width:50%; height:100%; border-radius:2px; background-color:#333; transition:0.2s;}
#header .h_menu.on .hm_btn i {background-color:#fff; transform:rotate(-45deg);}
#header .h_menu.on .hm_btn i:before {top:0; background-color:#fff; transform:rotate(90deg);}
#header .h_menu.on .hm_btn i:after {top:60px; background-color:#fff; background:none;}

@media (max-width:1023px) {
	#usermenu {display: none;}
	#gnb {display: none;}
	#header .h_menu .hm_btn {display:inline-block; }
	.ico.noti:before {width:20px; height:20px; background-size:24px; background-position:-2px -98px; }
}
@media (min-width:1024px) {
	#usermenu {display: block; width: 980px; height: 38px; margin: 0 auto; }
	#usermenu .md {float: left; width: 90px; height: 20px; border: 1px solid #eee; border-radius: 20px; text-align: center; color: #6b3cea; font-size: 13px; margin-left: 5px; margin-top: 5px; padding-top: 8px; padding-left: 3px;  font-weight: 500; }
	#usermenu .md .ico:before {content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 2px; border-radius: 2px; background-color: #6b3cea; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); margin-left: 5px; margin-top: -6px; }
	#usermenu .md .ico:after {content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 2px; border-radius: 2px; background-color: #6b3cea; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); margin-left: -6px; margin-top: 2px; }
	#usermenu .menu:after {content: ''; float: right; width: 1px; height: 11px; background-color: #ccc; margin: 1px 12px 0; }
	#usermenu .list_menu {float: right; margin-top: 15px; margin-right: 5px; }
	#usermenu .list_menu a {font-size: 13px; color: #767676; font-weight: 400; }
	#usermenu .list_menu li {position: relative; float: left; }
	#usermenu .menu.join a {color: #000; }
	#gnb {display: block; width: 100%; height: 45px; border-top: 1px solid #eee;}
	#gnb .gnb_inner {width: 915px; height: 45px; margin: 0 auto; }
	#gnb .gnb_menu li {position: relative; float: left; }
	#gnb .gnb_menu a {font-size: 16px; color: #333; font-weight: 500; line-height: 45px; }
	#gnb .menu:after {content: ''; float: right; width: 1px; height: 11px; background-color: #ccc; margin: 18px 30px 0;}
	#gnb .menu.on a {color: #6b3cec; font-weight: 600; }
	#gnb .menu_last.on a {color: #6b3cec; font-weight: 600; }
	#header .h_menu .hm_btn {display:none; }
	.ico.noti:before {width:32px; height:32px; background-size:32px; background-position: 0 -131px;}
	#header .h_menu {position:fixed; display:block; top:166px; left:24px; right:0; margin:0 auto; transform:translate(-140%, 0); width:275px; height:510px;}
	#wrap.com2 .h_menu {display:none;}
}

/* 알림 아이콘 */
.ico.noti {display:inline-block;position:absolute;padding: 0px;width:48px;height:48px;}
.ico.noti:before{content:'';display:inline-block;position:absolute;top:15px;left:13px;padding:0px;background-image:url(/static/images/common/ico_access.png);background-repeat:no-repeat;}
.noti span {font-size:0.786rem;letter-spacing:0px;position:absolute;height:18px;background:#f2655b;color:#fff;border-radius:9px;padding:0 5px;line-height:16px;top:10px;right:4px;/*border:#fff solid 1px;*/}
/* 메인 헤더 */
@media (max-width:1023px) {
	#wrap.main #header {box-shadow:none;border-bottom:none;}
	
}
#wrap.main #header .h_logo {display:inline-block;}
#wrap.main #header .h_title {display:none;}
#wrap.main #header .h_back {display:none;}
#wrap.main #header .h_menu .hm_btn i {background-color:#6b3cec; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
#wrap.main #header .h_menu .hm_btn i:before {background-color:#6b3cec; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
#wrap.main #header .h_menu .hm_btn i:after {background-color:#6b3cec; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
#wrap.main #header .h_menu.on .hm_btn i,
#wrap.main #header .h_menu.on .hm_btn i:before,
#wrap.main #header .h_menu.on .hm_btn i:after{background-color: #fff;}
/* 오류페이지 */
#wrap.error {background-color:#fff;}
#wrap.error #header {/*height:120px;*/border-bottom:none;background-color:#6b3cec}
#wrap.error #header .h_logo{display:inline-block;background-image:url("/static/images/common/logo_white.png");}
#wrap.error #contents{position:absolute;top:0;left:0;height:100%;width:100%;}
.errorArea{padding:40px 20px;}
.errorArea i{display:inline-block;width:100px;height:100px;background-image:url(/static/images/common/icon_caution.png);background-size:cover;background-repeat:no-repeat;}
.errorArea h2{margin-top:30px;font-size:20px;font-weight:500;line-height:1.3em;}
.errorArea p{padding:10px 20px;;color:#767676;line-height:1.3em;}
.errorArea p span{}
.errorArea p span strong{font-size:14px;}
.errorArea p span em{display:block;margin-top:10px;color:#999;}
.errorArea + .btn_wrap{width:80%;margin:30px auto;}
.errorArea + .btn_wrap a{width:49%; }

@media (min-width:1024px) {
	#wrap.error #header {height: 48px; border-bottom:none; background-color:#6b3cec;}
	#wrap.error #header .h_logo {display:inline-block; background-image:url("/static/images/common/logo_white.png"); width: 80px; height: 60px; background-position: center 10px; }
	#wrap.error #contents{position:absolute; top:48px; left:0; height:100%; width:100%;}
	#wrap.error #contents .wrap {max-width: 568px;}
	#wrap.main #header .h_menu {display:none;}
}

/* 클럽 헤더 */

.top #header .h_title{text-align: center;padding-left: 0; }
.top #header .h_title h2{display:none;margin-top:32px;color: #fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);text-align: center;transition: 0.2s;/*background-color: rgba(0, 0, 0, 0.8);*/}
/*.top #header .h_title{display:none;}*/
.top #header .h_back button i.arrow_t {background-color:#fff;}
.top #header .h_back button i.arrow_b {background-color:#fff;}
/*  커뮤티티 슬라이드 메뉴  :background-color:rgba(27, 34, 38, 0.8); */
#nav {display:none; vertical-align:middle; left:0; right:0; top:0; bottom:0; z-index:10; }
.not_scroll{position:fixed;overflow:hidden;width:100%;height:100%}/* body scroll X */
#nav.on {display:inline-block;}

#nav .dim {vertical-align: middle;width: 100%;height: 100%;background-color: rgba(27, 34, 38, 0.8);}
#nav .n_home {display:inline-block; vertical-align:middle; position:absolute; left:-46px; top:10px; width:36px;}
#nav .n_home a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#nav .n_home .icon {display:inline-block; vertical-align:middle; width:36px; height:36px; border-radius:20px; background-color:#6B3CEC; background-image:url("/static/images/common/icon_home.png"); background-repeat:no-repeat; background-position:right top; background-size:200% auto; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);}
#nav .n_home a:hover .icon {background-color:#fff; background-position:left top;}
#nav .n_head {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:100%; height:60px; background-color:#6B3CEC;}
#nav .n_info {height:24px; margin:10px 20px; text-align:left;}
#nav .n_info strong {display:inline-block; vertical-align:middle; float:left; font-size:16px; font-weight:300; color:#fff; line-height:24px; width: 70%}
#nav .n_info span {display:inline-block; vertical-align:middle; float:left; padding:0 3px; border-radius:12px; border:solid 1px #fff;font-size:10px;color:#fff; line-height:14px; font-weight: 400;}
#nav .n_info .icon {display:inline-block; vertical-align:middle; float:left; width:12px; height:12px; margin:6px 5px 6px 0; background-image:url("/static/images/common/icon_login.png"); background-repeat:no-repeat; background-position:left top; background-size:200% auto;}
#nav .n_info a:hover {background-color:#fff; color:#6B3CEC;}
#nav .n_info a:hover .icon {background-position:right top;}
#nav .n_info .thmb {overflow: hidden; display: block; float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 50%;}
/* 20191115 오른쪽 전체메뉴 프로필 사진 사이즈 변경 */
#nav .n_info .thmb img {position: relative; left: 50%; top: 50%; height: auto; width:100%; min-width: 40px; min-height: 40px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
#nav .n_btn {display:inline-block; vertical-align:middle; position:absolute; right:60px; top:15px; width:30px; height:30px;}
#nav .n_btn a {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("/static/images/common/icon_setting.png"); background-repeat:no-repeat; background-position:center; background-size:30px;}
/* 게시판 토글 메뉴 */
#nav .n_body {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:60px; bottom:0;}
#nav .n_mainmenu {display:inline-block; vertical-align:middle; float:left; width:80px; height:100%; background-color:#2d2d2d;}
#nav .n_mainmenu ul {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#nav .n_mainmenu li {display:inline-block; vertical-align:middle; position:relative; width:100%; height:14.285714%;}
#nav .n_mainmenu li:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#353535;}
#nav .n_mainmenu a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#nav .n_mainmenu li.on a {background-color:#d60d8d;}
#nav .n_mainmenu li:hover {background-color:#353535;}
#nav .n_mainmenu span {display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:100%; height:20px; margin-top:-10px; font-size:14px; font-weight:500; color:#fff; line-height:20px;}
#nav .n_list {display:inline-block; vertical-align:middle; float:left; width:100%; height:100%; overflow:auto; text-align:left;background-color:#f3f3f3;}

@media (max-width:1023px) {
	#header .gnb_sc {display: table; right:40px;top:0;}
	#nav {position:fixed;}
	#nav .wrap {position:absolute;right:0;/* float:right;*/ width:275px; height:100%; background:#fff; box-shadow:0 0 50px rgba(0, 0, 0, 0.3);}
	#nav .dim {display: inline-block;}
	#nav .iconMenu.mini {display: inline-block;}
	.community .wrap {max-width: 568px; margin:0 auto; width:100%;}
	#nav .n_head {box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}
	.commu_write {display:none;}
	.top #header{background-color:transparent;border-bottom:none;}
	.btnWrite.inquiry .btn_write span {display:none;}
}
@media (min-width:1024px) {
	#header .gnb_sc {display:block; width:38px; height:48px; left:0; right:0; top:40px; margin:0 auto; transform: translate(1300%,0);}
	#nav {position:relative;}
	#nav .wrap {position:relative; width:275px; height:510px; top:0; left:0; background:#fff; border:1px solid #e8eaed;}
	#nav .dim {display: none;}
	#nav .iconMenu.mini {display: none;}
	.community .location_bar .inner_box {background-color:#fff;}
	.community .wrap {width:720px; margin-left:300px; margin-top:20px;}
	.community.view .wrap {width:100%; margin-left:0; }
	.commu_write {display:inline-block; position:relative; left:0px; top:10px; width:277px; height:45px; background-color:#6b3cec; color:#fff; line-height:45px;}
	.commu_write .ico:before {content:''; display:inline-block; position:absolute; width:2px; height:16px; background-color:#fff; margin-top:-2px; margin-left:-4px;}
	.commu_write .ico:after {content:''; display:inline-block; position:absolute; width:16px; height:2px; background-color:#fff; margin-top:5px; margin-left:-11px;}
	.commu_write .commu_write_tit {color:#fff; font-size:15px; font-weight:500;}
	.community .btnWrite {display: none;}
	.inquiry .btnWrite.ico_write {display: none;}
	.inquiry .btnWrite.inquiry {position: relative; left: 0; right: 0; bottom:0; float: right; margin-top: 10px;}
	.btnWrite.inquiry .btn_write {width: 200px; height: 45px; border-radius: 0;}
	.btnWrite.inquiry .btn_write i {left: 35%;}
	.btnWrite.inquiry .btn_write span {font-size:16px; color:#fff; font-weight:500; margin-left:20px;}
	.inquiry .content.view .article_header .location_area {padding: 0 2%; }
	.inquiry .content.view .article_header .h_title {width:96%; }
	.inquiry .article_header .txt_area {width:96%; }
	.inquiry .article_body .table {width:96%; }
	.inquiry .section_comment .top_area {padding: 0 2%; }
	.inquiry .section_comment .no_post {width:96%; }
	.inquiry .section_comment .comment .lst_wp {padding: 0 2%; }
	#wrap.com2 .commu_write {display:none;}
}
.inquiry .location_bar .inner_box {background-color:#fff;}
/* 검색 */
#header .gnb_sc{vertical-align: middle;position: absolute;/* display:table-cell;width:32px;text-align:center;vertical-align:top; */}
#header  button.gnb_search{display:table-cell;vertical-align:middle;width:38px;height:48px;}
#header  button.gnb_search:after{content: '';background-image: url(/static/images/common/icons.png);background-size:130px;background-position:-7px -235px;width: 18px;height: 18px;display: inline-block;vertical-align: top;}
.search_arae {display:none;position:absolute;top:0;left:0;width:100%;padding:20px 20px 5px;box-sizing:border-box;background-color:#6b3cec;z-index:100;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);text-align:left;}
.input_wrap {display: table;width: 100%;height: 40px;background-color: #fff;border-bottom:solid 2px #6b3cec;}
.input_wrap .input_txt {display: table-cell;padding: 5px;vertical-align:middle; height: 32px; line-height: 32px;}
.input_wrap .input_txt input {width: 100%;height: 30px;border: 0;font-size: 17px;color: #000; line-height: 30px;}
.input_wrap .input_btn {display: table-cell;text-align:right;width:80px; vertical-align: middle;}
.input_wrap .input_btn .search_btn {display: inline-block;width: 40px;height: 40px;}
.input_wrap .input_btn .search_btn:after {content: '';margin: 0 auto;background-image: url(/static/images/common/icons.png);background-size:130px;background-position:-40px -235px;width: 18px;height: 18px;display: inline-block;vertical-align: top;}
.search_arae .checkbox label i {left: 0;background-color:rgba(255,255,255,0);border: rgba(255,255,255,0.2) solid 1px;}
.search_arae .checkbox label i:before {color: rgba(255, 255, 255, 0.2);}
.search_arae .checkbox input:checked + label i:before{color:#6b3cec}
.search_arae .checkbox{padding-left: 25px;}
.search_arae .checkbox label span{color:rgba(255,255,255,0.5);}
.search_arae .checkbox input:checked + label i{border: rgba(255,255,255,1) solid 1px;background-color: rgba(255,255,255,1);color:#6b3cec}
.search_arae .checkbox input:checked + label span{color:#fff;}
.search_arae .btn_close { position: relative; display:inline-block; width: 26px; height: 26px; margin: 0;float:right;top:12px; right:5px;}
.search_arae .btn_close:before {position: absolute;content: '';display: inline-block;right: 0;top: 50%;width: 25px;height: 1px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);background-color: #fff;}
.search_arae .btn_close:after {position: absolute;content: '';display: inline-block;right:0;top: 50%;width: 25px;height: 1px;transform: rotate(-45deg);background-color: #fff;}
.search_arae .btn_close span{ display: none;}
.search_arae .btn_del { position: relative; display:table-cell; width: 20px; height: 20px;background-color:#eee;border-radius:50%; top:2px; }
.search_arae .btn_del :before {position: absolute;content: '';display: inline-block;right:4px;top: 50%;width: 12px;height: 1px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);background-color: #999;}
.search_arae .btn_del :after {position: absolute;content: '';display: inline-block;right:4px;top: 50%;width: 12px;height: 1px;transform: rotate(-45deg);background-color: #999;}
.search_arae .btn_del span{ display: none;}
.top_area > .search_arae {display:inline-block;}
@media (min-width:1024px) {
	.search_arae form {width:100%; max-width: 1000px; margin:0 auto;}
}
/*  검색  inline 용 */
.search_inline{display:inline-block;text-align:left;float:left;width:180px;margin-left:15px; padding:3px 0;box-sizing:border-box;}
.search_inline .checkbox label i {left: 0;}
.search_inline .checkbox{padding-left: 25px;}
.search_inline .btn_close { position: relative; display:inline-block; width: 26px; height: 26px; margin: 0;float:right;top:12px; right:5px;}
.search_inline .btn_close:before {position: absolute;content: '';display: inline-block;right: 0;top: 50%;width: 25px;height: 1px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);background-color: #616eaa;}
.search_inline .btn_close:after {position: absolute;content: '';display: inline-block;right:0;top: 50%;width: 25px;height: 1px;transform: rotate(-45deg);background-color: #616eaa;}
.search_inline .btn_close span{ display: none;}
.search_inline .btn_del { position: relative; display:table-cell; width: 20px; height: 20px;background-color:#eee;border-radius:50%;}
.search_inline .btn_del :before {position: absolute;content: '';display: inline-block;right:4px;top: 50%;width: 12px;height: 1px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);background-color: #999;}
.search_inline .btn_del :after {position: absolute;content: '';display: inline-block;right:4px;top: 50%;width: 12px;height: 1px;transform: rotate(-45deg);background-color: #999;}
.search_inline .btn_del span{ display: none;}
.search {display: table;width: 100%;height: 30px;background-color: #fff;border-radius:15px;padding-left:15px;padding-right:10px;box-sizing:border-box;}
.search .input_txt {display: table-cell;padding: 0;vertical-align: top;}
.search .input_txt input {width: 100%;height: 30px;border: 0;font-size: 17px;color: #000;}
.search .input_btn {display: table-cell;text-align:right;}
.search .input_btn .search_btn {display: inline-block;width: 30px;height: 30px;}
.search .input_btn .search_btn:after {content: '';margin: 0 auto;background-image: url(/static/images/common/icons.png);background-size:130px;background-position:-40px -235px;width: 18px;height: 18px;display: inline-block;vertical-align: top;}
/* 게시판 탭메뉴 */
.bTab { border-left:none;position: absolute; overflow: auto; width:100%; z-index: 999; background-color:#f3f3f3;}
.bTab li { float:left; width:50%;  text-align:center; box-sizing:border-box;font-size:14px; color:#b4b4b4 }
.bTab li { display:inline-block; height:45px; line-height: 45px; cursor:pointer;font-weight: 500; }
.bTab li.on { background-color:#fff; color:#333; }
.bTab_con { clear:both;font-size:15px; position:relative; top:45px; width:100%; overflow: auto; }
@media (max-width:1023px) {
	.bTab_con {height:calc(100% - 160px);}
}
.bTab_con .menu_area h3.tit {float:left; display: inline-block; width:100%;height:40px;line-height: 46px; padding:0 20px; box-sizing: border-box; margin:0; overflow: hidden; font-size:14px;color:#333; font-weight: 500;}
.bTab_con .menu_area { display:none; text-align:left;}
.bTab_con .list {width: 100%;display: table;position: relative;margin-top: -1px;border-top: 1px solid #e8eaed; background-color:#fff; margin-bottom:5px;}
.bTab_con .list>li {overflow: hidden;position: relative;border-bottom: 1px solid #e7e8eb;font-size: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing: border-box;}
.bTab_con .list li .menu_text { width:100%; display: table; table-layout:fixed;}
.bTab_con .menu_area .menu_text>a { height:29px; display: table-cell; position:static;vertical-align:middle;}
.bTab_con .list li .tit {height: 42px;padding: 0 5px 0 20px;box-sizing: border-box;line-height:42px;}
.bTab_con .list li .tit_board {display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.bTab_con .list li .tit_text {max-width: 100%;height: 18px;display: inline-block;overflow: hidden;position: relative;padding-right: 20px;white-space: nowrap;text-overflow: ellipsis;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;line-height: 1.25em; color:#707070; }
.bTab_con .list .rb { width: 40px;height: 29px;display:table-cell;padding-right:11px;vertical-align: top;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
.bTab_con .list .btn_favorit {display: inline-block; background: url(/static/images/common/icons.png) no-repeat;background-repeat: no-repeat;background-size:120px auto;-webkit-background-size:120px auto;}
.bTab_con .list .btn_favorit {display: inline-block;overflow: hidden;width: 19px;height: 19px;line-height: 100em;background-position:-3px -4px;}
.bTab_con .list .btn_favorit.on {background-position-x:-32px;}
/* new 아이콘 */
.bTab_con .list .ic_new {position: absolute;top:4px;right: 0;display: inline-block;overflow: hidden;width: 14px;height: 14px;margin-left: 5px;background-color:#f2655b; border-radius: 50%;}
.bTab_con .list .ic_new:before {content: 'N'; font-size: 12px; color:#fff; position: relative; left:0;top:-5px;display:inline-block;width:14px;height:14px;}
/* 메인 */
/* 아이콘 메뉴 */
.iconMenu {max-width:568px;margin:0 auto;background-color:#fff;padding-top:30px;padding-bottom:20px;}
@media (min-width:1024px) {
	.iconMenu {max-width: 1280px;}
	.iconMenu .ic_new{left:calc(50% - -18px); top:70px;}
	.iconMenu li.chatting {display: none;}
}
@media (max-width:1023px) {
	.iconMenu .ic_new{left:calc(50% - -8px);top:35px;}
}
.iconMenu ul {width:90%;margin:0 auto;box-sizing:border-box; overflow: hidden;}
.iconMenu li{float:left; display:inline-block; width:32.3%;height:auto;background-color:transparent; margin-right:0.5%;margin-left:0.5%; margin-bottom:20px;}
.iconMenu a {display:inline-block;width:100%;height:100%;position:relative;}
.iconMenu .ico{display:block;width:50px;height:50px;background-size:50px;background-repeat:no-repeat;background-image:url(/static/images/common/ico_menu.png);margin:0 auto;}
.iconMenu .ic_new{position:absolute; margin:0;}
.iconMenu span{display:block;margin-top:10px;font-size:14px;font-weight:500;}
.iconMenu li.club .ico{background-position:0 0;}
.iconMenu li.night .ico{background-position:0 -50px;}
.iconMenu li.launge .ico{background-position:0 -100px;}
.iconMenu li.piece .ico{background-position:0 -150px;}
.iconMenu li.reserv .ico{background-position:0 -200px;}
.iconMenu li.guest .ico{background-position:0 -250px;}
.iconMenu li.photo .ico{background-position:0 -300px;}
.iconMenu li.sched .ico{background-position:0 -350px;}
.iconMenu li.shuttle .ico{background-position:0 -400px;}
.iconMenu li.rank .ico{background-position:0 -450px;}
.iconMenu li.md .ico{background-position:0 -500px;}
.iconMenu li.commu .ico{background-position:0 -550px;}
.iconMenu li.chatting .ico{background-position:0 -600px;}
.iconMenu li.frdsrch .ico{background-position:0 -650px;}
.iconMenu.mini {float: left;display: inline-block;position: absolute;bottom: 0;left: 0;width: 100%;padding-top:0;}
.iconMenu.mini .tit{float: left;display: inline-block;width: 100%;height: 40px;line-height: 46px;padding: 0 20px;box-sizing: border-box;margin: 0;overflow: hidden;font-size: 14px;color: #333;font-weight: 500;text-align:left;margin-bottom:10px;}
.iconMenu.mini ul{width:100%;}
.iconMenu.mini span {margin-top: 5px;font-size: 13px;font-weight: 400;}
.iconMenu.mini .ico{ width: 24px;height: 24px;background-size: 24px;background-repeat: no-repeat;background-position-x:0;background-image: url(/static/images/common/ico_menu.png);margin: 0 auto;}
.iconMenu.mini li.club .ico {background-position-y:2px}
.iconMenu.mini li.night .ico {background-position-y:-24px}
.iconMenu.mini li.launge .ico {background-position-y:-48px}
.iconMenu.mini li.piece .ico {background-position-y:-73px}
.iconMenu.mini li.reserv .ico{background-position-y:-96px}
.iconMenu.mini li.guest .ico {background-position-y:-123px}
.iconMenu.mini li.photo .ico{background-position-y:-148px}
.iconMenu.mini li.sched .ico{background-position-y:-173px}
.iconMenu.mini li.shuttle .ico{background-position-y:-198px}
.iconMenu.mini li.rank .ico{background-position-y:-223px}
.iconMenu.mini li.md .ico {background-position-y:-248px}
.iconMenu.mini li.commu .ico {background-position-y:-273px}
.iconMenu.mini a {border-right: solid 1px #f8f8f8;}
.iconMenu.mini li:last-child a {border-right:none;}
@media (min-width:1024px) {
	.iconMenu .ico {width: 100px; height: 100px; background-size: 100px;}
	.iconMenu li.club .ico{background-position:0 0;}
	.iconMenu li.night .ico{background-position:0 -100px;}
	.iconMenu li.launge .ico{background-position:0 -200px;}
	.iconMenu li.piece .ico{background-position:0 -300px;}
	.iconMenu li.reserv .ico{background-position:0 -400px;}
	.iconMenu li.guest .ico{background-position:0 -500px;}
	.iconMenu li.photo .ico{background-position:0 -600px;}
	.iconMenu li.sched .ico{background-position:0 -700px;}
	.iconMenu li.commu .ico{background-position:0 -1100px;}
	.iconMenu li.chatting .ico{background-position:0 -1200px;}
	.iconMenu li.frdsrch .ico{background-position:0 -1400px;}	
	.iconMenu li.md .ico{background-position:0 -1000px;}
	.iconMenu span {font-size:18px;}
	.iconMenu li {margin-top: 15px;}
}

/* 메인 공지사항 외 */
.boardList {margin:10px auto 0; max-width:568px;}
.boardList_pc {display: none;}
@media (min-width:1024px) {
	.boardList {display: none;}
	.boardList_pc {display: block; margin: 20px auto; width: 100%; height: 225px; }
}
.boardList_pc .boardpreview {width:46%; height: 225px; float:right; text-align: left; padding : 0 15px; background-color: #fff; }
.boardList_pc .boardpreview.left {float: left; }
.boardList_pc .boardpreview .board_tit {width: 100%; height: 49px; line-height: 49px; border-bottom: 1px solid #cccccc; }
.boardList_pc .boardpreview .board_tit a {text-align: left; color: #333; font-weight: 500; font-size: 18px; line-height: 49px; }
.boardList_pc .boardpreview ul {margin: 10px auto 15px; }
.boardList_pc .boardpreview .board_txt {font-size: 15px; color:#707070; line-height: 30px; font-weight: normal; }
.boardList_pc .boardpreview li a:before {display: inline-block; width: 2px; height: 2px; margin: 15px 10px 0 0; vertical-align: top; background-color:#333; content: ''; }
.boardList_pc .boardpreview .board_more {display: inline-block; float: right;}
.boardList_pc .boardpreview .board_more_txt {font-size: 13px; color: #767676;}
.boardList_pc .boardpreview .board_ico:before {content:''; display: inline-block; vertical-align: middle; width: 6px; height: 1px; border-radius: 2px; background-color: #949494; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); margin-left: 5px; margin-top: -3px; }
.boardList_pc .boardpreview .board_ico:after {content:''; display: inline-block; vertical-align: middle; width: 6px; height: 1px; border-radius: 2px; background-color: #949494; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: -6px; margin-top: 4px; }

.boardList li{margin-bottom:1px;}
.boardList a {width:100%;display:inline-block;background-color:#fff; padding:0 40px 0 20px; height:50px;line-height:50px;box-sizing:border-box;}
.boardList .icon_txt {display:inline-block;width:calc(20% - 5px);text-align:left;color:#333;font-weight:500;font-size:14px;float:left;line-height:50px;}
.boardList strong {display:inline-block;width:75%;text-align:left;font-size:14px;color:#707070;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float:left;}
.boardList .arrow.right:before{right:15px;}
.boardList .arrow.right:after{right:15px;}
/* 메인 이벤트 영역 */
.event-area {display:block;margin:10px auto 30px;max-width:568px;}
.event-area .img {width:100%;display:inline-block;}
.event-area img {width:100%;}
.event-area.pc {display: none; }
@media (min-width:1024px) {
	.event-area {display: none;}
	.event-area.pc {display: block; margin: 10px auto 30px; max-width: 1280px; height: auto; }
}

/* 컨텐츠 */
@media (min-width:1024px) {
	#wrap #contents {margin-top: 146px;}
	#wrap #contents.mysetting {}
}
@media (max-width:1023px) {
	#contents {margin-top:48px;}
	.mysetting .wrap .content {padding-bottom:48px;}
	#wrap #contents {padding-bottom:56px;}
}

#contents {display:inline-block; vertical-align:middle; width:100%; overflow-x: hidden;}
#wrap {}
#wrap  #contents {margin-bottom:20px;} /* 20191119 btn_footer 하단 여백 수정 */
#wrap  #contents.noBottom{margin-bottom:0;}
#wrap.main #contents {position:relative; left:0; right:0; top:48px;bottom:0;margin:0;}
#wrap.main .content {/*padding-bottom:55px;*/}

@media (max-width:1023px) {
	#contents .wrap {max-width:568px;margin:0 auto;width:100%;}
	.piece #contents .wrap .content.view {background-color: #fff;}
}
@media (min-width:1024px) {
	#wrap.main #contents {margin-top: 98px;}
	#contents .wrap {max-width: 980px;}
	.piece #contents .wrap {left: 0; }
	#contents.mdwrite .wrap {left: 0; width: 100%;}
	.loginBody #contents .wrap {width:568px;}
	#contents.inquiry .wrap {width:1024px; margin-top:20px;}
}
.inquiry #articleListArea {background-color:#fff;}
.footerArea{padding:0 20px 20px;margin:0 auto 20px;max-width:568px;}
@media (min-width:1024px) {
	.footerArea {padding: 0 10px; max-width: 1280px; border-top: 1px solid #eee;}
	.footerArea .infoService {margin: 0; border: none; float: right; }
	.footerArea .infoService a {height: auto; line-height: 38px;}
	.footerArea .infoCompany {width: 80%;}
	.footerArea .infoCompany .inner {display: block;}
	.footerArea .infoCompany .inner > span {width: auto; margin-right: 8px;}
	.footerArea .infoCompany button {display: none;}
	.footerArea .infoCompany h1 strong {font-size: 16px;}
	.footerArea .infoCompany .text {border: none; padding: 0; }
}
@media (max-width:1023px) {
	.footerArea .infoService {margin:0 auto;border-bottom:solid 1px #eee;}
	.footerArea .infoService a {line-height:48px;}
	.footerArea .infoCompany .inner {display:none;}
	.footerArea .infoCompany .inner > span {width:100%;}
	.footerArea .infoCompany .inner > span:nth-child(2) {width:50%; float: left;}
	.footerArea .infoCompany .inner > span:nth-child(3) {width:50%; text-align: right;}
	.footerArea .infoCompany .text {border-bottom:solid 1px #eee; padding-bottom: 10px;}
}

.footerArea .infoService a {font-size:14px; font-weight:500; position:relative; padding-right:20px; color:#767676;}
.footerArea .infoService a.bold{font-weight:600;color:#000;}
.footerArea .infoService a:after{content:''; width:1px;height:10px; background-color:#ccc;position:absolute;right:-3px;top:4px;}
.footerArea .infoService a:last-child{padding-right:0;}
.footerArea .infoService a:last-child:after{display:none;}
.footerArea .infoService a:after{content:''; width:1px;height:10px; background-color:#ccc;position:absolute;right:7px;top:4px;}
.footerArea .infoCompany{position:relative;text-align:left;padding-bottom:20px;}
.footerArea .infoCompany h1{line-height:38px;height:38px;margin-top: 10px;}
.footerArea .infoCompany h1 strong{font-weight:500;color:#333}
.footerArea .infoCompany button{position:absolute;right:0;top:12px;font-size:10px;color:#767676;}
.footerArea .infoCompany button.arrow.right:before{top:auto;bottom:5px;right:0;background-color:#ccc;}
.footerArea .infoCompany button.arrow.right:after{bottom:8px;right:5px;background-color:#ccc;}
.footerArea .infoCompany button.arrow.right.off:before{right:5px;}
.footerArea .infoCompany button.arrow.right.off:after{right:0px;}
.footerArea .infoCompany .text{font-size:11px; line-height: 1.3em;}
.footerArea .infoCompany .inner{line-height:1.5em; color:#333; padding-bottom:20px; padding:10px 0;}
.footerArea .infoCompany .inner > span{display:inline-block; }
.footerArea .infoCompany .inner span strong{display:inline-block;padding-left:10px;position: relative;}
.footerArea .infoCompany .inner span strong:before{content:':';position:absolute;left:3px;}
.footerArea .copyright{color:#767676;font-size:11px;text-align:left;}
/* 네이버 카페 유형 소스  */
#ct { clear: both; width: 100%; }
#ct:after {display: block;clear: both;height: 1px;margin-top: -1px;content: '';}
.content { position: relative; z-index: 10;}
@media (max-width:1023px) {
	.content.location_fix {padding-top: 0;}
	#ct.location_fix {padding-top: 0;}
}

.content.sort_fix{}
.contfix {position: absolute; height: calc(100% - 98px); left: 0; top:48px;width:100%;} /* 로그인 완료 */
.location_bar .inner{position:absolute;left:0;right:0;width:100%; z-index:25}
.location_bar .inner_box{display:block; width:100%; height: 47px;}

/* 20191203 도움말 아이콘 추가 */
.location_bar .info_box{display: inline-block; float: right;}
.location_bar .info_icon {display: inline-block; vertical-align: middle; float: left; position: relative; top:0; left:0; width:18px; height: 18px; background-image: url(/static/images/common/information.png); background-repeat: no-repeat; background-size: 18px 18px; margin-right: 5px; margin-top: 3px; }
.info_box .info_text {color:#e55958; font-weight: 500; margin-right: 10px;}

.location_bar .inner.fix{position:relative; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.05);}
@media (max-width:1023px) {
	.location_bar .inner.fix {background-color: #fff;}
}
@media (min-width:1024px) {
	.location_bar .inner.fix{background-color: #f8f8f8; border-bottom: 1px solid #e3e3e3; box-shadow: none; }
}
.location_bar.chat .inner.fix {background-color: #6b3cec;}
.location_bar.chat {background-color:#6b3cec;}
.location_bar.chat .tap_area {padding: 0 5%;}
.location_bar.chat .tap_area li {width:30%;}
.location_bar.chat .tap_area li a {color:rgba(255,255,255,0.8);}
.location_bar.chat .tap_area li > .active {color:#fff; border-bottom: 2px solid #fff;}
.location_bar.chat .tap_area li:first-of-type a{margin:0 10px;}
.location_bar.chat .tap_area li a {max-width:300px;}

.location_bar.scorelog .inner.fix {background-color: #6b3cec;}
.location_bar.scorelog {background-color:#6b3cec;}
.location_bar.scorelog .tap_area {padding: 0 5%;}
.location_bar.scorelog .tap_area li {width:45%;}
.location_bar.scorelog .tap_area li a {color:rgba(255,255,255,0.8);}
.location_bar.scorelog .tap_area li > .active {color:#fff; border-bottom: 2px solid #fff;}
.location_bar.scorelog .tap_area li:first-of-type a{margin:0 10px;}
.location_bar.scorelog .tap_area li a {max-width:450px;}

.location_bar{position:relative;background-color:#fff;letter-spacing:-0.5px;}
.location_bar .tap_area{display:block;width:100%;padding-left:15px;vertical-align:top;text-align: left;}
.location_bar .tap_area li{float:left;display:inline-block;vertical-align:top;text-align:center;min-width:50px;  }
.location_bar .tap_area li:first-of-type a{margin:0}
.location_bar .tap_area li:last-of-type{padding-right:8px}
.location_bar .tap_area li.localSelect {float:right;padding-right:15px;}/* 클럽 목록 : 지역선택 위치 */
.location_bar .tap_area li a{display:block;position:relative;top:1px;max-width:140px;height:47px;margin:0 10px;padding-top:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:23px;color:#333;vertical-align:top;text-align:center;font-weight:400;letter-spacing:-1px;}

.location_bar .tap_area li a .ellip{line-height:23px;white-space:normal;}
.location_bar .tap_area li > .active{color:#6b3cec;font-weight:500;border-bottom:2px solid #6b3cec;position:relative;}
.location_bar .tap_area li .icon_new_txt{left:inherit;/*right:-8px*/}
.location_bar .tap_area li .icon_cafe_new{display:inline-block;margin-top:18px;background-position:-104px -82px;width:14px;height:14px;vertical-align:top}
.location_bar .btn_join{display:inline-block;width:75px;height:33px;margin:7px 10px 0 0;background-color:#00c73c;font-size:15px;color:#fff;text-align:center;line-height:33px;vertical-align:top}
/* MD 탭메뉴영역  재설정 */
/* 클럽 목록 : 지역선택 20191205 margin-right추가 */
.location_bar .tap_area .localSelect {width:auto; float:right;margin-left:18px; border:none;margin-top:9px; margin-right: 15px;}
.location_bar .tap_area .localSelect .select {height:32px;font-size:14px;padding: 0 30px 0 10px;border:solid 1px #ebebeb; background-position: 85% -4px; border-radius: 16px;line-height:30px;}

/* 정렬방식 선택영역 있는 경우 : 컨텐츠 상단 높이 기준 설정 */
.content.location_fix.tap_fix{padding-top: 80px;}
/* 검색&정렬 방식 선택  영역 */
/* MD 화면 */
.wrap > .top_area{width:100%;z-index:24;height:40px; padding-top: 8px;}
.location_bar .tap_area li a.bName{padding-right:12px;}
.location_bar .tap_area li a.bName:before,
.location_bar .tap_area li a.bName:after{content:""; display: inline-block;vertical-align: middle;position: absolute;top: 54%;width: 7px;height: 1px;border-radius: 2px;background-color: #6B3CEC;right:0;}
.location_bar .tap_area li a.bName:before{margin-top:-4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);}
.location_bar .tap_area li a.bName:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg);}
.search_bar {position: relative;letter-spacing: -0.5px;background-color: #f5f5f5;overflow:hidden;}
/*  정렬방식 선택  :  MD-조각,테이블 예약,게스트 신청 목록 */
.sort_bar {position: relative;letter-spacing: -0.5px;background-color: transparent;overflow:hidden;}
.sort_bar .sort{display:inline-block;}
.sort_bar .sort .select{border:none;background-color:transparent;padding-right:20px;text-align:right;}
.sort_bar .sort .select option{text-align:right;}
.sort_bar .sort:last-child{float:right;}
@media (max-width:1023px) {
	.wrap > .top_area {position:relative;}
	.location_bar + .top_area{top:0;}
	.sort_bar {padding:0 5%;}
	.location_bar + .top_area + .content.location_fix.top_fix{padding-top:0;}
	.list_board_section.list-layout .list_area{padding: 0 15px 10px;}
	.list_board_section #articleListArea .list_area {margin:0;}
	.inputStyle2 {margin: 20px auto;}
}
@media (min-width:1024px) {
	.wrap > .top_area {position:relative; top:0;}
	.location_bar + .top_area{top:0;}
	.sort_bar {padding:0 1%;}
	.location_bar + .top_area + .content.location_fix.top_fix{padding-top:0;}
	.list_board_section.list-layout .list_area{padding: 0;}
	#contents.md .ticket .txt_area .box_deco {right:170px;}
	.content.sort_fix.search_bix {padding:0;}
	.list_board_section.list-layout .ticket_entry .board_box {width:48%; float:left; margin:0 1% 10px;}
	.inputStyle2 {margin: 40px auto 20px;}
}
/* 회원관련 : 로그인, 아이디&비밀번호 찾기, 회원가입 */
.loginBody{background-color:#fff;}
.loginBody.finish{background-color:#f8f8f8;}
/* 로그인 */
.id.input,.pw.input{background-size:16px; background-position: 0 50%;background-repeat: no-repeat; padding-left: 20px;}
.id.input { background-image:url(/static/images/common/ico_id.png);}
.pw.input { background-image:url(/static/images/common/ico_pw.png);}
.auto-login{float:left;padding-left:24px;}
.auto-login.checkbox label span{color:#333;}
.auto-login.checkbox label i{left:0;}
/* 아이디 찾기 */
.location_bar .tap_area.find-id{width:100%;padding-left:0;background-color:#f5f5f5;}
.location_bar .tap_area.find-id li{display:inline-block;float:left;width:50%;}
.location_bar .tap_area.find-id li a{max-width:none;margin:0;width:100%;height:64px;line-height:40px;font-size:14px;color:#bbbbbb;font-weight: 500;}
.location_bar .tap_area.find-id li:last-of-type{padding-right:0;}
.location_bar .tap_area.find-id li a.active{color:#6b3cec; border-bottom:2px solid #6b3cec; }
.input-inline .input {float: left;}
.inputStyle2 {width: 90%;}
.inputStyle2 > form#joinForm{margin-top:26px;}
.inputStyle2 .input {border:solid 1px #ebebeb;height:50px;line-height: 50px;font-size:16px;font-weight:500;}
.inputStyle2 .input[disabled] {color:#767676;}
.inputStyle2 .input[type="tel"]{width:22%;  margin-left: 1%}
.inputStyle2 .input-inline .input.pNum1{margin-left:0;}
.inputStyle2 .btn-area {float:right;width:31%;}
.inputStyle2 .btn-area .btn {line-height:50px;height:50px;background-color:#999;color:#fff;border:none;font-size:14px}
.inputStyle2 .phone-num {overflow:hidden;}
.inputStyle2 .certification-num {margin-top:10px; overflow: hidden;}
.inputStyle2 .certification-num .input {width:68%;}
/* SNS 계정 버튼 */
.btn_sns { display: inline-block;position: relative;width: 44px;height: 44px;background-repeat: no-repeat;background-position: 0 0;background-size:contain;font-size:0;line-height: 0;text-indent: -9999999px }
.btn_sns.ico_naver {background-image: url(/static/images/common/btn_naver.png);}
.btn_sns.ico_facebook {background-image: url(/static/images/common/btn_facebook.png);}
.btn_sns.ico_kakao {background-image: url(/static/images/common/btn_kakao.png);}
.btn_sns.ico_apple {background-image: url(/static/images/common/btn_apple.png);}
/* 고객센터 하단 고정 */
.info-footer { display: block; text-align:center;font-size:12px;color:#707070;width:100%;}
.info-footer strong{color:#333333;}
/* 비밀번호 찾기 */
.inputStyle2 label {color:#767676;font-size:14px;text-align:left;display:inline-block; height: 20px; line-height: 20px;width:100%;}
.inputStyle2 label span {color:#e55958;}
.inputStyle2 .input-under {border:none;border-bottom:solid 1px #ebebeb;text-indent:0;}
.input-under:focus{border-bottom:solid 1px #6B3CEC}
/* 메시지 강조 라인 */
.line_point {border-bottom:solid 1px #6B3CEC;display:block; width:70px; margin-top:20px;margin-bottom:20px;}
/* 약관동의 */
.terms{width: 90%; margin: 0 auto;margin-top:26px;}
.select_all{display:block; height:50px;text-align: right;font-size:16px;color:#333333;border-bottom:solid 1px #6b3cec;}
.select_all .title {margin-right:30px;}
.terms-list li {display: block;border-bottom:solid 1px #ebebeb;text-align: left;padding: 8px 20px 8px 0; min-height:50px; box-sizing:border-box;}
.terms .checkbox a {position:absolute; right:50px;top:20px; text-decoration: underline; cursor:pointer;}
.terms .checkbox label i {left:auto;right: 20px;border-radius: 10px;}
.terms .checkbox span {line-height:25px;}
/* 회원가입 > 기본정보 입력 */
/* 계좌정보 */
.account-area { position:relative;text-align: left; margin-top:30px;margin-bottom:30px;border: solid 1px #eee;padding:20px 10px;}
.account-area.off {height:41px;overflow: hidden;margin-bottom:30px;}
.account-area legend{display:block;font-size:16px;font-weight:500;line-height:20px;height:20px;}
.account-area .checkbox{position:absolute;right:10px;top:10px;padding: 0 20px 0}
.account-area .checkbox i{right:0;left:auto;top:9px;}
.account-area .checkbox span{padding-right:5px;}
.account-area .select.bank {display:inline-block;width:45%;position:relative;top:50px;border:none; padding-left:0;z-index:1; border-bottom: solid 1px #ebebeb;height:50px; background-color:transparent;background-position: 90% 5px;font-size: 16px;}
.account-area .select:focus {border-bottom: solid 1px #6B3CEC;}
.account-area .account-num { width:55%;float:right;text-indent:5px;}
.account-area .account-num + button {top:1.8rem;}
.account-area .area {position:relative;height:100px;overflow:hidden;}
.account-area .area .bank{}
.account-area .area .input-cell{display:inline-block;width:100%;position:absolute;left:0;top:30px;}
.account-area .area .input-cell label{margin:0;}
.account-area .input_del .btn_del{top:1.6rem;}
.account-area .input_del .btn_ok{top:1.6rem;}
/* 회원가입 > 완료 */
.bg_baam { /* background-image:url(/static/images/common/bg_people2.png);background-size:cover;background-position: 0 0; background-repeat: no-repeat; */ position: relative; width:90%; margin: auto; margin-top: 50%; top:0;}
.v_middle { text-align: center; vertical-align: middle; position:relative;top:calc(50% - 100px); margin-bottom: 20px;}
.v_middle .giant { font-weight:500;}
.bg_logo {display: block; height: 50px; width: 100%; background-image:url(/static/images/common/logo_big.png);background-size:contain;background-position: 50% 50%; background-repeat: no-repeat; margin-bottom:150px; margin-bottom: 20px; }
/* 게시판 설정(board, community- 공통) */
/* 글쓰기 버튼 */
.btnWrite { display: inline-block; vertical-align: middle; position:fixed; right: 30px; bottom: 100px; z-index: 99999; overflow: hidden;}
.btnWrite button.btn_write{ position:relative;background-color:#6b3cec; width: 56px; height: 56px; border-radius: 50%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); font-size:15px;}
.btnWrite button.btn_write i{display: inline-block;vertical-align: middle;position: absolute;left: 50%;top: 50%;width: 20px;height:2px;border-radius: 2px;margin-top: -1px;margin-left: -10px;background-color: #fff;transition: 0.2s;}
.btnWrite button.btn_write i:after {content: "";display: inline-block;vertical-align: middle;position: absolute;left: 0;top:0;width:20px;height:2px;border-radius: 2px;background-color: #fff;transition: 0.2s; transform: rotate(90deg);}
.btnWrite.on button.btn_write i{display:inline-block;background-color: #fff; transform: rotate(-45deg);}
/* 공지안내영역 */
.noti_area {position:relative; width:100%; height:auto;}
.noti_area li {overflow: hidden; position: relative; color: #555; height:50px; line-height:50px;}
/* 알림-닫기버튼 */

.noti_area li.info { background-color: #f9f4ff;}
.noti_area li.info .inner {  padding-right: 35px; color: #5f5335; }
.noti_area li.info .noti { float: left;  margin-right: 9px; }
/* 공지-목록 상단 : bgv:개별공지 color */
.noti_area li .inner {display: inline-block;width:100%;line-height:50px;padding:0 15px;font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; word-wrap: break-word;  color: #222; text-align: left; font-weight: 500;}
.noti_area li .noti { margin-right: 5px; color: #6b3cec; font-weight: 500;}
.noti_area li  .must_read { display:inline-block;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
/* 공지안내 영역 닫기버튼 */
.noti_area li .btn_icon_close { display: inline-block; position: absolute; top: 0; right: 0; width: 43px; height: 100%;}
.noti_area li .btn_icon_close:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 15px; margin-top: -7px; background-position: -84px -100px; width: 13px;  height: 13px;}
/*  공지 롤링 */
.newsRolling{float:left;display:inline-block;width:100%; height:50px; overflow:hidden; background-color:#fff142;}
.newsRolling ul,
.newsRolling li {margin:0; padding:0; list-style:none;}
.newsRolling li a {display:inline-block;width:100%;}
/* 게시판목록 영역 : 공통  */
/* 게시판 내용 없을 때 */
.no_post{background-color:#f8f8f8;display:table;width:100%;}
.section_comment .no_post {width: 90%; margin: 0 auto;}
.no_post .inner{display: table-cell;width: 100%;padding: 20px 0;font-size: 15px;line-height: 18px;color: #999;text-align: center;vertical-align: middle;}
.no_post .inner .ico{display: block;margin: 0 auto 14px;height:60px;width:60px;background-image:url(/static/images/common/icons_board.png);background-repeat:no-repeat;background-size:120px auto;background-position:0 0;}
.no_post span{font-size: 15px;line-height: 18px;color: #999;text-align: center;vertical-align: middle;}
/* 아이콘 관련 */
.icon_q{display:inline-block;width:19px;height:14px;background-image:url(/static/images/common/icons.png);background-size: 120px auto;background-position:-95px -248px;vertical-align: -1px;}
.list_board_section.padding-top-2depth {padding-top:100px;  }/*  파티사진, 파티일정   상단 고정  */
.list_board_section .list_area {  } 
.gallery .list_board_section .list_area{padding-left:0;padding-right:0;}

.list_board_section .list_area:last-child {padding-bottom:15px;padding-top:0;} 
/* .list_board_section .list_area:last-child .board_box:last-child{border-bottom:none;} 20191205 삭제 */
/*.list_board_section .ticket .list_area:first-child {padding-top: 15px;}*/
/*.list_board_section .ticket .list_area:only-child {padding-top: 15px;}*/

.list_area{margin:0 auto;padding:0 15px}
.area.mdArea .list_area {padding: 0; }
.board_box{display:table;position:relative;width:100%;border-bottom:1px solid #eaeaea;word-break:break-all;word-wrap:break-word}
.gallery .list_board_section{ /*background-color: #f5f5f5; padding-right:15px;*/}
/* 20191122 갤러리 게시판 크기 수정 */
.gallery .board_box.gallery {background-color:#fff; padding-left:15px; padding-right:15px; width: 100%; margin-bottom: 10px; }
.gallery .board_box.gallery .txt_area{padding-right:0}

.community .list_board_section #articleListArea {background-color:#fff;}
.community .list_board_section #allArticleListArea {background-color:#fff;}
.community .list_board_section #articleNoticeListArea {background-color:#fff;}
.community .list_board_section #bookmarkBoardListArea {background-color:#fff;}
.list_board_section .list_area:only-child {padding-bottom:15px;padding-top: 0;}
@media (min-width:1024px) {
	.gallery .board_box.gallery {width: 48%; float: left; margin: 0 1% 15px;}
	.club .board_box.gallery {width: 48%; float: left; margin: 0 1% 15px;}
	.area.mdArea .list_area {margin-top: 5px;}
}
@media (max-width:1023px) {
	.gallery .list_board_section .list_area {/*margin-top: 40px;*/}
	.list_board_section .list_area:first-child {padding-top:15px;} 
}
/* 20190507 조각 : 상태표기 마진값 초기화  */
.piece .board_box .status{float:right;margin-right:0;}
.board_box .icon_text + .board_box .status{/*float:none;*/}
/*  목록  스타일  : MD목록  화면 적용 */
.list_board_section.list-layout {background-color:#fff;}
.list_board_section.list-layout .piece {background-color:#fff;}
.list_board_section.list-layout .ticket {background-color:#f8f8f8;}
/*  md 게스트신청목록 */
.list_board_section.list-layout.list-style-default .ticket .txt_area{padding:15px 14px 10px;}
.list_board_section.list-layout.list-style-default .board_box .status{float:right;}
.list_board_section.list-layout.list-style-default .board_box .amount .status{float:none;}
.list_board_section.list-layout.list-style-default .info > span:nth-last-child(2).date{float:right;margin-top:5px;}
.txt_area{display:table-cell;width:100%;padding:12px 0 13px 0; text-align:left;position:relative;box-sizing: border-box;}
/* 커뮤니티 공통 */
.txt_area .tit{font-size:16px;line-height:19px;display:inline;font-weight:500;}
/* 작성자 표기   */
.nick{display:inline-block}
.nick .ico{font-size:14px;white-space:nowrap;}
.date {display:inline-block; /*font-family: Arial, "sans-serif";*/ color:#333;font-size:14px;}

.ico{display:inline-block;font-size:10px;padding:0;box-sizing: border-box;font-weight:500;margin-right:3px;min-width:12px;min-height:12px;}
.ico.md{display:inline-block;border-radius:0;padding:0;font-size:14px;color:#6b3cec; }
.user_area{margin-top:4px;font-size:12px;line-height:15px;color:#959595;display:table;position:relative;}
.user_area .nick{display:table-cell;vertical-align:middle;position:relative;}
/* 20190507 텍스트아이콘 vertical 정렬 */
.user_area .nick .ico{font-size:14px;vertical-align: bottom;}
.user_area .profile{display:inline-block; width:40px; height:40px; float:left; margin-right:8px; border-radius:50%; overflow:hidden;} /* 20191205 간격조정 */
/* 20191115 작성자 프로필 사진 사이즈 변경 */
.user_area .profile img {position: relative; left: 50%; top: 50%; height: auto; width:100%; min-width: 40px; min-height: 40px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.user_area .profile + .ico{margin-top:10px}
.user_area .profile + .ellip{margin-top:10px}
.user_area .ellip{line-height:1.3}
.user_area .time{display:inline-block;padding-left:7px;white-space:nowrap;vertical-align: middle;font-family:Arial, "sans-serif"}
.user_area .no{display:inline-block;padding-left:10px;white-space:nowrap;vertical-align: middle;font-family:Arial, "sans-serif"}
.user_area .no:before{content:'';display:inline-block;margin-right:2px;background-position:-99px -100px;width:15px;height:10px;vertical-align:-1px}
.user_area .price {margin-left: 10px; }
.user_area .price .ico:before {content: 'N비용'; font-size: 10px; display: inline-block; color: #6b3cec; background-color: transparent; }
/* 댓글 개수표기 영역 */
.txt_area .re_comment{display:block;margin-top:6px;font-size:12px;color:#66cf86}
.link_comment{ position: relative;display:table-cell;min-width:35px;padding-left:5px;box-sizing: border-box; text-align:center;vertical-align:middle;white-space:nowrap}
.link_comment:before{ content:""; position: absolute; top: 8px; left: 0; display:inline-block;width:1px;height:calc(100% - 16px);}/* 댓글 구분선 */
.link_comment a{display:block}
.link_comment .num{display:block;font-size:17px;color:#444}
.link_comment .tit{display:inline-block;position:relative;margin-top:5px;font-size:10px;color:#888}
.link_comment .tit .icon_new_txt{font-size:14px;top:5px;left:-7px}
/* 썸네일 이미지 영역 */ 
 .thumb_area{display:table-cell;width:57px;vertical-align:top;}
 .thumb_area .thumb{display:block; position:relative; margin:8px 0;border-radius: 50%; overflow: hidden; width:57px; height:57px; border:solid 1px #f5f5f5; box-sizing:border-box;}

 .thumb_area .thumb img {position: absolute; left: 50%; top: 50%; height: 100%; width:auto; min-width: 57px; min-height: 57px; max-height: 80px; /*max-width: 80px;*/ -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }


/* .thumb_area .thumb:after{position:absolute;top:0;right:0;content:'';display:inline-block;width:55px;height:57px;border-radius:50%;} */

 .thumb_area .thumb .icon_gif{display:inline-block;position:absolute;top:17px;right:16px;background-position:-78px -26px;width:24px;height:24px}
 .thumb_area .thumb .icon_movie{display:inline-block;position:absolute;top:17px;right:16px;background-position:-78px 0;width:24px;height:24px}
.thum_area .thumb img[onerror='']{}
/* 좋아요 영역  */
.list_board_section .favorite_wrap{border-top:1px solid #eaeaea}
.list_board_section .favorite_wrap:first-of-type{border-top:0}
.list_board_section .favorite_wrap:after{content:'';display:block;height:5px;border-top:1px solid #eaeaea;background-color:#f2f2f2}
.list_board_section .favorite_wrap .list_area li.board_box:last-of-type{border-bottom:0}
.list_board_section .favorite_wrap .tit_area{height:45px;margin-left:15px;padding-right:15px;border-bottom:1px solid #e3e3e3;line-height:45px}
.list_board_section .favorite_wrap .tit_area:after{content:'';display:block;clear:both}
.list_board_section .favorite_wrap .tit_area h4{display:table-cell;position:relative;top:1px;width:100%;font-size:15px;font-weight:bold}
.list_board_section .favorite_wrap .tit_area .link_more{display:table-cell;position:relative;top:2px;font-size:13px;color:#999;white-space:nowrap}
.list_board_section .favorite_wrap .no_data{padding:50px 0;font-size:16px;text-align:center;color:#959595}.list_board_section .board_commerce{overflow:hidden;position:relative;margin-top:-4px;padding:0 12px;background-color:#fff}
.list_board_section .board_commerce ul{margin-left:-3px}
.list_board_section .board_commerce ul:after{content:'';display:block;clear:both}
.list_board_section .board_commerce ul li{display:inline-block;float:left;width:117px}
.list_board_section .board_commerce ul li a{display:block;margin:0 0 0 6px;padding-bottom:18px}
.list_board_section .board_commerce ul li a.read .icon_new_txt{display:none}
.list_board_section .board_commerce ul li a.read .tit{color:#888}
.list_board_section .board_commerce ul li a.read .price{color:#ff8686}
.list_board_section .board_commerce ul li .thumb{position:relative;text-align:center}
/* 상태 표시 : 조각 목록  */
.icon_new_txt {display: inline-block;position: absolute;top: 15px;left: -9px;font-size: 17px;line-height: 0;font-family: Helvetica,Roboto,sans-serif;color: #f97575;}
.icon_txt {margin-right: 5px;font-size: 16px;line-height: 19px;color: #6b3cec;}/* 공통 목록 */
/* 20190507 조각 : 상태표기 클래스(상세코드 조합) 변경 */
.status {border-radius: 10px;padding: 0 8px;font-size:12px;color:#6b3cec; box-sizing:border-box; position: relative;background-color:#fff;height:19px;white-space:nowrap;}
/* 조각 상태 코드 
00001	신청중
00002	승인요청중
00003	승인완료
00004	승인취소
00005	재신청중
00006	조각완료
00007	환불처리중
00008	재신청여부확인중
00009	조각취소
*/
.status.a00001 {color:#6b3cec;background-color:#FEEB00;}/* 신청중 */
.status.a00002 {color:#fff;background-color:#e55958;}/* 승인요청중 */
.status.a00003 {color:#e55958;background-color:#fdecec;}/* 승인완료 */
.status.a00004 {color:#f97575;border: solid 1px #f97575;}/* 승인취소 */
.status.a00005 {color:#6b3cec;background-color:#FEEB00;}/* 재신청중 */
.status.a00006 {color:#6b3cec;background-color:#f0edf7}/* 조각완료 */
.status.a00007 {color:#fff;background-color:#e55958;} /* 환불처리중*/
.status.a00008 {color:#6b3cec;border: solid 1px#6b3cec;} /* 재신청여부확인중 */
.status.a00009 {color:#f97575;border: solid 1px #f97575;} /* 조각 취소 */
.status.a00010 {color:#f97575;border: solid 1px #f97575;} /* 조각미처리마감 */
/* 조각 신청 코드 
00001	신청완료
00002	신청거부
00003	신청취소(승인전)
00004	입금대기
00005	입금완료
00006	입금완료(수동)
00007	신청취소(환불대기)
00008	신청취소(환불완료)
00009	신청취소(환불수동완료)
00010	신청취소(방장취소)
00011	신청취소(승인후)
00012	환불대기(방장취소)
00013	환불수동완료(방장취소)
00014	환불완료(방장취소)
00015	환불대기(재신청취소)
00016	환불수동완료(재신청취소)
00017	환불완료(재신청취소)
*/
.status.b00001 {color:#fff;background-color:#a184f0;}/* 커뮤니티 업소 목록 색상 추가 */
.status.p00001 {font-size:12px; color:#fff; background-color:#6b3cec; padding: 1px 8px; }

.status.m00001 {color:#fff;background-color:#6b3cec} /* 신청완료 */
.status.m00002 {color:#e55958; border:solid 1px #e55958;}/* 신청거부 */
.status.m00003 {color:#f97575;border: solid 1px #f97575;}/* 신청취소(승인전) */
.status.m00004 {color:#6b3cec;background-color:#FEEB00;}/* 입금대기 */
.status.m00005 {color:#6b3cec;background-color:#f0edf7}/* 입금완료 */
.status.m00006 {color:#6b3cec;background-color:#f0edf7}/* 입금완료(수동) */
.status.m00007 {color:#fff;background-color:#e55958;} /* 신청취소(환불대기)*/
.status.m00008 {color:#e55958; border:solid 1px #e55958;} /* 신청취소(환불완료) */
.status.m00009 {color:#f97575;border: solid 1px #f97575;} /* 신청취소(환불수동완료) */
.status.m00010 {color:#f97575;border: solid 1px #f97575;} /* 신청취소(방장취소) */
.status.m00011 {color:#e55958; border:solid 1px #e55958;}/* 신청취소(승인후) */
.status.m00012 {color:#fff;background-color:#e55958;}/* 환불대기(방장취소) */
.status.m00013 {color:#e55958;background-color:#fdecec;}/* 환불수동완료(방장취소) */
.status.m00014 {color:#e55958;background-color:#fdecec;}/* 환불완료(방장취소) */
.status.m00015 {color:#fff;background-color:#e55958;}/* 환불대기(재신청취소) */
.status.m00016 {color:#e55958;background-color:#fdecec;}/* 환불수동완료(재신청취소) */
.status.m00017 {color:#e55958;background-color:#fdecec;} /* 환불완료(재신청취소)*/
/* 테이블 예약 코드 
00001	승인요청중
00002	승인완료
00003	승인취소
00004	입금완료
00005	입금완료(수동)
00006	예약취소(승인전)
00007	예약취소(환불대기)
00008	예약취소(환불완료)
00009	예약취소(환불수동완료)
00010	예약완료
*/
.status.t00001 {color:#fff;background-color:#e55958;}/* 승인요청중 */
.status.t00002 {color:#e55958;background-color:#fdecec;}/* 승인완료 */
.status.t00003 {color:#f97575;border: solid 1px #f97575;}/* 승인취소 */
.status.t00004 {color:#6b3cec;background-color:#f0edf7}/* 입금완료 */
.status.t00005 {color:#6b3cec;background-color:#f0edf7}/* 입금완료(수동) */
.status.t00006 {color:#f97575;border: solid 1px #f97575;}/* 예약취소(승인전) */
.status.t00007 {color:#fff;background-color:#e55958;} /* 예약취소(환불대기)*/
.status.t00008 {color:#f97575;border: solid 1px #f97575;}  /* 예약취소(환불완료) */
.status.t00009 {color:#f97575;border: solid 1px #f97575;} /* 예약취소(환불수동완료)*/
.status.t00010 {color:#fff;background-color:#6b3cec} /* 예약완료 */
.status.t00011 {color:#f97575;border: solid 1px #f97575;} /* 예약취소(승인후) */
.status.t00012 {color:#f97575;border: solid 1px #f97575;} /* 예약미처리마감 */
.status.t00013 {color:#e55958;background-color:#fdecec;} /* 승인완료(현장결제) */

/* 상태 표시 &  버튼 : 신청회원 입금확인 관련  */
.status.stBlue{color:#fff;background-color:#6b3cec;border:none;}/* 직접확인 (입금)  */
.status.stRed{color:#fff;background-color:#e55958;border:none;}/* 환불확인  */
.status.stGray{color:#fff;background-color:#ccc;border:none;}/* 환불확인  */
.status.stRline{color:#e55958; border:solid 1px #e55958;}/* 거부  */
.status.stBline{color:#e55958; border:solid 1px #6b3cec;}/* 거부  */

.status.btnBlue{color:#fff;background-color:#6b3cec;border:none;}/* 직접확인 (입금)  */
.status.btnRed{color:#fff;background-color:#e55958;border:none;}/* 환불확인  */
.status.btnGray{color:#fff;background-color:#ccc;border:none;}/* 환불확인  */
.status.btnReject{color:#e55958; border:solid 1px #e55958;}/* 거부  */
.status.btnCancel{color:#6b3cec; border:solid 1px #6b3cec;} /* 취소(예약) */
.status.btnRline{color:#e55958; border:solid 1px #e55958;}/* 라인 :레드  */
.status.btnBline{color:#6b3cec; border:solid 1px #6b3cec;}/* 라인 블루  */
/* 상태 표시 : 테이블 예약 외 기타 */
.status.stCheck {color:#fff;background-color:#6b3cec;border:none;} /* 입장확인(MD>게스트신청> 입장) */
.status.stCancel {color:#f97575;border: solid 1px #f97575;} /* 취소(예약) */
.status.stFinish {color:#6b3cec;background-color:#f0edf7}/* 완료(예약),입장완료(MD>게스트신청> 입장) */
.status.stNs {color:#f97575;border: solid 1px #f97575;} /* 노쇼 */
/* 상태 표시 : 티켓 */
/* 20190507  상태표기 변경에 따른 수정 : 텍스트 스타일 */ 
.status.cm{color:#6b3cec;background-color:transparent;border:none;}/* 메인  - 진행중 : 티켓  */
.status.cs{ } /* 서브 - 핑크 */
.status.cp{ } 
.status.ci{color:#6b3cec;background-color:transparent;border:none;}/* 서브 - 밝은 회색 - 종료 : 티켓  */
/* 상태 메시지 */
.status.message{float:none !important;border-radius:0;display:block;vertical-align:middle;width:100%;font-size:14px;text-align:center;margin:25px 0 30px;box-sizing:border-box;padding:0;border:none;}
.status.message span{display:inline-block;vertical-align:middle;background-color:#f0edf7;color:#6b3cec;width:90%;padding:18px;box-sizing: border-box;border-radius: 25px;}
/* 마감시간  */
/* 20190507 상태 디자인 변경에 따른 처리 */
.status.deadline {float:none !important;margin-right:auto;border-radius:25px;display:block;vertical-align:middle;padding:18px 25px; background-color:#e55958;font-size:14px;color:#fff;text-align:center;margin:30px auto;min-height:50px;box-sizing:border-box;width:90%;border:none;}
.status.deadline span{display:inline-block;vertical-align:middle;}
#contents .c_service {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:38px; width:100%;}

@media (max-width:1023px) {
	.status.deadline span {float:right;text-align:right;}
	.status.deadline span.tit_text {float:left;text-align:left;}
}
@media (min-width:1024px) {
	.status.deadline span.tit_text {margin-right: 8px;}
}

/* 지역선택  */
.localSelect {display:inline-block; width:28%; margin-top: 5px; }
.localSelect:nth-child(2){margin:0 5%;}
.localSort { /* margin:5px 10px; */ height: 44px; }
.localSort .select {border:none; background-color:transparent;}
.localSort + #articleListArea .list_area:first-child{padding-top:0;}

.localSort_guest {margin:0; }
.localSort_guest .select {border:none; background-color:transparent;}

/*.localSort_guest + #articleListArea .list_area:first-child{padding-top:0;}*/

/* 추가 확인 */
.nick .ico{color:#333;}
.nick .ico:before {content:'';display:inline-block;font-size:12px;background-color:transparent;padding:0;float:left;}
.nick.md .ico{color:#e55958;background-image:none;}
.nick.md .ico:before {content:'MD' ; color:#e55958;}
.nick.mdEtc .ico{color:#6b3cec;}
.nick.mdEtc .ico:before {content:'기타MD' ; color:#6b3cec;}
.nick.jang .ico:before {content:'방장' ; color:#333;}
.nick.md.jang .ico:before {content:'방장' ; color:#333;}
.info .price{float:right;height:14px;}
.info .ico {float:left; display:inline-block;height:12px;background: url(/static/images/common/icons.png) no-repeat;background-repeat:no-repeat;background-size:120px auto;-webkit-background-size:120px auto;margin-right:3px;}
.info .date .ico {background-position:-39px -39px;}
.info .price .ico {width:auto;background-image:none;}
.info .price .ico:before{content:'N비용';font-size:9px;display:inline-block;height:12px;border-radius: 7px;color:#6b3cec;background-color:transparent;}
.info .price.total .ico { background-position:  -39px -99px;background-image:url(/static/images/common/icons.png);}
.info .price.total .ico:before {display:none;}
/* 조각 목록, 테이블 예약 (공통) */
.piece {}
.piece #ct{background-color:transparent}
.piece .list_board_section .board_box{background-color:#fff;}
.pieceArea {background-color:#f8f8f8;}
.piece #articleListArea {width:90%;display:inline-block;}
.piece #divPieceList {display:inline-block;}
.piece #divPieceList .no_post {margin-top: 20px;}
.piece #divReservationList {display:inline-block;}
.piece #divReservationList .no_post {margin-top: 80px;}
.piece #divGuestListArea {width:90%;display:inline-block;}
.piece .list_area {padding:0;}
.piece .board_box { margin-bottom:7px;}
.ticket .icon_new_txt {left:5px;}
.piece .tit {font-weight:600;position:relative;}
.piece .txt_area.md .tit:after{position:absolute;top:5px;content:'MD';display:inline-block;width:auto;height:16px;line-height:16px;white-space:nowrap;color:#fff;background-color:#e55958;padding:0 3px;border-radius:8px;font-size:11px;font-weight:400;margin-left:3px;}
.piece .status { }
.piece .board_box .status.cp {white-space: normal;text-align: right;letter-spacing: -0.05em;/*width: 110px;line-height: 1.8em;*/}/* 입금마감시간 */
.piece .user_area {margin-top:8px;}
.piece .user_area .ellip {font-size:14px;color:#333;}
.piece .info .inwon {position:absolute; left:calc(50% - 35px);}
.piece .info .ellip {font-size:13px; color:#333;}
.piece .info .price {float:right;height:14px;}
.piece .list_area .user_area {width:100%;}
.piece .info {position:relative; font-size:13px; display:block; margin-top:23px;}
.piece .info > span {overflow: hidden;}
.piece .info > span > span {float:left; display: inline-block;}
.info .inwon .ico {background-position:-39px -69px; margin-left:15px;}
.piece #divReservationList .no_post .btn_wrap {margin-top:50px;}
.piece #divReservationList .no_post li:first-child {width:49%; float:left; margin-right:1%;}
.piece #divReservationList .no_post li:last-child {width:49%; float:left; margin-left:1%;}
.piece .icon_new_txt {left:5px;z-index: 1;}
.piece .txt_area {padding:12px 14px 13px}
.piece .user_area .nick.jang {position:absolute;right:0; }

@media (max-width:1023px) {
	.piece .piece_write {display: none; }
	.piece #divPieceList {width:90%; margin-top: 23px;}
	.piece #divReservationList {width:90%; margin-top: 23px;}
}
@media (min-width:1024px) {
	.piece .list_board_section {margin-top: 10px;}
	.area.pieceArea.piece .list_board_section {margin-top:0;}
	.piece .localSort {width: 90%; margin:0 auto;}
	.piece .newsRolling {width: 80%;}
	.piece .piece_write {display: inline-block; width: 19%; height: 40px; line-height: 40px; text-align: center; background-color: #6b3cec; margin-left: 1%; }
	.piece .piece_write .piece_write_tit {color: #fff; font-size: 15px; font-weight: 500; }
	.piece .piece_write .ico:before {content: ''; display: inline-block; position: absolute; width: 2px; height: 16px; background-color: #fff; margin-top:-2px; margin-left: -4px; }
	.piece .piece_write .ico:after {content: ''; display: inline-block; position: absolute; width: 16px; height: 2px; background-color: #fff; margin-top:5px; margin-left: -11px; }
	.piece #divPieceList {width:100%;}
	.piece #divReservationList {width:98%;}
	.piece .btnWrite button.btn_write {display: none;}
	.piece .content.view {background-color:#fff; margin-top:20px; }
	.piece .content.view.piece .table .f_wrap {border:none;}
	.piece .location_area {height:47px; line-height:47px;}
	.piece #divReservationList .no_post {max-width: 568px; margin: 60px auto 0; }
	.piece #divReservationList .no_post li:first-child {width:100%; margin:0;}
	.piece #divReservationList .no_post li:last-child {display:none;}
	.piece .wrap .write {width:90%; margin:0 auto;}
	.piece .list_board_section .board_box {width:48%; float:left; margin: 0 1% 10px;}
}

/* 조각 구분 : 클럽,나이트, 라운지 */
.board_box.club .tit:before,
.board_box.night .tit:before,
.board_box.launge .tit:before
{content:'';font-size:12px;font-weight:500;display:inline-block;position:relative;top:5px;left:0;color:rgba(107, 60, 236, 1);width:20px;height:20px;margin-right:5px;background-image:url(/static/images/common/ico_menu.png);background-size:20px 240px;background-position-x:0;}
.board_box.club .tit:before{background-position-y:0;}
.board_box.night .tit:before{background-position-y:-21px;}
.board_box.launge .tit:before{background-position-y:-41px;}
/* 클럽 : 목록 */
.club { /*background-color: #f5f5f5;*/}
.club .list_board_section{}
.club .list_area {padding:15px 0 0;}
.view .club .list_area {padding:0;}
.club .tit{font-weight: 600;}
@media (max-width:1023px) {
	.club .board_box {margin: 0 auto 10px;}
	.club_header .bMenu .quickmenu a {line-height:44px;}
}
@media (min-width:1024px) {
	.club .board_box {margin: 0 1% 15px; width: 48%; float: left; }
	#divClubListArea {margin-top: 10px;}
}

.club .board_box .box_inner {width: 100%; padding-top: 27.5%; position: relative;}
.club .board_box .box_inner_con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.club .board_box .box_inner_con img {width: 100%; height: auto;}

.club .board_box {display:block; background-color:#fff; padding:15px 15px 5px; box-sizing: border-box; border-bottom:solid 1px #ebebeb; }

.club .board_box .txt_area {display:inline-block;position:relative;z-index:1;padding:0;width:100%;height:100%;text-align:center; }
.club .board_box .info{}
/* 클럽 : 목록 > TICKET */
.view .ticket .txt_area .info .nick {width:100%;text-align:left;}
.view .ticket .txt_area .info .time {}
/* 클럽 비지니스 메뉴  */
.bMenu {height: 44px;display:inline-block;letter-spacing:-0.5px; width: 100%;position:relative;}
.bMenu .tit{float:left;/*font-size: 16px;*/height:50px;line-height:44px;font-weight: normal;display:table; /*width:calc(100% - 150px); */}
.bMenu .tit a{line-height: 56px;display:table-cell;width:100%;height: 50px;text-align:left;}
.bMenu .tit > a {}
.bMenu .tit > a >strong {font-size:16px}
.bMenu .tit span{display:block;;vertical-align:middle;text-align:left;overflow: hidden;margin-top:-51px;}/* type Zone 영역 */
.bMenu .tit em{float:left;margin-right:5px;font-weight:300;font-size:10px;color:#B4B4B4;line-height:12px;}
.bMenu .quickmenu{float:right;}
.bMenu .quickmenu a {/*padding: 12px 0;*/box-sizing:border-box;line-height:60px;height:44px;display: inline-block;font-size:11px;text-align:right;}
.bMenu .quickmenu a:nth-child(2):before, 
.bMenu .quickmenu a:nth-child(2):after{content:'|';font-size:10px;width:5px;display:inline-block;text-align:center;line-height:14px;color:rgba(0,0,0,0.2);}
.bMenu .quickmenu a:last-child {padding-right:0;}
@media (min-width:1024px) {
	.bMenu .quickmenu a {font-size: 12px; line-height: 44px;}
	.bMenu .quickmenu a:nth-child(2):before, 
	.bMenu .quickmenu a:nth-child(2):after {margin:0 5px; }
	.bMenu .tit span {width: 150px; display: inline-block; margin-top: 0; margin-left: 5px;}
	.bMenu .tit a {line-height: 44px;}
}
.bMenu .rating {display:inline-block;position:absolute;left:0;bottom:0}
.bMenu .btn_review {display:inline-block;position:absolute;right:0;}
/* 배경색 있는 경우 */
@media (min-width:1024px) {
	.bMenu.bg {position: relative; margin-top: 10px; top:0; padding:0 2%;}
	.bMenu.bg .tit a {font-size:14px; line-height: 44px;}
	.club_header .bMenu.bg {margin-top: -1px;}
}
@media (max-width:1023px) {
	.bMenu.bg {margin-top:-1px; padding:0 10px;}
	.bMenu.bg .tit a {font-size:13px;}
}
.bMenu.bg {background-color:#6b3cec !important; box-sizing:border-box;}
.bMenu.bg .tit {}
.bMenu.bg .tit a {color:#fff;}
.bMenu.bg .quickmenu a {color:#fff;}
.bMenu.bg .quickmenu a:nth-child(2):before, 
.bMenu.bg .quickmenu a:nth-child(2):after {color: rgba(255,255,255,0.2);}

/* 리뷰(score) */
.rating {display:inline-block;width:90%;margin:0 auto;}
.rating>div {display: inline-block;height: 33px;vertical-align: top;}
.rating .rating_star {margin-top:10px;}
.rating_star {display:inline-block;width:70px;height:14px;background:url(/static/images/common/star.svg);background-position:0 0;background-repeat:repeat-x;}
.rating_star i {float:left;height: 100%;background: inherit;background-position: 0 100%;}
.rating .grade {color:#333;line-height: 32px; margin-left:5px;font-size:20px;}
.rating .grade em {color:#ccc;font-size:12px;padding-left:5px;}
.club .board_box .rating {left:auto;right:5%;bottom:100%;width:auto;text-align:right;}
.club .board_box .grade {/*display:none*/}
.club .board_box .grade em {display:none}
.club .board_box .rating>div {/*width:100%;*/}
.club .board_box .rating .grade {color:#fff;font-size:14px;line-height:2.5em;float:right;}
.club .board_box .rating_star {background-size:14px;}
.club .board_box .btn_review{right:15px;bottom:40px;}
.club .board_box .btn_review .arrow:before{background-color:#fff;}
.club .board_box .btn_review .arrow:after{background-color:#fff;}
.club .board_box .btn_review .arrow.right{padding-right:15px;}

.club_header .board_box .grade {display:inline-block;}
.article_header .bMenu {background-color: #6b3cec;padding:0 15px;box-sizing:border-box;position:fixed;}
/* 좋아요 : 게시물 */
.club .board_box .like{position:absolute;top:15px;right:15px;}
.like .ico{width: 18px;height: 17px;margin:0;display: inline-block;overflow: hidden;vertical-align: top;background-image: url(/static/images/common/icons.png);background-repeat: no-repeat;background-position:-66px -36px;background-size:120px auto;-webkit-background-size:120px auto;border-radius: 0;}
.like.on .ico{background-position:-96px -37px}
.like .label{display:none;}
.like .count{font-size:14px;color:#fff;font-weight:500}
/* 북마크 : 게시판, 클럽 */
.club .like .ico{width: 18px;height: 17px;margin:0;display: inline-block;overflow: hidden;vertical-align: top;background-image: url(/static/images/common/icons.png);background-repeat: no-repeat;background-position:-4px -6px;background-size:120px auto;-webkit-background-size:120px auto;border-radius: 0;}
.club .like.on .ico{background-position-x: -34px;}
.club .like .label{display:none;}
.club .like .count{font-size:14px;color:#fff;font-weight:500}
/*.h_like*/
.h_like .like .ico{width: 18px;height: 17px;margin:0;display: inline-block;overflow: hidden;vertical-align: top;background-image: url(/static/images/common/icons.png);background-repeat: no-repeat;background-position:-4px -6px;background-size:120px auto;-webkit-background-size:120px auto;border-radius: 0; cursor:pointer;}
.h_like .like.on .ico{background-position-x: -34px;}
.h_like .like .label{display:none;}
.h_like .like .count{font-size:14px;color:#fff;font-weight:500}
.club .board_box .img_business{display: inline-block; padding:0; width:100%; overflow:hidden; background-color:#ccc; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; margin:0 auto; }

/* 클럽 > PHOTO */
.board_box.gallery {position: relative;height:auto;box-sizing: border-box;
    display: inline-block;}
.board_box.gallery .txt_area{overflow:hidden;height:auto;display:inline-block;}
.board_box.gallery .txt_area{}
.board_box.gallery .tit{font-size:14px;display:inline-block;width:100%;text-align:left;margin-top:5px;}
.board_box.gallery .thumb-wrapper{}
.board_box.gallery .thumb-size{position: relative; width:100%; padding-top:48.6956%;/* 56.25%; 1:1 ratio */ overflow: hidden;}
@media (max-width:1023px) {
	.board_box.gallery.schedule .thumb-size{padding-top:100%;}
	.club_header .board_box .rating {right:5%;bottom:45px;}
}
@media (min-width:1024px) {
	.board_box.gallery.schedule .thumb-size{padding-top:60%;}
	.club_header .board_box .rating {right:2%;bottom:45px;}
}

.board_box.gallery .imgArea{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.board_box.gallery .imgArea img{width:100%; position: absolute; top: 0; left: 0; max-width: auto; height: auto;}
.board_box.gallery dl{display: inline-block;width: 100%;overflow: hidden;}
.board_box.gallery .user_area {position:static;width:100%;margin-top:0;text-align:left;}
.board_box.gallery.schedule .imgArea { height: 100%; }
/* 사진파일첨부 */
.file_box{display:inline-block;width:100%;margin-bottom:3px;}
.file_box .btn{float:right;}
.file_box .file{float:left;}
/*.f_wrap.editor */
.btn.del {background-color: #fff;}
.btn.del .icon {background-color: #ccc;}
.btn.del .icon:before {content: "";display: inline-block;vertical-align: middle;position: absolute;left: 50%;top: 50%;width: 2px;height: 14px;margin-top: -7px;margin-left: -1px;border-radius: 2px;background-color: #ccc;}
.btn.del .icon{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg)}
.btn.del .icon:hover {background-color:#6B3CEC;}
.btn.del:hover .icon:before {background-color:#6B3CEC;}
.btn.del:hover .icon  {background-color:#6B3CEC;}
.btn.add .icon:before {content: "";display: inline-block;vertical-align: middle;position: absolute;left: 50%;top: 50%;width: 2px;height: 14px;margin-top: -7px;margin-left: -1px;border-radius: 2px;background-color: #6B3CEC;}
.btn.add:hover .icon:before{background-color:#fff;}
/* 사진파일첨부 수정  */
.file_edit{display:inline-block;width:100%;margin-bottom:3px; position:relative;}
.file_edit .btn.del{position:absolute;right:0;top:0}
.file_edit .input{width:calc(100% - 32px);}
/* 게스트 신청 */
.ticket{background-color:#f8f8f8;}
/* 티켓 이미지 */
.ticketImg{background-color:#6b3cec;padding:25px;}
.ticketImg .board_box{display:inline-block;position:relative;width:100%;border-bottom:none;word-break:break-all;word-wrap:break-word;border-radius:5px;overflow:hidden;}
.ticketImg .txt_area{display:inline-block;position:relative;text-align:center;padding:0;}
.ticketImg .info{background-color:rgba(255, 255, 255, 0.9);padding:20px 20px 40px;position:relative;border-bottom: dotted 4px #6b3cec;}
.ticketImg .info:before{content: "";position: absolute;left: -7px;bottom:-9px;z-index: 1;width: 14px;height: 14px;border-radius: 0  10px 10px 0;background-color: #6b3cec;box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.02);}
.ticketImg .info:after {content: "";position: absolute;right: -7px;bottom:-9px;z-index: 1;width: 14px;height: 14px;border-radius: 10px 0 0 10px;background-color: #6b3cec;box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.06);}
.ticketImg .bName{display:block;font-size:24px;line-height:1em;margin-top:40px;font-weight:500;}
.ticketImg .nick{font-size:14px;margin-top:10px; }
.ticketImg .nick .ico{width:auto;}
.ticketImg .imgArea{width:100px;height:100px;line-height:100px;overflow:hidden;margin:15px auto 30px;border-radius:3px;background-color:#6b3cec;background-image:url(/static/images/common/img_onerror.png);background-size:auto 100%;background-position:center;}
.ticketImg .imgArea img{width:100px;vertical-align: middle;}
.ticketImg .date{line-height:27px;}
.ticketImg .date span{font-size:26px;font-weight:500;}
.ticketImg .date .ico{width:26px;height:26px;background-size:240px auto;-webkit-background-size: 240px auto;background-position: -77px -77px;margin-right:5px;}
.ticketImg .time {display:inline-block;width:100%;font-size:16px;}
.ticketImg .time .ico{display:none;}
.ticketImg .status{position:absolute;top:20px;left:15px;font-size:14px;}
.ticketImg .amount{position:absolute;top:20px;right:15px;font-size:13px;color:#767676;}
.ticketImg .amount strong{color:#6b3cec;font-size:20px;padding-left:10px;padding-right:5px;font-weight:500;}
.ticketImg + .inform {margin-top:30px;}
.downArea{display:inline-block;width:100%;position:relative;background-color:#fff;padding:20px;box-sizing:border-box;}
.downArea dt{float:left;display:inline-block;max-width:180px;width:45%;}
.downArea dt strong,
.downArea dt span {display:inline-block;float:left;font-size:13px;}
.downArea .tit {font-size:22px;font-weight:600;color:#6b3cec;letter-spacing:-1px;margin-top:5px;}
.downArea dd {display:inline-block;}
.downArea dt + dd {float:right; font-size:32px;font-weight:600;color:#6b3cec;letter-spacing:-2px;line-height:32px;margin-top:5px;}
.downArea dt + dd + dd {font-size:13px;text-align:left;line-height:1.3em;position: absolute;top:70px;left:0;width:100%;padding: 0 20px;box-sizing:border-box;}
.downArea .guest .ico {width: 12px;height: 12px;background: url(/static/images/common/icons.png) no-repeat;background-size:80px;margin-left:3px;margin-right: 3px;background-position:-64px -203px;}
.downArea .btn{height:auto;border:none;margin-top:60px;}
.downArea .download{display:inline-block;background-color:#6b3cec;color:#fff;height:50px;line-height:50px;border-radius:5px;font-size:14px;width:100%;text-align:center;}
.downArea .download .ico{background: url(/static/images/common/icons.png);background-repeat:no-repeat;background-size:120px auto;background-position:-67px -96px;margin-right:10px;}

@media (min-width:1024px) {
	.ticketview .ticketImg {width:35%; float:left; margin-top:25px; margin-left:3%;}
	.ticketview .informArea {width:51%; float:left; margin-left:3%;}
	.ticketImg {width:35%; float:left; margin-top:25px; margin-left:3%;}
	.mypageview .informArea {width:51%; float:left; margin-left:3%;}
	.ticketview .tit_area {width:100%;}
	.ticketview .informTable {width:100%;}
}

/* 글쓰기 : 공통 - 조각 */
.write .article_body {background-color:#fff;}
.content.view .article_header .location_area {width: 100%; }
.location_area{width:50%; height:42px; line-height: 42px; position:relative; display: inline-block; float: left; text-align: left; padding:0 5%; box-sizing:border-box; background-color:#fff;}
.location_area .tit{color:#6b3cec; font-size:15px; border:none; }
.location_area .select.tit{padding-top:5px; padding-left:0;background-color: transparent;}
.location_area .select {background-position:96% 4px; }
.location_area  > .status{position: absolute;right:5%; top:calc(50% - 10px); margin-right:0;}/*  piece_view.html */
.location_area .title {font-size: 13px; }
.location_area .title label {font-weight: normal; }
.location_area .text {width:50%; display: inline-block; margin-left: 10px; }
.article_header{background-color:#fff;}
.article_header .formWrite{border-top:#f0f0f0 solid 1px;}
.article_body {margin-bottom:10px; padding-bottom:10px;}
.article_body .localSelect{}
/* 글쓰기 */
.formWrite {clear: both; display:block; vertical-align:middle; width:90%; text-align:left; margin:0 auto;border-top: solid 1px #6B3CEC;}
.formWrite fieldset {/*border-bottom:1px solid #f0f0f0;*/}
.formWrite .f_wrap {display:inline-block; vertical-align:middle; width:100%; }
/*.formWrite .f_wrap:first-child {border-top:1px solid #f0f0f0;}*/
.f_wrap.sub {padding: 8px 0; font-size: 13px; line-height: 1.5em; color:#ff0000;}
.formWrite .f_field {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%; height: 50px; background-color:#fff; border-bottom:1px solid #f0f0f0;}
.formWrite .f_field.div1,.formWrite .f_field.div2 {width:50%;}
.formWrite .f_field.div2,.formWrite .f_field.div6 { border-left:solid 1px #f0f0f0; box-sizing: border-box;}
.formWrite .f_field.div2 .ff_title,.formWrite .f_field.div6 .ff_title { left:20px;}
.formWrite .f_field .ff_title {position:absolute; top:0; color:#707070; letter-spacing:0; line-height:50px;font-size:12px; left:0;}
.formWrite .f_field .ff_title label {position:relative; font-weight: normal;}
.formWrite .f_field .ff_wrap {display:block; position:relative; min-height:34px;padding:8px 20px; font-size:0;margin-left:68px; padding-right:0;}
.formWrite .f_field input,
.formWrite .f_field select, 
.formWrite .f_field label, 
.formWrite .f_field span {display:inline-block; vertical-align:middle;}
.formWrite .input {border-color:#f8f8f8; background-color:#f8f8f8; font-size:15px; font-weight:500; }
.formWrite .select {border:none; font-size:15px; padding:0; font-weight:500;}
.formWrite .select option {padding-left:15px;}
.formWrite .f_field .ff_wrap.option {min-height:34px; margin-top:0; line-height:34px;}
.formWrite .f_field .ff_wrap.option span {margin-right:15px;}
.formWrite .f_field .ff_wrap.option input {margin-right:5px;}
.formWrite .f_field .ff_wrap.content {min-height:34px; margin-top:0; line-height:34px;}
.formWrite .f_field .ff_wrap.code {padding-right:120px !important;}
.formWrite .f_field .ff_wrap.nospace {padding-top:0;}
.formWrite .f_wrap.editor {}
.formWrite .f_wrap.editor .textarea {border:none; background-color:transparent;padding:20px 0; font-size:15px; }
/* 20191122 img 위아래 여백 */
.textarea img {max-width:100%; margin: 10px 0; }
@media (max-width:1023px) {
	.formWrite .select {background-position: 94% -4px; }
	.formWrite .f_wrap .div2 .select {background-position: 80% -2px;}
	.formWrite .f_field.div3, .formWrite .f_field.div4 {width: 100%; }
	.formWrite .f_field.div5, .formWrite .f_field.div6 {width: 50%; }
	.formWrite .f_field.div7 {width: 100%;}
}
@media (min-width:1024px) {
	.textarea img {max-width:960px; width: 100%;}
	.formWrite .select {background-position: 96% -4px; }
	.formWrite .f_wrap .div2 .select {background-position: 91% -2px;}
	.formWrite .f_field.div3, .formWrite .f_field.div4 {width: 50%; }
	.formWrite .f_field.div4,.formWrite .f_field.div7 {border-left:solid 1px #f0f0f0; box-sizing: border-box;}
	.formWrite .f_field.div4 .ff_title,.formWrite .f_field.div7 .ff_title { left:20px;}
	.formWrite .f_field.div5, .formWrite .f_field.div6 {width: 33%;}
	.formWrite .f_field.div7 {width: 34%;}
	.formWrite .f_field.div1 .ff_wrap,.formWrite .f_field.div3 .ff_wrap,.formWrite .f_field.div5 .ff_wrap,.formWrite .f_field.div6 .ff_wrap {padding-right:10px;}
}
/* 20191122 게시판 동영상 크기 조절 */
.note-video-clip {max-width: 100%;}

.btn.cal {width:30px; height:30px; position:absolute;right:2px;top:10px;}
/* 모임일 */
.c-scrim {z-index:99;}
.c-datepicker--open {z-index:99;}
/* 상세 : 공통 - 조각 */
.article_header .h_title {text-align: left;font-size:20px;width:90%;margin:0 auto;line-height:1.3em;vertical-align:top;padding-top:10px;word-break: break-all;font-weight:500; padding-bottom: 8px;}
.article_header .h_title .input {border:none; text-indent:0;line-height:40px;height:40px;}
.article_header .board_box{margin-bottom:0;width:100%;margin:0;border-top: 1px solid #f0f0f0;border-bottom:none;}

.article_header .txt_area{display:block; padding:0; width: 90%; margin:10px auto 0; height:64px; box-sizing:border-box;} /* 20191205 간격조정 */
.article_header .user_area {display:table;position:absolute;margin-top:0;top:2px;}
.article_header .user_area .profile {border: solid 1px #eee; box-sizing: border-box; width: 40px; height: 40px; }
.article_header .nick .ico {display: inline-block;;padding: 0;font-size:12px;color: #959595;font-weight:400; font: inherit;}
.article_header .nick .ico + span.ellip {font-size: 14px;color:#333;}
.article_header .nick > a{display: block;}/* mypage로 링크 */
.article_header .date{position:absolute; right:0; top:17px; font-size:13px; color:#b4b4b4;} /* 20191205 간격조정 */
.article_header .phone{display:inline-block;margin-top:6px;font-size:14px;color:#6b3cec;}
.article_header .info{position:absolute; right:0; bottom:6px; margin-top:0;} /* 20191205 간격조정 */
.article_header .info a,
.article_header .info span {display:inline-block; margin-left:12px; float:left;} /* 20191205 간격조정 */
.article_header .info em {display:inline-block;}
.article_header .info em.label{display:none;}
.article_header .count{color:#bfbfbf;font-family: Arial, "sans-serif";padding-top:5px;}
.article_header .info .ico{width: 20px;height: 20px;background: url(/static/images/common/icons.png) no-repeat;background-repeat: no-repeat;background-size: 120px auto;-webkit-background-size: 120px auto;margin-right:2px;}
.article_header .no .ico{background-position:-5px -155px}
.article_header .like .ico{background-position:-35px -155px}
.article_header .like.on .ico{background-position: -95px -35px;}
.article_header .comment .ico{background-position:-65px -155px}
.article_header .share .ico{background-position:-95px -155px;    z-index: 222;position: relative;background-color: #fff;}
.article_header .report .ico{background-position: -95px -64px;margin-right:0;}
.article_header .share {position:relative;background-color:#fff;}
.article_header .shareUrl {position:absolute;width:5px;height:10px;left:0;top:1px;}
.piece .article_header .shareUrl {right:5px;}
.article_body .fieldset {margin-top:0;}
.article_body .table .fieldset .legend {border-bottom:solid 1px #767676;margin-top:20px;}
/* 조각&테이블  상세 */

.article_header .gallerytit {display: block; padding: 0; margin: 10px auto; text-align: left; font-size: 20px; font-weight: 500; line-height: 1.3em;}
.article_header .date.party {left:0; top:54px;}
.article_header .info.party {top: 50px;}

/* 폼테이블 - 상세 */
.table {display:inline-block; vertical-align:middle; width:90%; text-align:left; margin:0 auto;}
.table .fieldset { /*border-bottom:1px solid #f0f0f0; margin-top:30px;*/}
.table .fieldset .legend { display:block; font-size:15px; font-weight:500; height:36px; line-height: 36px;border-bottom:solid 1px #f0f0f0; }
.table .f_wrap {display:inline-block; vertical-align:middle; width:100%; border-bottom:#f0f0f0 solid 1px;}
.table .f_wrap:last-child {border-bottom:none;}
.table .f_field {display:inline-block; vertical-align:middle; width:100%; float:left; position:relative; background-color:#fff; border-bottom:#f0f0f0 solid 1px;}
.table .f_field.div1,.table .f_field.div2{width:50%; box-sizing: border-box;}
.table .f_field.div2,.table .f_field.div6 {border-left:solid 1px #f0f0f0; box-sizing: border-box;}
.table .f_field.div2 .ff_title,.table .f_field.div6 .ff_title {left:20px;}
.table .f_field .ff_title {position:absolute; top:0; color:#707070; letter-spacing:0; line-height:50px; font-size:12px; left:0;}
.table .f_field .ff_title label {position:relative;}
.table .f_field .ff_wrap {display:block; position:relative; height:50px; line-height: 50px;font-size:15px; font-weight:500;;margin-left:68px; padding:0; box-sizing: border-box; text-align:right;}
.table .f_field .ff_wrap strong {font-weight:500;}
.table .f_field.div1 .ff_wrap,.table .f_field.div5 .ff_wrap {padding-right:10px;}
.table .f_field .ff_wrap span {font-size:13px; color:#767676;}
.table .f_field .ff_wrap span:last-child {margin-left:5px;}
.table .f_wrap.editor {border-top:solid 1px #6B3CEC;margin-top:20px; margin-bottom:20px;}
.table .f_wrap.editor .textarea {border:none; background-color:transparent;padding:0; font-size:15px;line-height:1.5em; }
.article_body.club .table .f_wrap.editor .textarea {text-align: center; }

@media (max-width:1023px) {
	.table .f_field.div3,.table .f_field.div4,.table .f_field.div7 {width: 100%; box-sizing: border-box;}
	.article_header .gallerytit {width: 90%;}
	.content.gallery .article_header .txt_area {width: 90%;}
	.table .f_field.div5,.table .f_field.div6 {width: 50%; }
}
@media (min-width:1024px) {
	.table .f_field.div3 {width: 50%; box-sizing: border-box;}
	.table .f_field.div4 {width: 50%; border-left:solid 1px #f0f0f0; box-sizing: border-box; }
	.table .f_field.div4 .ff_title,.table .f_field.div7 .ff_title {left:20px;}
	.table .f_field.div3 .ff_wrap,.table .f_field.div6 .ff_wrap {padding-right:10px;}
	.article_header .gallerytit {width: 96%;}
	.content.gallery .article_header .txt_area {width: 96%;}
	.table .f_field.div5,.table .f_field.div6 {width: 294px;}
	.table .f_field.div7 {width:294px; border-left:solid 1px #f0f0f0; box-sizing: border-box;}
}

/* 클럽 > TABLE */
/* 클럽 > DRINK  */
.table.drink {}
.table.drink .h_title {color:#6b3cec;border-bottom:solid 1px #6b3cec;line-height:40px;margin-bottom:30px;}
.table.drink .textarea img {margin-bottom:50px;}
/* 신청회원  */
.fieldset.pieceMember{display:table;width:100%;}
.pieceMember .ff_title {display:none;}
.pieceMember .f_wrap {display:table-row;}
.pieceMember .f_field {width:33.3333%;display:table-cell;}
.pieceMember .f_field .ff_wrap {display:inline-block;margin:0;text-align:left;}
.pieceMember{ width:90%;}
.pieceMember.table{margin-top:30px;}
.pieceMember.table table{border-top:none;}
.pieceMember thead{display:none;}
.pieceMember caption {font-size: 15px;font-weight: 500;height: 36px;line-height: 36px;text-align: left;position:relative;border-bottom: #6B3CEC solid 1px;}
.pieceMember caption .status{display:inline-block;position:absolute;right:0;color:#b4b4b4;font-weight: normal;border:none;}
.pieceMember caption .status em{color:#6b3cec;font-weight: 500;}
.pieceMember caption .status em{color:#6b3cec;font-weight: 500;}
.pieceMember tr {border-bottom:solid 1px #eee;}
.pieceMember td {min-height:44px;font-size:14px;color:#333;border:none;padding:13px 0;}
.pieceMember td:first-child {width:33.3333%;}
.pieceMember td:nth-child(2) {text-align:right;padding-right:25px;box-sizing:border-box;}
.pieceMember td:last-child {text-align:right;width:120px;}
.pieceMember td .name{display:block;}
.pieceMember td .price{color:#6b3cec}
.pieceMember td .price.minus{color:#e55958}
.pieceMember td .phone{display:block;margin-top:8px;color:#767676}
.pieceMember td .status{float:none;display: inline-block;margin-right:0;}
.pieceMember td .status.st2{float:right;}
/* 마감시간 */
.line_box {border-top:solid 1px #6b3cec;border-bottom:solid 1px #6b3cec;padding:15px;}
.input.deadline {color:#6b3cec;font-size:20px; font-weight:500; border:none;}
/* 20190507 마감시간 수정 */
.check_deadline .line_box{ margin:10px auto;padding:10px 0;text-align:left;overflow: hidden;}
.check_deadline .dDay{display:inline-block;float:left;width:55%;padding-right:10px;box-sizing:border-box;border-right:solid 1px #eee;}
.check_deadline .dDay label,
.check_deadline .dLine label{display:block;margin-bottom:5px;}
.check_deadline .dDay .input.date{border:none;text-indent:0;font-size:18px;letter-spacing:-1px;height:34px;}
.check_deadline .dLine{display:inline-block;width:40%;float:right;}
.check_deadline .input.deadline{width:25%;display:inline-block;float:left; line-height:30px;text-indent:0;}
.check_deadline .txt_area{font-size:14px;white-space: nowrap;padding:10px 0 0 0;display:inline-block;width:auto;float:right;}
.check_deadline .txt_area strong{font-size:20px;margin-right:5px;float:left;}
.check_deadline .btn_wrap {display:inline-block;width:30px;margin-top:3px; }
.btn.spin {width:30px;height:15px;position:relative;border:none;background-color:transparent;}
.btn.spin:before{content:'';display:inline-block;width:0;height:0;position:absolute;top:0;left:5px;border-top:10px solid #ccc;border-right:solid 10px transparent;transform: rotate(0);border-left:solid 10px transparent;}
.btn.spin.up{transform:rotate(180deg);margin-bottom:3px;}
.btn.spin:focus {background-color:transparent;}
.btn.spin:hover {background-color:transparent;}
.btn.spin:focus:before {border-top-color: #6b3cec;}
/* 상세페이지에서 공통 */
.view .article_header .location_area .tit {font-size:15px;font-weight:500;}
.view .article_body {background-color:#fff;}
.view .table .f_wrap.editor {border-top:none; margin: 10px 0; }
/* 상세페이지 > party */
.fixed {position:fixed; top:48px;left:0; z-index:11;}
/* 20191122 갤러리 border 수정 */
.view.gallery .article_header .board_box{padding-bottom:15px; border-bottom: #e3e3e3 solid 1px; }
@media (min-width:1024px) {
	.view.gallery .article_header .board_box {width: 100%; margin: 5px 0 0; border-top: none;}
	.view.gallery .article_body .f_wrap.editor img {max-width: 960px; }
}
@media (max-width:1023px) {
	.view.gallery .article_body .f_wrap.editor img {max-width:100%;}
}
.view.gallery .article_body .textarea {margin-bottom: 20px;}
.write .f_wrap.editor { /*min-height:500px;*/}
/* 사진확대 :테스트 (임시 ) */
.view.zoom {width:100%;height:100%;overflow: hidden;}
.view.zoom img{cursor:pointer;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.view.zoom img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
/* 조각 글쓰기의 경우 */
.piece .article_header .location_area .tit{background-position: 96% -80px;} 
.piece .write .f_wrap.editor { min-height:300px;}
/* 클럽 : 상세 */
#wrap.club{}
.view .ticket{background-color:transparent;}
.view .piece{background-color:transparent;}
.view .piece .board_box{background-color:transparent;}
.view.review .article_header .h_title{padding-bottom:0;font-size:16px;height:30px}
/* 투명 header */
.top {}
.top #contents{margin-top:0;}
.top .article_body {background-color:transparent;}
@media (max-width:1023px) {
	.top .article_body {padding-top:160px;background-color:transparent;}
	.top .club.gallery{padding-top: 208px;}
	.top .club.tab2depth{padding-top: 180px;}
	.tab2depth{padding-top:40px;}/* 2depth 탭메뉴 있는 경우  : photo, Schedule */
}
@media (min-width:1024px) {
	.top .article_body {padding-top:58px;background-color:transparent;}
	.top .club.gallery{padding-top: 58px;}
	.top .club.tab2depth{padding-top: 60px;}
	.inner_box + .tab.t2 {border-top: 1px solid #e3e3e3;}
	.mypage .inner_box + .tab.t2 a {line-height:40px; font-size:14px;}
	.mypage .tab2depth {padding-top:10px;}
}

.mypage .inner_box + .tab.t2 a {line-height:40px;}
.inner_box + .tab.t2 {height:34px;text-align:center;box-shadow:none;}
.inner_box + .tab.t2 ul{border:none;margin-top:0;width: auto;}
.inner_box + .tab.t2 li{width:auto!important;}
.inner_box + .tab.t2 a {height:34px;line-height:34px;white-space: nowrap;}
.inner_box + .tab.t2 a.on{color:#6b3cec;background-color:transparent;border:none;margin-top:0;}
/* 타이틀 */
.tit_area{position:relative;width:90%;margin:0 auto;}
.tit_area:after{content:'';display:block;clear:both}
.tit_area h4{font-size:17px;font-weight:500;height:50px;line-height:40px;border-bottom:solid 1px #6b3cec}
.tit_area h4:before{content: '';display: inline-block;width: 26px;height: 26px;margin-right:5px;vertical-align: -6px;background-image: url(/static/images/common/ico_tit.png);background-size:150px;}
.tit_area .total{position:absolute;right:35px;bottom:10px;color:#999;white-space:nowrap;padding-right:15px;}
@media (max-width:1023px) {
	.tit_area .total {font-size:10px;}
	.tit_area .link_more {font-size:10px;}
}
@media (min-width:1024px) {
	.tit_area .total {font-size:12px;}
	.tit_area .link_more {font-size:12px;}
}
.tit_area .total strong{padding-right:3px;color:#6b3cec;}
.tit_area .link_more{position:absolute;right:0;bottom:10px; color:#999;white-space:nowrap;padding-right:15px;}
.tit_area .link_more:before,
.tit_area .link_more:after{display:inline-block;width:10px;height:1px;background-color:#999;content:'';position:absolute;top:5px;right:0;}
.tit_area .link_more:after{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
/* club > info > 티켓 */
.ticketArea{margin-top:20px}
.ticketArea .tit_area h4 {border-bottom:none;height:40px;margin-bottom: 10px;}
.ticketArea .tit_area .link_more {bottom:0;}
.ticketArea .tit_area h4:before{background-position:-2px -2px;}
.ticketArea .tit_area .total{bottom:0}
.ticketArea .list_area {padding: 12px 14px 13px;}
.ticketArea .board_box.ticket.today .txt_area:before{background-color: #e55958;}
.ticketArea .board_box.ticket.today .info:after {content: 'Today';display: inline-block;font-size: 12px;font-weight: bold;position: absolute;right: 80px;bottom: 0;border-radius: 14px;padding: 3px 10px;height: 12px;color: #fff;background-color: #e55958;}
.ticketArea .list_area  {padding-top:5px;}
.ticketArea .board_box.ticket  {margin-bottom:3px; height: 56px;}
.ticketArea .board_box.ticket .txt_area {}
.ticketArea .ticket .txt_area {padding: 10px 14px 10px;}
.ticketArea .ticket .txt_area h5 {float:right;}
.ticketArea .ticket .txt_area .info  {margin-top:0;}
.ticketArea .ticket .txt_area .info .amount {top:auto;bottom:0;right:35px;font-size:10px;}
.ticketArea .ticket .txt_area .info .amount strong {display:inline-block;width:30px; text-align: right;font-size:12px;padding-right:2px;}
.ticketArea .ticket .txt_area .info .amount > .status {display:none;}
.ticketArea .ticket .txt_area .info .amount .ellip {text-align: right}
.ticketArea .ticket .txt_area .info .nick {width:auto;position:absolute;margin-top:0;top:-12px;}
.ticketArea .ticket .txt_area .info .date {width:110px;}
.ticketArea .ticket .txt_area .box_deco {right:120px;}
.ticketArea .ticket .txt_area .download {bottom:10px}
.ticketArea .ticket .txt_area .info .date .ico{float:left;}
.ticketArea .board_box.ticket.today .info:after{font-size:10px;right:auto;bottom:-2px;padding:2px 5px;}

@media (max-width:1023px) {
	.mdArea .board_box {width:100%; margin:0 auto;}
	.mdArea .txt_area {width:100%;}
}
@media (min-width:1024px) {
	.ticketArea #articleListArea {width: 93%; display: inline-block;}
	.mdArea .board_box {width:48%; margin:0 1%; float: left;}
	.mdArea .txt_area {width:95%;}
}

/* club > info > 조각  */
.pieceArea{margin-top:20px}
.pieceArea.piece .txt_area {display:inline-block;padding: 10px 0 10px 0;}
.pieceArea .tit_area h4:before{background-position:-30px -178px;}
.pieceArea.piece .icon_new_txt {left:-9px;}
.pieceArea.piece .info{margin-top:7px;display:block; }
.pieceArea.piece .board_box.piece{margin-bottom:0;}
.pieceArea.piece .user_area {display:block;margin-top:0;}
.pieceArea.piece .user_area .nick{display:inline-block;}
.pieceArea.piece .user_area .nick.md{}
.pieceArea.piece .user_area .nick.jang{position:static;float:right;}
.pieceArea.piece .board_box{margin-bottom:0;}
.pieceArea.piece .list_area{padding-top:0;}
.pieceArea.piece .list_area:last-child .board_box:last-child{border-bottom: 1px solid #eaeaea;}
/* club > gallery, party */
.club .board_box.gallery .user_area {position:static;width:100%;margin-top:0;text-align:left;margin-bottom:10px;}
/* club > info > MD  */
.mdArea{margin-top:20px}
.mdArea #articleListArea {width: 90%; display: inline-block;}
.mdArea .tit_area h4:before{background-position:-122px -178px;}
.mdArea .icon_new_txt {left:-9px;}
.mdArea .h_title {text-align: left;font-size:20px;width:90%;margin:0 auto;line-height:1.3em;vertical-align:top;padding-bottom:10px;word-break: break-all;font-weight:500;}
.mdArea .h_title .input {border:none; text-indent:0;line-height:1em;height:auto;}
.mdArea .board_box{border-bottom: 1px solid #f0f0f0;}
.mdArea .txt_area{display:inline-block; padding:5px 0;margin:0;box-sizing:border-box;}
.mdArea .user_area {display:block; margin-top:0; }
.mdArea .user_area .profile {display:inline-block;margin-right:0;width:40px;}
.mdArea .nick {vertical-align: middle; padding-left:10px; margin-top:13px; display:inline-block;}
.mdArea .nick .ico {display: inline-block;padding:0 3px;font-size: 14px;background-color:#e55958;border-radius:10px;}
.mdArea .nick.md .ico:before {color:#fff;}
.mdArea .nick > a{display: block;}/* mypage로 링크 */
.mdArea .info {display:inline-block; text-align: right; vertical-align: middle;float: right;width: 80px;margin-top:5px;}
.mdArea .info .label {font-size: 0;line-height: 0;text-indent: -9999999px;}
.mdArea .list_area{padding-top:0}
.mdArea .list_area:only-child{padding-top:0}
.mdArea .list_area:last-child .board_box:last-child{border-bottom: 1px solid #eaeaea;}
.mdArea .info .ico{width:30px;height:30px;background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto;}
.mdArea .info .phone .ico{background-position:-30px -330px}
.mdArea .info .chat .ico{background-position:-90px -360px}
.mdArea .info a{display:inline-block;}

/* 20191119 게스트신청 MD 전화 카톡 추가 */
.ticketImg .nick.md .info2 {display:inline-block; text-align: right; vertical-align: middle;float: right; height: 30px; }
.ticketImg .nick.md .info2 .label {font-size: 0; line-height: 0; text-indent: -9999999px; width:30px; height:30px; }
.ticketImg .nick.md .info2 .phone {width:30px; height:30px; background-position:-30px -330px; background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto;}
.ticketImg .nick.md .info2 .chat {width:30px; height:30px; background-position:-90px -360px; background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto;}
.ticketImg .nick.md .info2 a {display:inline-block;}
.ticketImg .nick.md .ico {content:''; display:inline-block; font-size:12px; background-color:transparent; padding: 8px 0 0 0; float:left; }
.ticketImg .nick.md .ellip {line-height: 28px;}

/* 20200108 MD 닉네임 우측 전화 카톡 추가 */
.info_profile .info2 {display:inline-block; text-align: right; vertical-align: middle; height: 30px; }
.info_profile .info2 .label {font-size: 0; line-height: 0; text-indent: -9999999px; width:30px; height:30px; }
.info_profile .info2 .phone {display: inline-block; width:25px; height:30px; background-position:-3px -360px; background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto;}
.info_profile .info2 .chat {display: inline-block; width:30px; height:30px; background-position:-90px -360px; background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto;}

/* 20191206 조각 MD 전화 카톡 추가 */
.table .f_field .ff_wrap .info2 {display:inline-block; text-align: right; vertical-align: middle;float: right; height: 30px; }
.table .f_field .ff_wrap .info2 .label {font-size: 0; line-height: 0; text-indent: -9999999px; width:30px; height:30px; }
.table .f_field .ff_wrap .info2 .phone {width:30px; height:30px; background-position:-30px -330px; background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto; margin-top: 10px; }
.table .f_field .ff_wrap .info2 .chat {width:30px; height:30px; background-position:-90px -360px; background-repeat: no-repeat;background-image: url(/static/images/common/icons.png); background-size:120px auto; margin-top: 10px; }
.table .f_field .ff_wrap .info2 a {display:inline-block;}
.table .f_field .ff_wrap .ico {content:''; display:inline-block; font-size:12px; background-color:transparent; padding: 8px 0 0 0; float:left; }


/* club > info > 후기 */
.reviewArea{margin-top:30px}
.reviewArea #articleListArea{display: inline-block;width:90%;margin:0 auto;}/* 클럽 > info >후기 영역 */
.reviewArea .list_area {padding:0;}
.reviewArea .list_area:only-child {padding-top:0;}
.reviewArea .txt_area {padding: 12px 0 13px 14px;}
.reviewArea .tit_area h4:before{background-position:-60px -178px;}
.reviewArea .board_box.review {display:inline-block;width:100%;}
.reviewArea .review .txt_area {padding-top:0;padding-bottom:0;display:inline-block;width:100%;}
.reviewArea .review .txt_area .txt {display:inline-block;overflow:hidden;text-overflow: ellipsis;height:20px;width:100%;white-space: nowrap;padding-bottom:0;}
.reviewArea .review .user_area {display: inline-block;width:100%;margin-bottom:5px;}
.reviewArea .review .user_area  .nick{display:inline-block;}
/* club > info > 이용안내  */
.informArea{margin-top:30px}
.informArea .tit_area h4:before{background-position:-90px -178px;}
/* 클럽상세 :header 영역  */
.club_header .board_box{position:fixed;z-index: 26;padding:0;height:160px;margin:0 auto;left:0;max-width:100%;border-bottom:none;}
.club_header .board_box .img_business{border-radius:0;max-width:none;padding-top: 0;}
.club_header .board_box .user_area{top:-102px;}
.club_header .board_box .btn_review{bottom:55px;}
.top #header.nav-up .h_title h2{color:#fff;display:block;text-shadow:none;transition:0.2s; margin-top:32px; margin-left:10px; }
.top #header.nav-down .h_title h2{transition:0.2s;}
.club_header + .location_bar .inner_box {display:table}
.club_header + .location_bar .tap_area{padding-left:0;width:auto;margin:0 auto;display:inline-block;}

.club_header + .location_bar .tap_area li:last-of-type {padding-right:0;}
/* 클럽 헤더 컨트롤  */
.club_header .img_business{background-size:100% auto;}
.club_header.up .board_box .bMenu .tit span {display:inline-block; margin-top:0; width:140px;}

@media (max-width:1023px) {
	.club_header.down .board_box{transition:0.2s;}
	.club_header .location_bar .inner.fix {position: fixed; background-color: #fff; }
	.club_header .board_box {height: 116px;}
	.club_header .img_business {height: 116px;}
	.club_header.up .img_business{height:48px;transition:0.2s;background-color:#6b3cec;background-position-y:calc(100% - 48px);}
	.club_header.up .board_box .bMenu .tit > a >strong {display:none;}
	.club_header.up .rating{display:none;}
	.club_header.down .img_business{transition:0.2s;background-color:transparent;}
	.club_header.down .rating{display:inline-block;transition:0.2s; }
	.club_header.down + .location_bar .inner{top:160px;transition:0.2s;}
	.club_header.up .board_box{height:auto;transition:0.2s; margin-top: -1px;}
	.club_header.up + .location_bar .inner{top:93px;transition:0.2s;}
	.club_header + .location_bar .inner{top:160px;}
	.club_header + .location_bar .tap_area li {width:auto;}
	.informTable .map {height:150px;}
}
@media (min-width:1024px) {
	.club_header .board_box {position: relative; top:0; height: 150px; width:100%;}
	.club_header .img_business {height: 150px;}
	.club_header.down + .location_bar .inner {top:44px;}
	.club_header + .location_bar .inner{top:44px; background-color: #fff;}
	.club_header + .location_bar .tap_area li {width:190px;}
	.informTable .map {height:250px;}
}

/* 테이블 */
.informTable {display:inline-block; vertical-align:middle; width:90%; text-align:center;border-bottom:1px solid #eaeaea}
.informTable table {width:100%; }
.informTable caption {border-bottom:1px solid #f0f0f0;}
.informTable th {padding:15px 0; border-bottom:#e3e3e3 solid 1px;box-sizing: border-box;width:70px;color:#6b3cec; min-height:35px;text-align:left;vertical-align: top;font-size:13px;}
.informTable td {padding:10px 0; border-bottom:#e3e3e3 solid 1px;text-align:left;font-size:14px;line-height:1.3em;vertical-align: top;}
.informTable td .area {font-weight:500; color:#333;}
.informTable td .sub {font-weight:400;font-size:13px;  color:#767676;margin-top:15px;}
.informTable td.addr {position:relative;}
.informTable td.addr > .area {width:calc(100% - 40px);}
.informTable td.addr .sub {position: absolute;right:0;top:0;display:inline-block; width:40px;height:40px;margin:0;background-image: url(/static/images/common/icons.png);background-size:130px auto;background-position:-30px -675px;text-indent:-555px;overflow: hidden;}
.informTable tr:last-child th {border-bottom:none;}
.informTable tr:last-child td {border-bottom:none;}
.informTable .map{margin:20px 0 15px -70px;background-color:#fff;width: calc(100% + 70px);display:none;}
/*  클럽 > 기본정보 수정 */
.write .inform{background-color:#fff;margin-top:10px;width:100%;text-align:center;}
.write .inform .tit_area{display:none;}
.write .inform .input,
.write .inform .textarea {background-color:#f8f8f8;border:none;}
.write .informTable .addr .area:first-child .input {width:calc(100% - 80px);float:left;}
.write .informTable .addr .area:nth-child(2) {margin-top:5px;}
.write .informTable .addr .square {float:right;width:75px;background-color:#fff;font-size:13px !important;}
.write .informTable .addr .square:hover {color:#333;border:solid 1px #eee;}
/* 영업일 관리 */
.businessDate {background-color:#fff;min-height:500px;padding-top:10px;}
.businessDate input:focus{border:solid 1px #6b3cec}
.input.date {background-image: url(/static/images/common/ico_cal.png);background-position: 95% 50%;background-repeat: no-repeat;background-size: 16px;}
.input.time {background-image: url(/static/images/common/ico_time.png);background-position: 95% 50%;background-repeat: no-repeat;background-size: 16px;}
.inputDateArea {width:90%;margin:0 auto;overflow: hidden;position:relative;}
.inputDateArea label{display:inline-block;width:100%;text-align:left;height:30px;line-height:30px;margin-top:10px;color:#767676;}
.inputDateArea .input{height:50px;line-height:50px; background-color:#f8f8f8;border:none;color:#6b3cec;}
.inputDateArea .inputDate{float:left;display:inline-block;width:50%}
.businessDate .inputDateArea .inputDate{width:calc(100% - 70px);}
.inputDateArea .inputTime{float:right;display:inline-block;width:49%;}
.inputDateArea .btn{position:absolute;display:inline-block;width:50px;height:50px;background-color:#6b3cec;border:none;border-radius:50%;color:#fff;right:0;bottom:0;}
.stat > span:last-child{padding-right:0 !important;}
.inputDateArea .stat {float:left;display:inline-block;width:50%;text-align: left;padding-left:30px;}
.inputDateArea .stat .tit{    display: inline-block;width: 100%;text-align: left;height: 30px;line-height: 30px;margin-top: 10px;color: #767676;}
.inputDateArea .stat .tit:after{content:':';display:inline-block;padding-left:5px;}
/* 체크박스 */
.stat .ceckbox input:checked + i {border-color:#6B3CEC; background-color:#6B3CEC;}
.stat .checkbox input:checked + i:before {color:#fff;}
.stat .checkbox i{left:0;top:0;}
.stat .checkbox {padding: 0px 20px 0px 23px !important; margin-top:10px;}
.stat .checkbox span {height:1em !important;line-height:0.6em !important;padding:0;white-space: nowrap;}
.inputDateArea .stat .checkbox {margin-top:0;padding-right:10px;margin-bottom:7px;}
.inputDateArea .checkbox label{margin-top:0;height:1.5em;line-height:1.5em;}
.inputDateArea .checkbox label span {height: 1em !important;line-height: 0.6em !important;padding: 0;}
/* 라디오 */
.stat .radio input:checked + i {border-color:#6B3CEC; background-color:#6B3CEC;}
.stat .radio input:checked + i:before {color:#fff;}
.stat .radio i{left:0;top:0;}
.stat .radio {padding: 0px 20px 0px 23px !important; margin-top:10px;}
.stat .radio span {height:1em !important;line-height:0.6em !important;padding:0;white-space: nowrap;}
.inputDateArea .stat .radio {margin-top:0;padding-right:10px;margin-bottom:7px;}
.inputDateArea .radio label{margin-top:0;height:1.5em;line-height:1.5em;}
.inputDateArea .radio label span {height: 1em !important;line-height: 0.6em !important;padding: 0;}
/* 게스트 초청 인원 */
.inputDateArea .inputTicket{float:left;display:inline-block;;width:calc(50% - 70px);}
.inputDateArea .inputTicket .input{float:left; width:calc(100% - 30px); text-align:right;padding:0 5px; }
.inputDateArea .inputTicket .input + span{line-height:50px;font-size:14px;}
.guestTicket{background-color:#fff;min-height:500px;padding-top:10px; padding-bottom:30px;}
.guestTicket .listTableArea{overflow-x: auto;overflow-y:hidden;}
.guestTicket table {min-width:500px;}
.guestTicket input:focus{border:solid 1px #6b3cec}
/* 영업일 목록 */
.listTableArea {margin-top:30px;border-top:solid 1px #6b3cec;display:inline-block; vertical-align:middle; width:90%; text-align:center; }
.listTableArea .input{float:left;text-indent:0;height:40px;box-sizing:border-box;line-height:40px;}
.listTableArea table {width:100%;}
.listTableArea caption {border-bottom:1px solid #f0f0f0;}
.listTableArea thead{/*display:none;*/}
.listTableArea th {padding:15px 0; border-bottom:#e3e3e3 solid 1px;box-sizing: border-box;width:auto;color:#6b3cec; min-height:35px; }
.listTableArea th:last-child{/*display:none;*/}
.listTableArea td {border-bottom:#e3e3e3 solid 1px;text-align:left;font-size:14px;line-height:1.3em;padding: 3px 3px;vertical-align: top;}
.listTableArea .bDate{}
.listTableArea .stat {}
.listTableArea .gTicket{}
.listTableArea .nName{}
td.gTicket {padding-left:5px;box-sizing:border-box;}
td.gTicket .input{float:left;width:calc(100% - 15px);text-align: right;min-width:34px;}
td.gTicket span{line-height:40px;font-size:12px;}
td.nName{width:auto;padding-left:5px;}
td.nName:after {clear: both; }
.listTableArea .btn-area{text-align:inherit;}
/* 영업관리 아이콘 */
.listTableArea .btn{display:inline-block;background-color:#fff;box-sizing:border-box;width:auto;height:auto;line-height:16px!important;text-align:left;vertical-align:text-top;padding:3px 10px 3px 30px;margin-left:5px;font-size:12px!important;border-radius:12px;border:solid 1px #eee;white-space: nowrap; margin-top: 8px;}
.listTableArea .btn:hover{color:inherit}
.listTableArea .btn:before {position:absolute;left:4px;top:0;content:'';display:inline-block; width:24px;height:24px;margin:0;background-image: url(/static/images/common/icons.png);background-size:100px;}
.listTableArea .btn:before{background-position-x:-25px}
.listTableArea .btn.edit:before{background-position-y:-226px}
.listTableArea .btn.del:before{background-position:-25px -252px}
.listTableArea .btn.confirm:before{background-position:-77px -178px}
.listTableArea .btn.cancel:before{background-position:-76px -102px;}
.listTableArea .input {text-indent:3px;padding-right:5px;box-sizing:border-box;background-color:#f8f8f8;border: none;}
.listTableArea .input.time {padding-right:20px;min-width:70px;}
.listTableArea .input:focus{border:solid 1px #6b3cec;box-sizing:border-box;}
.listTableArea .bDate .input,
.listTableArea .gTicket .input {color:#6b3cec;}
/* 영업상태 */
.listTableArea .stat input{display:none;}
.listTableArea .stat input[checked]{display:block;}
.businessDate .listTableArea{overflow-x: auto;overflow-y:hidden;}
.businessDate .listTableArea .stat {width: 30%; padding: 15px 5px 0 5px;}
.businessDate .listTableArea .stat .radio{display: table-cell;}
.businessDate table {}

/* 20191219 게스트초청 목록 추가 */
.listTableArea .guestlist {display: block; width: 48%; float: left; margin-top: 5px; }
.listTableArea .guestlist.left {margin-right: 4%;}
.listTableArea .guestlist3 {display: flex; width: 100%; margin-bottom: 5px; }
.listTableArea .guestlisttit {display: block; width: 50px; height: 30px; float: left; line-height: 30px; color: #6b3cec; text-align: left; }
.listTableArea .guestlistcont {display: block; float: left; width: calc(100% - 50px); height: 30px; color: #767676; text-align: left; line-height: 30px; font-size: 13px; }
.listTableArea .guestlistrow input {height: 30px; line-height: 30px; font-size: 13px; }
.listTableArea .guestlistrow.gTicket .input {width: 50px; margin-right: 5px;}
.listTableArea .guestlistrow.gTicket span {font-size: 13px; line-height: 30px; }
.listTableArea .guestlistrow {display: flex; margin-bottom: 5px; }
.listTableArea .guestlist3 .btn {margin-left: 0; margin-right: 5px; float: left; margin-top: 3px; }
.listTableArea .guestlistrow select {vertical-align: middle; width: 100%; max-width: 100px; height: 30px; background-color: #f8f8f8; border: 1px solid #e6e7e9; font-size: 13px; line-height: 28px; background-position: 90% -4px; }
.listTableArea .guestliston {border-bottom: 1px solid #f0f0f0; }
.guestliston.readonly input {border:none; color:#767676; background-color:#fff; }
.guestliston.readonly select {display: none; }

/* 티켓발급 대상 */
.guestTicket .listTableArea td{padding-bottom:0; width:auto;}
.guestTicket .listTableArea .stat {padding-top: 15px;}
.guestTicket .listTableArea .stat .radio{display: table-cell;}
.guestTicket .listTableArea .nName {min-width:100px;}
/* 비활성 */
.listTableArea input[readonly]{border:none;}
.listTableArea input[readonly].input.date{background-image: url(/static/images/common/ico_cal_off.png);}
.listTableArea input[readonly].input.time{background-image: url(/static/images/common/ico_time_off.png);}
.listTableArea input[readonly='readonly']{border:none;}
.listTableArea input[readonly='readonly'].input.date{background-image: url(/static/images/common/ico_cal_off.png);}
.listTableArea input[readonly='readonly'].input.time{background-image: url(/static/images/common/ico_time_off.png);}
.listTableArea tr.readonly .btn:before {background-position-x:0px}
.listTableArea tr.readonly .btn.del:before {background-position-x:0px}
.listTableArea tr.readonly .btn.confirm:before {background-position-x:0px}
.listTableArea tr.readonly .btn.cancel:before {background-position-x:-150px}
.listTableArea tr.readonly .input {border:none;color:#767676;background-color:#fff;}
.listTableArea tr.readonly span {color:#767676;}
.listTableArea tr.readonly .checkbox {padding-left:0 !important;}
.listTableArea tr.readonly .checkbox i{display:none;}
.listTableArea tr.readonly td{padding-bottom:0;} 
/* DRINK > BAR 목록 및 수정 */
.listTableArea.drink-bar{margin-top:0;margin-bottom:30px;}
.listTableArea.drink-bar caption{text-align:left;font-size:14px;height:40px;line-height:50px;font-weight:500;}
.listTableArea.drink-bar thead{position: absolute!important;clip: rect(0 0 0 0)!important;width: 0!important;height: 0!important;margin: -1px!important;overflow: hidden!important;}
.listTableArea.drink-bar .h_tit .input{text-indent:10px}
.listTableArea.drink-bar .h_tit span{margin-left:0;font-size:14px;color:#333;}
.listTableArea.drink-bar .bPrice{width:30%;text-align:right;}
.listTableArea.drink-bar .bPrice .input{width:calc(100% - 14px);text-align:right;}
.view .listTableArea.drink-bar{width:100%;border-top:none;border-bottom:solid 1px #ccc;padding-bottom:30px;}
.view .listTableArea.drink-bar:first-child{margin-top:30px;}
.view .listTableArea.drink-bar:last-child{border-bottom:none;margin-bottom:0;}
.view .listTableArea.drink-bar table{border-top:none;}
.view .listTableArea.drink-bar th{font-size:14px;}
.view .listTableArea.drink-bar th,
.view .listTableArea.drink-bar td{border:none;height:auto;line-height:1.8em;padding:0}
.view .listTableArea.drink-bar span{height:auto;line-height:1.8em;}
.view .listTableArea.drink-bar tbody th{vertical-align:top;width:100px;text-align:left;font-size:13px;font-weight:500;}
.view .listTableArea.drink-bar .h_tit{letter-spacing:0;}
.view .listTableArea.drink-bar .h_tit span{color:#767676;}
.view .listTableArea.drink-bar .bPrice {width:20%;}
.view .listTableArea.drink-bar .bPrice span{color:#333;font-weight:500;}
.view .listTableArea.drink-bar .bPrice span:last-child{display:none;}
/* 이용안내 수정 */
.inform_date li{display:inline-block;float:left;margin-right:1%; width:19%;}
.inform_date li:last-child{margin:0;}
.inform_date li a{display:inline-block;width:100%;min-height:50px;box-sizing:border-box;border:solid 1px #eee;background-color:transparent;border-radius:3px;color:#b4b4b4;padding-top: 7px;}
.inform_date li strong,
.inform_date li em{display:block;text-align:center;}
.inform_date li strong{font-size:18px;font-weight:500;}
.inform_date li em{font-size:10px;}
.inform_date li.on a {border:solid 1px #6b3cec;background-color:#fff;color:#6b3cec;}
/* 게스트 신청 영역 */
.ticket .tit_area h4 {border-bottom:none;}
.ticket #articleListArea {width: 90%;display: inline-block;}
/* 티켓 디자인 */
.ticket .txt_area {position:relative; overflow:visible; border:none; border-radius:5px; background-color:#fff; box-shadow:0 0 7px rgba(0, 0, 0, 0.1);}
.ticket .txt_area:before {content:""; position:absolute; left:0; top:0; z-index:2; width:4px; height:100%; border-radius:2px 0 0 2px; background-color:#6B3CEC;}
.ticket .txt_area .box_deco {display:inline-block; vertical-align:middle; position:absolute; right:90px; top:0; width:5px; height:100%; border-right:#e3e3e3 dashed 1px;}
.ticket .txt_area .box_deco:before {content:"";position:absolute;left:0; top:-5px;z-index:1;width:10px;height:10px;border-radius:0 0 10px 10px;background-color:#f8f8f8;box-shadow:inset 0 -2px 1px rgba(0, 0, 0, 0.02);}
.ticket .txt_area .box_deco:after {content:"";position:absolute;left:0;bottom:-5px;z-index:1;width:10px;height:10px;border-radius:10px 10px 0 0;background-color:#f8f8f8;box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.06);}
.ticket .txt_area .box_effect {display:inline-block;vertical-align:middle;position:absolute;right:-4px; top:0;width:8px;height:100%;overflow:hidden;}
.ticket .txt_area .box_effect:first-child { left:-4px;}
.ticket .txt_area .box_effect i {display:inline-block;vertical-align:middle;position:absolute;left:0;top:50%;width:4px;height:8px;margin-top:-4px;border-radius:4px 0 0 4px;background-color:#e9e9e9;box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.ticket .txt_area .box_effect i:before {content:"";display:inline-block;vertical-align:middle;position:absolute;left:0;top:-14px;width:4px;height:8px;border-radius:4px 0 0 4px;background-color:#e9e9e9;box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.ticket .txt_area .box_effect i:after{content:"";display:inline-block;vertical-align:middle;position:absolute;left:0;top:14px;width:4px;height:8px;border-radius:4px 0 0 4px;background-color:#e9e9e9;box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.ticket .txt_area .box_effect i.be2 {margin-top:38px;}
.ticket .txt_area .box_effect i.be3 {margin-top:-46px;}
.ticket .txt_area .time .ellip {font-size:12px; color:#767676; padding-top: 0.05em;}

@media (max-width:1023px) {
	.ticket {clear: both;}/* 티켓목록 공지롤링과 겹침 */
}
@media (min-width:1024px) {
	.ticket {margin-top: 10px;}
	.board_box.ticket {width:48%; float:left; margin: 0 1% 10px; height: 115px;}
	.localSort_guest {width: 90%; margin:0 auto;}
	.md .ticket {margin: 0;}
}

/* MD 화면 적용 */

.list_board_section.list-layout .board_box{margin-bottom:0;}
.list_board_section.list-layout .board_box.my{background-color: rgba(107, 62, 206, 0.07);}
.list_board_section.list-layout .ticket .board_box{margin-bottom:10px}
/* MD 게스트 신청 */
.ticket .board_boxd.ticket.finish{}
.board_box.ticket{background-color:#fff;border-radius:5px;box-shadow:0px 1px 0px #eee;margin-bottom:7px;}
.board_box.ticket .status{text-align: right;white-space:nowrap;}
.ticket .txt_area{display:inline-block;padding: 12px 14px 13px; position: relative; box-sizing:border-box;}
.ticket .txt_area .info{display:inline-block;position:relative; width:100%;margin-top:10px;}
.ticket .txt_area .info span{display:inline-block;}
.ticket .txt_area .info .bName{display:block;}
.ticket .txt_area .info .nick{display:block;margin-top:5px;}
.ticket .txt_area .info .date{float:left; margin-top:10px; margin-right: 6px;}
.ticket .txt_area .info .time{float:left;width:calc(100% - 120px);margin-top:10px;}
.ticket .txt_area .info .time .ico{display:none;}
.ticket .txt_area .bName.tit{font-size: 16px;}
.ticket .txt_area  .info .download{position:absolute;right:0;bottom:0;}
.ticket .txt_area  .download{position:absolute;right:15px;bottom:14px;}
.ticket .txt_area  .btn-group{margin-top:10px;padding-right:0;padding-bottom:0;border-top:1px dashed #f5f5f5;}/* 티켓종료, 신청마감 */
.ticket .txt_area  .btn-group .status {border-radius:2px;float:right}
/* 티텟 종료 시 */
.ticket .finish {background-color: rgba(255, 255, 255, 0.5);}
.ticket .finish .txt_area {background-color: rgba(255, 255, 255, 0.0);}
.ticket .finish .txt_area  .download .ico{background-position-x: -67px}
.ticket .finish .txt_area  .info .date .ico{background-position-x: -9px}
.ticket .finish .txt_area .info .amount strong{color:#b2b1b1;}
.ticket .finish .txt_area:before{background-color:#f5f5f5;}
.ticket  .ico {float:none;display: inline-block;height: 12px;background: url(/static/images/common/icons.png) no-repeat;background-repeat: no-repeat;background-size: 120px auto;-webkit-background-size: 120px auto;margin-right: 3px;}
.ticket .txt_area  .info .amount{position:absolute;right:0;top:-30px;font-size:14px;}
.ticket .txt_area  .info .amount strong{color:#6b3cec;font-weight:500;}
.ticket .txt_area  .info .amount > .status{position:absolute;right:0;top:20px;text-align:right;margin-right:0;padding-right:0;}
.ticket .txt_area  .info .amount .ico{display:none;}
.ticket .txt_area h5{font-size:12px;color:#b4b4b4}
.ticket .txt_area .tit{font-size:13px;font-weight:500;color:#6b3cec;margin-right:5px;letter-spacing: -1px;}
.ticket .txt_area .bName.tit{color:#333;}
/*  오늘 티켓  표시*/
.ticket .board_box.today .date{position:relative;}
.ticket .board_box.today .date span{color:#6b3cec;font-weight:500;}
.ticket .today .txt_area:before{background-color:#e55958;}
/* 게스트 신청 목록 */
.ticket .board_box.today .info:after{content:'Today';display:inline-block;font-size:12px;font-weight:bold;position:absolute;right:0;bottom:25px;border-radius: 14px;padding: 3px 10px; height:12px;color:#fff;background-color:#e55958;/*border:solid 1px #E32E31 ;*/}
.ticket  .today.finish .txt_area .info .date span{color: #333;}
.ticket  .today.finish .txt_area .info .date:after{border:solid 1px #ccc;}
/* 게스트 신청 > 입장확인 : MD 전용  */
.ticket_entry  {background-color:#f5f5f5}
.ticket_entry .list_area{padding:0;width:90%;}
.ticket_entry .txt_area{padding:20px}
.ticket_entry .user_area{margin-top:0;max-width:50%;}
.ticket_entry .nick{color:#333;font-weight:500;display:inline-block;width:100%;}
.ticket_entry .name{display:inline-block;margin-top:7px;color:#333;}
.ticket_entry .phone{margin-left:5px;}
.ticket_entry .info{text-align:left;display:block;margin-top:20px;}
.ticket-id{color:#6b3cec;font-size:15px;}
.ticket_entry .ticket-id{float:right;}
.ticket_entry .date{float:left !important;margin-top:0 !important;}
.ticket_entry .status{position:absolute;top:20px;right:20px;margin-right:0;}
.ticket-id .ico{background-image:none;}
.ticket-id .ico:after{content:'No.';display:inline-block;font-size:10px;color:#ccc}
.ticket_entry .board_box {border-radius:10px;box-shadow:0px 0px 10px 3px rgba(0,0,0,0.05);background-color: #fff;}
.ticket_entry .icon_new_txt{left:9px;}
/* club >. info : 조각 목록 */
.download .ico {width:16px;height:16px;background-position: -97px -97px;margin:0;}
.nick .ico.md{width:auto;}
/* 후기 영역 */
.review #articleListArea {width: 90%;display: inline-block;}
.review .txt_area {padding: 12px 0 13px 0;}
.review .txt_area .h_title {font-size: 16px;line-height: 19px;font-weight: normal;}
.h_title span{padding-right:20px;position:relative;}
.h_title span:after{position:absolute;display:inline-block;content:'>';color:#ccc;top:3px;right:5px;}
.h_title span:last-child:after{display: none;}
.review .txt_area .txt {font-size:14px;padding:10px 0;line-height:1.3em;color:#666;}
.review .thumb_area .thumb {margin-top:30px;}
.review .thumb_area .thumb img {border-radius: 50%;}
.review .thumb_area .thumb:after {border-radius: 50%;}
.user_area .no,
.user_area .comment{display: inline-block;padding-left: 10px;white-space: nowrap;vertical-align: middle;font-family:Arial, "sans-serif";}
.user_area .no:before,
.user_area .comment:before{content: '';display: inline-block;margin-right: 2px;width: 15px;height: 10px;vertical-align: -1px;
background-image: url(/static/images/common/icons.png); background-size: 120px}
.user_area .no:before {background-position: -9px -130px;}
.user_area .comment:before {background-position: -67px -130px;}
/* 댓글 작성 */
.commentArea{background-color:#fff; }
@media (min-width:1024px) {
	.commentArea {max-width: 980px; margin: 0 auto;}
	.box_write_inner .textarea {padding: 0 1%;}
}
@media (max-width:1023px) {
	.commentArea {margin-bottom: 60px;}
	.community.view .commentArea {margin-bottom:0;}
}
/* 댓글 박스 */
.write_wrap{margin:0 auto;text-align:left;border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:25px 5% 10px}
legend.legend {display:inline-block;text-align:left;width:100%;font-size:15px;line-height:20px; font-weight:500;}

.box_write_inner{position:relative;padding-bottom:35px;overflow: hidden; clear:both;}
.box_write_inner .profile_area{margin:10px 0 7px;}
.box_write_inner .box_profile{ }
.box_write_inner .nickname{display:inline-block; font-size:15px;}
.box_write_inner .textarea{background-color:#F8F8F8;border:none;font-size:14px; }
.box_write_count{position:absolute; right:60px;bottom:9px;}
.box_write_total{color:#b4b4b4;;}
.box_count_num{color:#6b3cec;}
.box-browse-file-input {display: block;overflow: hidden;position: absolute;width: 30px;height:30px;z-index: 2;opacity: .01;bottom:0;}
/* 등록 버튼 등 */
.box_btn_upload{position:absolute;bottom:0;display:inline-block; background-color:#b4b4b4; height:30px; padding:0 10px;line-height:30px;color:#fff;}
.box_btn_upload.txt_upload{right:0;}
/* 이미지 첨부*/
.box_upload {position:absolute;left:0;bottom:0;display:inline-block}
.box_btn_upload.ico_upload{ display: inline-block;overflow: hidden;width:30px;height:30px;vertical-align: top;background-color:transparent;background-image: url(/static/images/common/ico_photo.png);background-repeat:no-repeat;background-position:0 6px;background-size:20px;padding:0;}
/* 댓글 목록 */
.box_upload_image{display: none;position: relative;z-index: 1;padding:10px 15px 4px 15px;overflow:hidden;background-color: #F8F8F8; *zoom: 1;}
.box_upload_image_wrap {float: left;position: relative;margin: 0 11px 11px 0;}
.box_upload_thumb_link {display: block;position: relative;z-index: 1;width: 50px;height: 50px;background-color:transparent;background-image: url(/static/images/common/img_empt.png);background-repeat:no-repeat;background-position:center;background-size:80%;}
.box_upload_thumb_mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 20;border: 1px solid #000;filter: alpha(opacity=4);opacity: .04;}
.box_ico_delete_thumb {background-image: url(/static/images/common/icons_etc.png);background-repeat: no-repeat;-webkit-background-size: 400px;background-size: 400px;overflow: hidden;position: absolute;top: -7px;right: -7px;z-index: 30;width: 17px;height: 17px;background-position: -40px -109px;
line-height: 999px;}
.box_upload_thumb {position: relative;z-index: 10;width: 50px;height: 50px;vertical-align: top;}
.ic_new{position:relative;top: 0;right: 0;display: inline-block;overflow: hidden;margin-left: 5px;background-color: #f2655b;border-radius: 50%;}
.ic_new:before {content: 'N';color: #fff;position: relative;left: 0;display: inline-block;width: 14px;height: 14px;text-align: center;}

@media (min-width:1024px) {
	#wrap.main .ic_new {width: 24px; height: 24px;}
	#wrap.main .ic_new:before {font-size: 14px; top: 4px;}
}
@media (max-width:1023px) {
	.ic_new{width: 14px; height: 14px;}
	.ic_new:before {font-size: 12px; top: 0;}
}
.section_comment {margin-top:10px; padding-bottom:20px;}
.section_comment .top_area{text-align:left;height:30px;font-size:15px;font-weight:500; padding: 0 5%;}
.section_comment .top_area em {font-size:14px;font-weight:400;color:#b4b4b4;}
.section_comment .thumb_area {display:inline-block;width:80%;text-align:left;}
.section_comment .thumb_area .ic_new {top:10px;}
.section_comment .thumb_area .span {width: 34px; height: 34px;}
/* 20200219 비밀댓글 추가 */
.secret_comment {display:inline-block; float:right;}
.secret_comment span {display: inline-block; float: left; color: #bfbfbf; font-size: 13px; margin-right: 3px; line-height: 15px;}
.secret_comment .ico {background: url(/static/images/common/icons.png) no-repeat; background-position: -65px -277px; background-size: 120px auto; width: 20px; height: 20px;}
.secret_comment.on span {display: inline-block; float: left; color: #6b3cec; font-size: 13px; margin-right: 3px; line-height: 15px; font-weight: 500;}
.secret_comment.on .ico {background: url(/static/images/common/icons.png) no-repeat; background-position: -95px -277px; background-size: 120px auto; width: 20px; height: 20px;}
.secret_comment.re {margin-top:-25px;}

.secret_icon {position:relative; display:inline-block; padding-top:8px; margin-left:3px; float: left;}
.secret_icon .ico {background: url(/static/images/common/icons.png) no-repeat; background-position: -95px -277px; background-size: 120px auto; width: 20px; height: 20px;}
.secret_icon.re1 {padding-top: 3px;}
.comment.re .secret_icon.re2 {padding-top: 3px;}

/* 20191115 게시판 댓글 프로필 이미지 사진 사이즈 변경 */
.section_comment .thumb_area .profile {float:left;display:inline-block;vertical-align:middle;position:relative; overflow:hidden;}
.section_comment .thumb_area .profile_thumb {position: relative; display:inline-block;vertical-align: middle;margin-right:10px;border-radius: 50%;width:34px;height:34px;overflow:hidden;}
.section_comment .thumb_area .profile img {position: absolute; left: 50%; top: 50%; height: auto; width:100%; min-width: 34px; min-height: 34px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

.section_comment .thumb_area .nick {display:inline-block;vertical-align: middle;font-size:15px;font-weight:500;line-height:1em;}
.section_comment .thumb_area .nick .ico {font-size:14px;font-weight:500;}
.section_comment .thumb_area .nick > .ico {font-weight:400;}
.section_comment .thumb_area .nick .ellip + .ico {font-size:12px;font-weight:400;color:#6b3cec;border:solid 1px #6b3cec;border-radius:10px;padding:3px 5px;margin:0 0 0 5px;}
.section_comment .comment{text-align: left;position:relative;border-bottom:solid 1px  #ececec;padding:10px 0;}
.section_comment .comment .txt{margin-top:5px; font-size:15px;line-height:1.5em;}
.section_comment .comment .img_area{margin-top:15px;}
.section_comment .comment .img_area img {max-width:204px;margin-bottom:5px;}
.section_comment .comment .lst_wp{position:relative; padding: 0 5%;}
.section_comment .comment.re{margin-top: -6px;border-top:none;position:relative;background-color:#fff;}
/*
.section_comment .comment.re:before {content: '';display: block;position: absolute;bottom: -1px;left: 0;width: 15px;height: 1px;background-color: #ececec;}
.section_comment .comment.re:after {content: '';display: block;position: absolute;bottom: -1px;right: 0;width: 15px;height: 1px;background-color: #ececec;}
*/
.section_comment .comment.re .lst_wp{margin-left: 3%;}

/* 20191114 게시판 댓글 프로필 이미지 사진 사이즈 변경 */
.section_comment .comment.re .profile img {position: absolute; left: 50%; top: 50%; height: auto; width:100%; min-width: 25px; min-height: 25px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.section_comment .comment.re .profile {float:left;display:inline-block;vertical-align:middle;position:relative; overflow:hidden;}
.section_comment .comment.re .profile .profile_thumb {display:inline-block;vertical-align: middle;margin-right:10px;border-radius: 50%;width:25px;height:25px;overflow:hidden;}

.section_comment .comment.re .ic_new{top:6px;}
.section_comment .comment.re .thumb_area .profile_thumb {width:25px;height:25px;}
/* 내가 작성한 글  */
.section_comment .comment.mine{position:relative;margin: 0;background-color:#f3f0fe;}
/*.section_comment .comment.mine .lst_wp{margin: 0 5%;} 20200227 삭제 */
.section_comment .comment.re.mine {margin-top:-6px;border-top:0!important;}
.section_comment .comment.re.mine .lst_wp {margin: 0 5% 0 57px;}
.section_comment .comment:last-of-type {border-bottom: 0;}
/* 댓글쓰기 */
.section_comment .comment  + .reply {position: relative;margin: 0;background-color: #fff; padding: 0 5%;}
.section_comment .reply .write_wrap{padding: 15px 0 10px; background-color:#fff;position:relative;border-top:none;}
.section_comment .comment.del{margin:0 !important;}
.section_comment .comment.del .thumb_area:after{content:'삭제된 댓글입니다'; display:inline-block; width:100%;font-size:15px;height:30px;line-height:30px;background-color:#f5f5f5;text-align:center;margin-bottom:5px;}
.section_comment .comment.del .profile{display:none;}
.section_comment .comment.del .ic_new{display:none;}
.section_comment .comment.del .txt{display:none;}
.section_comment .comment.del .comment_footer{display:none;}
.section_comment .comment.hide .txt{display:none;}
.section_comment .comment.hide .thumb_area{border-bottom:solid 1px #f5f5f5;}
.section_comment .comment.hide .thumb_area:after{content:'블라인드된 댓글입니다'; display:inline-block; width:100%;font-size:15px;height:30px;line-height:30px;background-color:#f5f5f5;text-align:center;margin-bottom:5px;}
.section_comment .comment.hide .comment_footer{display:none;}
.comment_footer{margin-top:10px; overflow:hidden;}
.comment_footer .left{float:left;margin-top:3px;}
.comment_footer .right{float:right;}
.comment_footer .date{color:#b4b4b4;float: left;line-height: 20px;}
.comment_footer .btn{display:inline-block;vertical-align:middle;box-sizing:border-box;height:24px;line-height:24px!important;text-align:center;padding-left:6px;padding-right:5px;font-size:14px!important;color:#959595; width:auto;border:none;background-color:transparent;}
.comment_footer .btn.reply{float:right;padding-right:0;}
.comment_footer .btn.report{width: 20px;height: 20px;background: url(/static/images/common/icons.png) no-repeat;background-repeat: no-repeat;background-size: 120px auto;-webkit-background-size: 120px auto;background-position:-64px -66px;}
/* 댓글 수정 */
.write_wrap.edit{border-top:none;border-bottom:none;padding:10px 0 0 0;display:none;}
.write_wrap.edit .box_btn_upload.txt_cancel {right:45px;bottom:0;}
.write_wrap.edit .box_write_count{right:100px;}
.comment.re .write_wrap.edit{padding:10px 0 0 0;}
.target_name {display: inline-block;overflow: hidden;max-width: 49%; color: #000;font-weight: 500;word-break: normal;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;text-align: left;vertical-align: top;}
/* 테이블 예약 */
/* 신고 */
.write.report{}
.report{}
.report .article_header{margin-top:10px;margin-bottom:10px;}
.report .article_header h4.h_title{height:50px;border-bottom:solid 1px #ebebeb; font-size:15px; font-weight:500;line-height:50px;padding:0;}
.report .article_header h5.h_title{height:40px; font-size:14px; font-weight:500;line-height:40px;padding:0;}
.report .article_header .text{text-align:left;width:90%;margin:0 auto;line-height:1.3em;padding-bottom:20px;}
.checkboxArea {width: 90%;margin: 0 auto;}
.checkboxArea legend {height:50px;border-bottom:solid 1px #ebebeb; font-size:15px; font-weight:500;line-height:50px;padding:0;}
.check-list li {display: block;border-bottom:solid 1px #ebebeb;text-align: left;padding: 8px 0 8px 23px; min-height:50px; box-sizing:border-box;}
.checkboxArea .checkbox a {position:absolute; right:50px;top:20px; text-decoration: underline;}
.checkboxArea .checkbox label i {left:0;right:auto;border-radius: 10px;}
.checkboxArea .checkbox span {line-height:25px;}
.checkboxArea .textarea {background-color:#f8f8f8;border:solid 1px #f5f5f5;margin-bottom:10px;}
.radioArea {width: 90%;margin: 0 auto;}
.radioArea legend {height:50px;border-bottom:solid 1px #ebebeb; font-size:15px; font-weight:500;line-height:50px;padding:0;}
.radio-list li {display: block;border-bottom:solid 1px #ebebeb;text-align: left;padding: 8px 0 8px 40px; min-height:50px; box-sizing:border-box;}
.radioArea .checkbox a {position:absolute; right:50px;top:20px; text-decoration: underline;}
.radioArea .checkbox label i {left:0;right:auto;border-radius: 10px;}
.radioArea .checkbox span {line-height:25px;}
.radioArea .textarea {background-color:#f8f8f8;border:solid 1px #f5f5f5;margin-bottom:10px;}
.content.view.gallery .article_header {margin-top: 48px;}
/*  파티 사진 , 파티일정 */
@media (max-width:1023px) {
	.content.gallery .article_header {/*padding-top: 48px;*/}
}
@media (min-width:1024px) {
	.content.gallery .area {margin-top:10px;}
	.content.view.gallery .article_header {margin-top: 0;}
}
.content.gallery { }
.content.gallery .tab.t2 {background-color:#fff;box-shadow:none;}
.content.gallery .location_bar .inner.fix{background-color: #f8f8f8;}
.content.gallery .list_board_section{ /*padding-top:44px;*/}
/* 내정보 */
.btn_help{display: inline-block;vertical-align: middle;position: absolute;right:0;top: 0;width: 48px;height: 48px;}
#header.mypage .h_title {color:#fff}
#header.mypage .h_back button i.arrow_t{background-color:#fff;}
#header.mypage .h_back button i.arrow_b{background-color:#fff;}
#header.mypage .btn_help{background-color:transparent;border:none;}
#header.mypage .btn_help:before{content:'?';color:#fff;display:inline-block;width:16px;height:16px;line-height:16px; border-radius:50%;border:solid 1px #fff;margin-top:15px;}

.mypage .n_btn {display:inline-block; vertical-align:top;}
.mypage .n_btn a:first-child  {display:inline-block; position: absolute;top:22px;right:15px;}
.mypage .n_btn a:first-child:before{content:'';display:inline-block; background-image:url("/static/images/common/ico_access.png"); background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:1;}
.mypage .n_btn a:first-child:after{content:'';width:16px;height:16px;display:inline-block;border-radius:50%;background-color:#6b3ece;position:absolute;left:7px;top: 7px;}
.my_area .noti {position: absolute;right:50px;top:20px;}
.my_area .nick .ico.noti:before {top:5px;left:5px;}

.wrap_profile .profile_head{}
.profile_head .my_area{overflow:hidden; min-height:160px; position:relative; background-color:#6b3cec;}
.profile_head .my_area .tag_popular{position:absolute;bottom:-7px;right:0;z-index:10;width:90px;height:15px;padding-top:5px;font-weight:bold;font-size:11px;line-height:13px;color:#03c75a;font-family:"Apple SD Gothic Neo",sans-serif;text-align:center;background-position:-20px -180px;}
.profile_head .thumb_profile{border-radius:50%;position: absolute;left: calc(50% - 45px);top:20px; width:90px;height:90px;overflow:hidden;}

@media (max-width:1023px) {
	.profile_head .my_area {background-image:url(/static/images/common/bg_profile_deco.png); background-repeat:no-repeat; background-size:100%; background-position-x:center; background-position-y:calc(100% - -1px); padding:20px 15px 30px;}
	#header.hBtn{width:auto; position:absolute;}
	#header.mypage {background-color: #6b3cec;border-bottom:none;}
	.mypage.main .lst_section_profile .txt_result {font-size: 12px;}
	#wrap #contents.mypage.main {margin-top:0;}
	.mypage .n_btn a:first-child {width:30px; height:28px;}
	.mypage .n_btn a:first-child:before {width:30px; height:28px; background-position: 3px -143px; background-size:24px;}
	.profile_head .id .txt {height:12px;margin:0 3px 0 0;font-size:10px;line-height:10px;}
	.profile_head .desc {font-size:13px;}
	.my_area .noti {width:30px;height:30px;margin-right:4px;}
	.my_area .nick .ico.noti span {top:0;right:-2px;}
	.profile_head .myinfo_md .md_btn {width:30px; height:27px; background-size: 26px; background-position:3px -181px; margin-right: 11px;}
	.profile_head .commerce_btn{width:30px; height:27px; background-size: 24px; background-position:3px -118px; margin-right: 11px;}
	.mypage .list_board_section.tab2depth {padding: 0;}
	.mypage.main #articleListArea {/*margin-bottom: 48px;*/}
}
@media (min-width:1024px) {
	.mypage.main .lst_section_profile .txt_result {font-size: 13px;}
	#wrap #contents.mypage.main {margin-top:166px; }
	.mypage .n_btn a:first-child {width:32px; height:32px;}
	.mypage .n_btn a:first-child:before {width:32px; height:32px; background-size:32px; background-position: 0 -192px; }
	.profile_head .id .txt {height:14px; margin:0 5px 0 0; font-size:11px; line-height:13px; }
	.profile_head .desc {font-size:14px;}
	.my_area .noti {width:32px; height:32px; margin-right:20px;}
	.my_area .nick .ico.noti span {top:0;right:-4px;}
	.profile_head .myinfo_md .md_btn {width:32px; height:32px; background-size:32px; background-position:0 -223px; margin-right: 32px;}
	.profile_head .commerce_btn {width:32px; height:32px; background-size:32px; background-position:0 -160px; margin-right: 32px;}
	.list_area.noti_list {background-color:#fff; padding:0;}
	.list_area.noti_list .board_box {width:98%; margin: 0 auto;}
	#member_setting .p10 {display: none;}
	#member_setting .area.mt10:first-child {display: none;}
	.profile_head .my_area {padding:20px 15px 10px;}
}
.mypage.main .list_area {background-color:#fff;}
/* 20191114 프로필 이미지 사이즈 변경 */
.profile_head .thumb_profile img {position: absolute; left: 50%; top: 50%; height: auto; width:100%; min-width: 90px; min-height: 90px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.profile_head .thumb_profile:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:''}
.profile_head .info_profile{display:inline-block;width:calc(50% - 45px);float:left;min-height:90px;margin-top:26px;}
.profile_head .info_profile .inner{display:table-cell;text-align:left;vertical-align:top;}
.profile_head .nick{float:left;color:#fff;word-break:break-all;line-height:0;margin-top:20px;}
.profile_head .nick .txt{position: absolute;left: 0;top:120px;width: 100%;text-align: center;line-height: 30px;font-weight:500;font-size:17px;}
@media ( max-width: 320px ) {
	.profile_head .nick .txt {font-size:15px;}
}
.profile_head .nick .txt .tag{font-size:12px;}
.profile_head .ico_setting{width:18px;height:18px;margin:6px 0 0 6px;background-position:-60px -20px}
.profile_head .id{padding-top:1px;font-size:12px;line-height:15px;color:#fff;clear:both;display:inline-block;word-break: break-all;}
.profile_head .phone{color:#FEEB00;display:block;}
.profile_head .id .txt{float:left; width:16px; border:1px solid rgba(255,255,255,0.4); text-align:center; opacity:.7;}
.profile_head .desc {padding-top:7px;line-height:16px;color:#fff;/*opacity:.7;*/clear:both}
.profile_head .desc > a {color:#fff;} /* 소속 업소명&링크 */
.profile_head .desc .visit:after{content:'';height:3px;display:block;}
.profile_head .desc .bName{ color:#fff;}
/* 등급 표시 */
.class{display:inline-block;}
.class .ico{width: 20px;height: 20px;display: inline-block;background-image: url(/static/images/common/ico_class.png);background-repeat: no-repeat;background-position:center top;background-size:100%;border-radius:50%;float:left;}
.class em{float:right;margin-top:5px;}
.class.c01 .ico{background-position-y:0}
.class.c02 .ico{background-position-y:25%}
.class.c03 .ico{background-position-y:50%}
.class.c04 .ico{background-position-y:75%}
.class.c05 .ico{background-position-y:100%}
.user_area .class{position:absolute;left:30px;top:20px;}
.section_comment .thumb_area{position:relative;}
.thumb_area .class .ico{width:16px;height:16px;}
.thumb_area .class{position:absolute;left:23px;top:18px;}
/* 댓글 depth 등급 사이즈 & 위치 */
.re .thumb_area .class .ico{width:14px;height:14px;}
.re .thumb_area .class{left:18px;top:12px;}
.profile_head .desc .class{position:absolute;top:80px;left:calc(50% + 20px);border-radius:13px;padding-right:5px;color:#fff;text-align:center;line-height:20px;}
.profile_head .desc .class .ico{width:30px;height:30px;/*border: solid 1px #fff;*/}
.profile_head .desc .txt_bar:before{display:inline-block;margin:7px 5px 0;width:2px;height:2px;background-color:#fff;opacity:.5;vertical-align:top;content:'';}
.profile_head .info{overflow:hidden;padding-top:15px;font-size:15px;line-height:18px;clear:both}
.profile_head .info .link_info{float:left;color:#fff}.profile_head .info .link_notice_new{color:rgba(255,255,255,0.7)}
.profile_head .info .txt_bar{float:left;padding:0 10px;color:#fff;opacity:.3}
.profile_head .info .ico_chat{width:21px;height:19px;background-position:0 -30px}
.profile_head .info .ico_alarm{width:18px;height:18px;background-position:-20px 0}
.profile_head .info .txt_alarm{display:inline-block;height:15px;padding:0 4px;border:1px solid;border-radius:10px;font-size:10px;line-height:15px;vertical-align:top;color:inherit}
.profile_head .commerce_btn{display:inline-block;text-align:center;position: absolute;top: 20px;right:80px;background-image: url(/static/images/common/ico_access.png);background-repeat: no-repeat;text-indent:-9999px;overflow:hidden;line-height:0;font-size:0;padding:0; }
.profile_head .myinfo_md .md_btn{display:inline-block;text-align:center;position: absolute;top: 20px;right:80px;background-image: url(/static/images/common/ico_access.png);background-repeat: no-repeat;text-indent:-9999px;overflow:hidden;line-height:0;font-size:0;padding:0;}
.profile_head .commerce_btn.arrow.right:before{display:none;}
.profile_head .commerce_btn.arrow.right:after{display:none;}
.profile_head .alarm_on.link_notice_new{color:#fff}.profile_head .manage_area{padding:14px 15px;background-color:rgba(255,255,255,0.1)}
.profile_head .manage_area .tbl_manage{width:100%}.profile_head .manage_area .tbl_manage th{font-weight:normal;font-size:13px;color:#fff;opacity:.7;text-align:left;white-space:nowrap;letter-spacing:-1px}
.profile_head .tbl_manage td{height:26px;font-size:13px;color:#fff;white-space:nowrap}
.profile_head .tbl_manage .link_join{color:#fff}
.profile_head .tbl_manage .ico_arrow{width:6px;height:12px;margin:3px 0 0 4px;background-position:-130px -40px}.profile_head .manage_area .btns_manage{display:table;width:100%;margin-top:9px}.profile_head .manage_area .inner{display:table-cell;width:50%;padding:0 2px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.profile_head .manage_area .btn_chk{display:block;width:100%;height:50px;font-size:17px;color:#fff;background-color:#16aa43;text-align:center}
/* 내정보 > 평가 */
.profile_head .rating {position:relative;width:100%; margin-top: 6px;}
.profile_head .rating > div {height:auto;}
.profile_head .rating_star{height: 16px;width:87px;}
.profile_head .rating .grade{color:#eee;line-height:1em;}
.profile_head .rating .grade em{line-height:1em;}
.profile_head .btn_review{ position:absolute;bottom:20px;right:20px;}
.profile_head .btn_review .arrow.right:before{background-color:#eee;}
.profile_head .btn_review .arrow.right:after{background-color:#eee;}
/* 내정보 > 알림 목록 */
.noti_list h2 {display:block;}
.noti_list .time {margin-top: 4px;font-size: 12px;line-height: 15px;color: #959595;display:block;}
.noti_list .board_box.check .txt_area .tit {color:#ccc;}
.noti_list .board_box.check .txt_area .time {color:#ccc;}
.noti_list .btn_del .ico_com {vertical-align: top;width: 1rem;height: 1rem;background-position: -4.375rem 0;}
.noti_list .btn_del {display: none;position: relative;top: 0.4rem;right: 0;padding: .5rem;z-index: 1;}
/* 내정보 > 탭메뉴 */
.header_tab,
.wrap_profile .profile_tab{background-color:#ededed;clear:both;}
.header_tab .inner_tab,
.wrap_profile .profile_tab .inner_tab{width:100%;border-bottom:1px solid #dedede;background-color:#fff}.header_tab .fix_tab,.wrap_profile .profile_tab .fix_tab{position:fixed;top:48px;left:0;z-index:100;background-color:#fff}.header_tab .list_tab,.wrap_profile .profile_tab .list_tab{display:table;width:100%}
.header_tab .list_tab li,
.wrap_profile .profile_tab .list_tab li{display:table-cell;width:33.3333%}
.header_tab .link_tab,
.wrap_profile .profile_tab .link_tab{display:block;position:relative;padding:12px 0;font-size:15px;line-height:18px;color:#a3a3a3;text-align:center}
.wrap_profile .profile_tab .link_tab .icon_new_txt{left:inherit}
.header_tab .link_tab .inner{display:block;width:80px;margin:0 auto}
.header_tab .on .link_tab,
.wrap_profile .profile_tab .on .link_tab{color:#6b3ece;font-weight:500;}
.header_tab .on .link_tab:after,.wrap_profile .profile_tab .on .link_tab:after{position:absolute;bottom:-4px;left:calc(50% - 3px);width:6px;height:6px;background-color:#6b3ece;content:'';border-radius:50%;}
.header_tab+.lst_section .lst4,.wrap_profile .profile_tab+.lst_section .lst4{background-color:#fff}
.wrap_profile .profile_tab li:nth-child(1):nth-last-child(5) .inner,
.wrap_profile .profile_tab li:nth-child(1):nth-last-child(5) ~ li .inner{width:auto}.header_tab{padding-bottom:0}
/* 글목록 결과 */
.mypage.main .lst_section_profile .txt_result {display:block; padding:9px 0 8px;border-bottom:1px solid rgba(0,0,0,0.05);font-weight:normal; line-height:15px;color:#333;background-color: #fff;}
.lst_section_profile .section_comment{margin-top:0;}
.lst_section_profile .section_comment .comment:first-child{border-top:none;}
/* 작성글이 없을 때 */
.wrap_empt {display: table;width: 100%;background-color: #fff;}
.wrap_empt .inner {display: table-cell;width: 100%;padding: 100px 0;font-size: 15px;line-height: 18px;color: #999;text-align: center;vertical-align: middle;}
.wrap_empt .ico_empt {display: block;width: 60px;height: 58px;margin: 0 auto 14px;background-position: 0 0;background-image: url(/static/images/common/icons_board.png);background-repeat: no-repeat;background-size: 120px auto;}
/* dept 예약내역 > 탭메뉴 */
.mypage .tab.t2{height:40px; /*margin-top:48px;*/}
/* 내 예약내역 > 조각완료시 버튼영역  */
.board_box .btn-group {display:table;text-align:left;width:100%;border-top:1px solid #eee;padding: 10px 15px;box-sizing:border-box;}
.board_box .btn-group .btn{display:table-cell;width:auto;height:24px;padding:6px 26px 6px 10px;line-height:1em!important;margin-right:3px;color:#767676;font-size:12px!important;box-sizing:border-box;border:none;background-color:transparent;white-space:nowrap;border-radius: 2px;}
.board_box .btn-group button {border-radius: 2px;}
.board_box .btn-group .btn_rate{float:right;margin-right:0;background-color:#6b3ece;border:none;color:#fff;}
.board_box .btn-group .btn_rate:after{content:'';display:inline-block;width:20px;height:20px;position:absolute;right:3px;top:2px;background-image:url(/static/images/common/star.svg);background-size:16px;background-repeat:no-repeat;background-position:2px 2px}
.board_box .btn-group .txt{display:table-cell;vertical-align:middle;font-weight:300;color:#767676;}
.board_box .btn-group .btn_review{padding:6px 10px;border:solid 1px #ccc;box-sizing:border-box;float:right;}
/* 게스트 입장 */
.list_board_section.list-layout .ticket_entry .board_box {margin-bottom:7px;}
.ticket_entry .list_area {width: 100%;box-sizing: border-box;}
.ticket_entry .list_area:first-child {padding-top: 15px;}
.ticket_entry .info > span{display:inline-block;}
.ticket_entry .info .ico{float:none}
.ticket_entry .info .bName{float:left;width:50%;height:30px;}
.ticket_entry .info .nick{float:right;width:50%;height:30px;text-align:right;padding-top:5px;box-sizing:border-box;}
.ticket_entry .info .time{margin-left:10px;}
.ticket_entry .info .time .ico{display:none;}
.ticket_entry .info .ticket-id{float:right;width:100%;text-align:right;padding:10px;box-sizing:border-box;background-color:#f0edf7;}

@media (max-width:1023px) {
	.ticket_entry .board_box .btn-group {padding: 10px 15px;}
	.mypage .list_board_section.list-layout .board_box {margin-bottom:7px;}
	.ticket_entry .info .ticket-id {margin-top:10px;}
}
@media (min-width:1024px) {
	.list_board_section.list-layout .ticket_entry .board_box {height: 184px;}
	.ticket_entry .board_box .btn-group {padding: 5px 15px;}
	.mypage .list_board_section.list-layout .board_box {margin-bottom: 10px;}
	.ticket_entry .info .ticket-id {margin-top: 30px;}
	.ticket_entry .board_box.finish .info .ticket-id {margin-top: 10px;}
}

/* 내정보 > 내 예약내역 */
.mypage .list_board_section.list-layout {background-color:#f8f8f8;}
.mypage .list_board_section.list-layout .piece{background-color:#f8f8f8;}
.mypage .list_board_section.list-layout .board_box {background-color:#fff;}
.mypage .list_board_section.list-layout .list_area { padding-top:0;padding-bottom: 0;}
.mypage .list_board_section.list-layout .list_area:first-child { padding-top:15px;}
.mypage .list_board_section.list-layout .list_area:last-child { padding-bottom:14px;}
.mypage .list_board_section.list-layout .list_area .board_box:last-child {}
.mypage .list_board_section.list-layout .ticket_entry .list_area {width:100%;box-sizing:border-box;}
.mypage .ticket_entry .txt_area{padding:20px}
.mypage .ticket_entry .status{right:20px;}
.mypage .ticket_entry .info{ }
/*.mypage .ticket_entry .board_box.today .info .ticket-id:before {content:'';display:block;height: 1px;width: 100%;clear:both;}*/ 

.mypage .ticket_entry .board_box.today .info:after {content: 'Today';display: inline-block;font-size: 12px;font-weight: bold;position: absolute;right: 20px;border-radius: 14px;padding: 3px 10px;height: 12px;color: #fff;background-color: #e55958;}
.mypage .list_board_section.list-layout.list-style-default .info > span:nth-last-child(2).date{float:left!important;}
/* 티텟 종료 시 */
.mypage .list_board_section.list-layout .board_box.finish {background-color:rgba(255, 255, 255,0.0)}
.mypage .list_board_section.list-layout .board_box.finish .txt_area{display:inline-block}
.board_box.finish {background-color: rgba(255, 255, 255, 0.0);}
.board_box.finish .txt_area  .download .ico{background-position-x: -67px}
.board_box.finish .txt_area  .info .date .ico{background-position-x: -9px}
.board_box.finish .txt_area  .info .inwon .ico{background-position-x: -9px}
.board_box.finish .txt_area  .info .price .ico{background-position-x: -9px}
.board_box.finish .txt_area .info .amount strong{color:#b2b1b1;}
.board_box.finish .txt_area .info .price .ico:before{color:#ccc;}
.board_box.finish .txt_area .info .ticket-id {color:#666;}
/* 내 예약내역 >  노쇼 */
.mypage .tit_area{margin-top:15px;}
.mypage .tit_area h4{border-bottom:none;line-height:1em;height:1em;text-align:left;}
.mypage .tit_area h4:before{display:none;}
.mypage .tit_area:after{display:none;}
.inform.noshow{}
.inform.noshow .inner{text-align: center;}
.inform.noshow .ico{display:block;margin:0 auto 20px;width:45px;height:45px;background-color:#6b3ece;position:relative;border-radius:50%;}
.inform.noshow .ico:before{content:'!';font-size:30px;font-weight:600;line-height:45px;color:#fff;position:absolute;left:17px;top:0;}
.inform.noshow strong {display:block;font-size:20px;line-height:1.4em;color:#6b3ece;font-weight:500;}
.inform.noshow span {display:block;width:100%;font-size:14px;line-height:1.4em;margin-top:20px;font-weight:500;}
.inform.noshow a {display:inline-block; font-size:14px;line-height:1.4em;margin-top:40px;}
/* My TICKET */
.ticketImg .ticket-id{display:inline-block;margin-top:15px;font-size:1.1rem;}
.ticketImg .ticket-id .ico:after{font-size:0.9rem;}
.ticketImg .downArea .cancel{display: inline-block;color:#6b3cec;background-color:#fff;border:solid 1px #6b3cec;height: 50px;line-height: 50px;border-radius: 5px;font-size: 14px;width: 100%;text-align: center;}
.downArea .btn:hover{background-color:inherit}
/* 평가 */
.rating_box{background-color:#fff;padding:30px 20px;border-bottom: 1px solid #eaeaea;margin-bottom:5px;}
.rating_box dt{font-size:18px;line-height:1em;}
.rating_box dd.grade{font-size:24px;font-weight:500;line-height:1.3em;margin:10px auto;}
.rating_box dd.rating>div {height:auto;}
.rating_box .rating_star{height:43px;width:225px;background-size:45px;margin-top:0;}
.rating_box dd.comment {height:auto;margin-top:10px;}
.rating_box {}
/* 별점주기 */
.star_rating {display: block;margin-top:15px;}
.star_rating a {display:inline-block;background-image:url(/static/images/common/star.svg);background-repeat:no-repeat;background-position:0 0;background-size:45px;text-indent: -9999px;}
.star_rating a.one_star {width: 44px;height: 44px;}
.star_rating a.on {background-position: 0 -62px;}
.star_rating:after{content:'';clear:both;display:block;}
.ratingArea {margin-top:0;}
.ratingArea .write_wrap{border-top:none;}
.ratingArea .box_write_inner .tit_area{text-align:center;margin-bottom:20px;font-size:14px;line-height:1.3em;}
.ratingArea .box_write_inner .tit_area strong{display:block;font-size:20px;margin-top:10px;}
.ratingArea .box_write_inner {padding-bottom:10px}
.ratingArea .section_comment {margin-top:0;}
.section_comment .top_area {height:34px;line-height:34px;}
/* 평가목록 */
.ratingArea .lst_wp{position:relative}
.ratingArea .rating{width:auto;position:absolute;right:5%;top:10px;}
.ratingArea .rating>div {height:auto;}
.ratingArea .rating .grade{font-size:14px;line-height:1em;}
.ratingArea .rating .rating_star{width:89px;height:16px;margin:0;}
/* 내정보 > 이용안내 */
.help{background-color:#fff;padding-bottom:55px;}
.help .txt_area{width:90%;padding:20px 0 0;font-size:14px;display:inline-block;line-height:1.3em;}
.informArea{}
.inform {text-align:left;width:90%;margin:0 auto;font-size:14px;margin-top:30px;}
.inform dt{font-weight:500;margin-bottom:10px;}
.inform dd{margin-bottom:30px;line-height:1.3em;}

/* 프로필 설정 */
/* 20191114프로필 설정 이미지사이즈 수정 */
.link_thumb {display:block;position: relative;width: 90px;height: 90px;margin:0 auto; overflow: hidden; border-radius: 50%; margin-top: -20px; }
.link_thumb .thumb_profile{display:inline-block; width:90px; height:90px; overflow:hidden; border-radius: 50%; border: solid 1px #eeeeee;box-sizing:border-box;}
.thumb_profile img {position: absolute; left: 50%; top: 50%; height: auto; width:100%; min-width: 90px; min-height: 90px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.link_thumb .inp_file {display: block;overflow: hidden;position: absolute;z-index: 20;opacity: .01; bottom: 0; right: 0; width: 27px; height: 27px;}

.profile_title {height: 50px; font-size: 17px; background-color: #fff; line-height: 50px; font-weight: 500; margin-top: 20px; border-bottom: 1px solid #ccc; color: #000; text-align: center;}
@media (max-width:1023px) {
	.profile_title {display: none;}
}
@media (min-width:1024px) {
	.profile_title {display: block;}
}
/* 20191115 프로필 사진 바꾸기 버튼 위치 수정 */
.ico_photo {overflow: hidden;display: inline-block; position: relative; top: 70px; left: 31px; z-index: 10;width: 25px;height:25px;background-image:url('/static/images/common/ico_camera.png');background-position:4px 3px;background-repeat:no-repeat;vertical-align: top;background-size:70%;-webkit-background-size:70%;background-color:#fff;border-radius:50%;border:solid 1px #eee;}

.profileBox { margin: 0 auto 10px;padding:20px;box-sizing:border-box;background-color:#fff; position:relative;}

.profileBox .input {border:solid 1px #ebebeb;height:50px;line-height: 50px;font-size:16px;font-weight:500;}
.profileBox .input[disabled] {color:#767676;}
.profileBox .input[type="tel"]{width:22%;  margin-left: 1%}
.profileBox .input-inline .input.pNum1{margin-left:0;}
.profileBox .btn-area {float:right;width:31%;}
.profileBox .btn-area .btn {line-height:50px;height:50px;background-color:#999;color:#fff;border:none;font-size:14px}
.profileBox .phone-num {overflow:hidden;}
/*.find-idpw .phone-num .input {float:left;}*/
.profileBox .certification-num {margin-top:10px; overflow: hidden;}
.profileBox .certification-num .input {width:68%;}
.profileBox label {color:#767676;font-size:14px;text-align:left;display:inline-block; height: 20px; line-height: 20px;width:100%;}
.profileBox .input-under {border:none;border-bottom:solid 1px #ebebeb;text-indent:0;}
.profileBox .input-cell.pw {position:relative;}
.profileBox .input-cell.pw .btn{position: absolute;right:0; bottom:10px;width:auto; padding-left:10px;padding-right:10px;}
.profileBox .account-area{margin-top:10px;}
/* 설정 */
/* 탭메뉴 등분할 */
.divide li{ float: left; }
.divide li:only-child { width: 100%; }                          /* 노드가 하나일 때 선택 */
.divide li:first-child:nth-last-child(2),                       /* 노드가 둘 일 때, 1번 노드 선택 */
.divide li:first-child:nth-last-child(2)+li { width: 50%; }     /* 노드가 둘 일 때, 2번 노드 선택 */
.divide li:first-child:nth-last-child(3),                       /* 노드가 셋 일 때, 1번 노드 선택 */
.divide li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 노드가 셋 일 때, 2~3번째 노드 선택 */
.divide li:first-child:nth-last-child(4),                       /* 노드가 넷 일 때, 1번 노드 선택 */
.divide li:first-child:nth-last-child(4)~li { width: 25%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
.divide li > a {display: block;height: 50px;line-height: 50px;text-align: center;text-decoration: none;color: #333;border-bottom: 0;background: #f8f8f8;}
 /* 설정  >  이용약관 탭메뉴 스일 일설정 */
.tab.t1.divide {background-color:transparent;}
.tab.t1 a {font-size:15px; font-weight:500; border-bottom: 1px solid #e3e3e3;}
/*  설정 > 이용약관 */
.support.terms{ width:90%;font-size:14px;font-weight: 300;text-align:left;margin:0 auto;padding-bottom:30px;}
.support.terms h3 {color:#333; font-size:18px;margin-bottom:30px;}
.support.terms .title{font-weight:500; margin-top:30px;}
.support.terms .title:first-child {font-weight:500; margin-top:0;}
.support.terms p{font-size:14px; line-height: 20px;}
.support.terms p.text.tiny{font-size:12px;}
.support.terms p + ul{margin-top:10px;}
.support.terms > p:last-child {margin-bottom:50px;}
.support.terms li { line-height: 1.3em;margin-bottom:6px;}
.support.terms ul ul li {margin-bottom:5px;}
.support.terms ul ul {margin-top:6px;margin-bottom:15px;margin-left:14px;}
.support.terms .table {margin-top:10px;border-top: #282828 solid 1px;}
.support.terms .table table{border-top: none}
.support.terms .table th{padding-left:5px;padding-right:5px;}
.support.terms .table thead th{text-align: center;}
.support.terms dl{margin-top:10px;padding-left:10px;}
.support.terms  li>dl{ margin-bottom:10px;}
.support.terms  dt{font-weight:400;margin-bottom:5px;}
.support.terms dd + dt{margin-top:15px;}
.support.terms li dl {font-size:13px;padding-left:10px;}
.support.terms dd{line-height:1.3em;}
/* 자동입금확인 서비스(뱅크다 회원가입) */
.autocheck{width:100%;margin:0 auto; padding:0 5%; background-color:#fff;box-sizing: border-box;}
.autocheck .title{font-weight:500;display:inline-block;width:100%;}
.autocheck h4.title{font-size:18px;margin-top:20px;background-color:rgba(107, 60, 236, 0.06);padding-top:15px;}
.autocheck h4.title + p {background-color:rgba(107, 60, 236, 0.06);padding-bottom:15px;line-height:18px;}
.autocheck h5.title{text-align:left;margin-top:20px;/*border-bottom: solid 1px #ebebeb;*/}
.autocheck .form li{text-align:left;}
.autocheck .form li > label {color: #767676;font-size: 14px;text-align: left;display: inline-block;height: 20px;line-height: 20px;width: 100%;margin-top:30px;margin-bottom:5px;}
.autocheck .form li:first-child > label {margin-top:15px;}
.autocheck .form li:last-child {margin-bottom:20px;}
.autocheck .form li:last-child input {/*border-bottom:none;*/}
.autocheck  input {border: none;border-bottom: solid 1px #ebebeb;text-indent: 0;width:100%;height: 40px;line-height: 50px;font-size: 16px;font-weight: 500;padding:0 10px;box-sizing:border-box;background-color:#eeeeee;}
.autocheck .form li>strong{color: #767676;font-size: 14px;text-align: left;display: inline-block;height: 20px;line-height: 20px;width: 100%;margin-top: 30px;margin-bottom: 5px;}
.autocheck .form li>strong + div {border: none;border-bottom: solid 1px #ebebeb;text-indent: 0;width: 100%;height: 40px;line-height: 50px;font-size: 16px;font-weight: 500;padding: 0 10px;box-sizing: border-box;background-color: #eeeeee;}
.autocheck .form li .radio{display: inline-block;vertical-align: middle;position: relative;padding: 0px 20px 0px 22px;float:left;margin-right: 10px;}
.autocheck .form li .radio label span{float:left;padding: 8px 0;}
.autocheck .form li .radio input  + i {top: 11px;left:0;}
.autocheck .form li .radio input:checked + i {border-color: #6B3CEC;background-color: #6B3CEC;}
.autocheck .form li .select {background-color:#eeeeee;background-position:95% center;border:none;border-bottom: solid 1px #ebebeb;height:40px;}
.autocheck input[readonly='readonly']{color:#666;background-color: transparent;padding-left: 0;}
.autocheck .form .readonly input,
.autocheck .form .readonly > div{color:#666;background-color: transparent;padding-left: 0;}
.autocheck .form input[readonly='readonly']:focus {border-bottom: solid 1px #ebebeb;}

.autocheck-user ul,
.autocheck-accout ul {border: solid 1px #eee;padding: 15px;background-color: #fff;margin-bottom:20px;}
.autocheck-user {}
.autocheck-accout {}
.autocheck-user .btnArea ul {border:0; padding:0;}

@media (min-width:1024px) {
	.autocheck-user .btn.giant.t1 {width:300px;}
	.autocheck-accout .btn.giant.t1 {width:300px;}
}
/* 자동입금확인 서비스 버튼 */
.btnArea ul {display:block; width:auto; margin:0}
.btnArea li{ float: left; }
.btnArea li:only-child { width: 100%; }                          /* 노드가 하나일 때 선택 */
.btnArea li:first-child:nth-last-child(2),                       /* 노드가 둘 일 때, 1번 노드 선택 */
.btnArea li:first-child:nth-last-child(2)+li { width: 50%; }     /* 노드가 둘 일 때, 2번 노드 선택 */
.btnArea li:first-child:nth-last-child(3),                       /* 노드가 셋 일 때, 1번 노드 선택 */
.btnArea li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 노드가 셋 일 때, 2~3번째 노드 선택 */
.btnArea li:first-child:nth-last-child(4),                       /* 노드가 넷 일 때, 1번 노드 선택 */
.btnArea li:first-child:nth-last-child(4)~li { width: 25%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
.btnArea li:first-child:nth-last-child(5),                       /* 노드가 다섯  일 때, 1번 노드 선택 */
.btnArea li:first-child:nth-last-child(5)~li { width: 20%; }     /* 노드가 다섯  일 때, 2~5번째 노드 선택 */
/* .popup */
.popup.access{  font-size:14px;font-weight: 300;text-align:left;}
.popup.access .title{color:#333; font-size:15px;font-weight:500; margin-top:15px;line-height:1em;margin-bottom:5px;}
.popup.access .title:first-child {font-weight:500; margin-top:0;}
.popup.access .title .ico{width:16px;height:16px;background-image:url("/static/images/common/ico_access.png");background-size:20px;}
.popup.access p{font-size:14px; line-height: 20px;padding-left:22px;box-sizing:border-box;}
.popup.access p:last-child {margin-bottom:50px;}
.popup.access .p_wrap p:first-child {margin-bottom:10px;padding:0;}
.popup.access .p_wrap .title:nth-of-type(1) .ico{background-position:-1px -2px;}
.popup.access .p_wrap .title:nth-of-type(2) .ico{background-position:-1px -22px;}
.popup.access .p_wrap .title:nth-of-type(3) .ico{background-position:-1px -42px;}
.popup.access .p_wrap .title:nth-of-type(4) .ico{background-position:-1px -62px;}
.popup .btn_x{left:auto;right:0;}
.popup .btn_x i,
.popup .btn_x i:before{background-color: #767676;}

/* 20191206 오픈카톡 팝업 추가 */
.popup.kakaopop {width : 100%; overflow : auto; -webkit-overflow-scrolling : touch;}
.popup .kakao_frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; margin: 0; background-color: #fff;}
.popup .kakao_head {display : inline-block; vertical-align:middle; width : 100%; height: 48px; overflow:hidden; background-color:#fff;}
.popup .kakao_head .btn_x {left: 0 !important;}
.popup .kakaopop_body {display: block; left: 0; top: 48px; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%;}

/* 20191212 이미지확대 팝업 추가 */
.popup.check_imgzoom {width : 100%; height: 100%; overflow : hidden; -webkit-overflow-scrolling : touch;}
.popup.check_imgzoom .frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; background-color: #000; }
.popup.check_imgzoom .head {display : inline-block; vertical-align:middle; position: fixed; left:0; top:0; width : 100%; height: 48px; overflow:hidden; }
.popup.check_imgzoom .head .btn_x {left: 0 !important;}
.popup.check_imgzoom .head .headb {display : inline-block; position: absolute; right: 15px; top: 8px; }
.popup.check_imgzoom .head .headb a {color:#fff;}
.popup.check_imgzoom .content {display: block; position: absolute; left:0; top:48px; width: 100%; height: 100%; overflow: scroll;}
.popup.check_imgzoom .content img {position: absolute; left:0; top:0; width: 100%; height: auto;}
.popup.check_imgzoom .head .zbtn {display: inline-block; line-height: 30px; vertical-align: middle; width: 64px; height: 30px; border: solid 1px #b3b3b3; font-size:15px; color:#fff; }
.popup.check_imgzoom .head .zbtn.in {margin-right: 18px;}
.popup.check_imgzoom .head .zbtn .icon1 {position: absolute; float: left;  top: 7px; left: 7px; background-image: url("/static/images/common/add.png"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; }
.popup.check_imgzoom .head .zbtn .icon2 {position: absolute; float: left;  top: 7px; left: 94px; background-image: url("/static/images/common/minus.png"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; }
.popup.check_imgzoom .head .zbtn span {padding-left: 28px;}

/* 푸터 */
#footer {display:inline-block; vertical-align:middle; position:fixed; left:0; bottom:0; z-index:98; width:100%; background-color:#fff;border-top: solid 1px #d9d9d9;}
@media (min-width:1024px) {
	#footer {display: none;}
}
#footer .wrap {width:100%; height:55px;}
#footer ul {display:block; width:auto; margin: 0;} /* 20200730 margin 삭제 */
#footer li{ float: left; }
#footer li:only-child { width: 100%; }                          /* 노드가 하나일 때 선택 */
#footer li:first-child:nth-last-child(2),                       /* 노드가 둘 일 때, 1번 노드 선택 */
#footer li:first-child:nth-last-child(2)+li { width: 50%; }     /* 노드가 둘 일 때, 2번 노드 선택 */
#footer li:first-child:nth-last-child(3),                       /* 노드가 셋 일 때, 1번 노드 선택 */
#footer li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 노드가 셋 일 때, 2~3번째 노드 선택 */
#footer li:first-child:nth-last-child(4),                       /* 노드가 넷 일 때, 1번 노드 선택 */
#footer li:first-child:nth-last-child(4)~li { width: 25%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
#footer li:first-child:nth-last-child(5),                       /* 노드가 다섯  일 때, 1번 노드 선택 */
#footer li:first-child:nth-last-child(5)~li { width: 20%; }     /* 노드가 다섯  일 때, 2~5번째 노드 선택 */
#footer a {display:block; width:50px; height:100%;margin:0 auto;position:relative}
#footer a .icon_new_txt {left:calc(50% + 10px);top:10px;}
#footer .icon {display:block; vertical-align:middle; width:30px; height:30px;background-image:url("/static/images/common/icon_tabbar.png"); background-repeat:no-repeat; background-size:80px auto; background-position: -45px 0;margin:3px auto 0;}
#footer .icon.home {background-position-y:-0px;}
#footer .icon.favorite {background-position-y:-40px;}
#footer .icon.community {background-position-y:-80px;}
#footer .icon.login {background-position-y:-120px;}
#footer .icon.mypage {background-position-y:-160px;}
#footer .icon.more {background-position-y:-200px;}
#footer .icon.noti {background-position-y:-280px;}
#footer .icon.chatting {background-position-y:-360px;}
#footer .icon.frdsrch {background-position-y:-395px;}
#footer li.active .icon{background-position-x:-5px;}
#footer a i +  span {display:block; vertical-align:middle; width:auto; height:14px; font-size:12px; font-weight:500; color:#767676; line-height:14px;margin:0 auto;white-space:nowrap; text-align: center;}
#footer li.active a i +  span {color:#6b3cec;}
#footer li:hover .icon { background-position-x:-5px;}
#footer li:hover a i +  span {color:#6b3cec;}
#footer span.new {font-size: 0.786em;letter-spacing: 0px;position: absolute;height:18px;background:#f2655b;color:#fff;border-radius:50%;padding:0 6px;line-height:16px;top:12px;right:4px;border:#fff solid 1px;}
/* 기타 init.css inline 적용 소스  */
/* 로그아웃 */
.area.pw10.ph5 {box-sizing:border-box;}

/* 아이디&비밀번호 찾기 컨텐츠영역   */
.content.location_fix.overflow {white-space:normal;}
.content.location_fix.overflow > .text.small.info {padding:0 10px; box-sizing:border-box;}
.text.tiny.info-footer {padding:0 10px;box-sizing:border-box;}
#divValidByPassword2 {margin-bottom: 20px;}
.loginBody .location_bar .tap_area.find-id li a {height:54px;}
.loginBody .location_bar .tap_area li a {border-bottom: 1px solid #e3e3e3;}
.loginBody .content.location_fix {padding-top:20px;}
@media (max-width:1023px) {
	.loginBody .location_bar .inner.fix {box-shadow: none;}
}
@media (min-width:1024px) {
	.loginBody .location_bar .inner.fix {border:none;}
	.loginBody .btn.giant.t1, .loginBody .btn.giant.t2, .loginBody .btn.giant.t4 {width:100%; height:50px; font-size:16px;}
	.loginBody .popup .p_frame {width:800px;}
	.area.pw10.ph5 .btn.giant {width:120px; float:right;}
}

/* 팝업 */
.popup .dim{display:inline-block; vertical-align:middle; width:100%; height:100%; background-color:rgba(27, 34, 38, 0.8);}
.popup {display:none; vertical-align:middle; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9000; transform: translateZ(10px); -webkit-transform: translateZ(10px); -ms-transform: translateZ(10px); -o-transform: translateZ(10px);}
.popup .p_frame {position:absolute; left:25px; right:25px; top:50%; z-index:1; height:240px; overflow:hidden; margin-top:-120px; border-radius:4px; background-color:#fff; box-shadow:0 0 50px rgba(0, 0, 0, 0.3);}
.popup.long .p_frame {height:320px; margin-top:-160px;}
.popup.full .p_frame {top:25px; bottom:25px; height:auto; margin-top:0;}
.popup .p_head {display:inline-block; vertical-align:middle; width:100%; height:69px; overflow:hidden;font-size:20px; font-weight:500; color:#6B3CEC; line-height:70px; text-align:center;}
.popup .p_body {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:70px; bottom:50px; overflow:auto;}
.popup .p_body.nohead {top:0;width:100%;height:calc(100% - 48px);display:table;text-align: center;vertical-align: middle;}
.popup .p_body.nohead .p_wrap {display:table-cell; vertical-align: middle}
.popup .p_wrap {padding:0 20px 10px;}
/* 연락처 공개 동의 */
.popup .p_wrap .agree{border-top:1px solid rgba(107,62,206,0.05);display:inline-block;margin-top:10px;padding:0 20px 10px;}
.popup .p_wrap .agree > .checkbox{padding: 8px 0 0 22px;}
.popup .p_wrap .agree > .checkbox label i{left:0;}
.popup .p_wrap.support.terms {width:100%;box-sizing:border-box;}
.popup .p_wrap.nospace {padding:0;}
.popup .p_body a {display:block; width:auto; height:100%; color:#282828; text-align:left !important; font-size: 13px;}
.popup .p_body a:hover {color:#1b9be2;}
.popup .textarea{border:none;background-color:#f0f0f0;}
.popup .p_body a.text{display:inline;color:#6b3cec;text-decoration:underline; text-underline-position:under;font-size:14px;}
/* alert */
.popup .p_wrap.alert {}
.popup .p_wrap.alert .title {font-size:20px; line-height: 30px; margin-bottom:10px; font-weight: 500;}
.popup .title .ico {float:left;margin-right:6px; display:inline-block;width:30px;height:30px; background-image: url(/static/images/common/ico_alert_finish.png); background-position:0 0; background-size:30px;}
/* 거부사유 */
.popup .alert .title.alert + .text{overflow:auto;max-height:100px;line-height:1.4em;}
/*  popup : 이용약관 */
.popup.terms{ width:100%;margin:0; font-size:14px;font-weight: 300;}
.popup.terms h3 {color:#333; font-size:18px;}
.popup.terms .title{font-weight:500; margin-top:30px;}
.popup.terms .title:first-child {font-weight:500; margin-top:0;}
.popup.terms p{font-size:14px; line-height: 20px;}
.popup.terms p:last-child {margin-bottom:50px;}
.popup.terms li { line-height: 20px}
/* 은행선택 */
.bank-list {}
.bank-list li{border-bottom:1px solid #ebebeb;height:60px;padding:12px 0 0;box-sizing:border-box;}
.bank-list li a {display:inline-block;}
.bank-list li span {display:inline-block;float:left; font-size:20px;font-weight:500;line-height:28px;color:#333;}
.bank-list li i.ico {display:inline-block;float:left;width:28px; height:28px;background-position: 0 0;background-size:contain;background-image: url(/static/images/bank/ico_bank_kakao.png);margin-right:20px;}
.popup .p_foot {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%; height:50px;}
.popup .p_foot ul {display:inline-block; vertical-align:middle; width:100%;}
.popup .p_foot li {display:inline-block; position:relative; float:left; width:100%;}
.popup .p_foot li:before {content:""; display:inline-block; position:absolute; left:0; top:0; z-index:1; width:1px; height:100%; background:rgba(0, 0, 0, 0.12);}
.popup .p_foot li:first-child:before {display:none;}
.popup .p_foot .div2 li {width:50%;}
.popup .p_foot .div3 li {width:33.333333%;}
.popup .p_foot .pf_today {display:inline-block; vertical-align:middle; width:100%; height:50px; background-color:#fff;}
/* 앱설치 유도 */
.appInstallPopup{}
.appInstallPopup .btn{}
.appInstallPopup .btn span{position: absolute;text-indent:-99999px;height:0;width:0;}
.appInstallPopup .btn.android,
.appInstallPopup .btn.ios{display:inline-block;width:49%;background-size:contain;background-repeat:no-repeat;background-position: center;margin-top:20px;height: 50px;background-color:#fff;border:none;}
.appInstallPopup .btn.android{background-image: url(/static/images/common/google-play-store.png);}
.appInstallPopup .btn.ios{background-image: url(/static/images/common/ios-app-store.png);}
/* 팝업 head 없는 경우 :  alert  */
.popup1 {display:inline-block; overflow: auto; vertical-align:middle; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999999;}
.popup1 .p_frame {position:absolute;left:30px;right:30px;top:50%;z-index:1;overflow:hidden;margin-top:-120px;border-radius:4px;background-color:#fff;box-shadow:0 0 50px rgba(0, 0, 0, 0.3);}
.popup1.long .p_frame {height:320px; margin-top:-160px;}
.popup1.full .p_frame {top:70px;/* bottom:70px; */height:auto;margin-top:0;margin-bottom: 70px;}
.popup1 .p_head {display:none; vertical-align:middle; width:100%; height:69px; overflow:hidden; border-bottom:#e3e3e3 solid 1px; font-size:20px; font-weight:500; color:#1b9be2; line-height:70px; text-align:center;}
.popup1 .p_body {display:inline-block;vertical-align:middle;  left:0;right:0;overflow:auto;}
.popup1 .p_body.nohead {top:0;}
.popup1 .p_wrap {padding:10px 20px;}
.popup1 .p_wrap.nospace {padding:0;}
.popup1 .p_body ul {display:inline-block; vertical-align:middle; width:100%;}
.popup1 .p_body ul > li {display:inline-block;position:relative;width:100%;min-height:30px;font-size:15px;font-weight:500;color:#282828;line-height:30px;text-align:left;}
.popup1 .p_body ul > li:before {content:""; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#f0f0f0;}
.popup1 .p_body ul > li:last-child:before {display:none;}
.popup1 .p_body a {display:block; width:auto; height:100%; color:#282828; text-align:left !important;}
.popup1 .p_body a:hover {color:#1b9be2;}
.popup1 .p_foot {display:inline-block;vertical-align:middle;left:0;bottom:0;width:100%;height: 47px;margin-top: 10px;}
.popup1 .p_foot ul {display:inline-block; vertical-align:middle; width:100%;}
.popup1 .p_foot li {display:inline-block; position:relative; float:left; width:100%;}
.popup1 .p_foot li:before {content:""; display:inline-block; position:absolute; left:0; top:0; z-index:1; width:1px; height:100%; background:rgba(0, 0, 0, 0.12);}
.popup1 .p_foot li:first-child:before {display:none;}
.popup1 .p_foot .div2 li {width:50%;}
.popup1 .p_foot .div3 li {width:33.333333%;}
.popup1 .p_foot .pf_today {display:inline-block; vertical-align:middle; width:100%; height:50px; background-color:#fff;}
.popup1 .dim {display:inline-block;vertical-align:middle;width:100%;height:100%;background-color:rgba(27, 34, 38, 0.8);position: fixed;top: 0;bottom: 0; left: 0px;}
.formWrite .input.date {background-image:url(/static/images/common/ico_cal.png);background-position:98% 50%;background-repeat:no-repeat;background-size:24px}
.ui-datepicker {padding:0;width:20em; }
.ui-widget.ui-widget-content {border-top:solid 1px #6b3cec; border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); padding-left:4px; z-index: 9999 !important;}
.ui-widget-header {border:none;}
.ui-datepicker .ui-datepicker-header{background-color:#fff;padding:0;border-radius: 0;}
.ui-datepicker .ui-datepicker-title{line-height: 3em;color:#6b3cec;font-size:16px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:0;background-color:#fff}
formWrite.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background-color:#fffa90}
.ui-datepicker table{padding: 2px;}
.ui-datepicker th {color:#767676;}
.ui-datepicker td {}
.ui-datepicker td span, .ui-datepicker td a {border-radius:50%;height: 20px;width: 20px;vertical-align: middle;line-height: 20px;text-align: center;font-size:14px;}
.ui-widget-header .ui-icon{background-image:url("/static/jquery-ui/images/ui-icons_ffffff_256x240.png");background-color:#6b3cec;border-radius: 50%;width:12px;height:12px;}
.ui-icon-circle-triangle-e {background-position: -50px -194px;}
.ui-icon-circle-triangle-w {background-position: -82px -194px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top:-6px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:12px;}
.ui-datepicker .ui-datepicker-prev{left:15px;}
.ui-datepicker .ui-datepicker-next{right:15px;}
/* datepicker : material */
.c-datepicker{min-height:450px;}
.c-datepicker--open {display:block;}
.rd-month-label {font-weight:500;font-size:18px;}
.c-datepicker__header {}
.c-datepicker__header-day {background-color:#6B3CEC;line-height:50px;}
.c-datepicker__header-date{height:60px;background-color:#6B3CEC}
.c-datepicker__header-date span {line-height:1em;}
.c-datepicker__header-date__month.js-date-month{display:none;}
.c-datepicker__header-date__day {font-size:55px;}/* 날짜 */
.c-datepicker__header-date__time {visibility: hidden;}
.c-datepicker__toggle {top:130px; display:none;}/* 날짜,시간 아이콘 */
.c-datepicker__toggle--right {display:none;}/* 시간 선택 아이콘 숨김 */
.u-hover-ball-effect:hover:before, .c-datepicker__day-body:hover:before, .c-datepicker__clock__num:hover:before, .c-datepicker__clock__am-pm-toggle label:hover:before{background-color:#6B3CEC;}
.flatpickr{display:inline-block; height:30px;width:100%;font-size:14px;color:#333;}
/* 메인 슬라이더 : .swiper-slide */
.swiper-container {width:100%;margin: 0 auto;}
.swiper-slide img{width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{top:10px !important; bottom:auto !important; width:auto !important;left:auto !important;right:10px !important}
.swiper-pagination-bullet{width:10px;height:10px;}
.swiper-pagination-bullet-active{background-color:#fed000 !important;}

@media (min-width:1024px) {
	.swiper-container {display: none;}
	.swiper-container.pc {display: block;}
}
@media (max-width:1023px) {
	.swiper-container {display: block;}
	.swiper-container.pc {display: none;}
}

/* 가이드 */
/* 로딩화면 */
#preloader {position: fixed;top: 0;left: 0;width: 100%;transition: all 0.1s linear;opacity: 0;height: 100vh;bottom:0;-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);transform: scale(10);z-index: -1;background:rgba(0, 0, 0, 1);}
.preloader #preloader {z-index: 9999; opacity: 0.5;-webkit-transform:scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); transform: translateZ(90px); -webkit-transform: translateZ(90px); -ms-transform: translateZ(90px); -o-transform: translateZ(90px);}
#preloader > div > div {animation-play-state: paused;border: 5px solid rgba(200, 200, 200,0.2);border-radius: 50%;animation: rotate 1s infinite linear;border-left-color: rgba(200, 200, 200, 0.4);width: 100%;height: 100%;box-sizing:border-box;}
#preloader > div {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 50%;box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.8);;width: 60px;height: 60px;padding: 5px;box-sizing:border-box;}
.preloader #preloader div div {animation-play-state: running;}

/* 20200406 ios 대응 수정 */

/*메인페이지*/
#header {
	top:constant(safe-area-inset-top);
	top:env(safe-area-inset-top);
}

#footer {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
}

/*서브페이지*/

#contents .wrap {
	padding-top:constant(safe-area-inset-top);
	padding-top:env(safe-area-inset-top);
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
}

/*커뮤니티*/
#nav {
	margin-top:constant(safe-area-inset-top);
	margin-top:env(safe-area-inset-top);
}
.commentArea {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
}
/*갤러리*/
.bMenu.bg.fixed {
	margin-top:constant(safe-area-inset-top);
	margin-top:env(safe-area-inset-top);
}

/*로그인*/
.btn_x {
	margin-top:constant(safe-area-inset-top);
	margin-top:env(safe-area-inset-top);
}

/*알림*/
.alert_footer {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
	background-color:#fff;
}
/* 마이페이지 */
.mypage.main #articleListArea {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
}

/* 20191204 ios 대응 추가 */
/*.ios #header {
	padding-top : constant(safe-area-inset-top);
	padding-top : env(safe-area-inset-top);
}
.ios #wrap #header .n_home,
.ios #wrap #header .h_back,
.ios #wrap #header .gnb_sc,
.ios #wrap #header .h_menu .hm_btn,
.ios #wrap #header .h_like {
	top : constant(safe-area-inset-top);
	top : env(safe-area-inset-top);
}
.ios #contents .wrap .btn_x {
	top : constant(safe-area-inset-top);
	top : env(safe-area-inset-top);
}
.ios #wrap.contents {
	padding-top : constant(safe-area-inset-top);
	padding-top : env(safe-area-inset-top);
}
.ios #contents .wrap {
	padding-top : constant(safe-area-inset-top);
	padding-top : env(safe-area-inset-top);
}
.ios #wrap.main #contents .wrap {
	padding-top : constant(safe-area-inset-top);
	padding-top : env(safe-area-inset-top);
}
.ios #footer {
	padding-bottom : constant(safe-area-inset-bottom);
	padding-bottom : env(safe-area-inset-bottom);
}
*/
/* 커뮤니티  */
/*.ios #nav{
	top:constant(safe-area-inset-top);
	top:env(safe-area-inset-top);
	bottom:constant(safe-area-inset-bottom);
	bottom:env(safe-area-inset-bottom);
	
}
.ios .btnWrite{
	bottom:calc(constant(safe-area-inset-bottom) + 80px);
	bottom:calc(env(safe-area-inset-bottom) + 80px) ;
}
.ios .search_arae{
	top:constant(safe-area-inset-top);
	top:env(safe-area-inset-top);
}
*/
/* 갤러리, 파티 */
/*.ios .bMenu.bg.fixed{
	top:calc(constant(safe-area-inset-top) + 49px);
	top:calc(env(safe-area-inset-top) + 49px) ;
}

.ios .btn-footer{
	background-color:#fff;
	padding-bottom:  constant(safe-area-inset-bottom) ; 
	padding-bottom: env(safe-area-inset-bottom) ;
}
.ios .alert_footer{
	background-color:#fff;
	padding-bottom: constant(safe-area-inset-bottom) ; 
	padding-bottom: env(safe-area-inset-bottom) ;
}

.ios #wrap #footer {
	padding-bottom:  constant(safe-area-inset-bottom) ; 
	padding-bottom: env(safe-area-inset-bottom) ;
} 
.ios .popup{
	top:constant(safe-area-inset-top);
	top:env(safe-area-inset-top) ;
	bottom:constant(safe-area-inset-bottom);
	bottom:env(safe-area-inset-bottom) ;
	
}
.ios .popup .dim{
	padding-bottom:  constant(safe-area-inset-bottom) ; 
	padding-bottom: env(safe-area-inset-bottom) ;
}
*/
/* 로딩 프로그래스 */
.preloader #preloader i {font-size: 24px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;color: #fff;width: 24px;height: 24px;line-height: 1;transform: scale(0) translate3d(0, 0, 0);}
.preloader #preloader i:nth-of-type(1) {  animation: loadicons 3s infinite ease-in-out;}
.preloader #preloader i:nth-of-type(2) {  animation: loadicons 3s 1s infinite ease-in-out;}
.preloader #preloader i:nth-of-type(3) {animation: loadicons 3s 2s infinite ease-in-out;}
/* 오류화면 */
/* 임시 */
.article_header .location_area .tit > a {color:#ccc!important;font-size:13px;font-weight:normal;}
h2 > a {color:#ccc!important;font-size:13px;font-weight:normal;}
@keyframes loadicons {
	0% {    transform: scale(0) translate3d(0, 0, 0);}
	11% {    transform: scale(1.2) translate3d(0, 0, 0);  }
	22% {    transform: scale(1) translate3d(0, 0, 0);  }
	33% {    transform: scale(0) translate3d(0, 0, 0);  }
}
@keyframes rotate {
	100% { transform: rotate(360deg);  }
}

@media ( max-width: 374px ) {
	/* 메인 */
	.footerArea .infoCompany .inner > span:nth-child(2){width:100%}
	.footerArea .infoCompany .inner > span:nth-child(3){width:100%; text-align:left;}
}
@media ( max-width: 320px ) {
	/* 클럽 depth 메뉴 */
	.bMenu .tit{letter-spacing: -1px;width: calc(100% - 125px);}
	.bMenu .tit > a >strong {font-size: 13px;}
	.bMenu .tit span {}
	.bMenu .tit em {font-size:9px}
	.bMenu .quickmenu a{font-size:10px}
	/* 티켓 */
	.downArea dt {width:45%}
	.downArea .tit {font-size:19px;margin-top:3px;}
	.downArea dt strong, .downArea dt span{font-size:10px;}
	.downArea dt + dd{font-size:28px;}
	/* 조각 상세 : 방장 연락처 */
	.article_header .phone{width:65%;}
	/* MD 메뉴 */
	.location_bar .tap_area li a.bName{margin-left:5px;font-size:11px;}
}

.article_body .imagezoombtn {position: relative; display: block; bottom: 50px; left: 90%; background-image: url(/static/images/common/icon_zoom.png); width: 28px; height: 28px; background-size: 16px; background-color: rgb(0,0,0,0.5); background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: -10%; }
.imgzoom_pop {background-color: #000; }
.imgzoom_pop .imgzoom_contents {display: block; position: relative; width: 100%; left: 50%; top: 0; transform: translate(-50%, 0); height: 100%; }
.imgzoom_pop #header {background-color: #000; }
@media (min-width:1024px) {
	.imgzoom_pop #header {height:48px;}
	.imgzoom_pop #header .h_logo {display:none;}
	.imgzoom_pop #header .h_back {display:block;}
}
/* 글내용 수정 삭제 버튼 */
@media (min-width:1024px) {
	.btn-footer .btn_wrap {padding: 10px; }
	.btn-footer li {width: 120px; margin-left: 10px; float: right; }
	.btn.giant {height: 40px; font-size: 15px; line-height: 38px; }
	.btn.giant.t1 {width: 120px; float: right; margin-left: 10px;}
	.btn.giant.t2 {width: 120px; float: right; }
	.btn.giant.t4 {width: 120px; float: right; }
	.piece .btn-footer {margin:10px auto; width:90%;}
	.piece .btn-footer:after {content:''; display:block; clear:both;}
	.piece .btn.giant.t1 {margin-bottom:10px;}
	.popup .btn.giant.t1,.popup .btn.giant.t2 {width:100%; height:50px; font-size:15px; line-height:48px; float:none; margin: 0;}
	.popup .p_frame {width:400px; top:50%; left:50%; right:0; transform:translate(-50%,0); }
	.login_footer .btn.giant.t1 {width:100%; height:50px; font-size:16px; line-height:48px; margin:0;}
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-calendar-picker-indicator {-webkit-appearance:none; appearance:none; margin:0;}
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="date"]::-webkit-calendar-picker-indicator {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="date"] {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* MD 사용가이드 추가 */
.mdg_title {background-color: #6b3cec; color: #fff; height: 50px; line-height: 50px; margin-top: 10px; font-weight: 500; font-size: 20px;}
.mdg {width: 90%; margin: 10px auto;}
.mdg li {height: 50px; line-height: 50px; margin: 10px 0; background-color: #fff; font-size: 16px; border-radius: 10px; border: 1px solid #c8c8c8; font-weight: 500; text-align: left; text-indent: 15px;}
.mdg li a {display: block;}
.mdinfo {position: absolute; right: 0; top: 0; display: inline-block; width: 48px; height: 48px;}
.mdinfo a {display: block;}
.mdinfo .icon {display: inline-block; width: 48px; height: 48px; vertical-align: middle; float: left; position: relative; background-image: url(/static/images/common/information.png); background-repeat: no-repeat; background-size: 22px 22px; background-position: 13px 13px;}
.mdgi {width:100%; margin-top:10px; background-color: #fff;}

@media (max-width:1023px) {
	.mdgi img {width:100%;}
	.mdinfo_pc {display: none;}
}
@media (min-width:1024px) {
	.mdgi img {width:700px;}
	.mdinfo {display: none;}
	
}
.mdinfo_pc {position:relative; right:0; top:0; float:right; width:auto; height: 48px;}
.mdinfo_pc a {color:#e55958; font-size:13px; font-weight:500; line-height:47px;}
.mdinfo_pc .icon {display: inline-block; width: 40px; height: 48px; vertical-align: middle; float: left; position: relative; background-image: url(/static/images/common/information.png); background-repeat: no-repeat; background-size: 22px 22px; background-position: 13px 13px;}
/* 202008 채팅기능 추가 */
.clubchat_tit {height: 49px; background-color: #f8f8f8; border-bottom: 1px solid #eaeaea; display: block;}
.clubchat_tit p {font-size: 15px; color: #000; font-weight: 500; line-height: 30px;}
.clubchat_tit span {font-size: 12px; color: #959595;}
.clubchat_tit .back {vertical-align:middle; width:48px; height: 48px; display:inline-block; position: absolute; left: 0; right: 0;}
.clubchat_tit .back button {width: 48px; height: 48px;}
.clubchat_tit .back button i:before {content:''; position: absolute; left: 16px; top: 20px; width: 12px; height:2px; border-radius:2px; background-color:#707070; transition: .2s; transform:rotate(-45deg);}
.clubchat_tit .back button i:after {content:''; position: absolute; left: 16px; top: 28px; width: 12px; height:2px; border-radius:2px; background-color:#707070; transition: .2s; transform:rotate(45deg);}
.clubchat_tit .clubtitle {line-height: 50px;}
.clubchat_list .board_box {padding: 16px 15px; height: 57px;}
.clubchat_list .board_box .thumb_area .thumb {margin:0;}
.clubchat_list .board_box .txt_area {padding: 0 0 0 12px; line-height:30px;}
.clubchat_list .board_box button {display:inline-block; vertical-align:middle; width: 48px; height:48px; position: absolute; right:24px;}
.clubchat_list .board_box button i:before {content:''; position: absolute; left: 16px; top: 23px; width: 12px; height:2px; border-radius:2px; background-color:#707070; transition: .2s; transform:rotate(45deg);}
.clubchat_list .board_box button i:after {content:''; position: absolute; left: 16px; top: 31px; width: 12px; height:2px; border-radius:2px; background-color:#707070; transition: .2s; transform:rotate(-45deg);}
.no_club {display: block; margin-top: 50%;}
.no_club p {font-size:15px; color:#333; }
.clubchat_list .clubchat_member {display: table; padding: 8px 15px; height: 45px;}
.clubchat_list li:first-child {margin-top:8px;}
.clubchat_list .clubchat_member .thumb_area {width:45px;}
.clubchat_list .clubchat_member .thumb_area .thumb {width: 45px; height: 45px; border:none; margin: 0;}
.clubchat_list .clubchat_member .thumb_area .thumb_img {position: absolute; left: 50%; top: 50%; height: 100%; width:auto; min-width: 45px; min-height: 45px; max-height: 80px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.chatview .chatmessage .thumb_area {width:36px;}
.chatview .chatmessage .thumb_area .thumb {width: 36px; height: 36px; border:none; margin: 0;}
.chatview .chatmessage .thumb_area .thumb img {position: absolute; left: 50%; top: 50%; height: 100%; width:auto; min-width: 36px; min-height: 36px; max-height: 80px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.clubchat_list .clubchat_member .thumb_area .thumb img {min-width:45px; min-height: 45px;}
.clubchat_list .clubchat_member .txt_area {padding: 0 0 0 12px; height:45px; vertical-align: middle;}
.clubchat_list .clubchat_member .txt_area .chatname {font-size:15px; line-height:22px; display:inline; font-weight:500; vertical-align: middle;}
.clubchat_list .clubchat_member .txt_area .gender {font-size:12px; margin-left:5px; vertical-align: middle; font-weight: 500;}
.clubchat_list .clubchat_member .txt_area .gender.m {color:#3479e1;}
.clubchat_list .clubchat_member .txt_area .gender.f {color:#e46969;}
.clubchat_list .clubchat_member .txt_area .age {font-size:12px; color:#959595; vertical-align: middle; font-weight: 500; margin-left: 2px;}
.clubchat_list .clubchat_member .txt_area .atime {font-size:12px; color:#6b3cec; line-height:18px; vertical-align: middle; font-weight: 400;}
.clubchat_list .clubchat_member .txt_area .chatms {font-size:12px; color:#959595; line-height:18px; vertical-align: middle; font-weight: 400;}
.clubchat_list .clubchat_member .txt_area .chatms:before {content:'·'; color:#959595; line-height:18px; margin-left: 3px; margin-right: 3px;}
.clubchat_list .clubchat_member .txt_area .time {font-size:11px; color:#959595; vertical-align: middle; font-weight: 400; float: right; line-height: 20px;}
.clubchat_list .clubchat_member .txt_area .talk {font-size:12px; color:#959595; line-height:18px; vertical-align: middle; font-weight: 400;}
#header .h_title.chatview {font-size: 16px; color:#333;}
.chatview .content {width:95%; margin:0 auto;}
.chatview .content .chatdate {margin: 10px 0; height:20px;}
.chatview .content .chatdate .chatdateline {display:inline-block; width:100%; height: 1px; border-top: 1px solid #d9d9d9;}
.chatview .content .chatdate .cdate {position: relative; display:inline-block; font-size:11px; color:#959595; line-height:20px; padding: 0 10px; top:-12px; background-color: #f0f0f0;}
.chatview .chatmessage {display:table; margin-bottom: 15px;}
.chatview .chatmessage.me {float: right;}
.chatview .chatmessage .ctext {display: table-cell; text-align: left; padding-left: 5px;}
.chatview .chatmessage .ctext .cnickname {line-height: 20px; font-size: 12px; color: #767676; font-weight: 500; height: 23px;}
.chatview .chatmessage .ctext .textbox {display:block; margin-bottom: 6px;}
.chatview .chatmessage .ctext .text {display: inline-block; background-color: #fff; line-height: 1.5; padding: 8px 10px; border-radius: 15px; font-size: 14px; color: #000; margin-bottom: 6px;}
.chatview .chatmessage .ctext .textbox .img_box {width:210px;}
.chatview .chatmessage.me .ctext .textbox .img_box {float: right;}
.chatview .chatmessage .ctext .textbox .img_box img {width: 100%; border-radius: 12px;}
.chatview .chatmessage.me .ctext .text {background-color: #fee500; float: right;}
.chatview .chatmessage .ctime {display: table-cell; vertical-align: bottom; padding: 0 2px 24px 2px; font-size: 10px; color: #959595; min-width: 50px;}
#header .h_menu.on .hm_btn.chat i {background-color:#707070;}
#header .h_menu.on .hm_btn.chat i:before {background-color:#707070;}
.cmenu_header {height: 48px; vertical-align: middle; font-size: 15px; line-height: 48px; background-color: #f3f3f3; color: #333; text-align: left; padding-left: 20px; font-weight: 500; border-bottom: 1px solid #e7e8eb;}
.cmenu_list {height:42px;}
.cmenu_list li {font-size: 15px; text-align: left; font-weight:400; line-height: 42px; border-bottom:1px solid #e7e8eb; }
.cmenu_list li button {color: #707070; width: 100%; text-align: left; padding-left: 20px;}
.popup .p_wrap.alert .title.red {color: #ff4040}
.chattextarea {display:flex; flex-dirextion:row; height:50px; padding: 0 15px;}
.chattextarea .photo {width:24px; height:24px; margin-top:13px;}
.chattextarea .photo label {position:absolute; text-indent:-9999px; width: 24px; height:24px; background-image:url(/static/images/common/ico_photo.png); background-position:0; background-repeat:no-repeat; background-size:24px; }
.chattextarea .photo input {width: 1px; height: 1px; overflow: hidden; border: 0; opacity:0;}
.chattextarea .photo input[type="file"] {display: none;}
.chattextarea .text {width:100%; height: 34px; vertical-align:middle; margin: 7px 0 0 15px; border-radius:5px; border: 1px solid #d9d9d9;}
.chattextarea .text input {width:85%; border:none; margin-top:3px; padding-left: 5px; }
.chattextarea .text .inputtextsubmit {position:absolute;  bottom:13px; right:20px; width:34px; height:24px; background-color:rgb(107,60,236,0.5); border-radius:5px; line-height:24px; color:#fff; font-size:12px;}
.chattextarea .text .inputtextsubmit.on {background-color:#6b3cec;}
.clubchat_list .clubchat_member .blockc {display: table-cell; width:60px; height:27px; background-color:#fff; color:#333; font-size:12px; font-weight:400; border:1px solid #707070; border-radius:5px; margin-top: 9px; padding-bottom: 1px; }
.profile_head.chat .my_area {height:400px;}
.profile_head.chat .thumb_profile {top:60px; position: relative;}
.my_area .chatinfo {position:relative; width:100%; text-align:center; margin-top: 80px;}
.my_area .chatinfo .nickname {display: block; color:#fff; font-size:17px; font-weight:500; line-height: 25px; }
.my_area .chatinfo .age {display: block; color:#fff; font-size:12px; font-weight:400; line-height: 25px;}
.my_area .chatinfo .mes {display: block; color:#fff; font-size:14px; font-weight:400; line-height: 19px;}
.my_area .profilebutton {width: 140px; height: 31px; margin-top: 40px; border: 1px solid #fff; border-radius: 5px; color: #fff; font-size: 14px; line-height: 1.5;}
.btn_x.white i {background-color: #fff}
.btn_x.white i:before {background-color: #fff}
.chatprofile {display:block; position:relative; width:95%; margin: 40px auto 0;}
.chatprofile ul {display:flex;}
.chatprofile ul li {width: 33%;}
.chatprofile ul li i {display:block; }
.chatprofile ul li span {font-size:15px; color: #707070;}
.chatprofile .icon_chatting {display:block; background-image:url(/static/images/common/icon_chat.png); background-repeat:no-repeat; background-size:40px; background-position:0 0; width: 40px; height:40px; margin:0 auto 8px;}
.chatprofile .icon_friends {display:block; background-image:url(/static/images/common/icon_chat.png); background-repeat:no-repeat; background-size:40px; background-position:0 -40px; width: 40px; height:40px; margin:0 auto 8px;}
.chatprofile .icon_friends_remove {display:block; background-image:url(/static/images/common/icon_chat.png); background-repeat:no-repeat; background-size:40px; background-position:0 -80px; width: 40px; height:40px; margin:0 auto 8px;}
.chatprofile .icon_block {display:block; background-image:url(/static/images/common/icon_chat.png); background-repeat:no-repeat; background-size:40px; background-position:0 -120px; width: 40px; height:40px; margin:0 auto 8px;}
.receivesetting {position: relative; border: 2px solid #e3e3e3; border-radius: 18px; height: 32px;}
.receivesetting input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.receivesetting input[type="radio"] + label {display: inline-block; position: absolute; cursor: pointer; top: -2px; height: 36px; line-height: 35px; width: 32%; text-align: center; border-radius: 18px; font-size:14px; color: #b2b1b1; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.receivesetting input[id="select1"] + label {left: -2px;}
.receivesetting input[id="select2"] + label {left: 34%;}
.receivesetting input[id="select3"] + label {right: -2px;}
.receivesetting input[type="radio"]:checked + label {background-color:#6b3cec; color: #fff; }
.countertxt1, .countertxt2 {display: none; position:absolute; right:0; top: 20px; color:#959595;}
.countertxt1.on, .countertxt2.on {display: block; }
.profileBox.chat .input-cell input {padding-right:32px;}

.list_board_chat {width: 100%;}
.list_board_chat .talk_list {display: block; width: 100%; overflow: hidden;}
.list_board_chat .talk_list .talk_member {margin: 16px 0;}
.talk_member .thumb_area {width:45px; padding-left: 15px;}
.talk_member .thumb_area .thumb {width:45px; height:45px; border:none; margin:0;}
.talk_member .thumb_area .thumb img {min-width:45px; min-height:45px;}
.talk_member .txt_area {padding: 0 0 0 12px; height: 45px; vertical-align: middle;}
.talk_member .txt_area .txt_tms {width: 70%; height: 18px; overflow: hidden; text-overflow: ellipsis;}
.talk_member .txt_area .chatname {font-size:15px; line-height:22px; display:inline; font-weight:500; vertical-align:middle;}
.talk_member .txt_area .time {position: absolute; right: 95px; text-align: right; font-size: 11px; color: #959595; vertical-align: middle; font-weight: 400; line-height: 20px; }
.talk_member .txt_area .talk {font-size: 12px; color: #959595; line-height: 18px; vertical-align: middle; font-weight: 400;}
.pull_delete .pd_btn {display: block; position: absolute; right: 0; top: -8px; height: 61px; width: 5rem; font-size: 12px; background-color:#e55958; font-weight:500; line-height:61px; color:#fff;}
.pull_delete .pd_btn::before {content: '나가기';}
.pull_delete {position: relative; width: calc(100% + 5rem) !important;}
.pull_delete.trans {transition: all 0.2s;}