@charset "utf-8";

@keyframes item_appending {
  from {
    opacity: 0;
		transform: scale(0);
		transform-origin:center center;
  }

  to {
    opacity: 1;
		transform: scale(1);
		transform-origin:center center;
  }
}

@keyframes item_removing {
  from {
    opacity: 1;
		transform: scale(1);
		transform-origin:center center;
  }

  to {
    opacity: 0;
		transform: scale(0);
		transform-origin:center center;
  }
}

@keyframes visual_progress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }2910
}

.mobile-none {
	display:none;
}

.convert-btn {
	position:fixed;
	bottom:78px;
	right:14px;
	z-index:10000000;
	width:50px;
	height:50px;
	background:url("../img/mobile_adflat_icon.png") no-repeat center center;
	background-size:50px 50px;
	filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.15));
}
.chat-btn {
	position:fixed;
	bottom:18px;
	right:14px;
	z-index:10000000;
	width:50px;
	height:50px;
	background:url("../img/mobile_chat_icon.png") no-repeat center center;
	background-size:50px 50px;
	filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.15));
}

/* quick */
#quick {
	position: fixed;
	right: -120px;
	top: 50%;
	z-index: 10;
	width: 120px;
	transform: translateY(-50%);
	transition: right 0.3s ease-in-out;
}
#quick > .toggle-btn {
	position: absolute;
	left: -56px;
	top: 50%;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	width: 56px;
	height: 56px;
	margin-top: -20px;
	background: #fff;
	border: none;
	border-radius: 10px 0 0 10px;
	color: #121212;
	font-size: 0px;
	font-weight: 800;
	line-height: 40px;
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.20);
}
#quick > .toggle-btn:after {
	width: 16px;
	height: 16px;
	background: url("../img/icon_quick_m_arrow.svg") no-repeat center center;
	background-size: 16px 16px;
	transform: rotate(180deg);
	content: "";
}
#quick .inner {
	z-index: 11;
	background: #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.20);
}
#quick .inner .head {
	border-bottom: 1px solid #E2E2E2;
}
#quick .inner .head .toggle-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	width: 100%;
	padding: 10px;
	background: #fff;
	border: none;
	color: #121212;
	font-size: 18px;
	font-weight: 800;
	line-height: 40px;
}
#quick .inner .head .toggle-btn:after {
	display: none;
	width: 12px;
	height: 12px;
	background: url("../img/icon_quick_arrow.svg") no-repeat center center;
	content: "";
}
#quick .inner .body {
}
#quick .inner .body dl {
}
#quick .inner .body dl + dl {
	border-top: 1px solid #E2E2E2;
}
#quick .inner .body dl dt {
	padding: 12px 0px;
	color: #017EFF;
	font-size: 14px;
	font-weight: 800;
	line-height: 130%;
	text-align: center;
}
#quick .inner .body dl dd {
	padding-bottom: 10px;
}
#quick .inner .body dl dd a {
	display: block;
	padding: 8px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 130%;
	text-align: center;
	opacity: 0.7;
}
#quick .inner .foot {
}
#quick .inner .foot a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	padding: 12px 5px;
	background: #FFE812;
	border-top: 1px solid #E0CB00;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 130%;
}
#quick .inner .foot a:before {
	width: 20px;
	height: 20px;
	background: url("../img/icon_new_talk.svg") no-repeat center center;
	content: "";
}

#quick.on {
	right: 0px;
}
#quick.on > .toggle-btn:after {
	margin-left: -5px;
	transform: rotate(0deg);
}
#quick.on .inner .head .toggle-btn:after {
	transform: rotate(180deg);
}

@media screen and (min-width: 1024px) {
	#quick {
		top: 26.98vh;
		right: 20px;
		transform: translateY(0px);
	}
	#quick > .toggle-btn {
		display: none;
	}
	#quick .inner {
		border-radius: 5px;
	}
	#quick .inner .head {
		display: block;
	}
	#quick .inner .head .toggle-btn {
	}
	#quick .inner .head .toggle-btn:after {
		display: block;
	}

	#quick.on {
		right: 20px;
	}
}

/* header */
#header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1010;
	height:58px;
	background:#017EFF;
	font-size:0px;
}
#header.main {
	position:absolute;
	background:transparent;
	border-bottom:none;
}
#header .logo {
	position:absolute;
	top:50%;
	left:12px;
	z-index: 9;
	margin-top:-19px;
	display: flex;
	align-items: center;
}
#header .logo a {
	display:inline-block;
}
#header .logo a img {
	width:auto;
	height:38px;
}
#header .logo a:not(.sub-link-text) + .sub-link-text {
	margin-left: 30px;
}
#header .logo .sub-link-text {
	display:none;
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	line-height:24px;
}
#header .logo .sub-link-text + .sub-link-text {
	margin-left: 20px;
}
#header.main .logo .sub-link-text {
	color: #fff;
}

#header .lnb {
	position:absolute;
	top:50%;
	right:12px;
	margin-top:-12px;
}
#header .lnb li {
	display:inline-block;
	margin-right:8px;
}
#header .lnb li:last-child {
	margin-right:0px;
}
#header .lnb li a.default-btn {
	display:inline-block;
	width:70px;
	height:24px;
	background:transparent;
	border:1px solid white;
	border-radius:12px;
	color:white;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
}
#header.default .lnb li a.default-btn {
	background:white;
	border-color: #ccc;
	color:black;
}
#header.default .lnb li a.login-btn {
	background:white;
	border-color: #ccc;
	color:black;
}
#header.default .lnb li a.regist-btn {
	background:white;
	border-color: #4e81ff;
	color:#4e81ff;
}

#header.payment > p {
	position: absolute;
	top: 0px;
	right: 12px;
	z-index: 1;
	font-size:14px;
	font-weight: 700;
	line-height: 56px;
	letter-spacing:-1.5px;
}

#header .gnb {
	display: none;
	position: absolute;
	top:50%;
	right: 30px;
	z-index:10;
	transform:translateY(-50%);
	white-space:nowrap;
}
#header .gnb .board-list {
	display: inline-flex;
	align-items: center;
	gap: 0px 8px;
	margin-right: 20px;
	padding-right: 21px;
	vertical-align: middle;
}
#header .gnb .board-list:after {
	position: absolute;
	top:50%;
	right:0px;
	z-index:1;
	width:1px;
	height:12px;
	margin-top:-6px;
	background: rgba(221, 221, 221, 0.50);
	content:"";
}
#header .gnb .board-list a {
	padding: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 36px;
}
#header .gnb .board-list a.active {
	color:#4e81ff;
	font-weight: 700;
}
#header .gnb .btn-list {
	display: inline-flex;
	align-items: center;
	gap: 0px 8px;
	vertical-align: middle;
}
#header .gnb .btn-list .default-btn {
	position:relative;
	display: flex;
	justify-content:center;
	align-items: center;
	height: 46px;
	padding: 0px 9px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 8px;
	color: #fff;
	font-size:16px;
}
#header .gnb .btn-list .default-btn .noti-circle {
	position:absolute;
	top:-8px;
	right:-6px;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
	width:20px;
	height:20px;
	background: #4E81FF;
	border: 1px solid #fff;
	border-radius:50%;
	color: #fff;
	font-size:10px;
	font-weight: 700;
	text-align: center;
}
#header .gnb .btn-list .my-btn {
	gap: 0px 10px;
	transition: all 0.3s ease-in-out;
}
#header .gnb .btn-list .my-btn:before {
	width:15.2px;
	height: 16px;
	margin-right: -5px;
	background:url("../img/icon_mypage.svg") no-repeat center center;
	transition: all 0.3s ease-in-out;
	content:"";
}
#header .gnb .btn-list .my-btn:after {
	width:10px;
	height: 5px;
	background:url("../img/icon_mypage_arrow.svg") no-repeat center center;
	transition: all 0.3s ease-in-out;
	content:"";
}
#header .gnb .btn-list .my-btn.active {
	background: #fff;
	color:#000;
}
#header .gnb .btn-list .my-btn.active:before {
	filter: grayscale(100%) brightness(0);
}
#header .gnb .btn-list .my-btn.active:after {
	transform:rotate(180deg);
}
#header .gnb .btn-list .go-btn {
	width: 112px;
	background: #017EFF;
	border-color: #017EFF;
	font-weight: 700;
}
#header .my-modal {
	display: none;
	position: absolute;
	top: 68px;
	right: 150px;
	z-index: 10;
	min-width: 170px;
	padding: 16px;
	background: #FFF;
	box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.20);
}
#header .my-modal .box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 16px;
}
#header .my-modal .box h6 {
	display: flex;
	align-items: center;
	gap: 0px 3px;
	color: #221E1F;
	font-size:14px;
	font-weight: 400;
	line-height: 20px;
}
#header .my-modal .box h6 strong {
	font:inherit;
	font-weight: 700;
}
#header .my-modal .box a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 28px;
	margin-top: 6px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #666;
	font-size:12px;
	font-weight: 400;
}
#header .my-modal ul {
	padding: 15px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#header .my-modal ul li + li {
	margin-top: 12px;
}
#header .my-modal ul li a {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #1E1E1E;
	font-size:12px;
	line-height: 18px;
}
#header .my-modal ul li a .noti-circle {
	display:flex;
	justify-content:center;
	align-items:center;
	width:18px;
	height:18px;
	background: #017EFF;
	border-radius:50%;
	color: #fff;
	font-size:10px;
	font-weight: 400;
	text-align: center;
}
#header .my-modal > a {
	display: block;
	width: 100%;
	margin-top: 8px;
	color: #696969;
	font-size: 12px;
	font-weight: 400;
	line-height: 148%;
	text-align: center;
}

#header.default .gnb .board-list a {
	color:#fff;
}
#header.default .gnb .board-list a.active {

}
#header.default .gnb .board-list:after {
	background: #ccc;
}
#header.default .gnb .btn-list .default-btn {
	border-color: #ddd;
	color: #fff;
}
#header.default .gnb .btn-list .my-btn:after {
	filter: brightness(0) invert(1);
}
#header.default .gnb .btn-list .go-btn {
	background: #fff;
	border-color: #fff;
	color: #017EFF;
}
#header.default .gnb .btn-list .my-btn.active {
	color: #000;
}
#header.default .gnb .btn-list .my-btn.active:after {
	filter: none;
}

#header > .cart-btn {
	display:none;
	position:absolute;
	top:50%;
	right:50px;
	width:40px;
	height:40px;
	margin-top:-20px;
	background:transparent;
	border:none;
	line-height:40px;
	text-align:center;
}
#header > .cart-btn img {
	width:32px;
	height:auto;
}
#header > .cart-btn .noti-circle {
	position:absolute;
	top:5px;
	right:0px;
	z-index:10;
	width:20px;
	height:20px;
	background:#ff4e4e;
	border-radius:10px;
	color:white;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
#header.login-after > .cart-btn {
	display:block;
}

#header .menu-btn {
	display:none;
	position:absolute;
	top:50%;
	right:10px;
	z-index: 9;
	width:40px;
	height:40px;
	margin-top:-20px;
	background:transparent;
	border:none;
}
#header .menu-btn img {
	width:24px;
	height:auto;
}
#header .menu-btn .noti-circle {
	position:absolute;
	top:7px;
	right:5px;
	z-index:10;
	width:10px;
	height:10px;
	background:#4e81ff;
	border-radius:5px;
}
#header .menu-modal {
	position:static;
}
#header.login-after .menu-modal {
	position:fixed;
	top:0px;
	bottom:0px;
	right:-300px;
	z-index:2020;
	width:300px;
	background:white;
	transition:right 0.3s ease-in-out;
}
#header .menu-modal .head {
	display:none;
}
#header.login-after .menu-modal .head {
	display:block;
	padding:0px 16px;
	padding-bottom:16px;
	text-align:center;
}
#header.login-after .menu-modal .head .close-btn {
	position:absolute;
	top:5px;
	left:5px;
	width:48px;
	height:48px;
	background:transparent;
	border:none;
}
#header.login-after .menu-modal .head .close-btn img {
	width:32px;
	height:auto;
}
#header.login-after .menu-modal .head .avatar {
	display:inline-block;
	width:100px;
	height:100px;
	margin-top:50px;
	border-radius:50px;
	overflow:hidden;
	line-height:100px;
}
#header.login-after .menu-modal .head .avatar img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#header.login-after .menu-modal .head h6 {
	margin-top:10px;
	margin-bottom:20px;
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
#header.login-after .menu-modal .head > a {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	text-decoration:underline;
}
#header.care .menu-modal .head .gnb {
	position: static;
	display: block;
	top: auto;
	right: auto;
	transform: none;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}
#header.care .menu-modal .head .gnb a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 0px;
	padding: 0px 6px;
	border: none;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 26px;
}
#header.care .menu-modal .head .gnb a:after { 
	width: 6px;
	height: 10px;
	background:url("../img/icon_gnb_arrow.svg") no-repeat center center;
	content: "";
}
#header.care .menu-modal .head .gnb a + a {
	margin-top: 10px;
}

#header.login-after .menu-modal .lnb {
	position:relative;
	top:auto;
	right:auto;
	margin-top:0px;
}
#header.login-after .menu-modal .lnb li {
	width:100%;
	border-top:1px solid #ccc;
}
#header.login-after .menu-modal .lnb li a {
	position:relative;
	width:100%;
	height:60px;
	padding:0px 24px;
	border:none;
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:60px;
	text-align:left;
}
#header.login-after .menu-modal .lnb li a .noti-circle {
	position:absolute;
	top:14px;
	right:16px;
	z-index:10;
	width:32px;
	height:32px;
	background:#4e81ff;
	border-radius:16px;
	color:white;
	font-size:14px;
	line-height:32px;
	text-align:center;
}
#header.login-after .menu-modal .lnb li a.active {
	color:#4e81ff;	
}

#header.login-after.menu-active:before {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:2019;
	background:rgba(0, 0, 0, 0.4);
	content:"";
}
#header.login-after.menu-active .menu-modal {
	right:0px;
}

#header.login-after .menu-btn {
	display:block;
}

#header.new .menu-btn {
	display: block;
}
#header.new .menu-modal {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: -300px;
	z-index: 2020;
	width: 300px;
	background: white;
	transition: right 0.3s ease-in-out;
}
#header.new.menu-active .menu-modal {
	right: 0px;
}
#header.new.menu-active:before {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:2019;
	background:rgba(0, 0, 0, 0.4);
	content:"";
}
#header.new .menu-modal .inner {
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	align-items: center;
	height: 100%;
	background: #FAFAFA;
	overflow-y:auto;
}
#header.new .menu-modal .close-btn {
	display: none;
	position: absolute;
	top: 20px;
	left: -46px;
	z-index: 1;
	background:transparent;
	border: none;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
#header.new.menu-active .menu-modal .close-btn {
	display: block;
}
#header.new .menu-modal .head {
	display: block;
	width: 100%;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #eee;
	text-align: left;
}
#header.new .menu-modal .head h6 {
	display: flex;
	align-items: center;
	margin: 0px;
	color:#000;
	font-size:14px;
	font-weight: 400;
	line-height: 16px;
}
#header.new .menu-modal .head h6 strong {
	margin-right: 5px;
	font:inherit;
	font-weight: 700;
}
#header.new .menu-modal .head p {
	margin-top: 5px;
	color:#999;
	font-size:12px;
	line-height: 14px;
}
#header.new .menu-modal .head a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	margin-top: 16px;
	padding: 0px 9px;
	background: #fff;
	border: 1px solid rgba(238, 238, 238, 0.93);
	border-radius: 4px;
	color: #666;
	font-size:12px;
	font-weight: 400;
	line-height: 24px;
	text-decoration:none;
}
#header.new .menu-modal .head .before-btn {
	width: calc((100% - 10px) / 2);
	height:40px;
	margin-top: 0px;
}
#header.new .menu-modal .head .before-btn:last-child {
	margin-left: 10px;
}

#header.new .menu-modal .horizontal-menu-box {
	width:calc(100% - 40px);
	margin: 20px auto 0px;
	padding: 10px;
	background: #fff;
	border: 1px solid #eee;
	border-radius:10px;
}
#header.new .menu-modal .horizontal-menu-box a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 5px;
	gap: 0px 10px;
}
#header.new .menu-modal .horizontal-menu-box a .icon {
	
}
#header.new .menu-modal .horizontal-menu-box a p {
	flex: 1;
	color:#000;
	font-size: 14px;
	font-weight: 700;
}
#header.new .menu-modal .horizontal-menu-box a:after { 
	width: 6px;
	height: 10px;
	background:url("../img/icon_gnb_arrow.svg") no-repeat center center;
	content: "";
}
#header.new .menu-modal .mypage-link {
	display: flex;
	jusfify-content: center;
	align-items: center;
	gap: 0px 10px;
	width:calc(100% - 40px);
	height: 46px;
	margin: 20px auto 0px;
	padding: 0px 10px 0px 20px;
	border-radius: 10px;
	background: #FFF;
	border: 1px solid #EEE;
	box-sizing: border-box;
}
#header.new .menu-modal .mypage-link .icon {
}
#header.new .menu-modal .mypage-link p {
	flex: 1;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
#header.new .menu-modal .mypage-link:after { 
	width: 6px;
	height: 10px;
	background:url("../img/icon_gnb_arrow.svg") no-repeat center center;
	content: "";
}
#header.new .menu-modal .menu-box {
	width:calc(100% - 40px);
	margin: 20px auto 0px;
	padding: 5px 0px 10px 0px;
	border-radius: 10px;
	border: 1px solid #EEE;
	background: #FFF;
}
#header.new .menu-modal .menu-box dt {
	position: relative;
	display: flex;
	align-items: center;
	height: 36px;
	margin-bottom: 10px;
	padding: 0px 20px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
#header.new .menu-modal .menu-box dt:after {
	position:absolute;
	bottom: 0px;
	left: 20px;
	right: 20px;
	z-index: 1;
	height: 1px;
	background: #eee;
	content: "";
}
#header.new .menu-modal .menu-box dd {
	display: flex;
	justify-content: center;
	gap: 0px 44px;
	padding: 10px;
}
#header.new .menu-modal .menu-box dd.wide {
	gap: 0px 40px;
}
#header.new .menu-modal .menu-box dd a {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
}
#header.new .menu-modal .menu-box dd a .icon {
}
#header.new .menu-modal .menu-box dd a p {
	margin-top: 2px;
	color:#000;
	font-size: 12px;
	line-height: 14px;
	white-space:nowrap;
}
#header.new .menu-modal .menu-box dd a .noti-circle {
	position: absolute;
	top: -3px;
	right: -7px;
	z-index:1;
	width:16px;
	height: 16px;
	background: #4E81FF;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size:9px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
}
#header.new .menu-modal .banner {
	width:calc(100% - 40px);
	margin: 20px auto;
}
#header.new .menu-modal .banner a { 
	display:block;
	border-radius:10px;
	overflow:hidden;
}
#header.new .menu-modal .banner a img { 
	width:100%;
	height: auto;
}
#header.new .menu-modal .area {
	flex: 1;
}
#header.new .menu-modal .inner > .default-btn {
	padding: 0px 10px;
	color:#666;
	font-size:14px;
	line-height: 26px;
	text-decoration:underline;
}
#header.new .menu-modal .foot {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	margin-top: 10px;
	background: #ddd;
}
#header.new .menu-modal .foot a {
	padding: 0px 10px;
	color: #666;
	font-size:12px;
	font-weight: 400;
	line-height: 40px;
}
#header.new .menu-modal .foot .line {
	width: 1px;
	height: 12px;
	background: rgba(0, 0, 0, 0.4);
}

.header-area {
	height:56px;
}

/* footer */
#footer {
	background:#333333;
}
#footer .inner-wrap {
	max-width:1200px;
	margin:0 auto;
	padding:24px 16px 32px 16px;
}
#footer .logo-box {
	margin-top:20px;
}
#footer .logo-box .logo {
}
#footer .logo-box .logo a {
	display:inline-block;
}
#footer .logo-box .logo a img {
	width:auto;
	height:38px;
	filter: brightness(0) saturate(100%) invert(86%) sepia(1%) saturate(309%) hue-rotate(343deg) brightness(98%) contrast(86%);
}
#footer .logo-box p {
	margin-top:6px;
	color:#777777;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.2px;
}

#footer .sns-group {
	position:absolute;
	top:69px;
	right:16px;
}
#footer .sns-group a {
	display:inline-block;
	width:23px;
	height:23px;
	margin-right:7px;
	vertical-align:middle;
}
#footer .sns-group a:last-child {
	margin-right:0px;
}
#footer .sns-group a img {
	width:23px;
	height:23px;
}

#footer .lnb {
	font-size:0px;
}
#footer .lnb li {
	display:inline-block;
	vertical-align:middle;
}
#footer .lnb li.line {
	width:1px;
	height:10px;
	margin:0px 6px;
	background:#666666;
}
#footer .lnb li:not(.line) {
	
}
#footer .lnb li a {
	display:inline-block;
	color:#cccccc;
	font-size:12px;
	line-height:20px;
}

#footer .copyright {
	margin-top:20px;
	color:#cccccc;
	font-size:12px;
	line-height:18px;
}
#footer .copyright a {
	color:#cccccc;
}
#footer .copyright .line {
	display:inline-block;
	width:1px;
	height:10px;
	margin:0px 5px;
	background:#666666;
	vertical-align:middle;
}

#footer.new .new-sns {
	position: absolute;
	top: 24px;
	right: 16px;
	z-index: 1;
	display: flex;
	gap: 0px 12px;
}
#footer.new .new-sns a {
	width: 32px;
}
#footer.new .new-sns a img {
	width:100%;
}

#footer.new .logo-box {
	margin-top: 0px;
}
#footer.new .logo-box p {
	margin-top: 18px;
}
#footer.new .lnb {
	margin-top: 16px;
}
#footer.new .copyright {
	margin-top: 12px;
	word-break:keep-all;
}

/* aside */
.aside {
	background:#fafafa;
	font-size:0px;
}
.aside.client {
	padding-top:20px;
}
.aside.client .head {
	text-align:center;
}
.aside.client .head:after {
	position:absolute;
	bottom:0px;
	left:30px;
	right:30px;
	z-index:10;
	height:1px;
	background:#dddddd;
	content:"";
}
.aside.client .head .avatar {
	display:inline-block;
	width:100px;
	height:100px;
	margin-top:52px;
	border-radius:50px;
	overflow:hidden;
}
.aside.client .head .avatar img {
	width:100px;
	height:auto;
}
.aside.client .head h6 {
	margin-top:10px;
	color:black;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.6px;
}
.aside.client .head a {
	display:inline-block;
	margin-bottom:36px;
	color:black;
	font-size:16px;
	line-height:36px;
	letter-spacing:-0.4px;
}
.aside.client .body {
	padding:0px 16px;
}
.aside.client .body .dashboard-min {
	display:inline-block;
	width:100%;
	margin-bottom:16px;
	padding:16px;
	background:#eeeeee;
	border-radius:8px;
}
.aside.client .body .dashboard-min p {
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}
.aside.client .body .dashboard-min p b {
	color:#4e81ff;
	text-decoration:underline;
}
.aside.client .body .dashboard-min a {
	display:block;
	margin-top:16px;
	background:#4e81ff;
	border-radius:4px;
	color:white;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}
.aside.client .body .toggle-btn {
	position:relative;
	width:100%;
	height:40px;
	padding:0px 39px 0px 16px;
	background:white;
	border:1px solid #ddd;
	color:black;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.4px;
	text-align:left;
}
.aside.client .body .toggle-btn span {
	position:absolute;
	top:9px;
	right:48px;
	min-width:36px;
	height:20px;
	background:#eee;
	border-radius:10px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.aside.client .body .toggle-btn:before {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:39px;
	border-left:1px solid #ddd;
	background:url("../img/common/select_arrow_icon.png") no-repeat center center;
	background-size:15px auto;
	content:"";
}
.aside.client .body ul {
	display:none;
	position:absolute;
	bottom:-201px;
	left:16px;
	right:16px;
	z-index:1000;
	background:white;
	border:1px solid #ddd;
	font-size:0px;
}
.aside.client .body ul.toggle {
	display:block;
}
.aside.client .body ul li {
	display:inline-block;
	width:100%;
}
.aside.client .body ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	height:40px;
	padding:0px 16px;
	color:black;
	font-size:14px;
	line-height:40px;
	letter-spacing:-0.4px;
}
.aside.client .body ul li a span {
	position:absolute;
	top:9px;
	right:9px;
	min-width:36px;
	height:20px;
	background:#eee;
	border-radius:10px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.aside.client .body ul li a.active {
	font-weight:bold;
}

.aside.offer.default {
	padding-top:20px;
}
.aside.offer.default .head {
	height:280px;
	padding-top:160px;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}
.aside.offer.default .head:before {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:7;
	background: rgba(0, 0, 0, 0.3);
	content:"";
}
.aside.offer.default .head .background {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:5;
	background: rgba(0, 0, 0, 0.3);
	overflow:hidden;
    line-height: 280px;
}
.aside.offer.default .head .background img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.aside.offer.default .head .info {
	position:absolute;
	z-index:8;
	bottom:36px;
	left:8px;
	right:8px;
}
.aside.offer.default .head h6 {
	position:relative;
	z-index:8;
	color:white;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.6px;
}
.aside.offer.default .head a {
	position:relative;
	z-index:8;
	display:inline-block;
	width:120px;
	height:40px;
	margin-top:8px;
	background:#4e81ff;
	border-radius:20px;
	color:white;
	font-size:16px;
	line-height:40px;
	letter-spacing:-0.4px;
}
.aside.offer.default .head.none-expand {
	padding:0px;
}
.aside.offer.default .head.none-expand a {
	display:inline-block;
	width:100%;
	height:280px;
	margin-top:0px;
	padding-top:80px;
	background:#eeeeee;
	border-radius:0px;
	font-size:0px;
	line-height:0px;
	text-align:center;
}
.aside.offer.default .head.none-expand .plus-icon {
	display:inline-block;
	width:80px;
	height:80px;
	background:white;
	border-radius:50%;
}
.aside.offer.default .head.none-expand .plus-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	width:30px;
	height:6px;
	margin-top:-3px;
	margin-left:-15px;
	background:#4e81ff;
	content:"";
}
.aside.offer.default .head.none-expand .plus-icon:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	width:6px;
	height:30px;
	margin-top:-15px;
	margin-left:-3px;
	background:#4e81ff;
	content:"";
}
.aside.offer.default .head.none-expand p {
	margin-top:16px;
	color:#4e81ff;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
.aside.offer.default .body {
	padding:0px 16px;
}
.aside.offer.default .body .toggle-btn {
	position:relative;
	width:100%;
	height:40px;
	padding:0px 39px 0px 16px;
	background:white;
	border:1px solid #ddd;
	color:black;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.4px;
	text-align:left;
}
.aside.offer.default .body .toggle-btn span {
	position:absolute;
	top:9px;
	right:48px;
	min-width:36px;
	height:20px;
	background:#eee;
	border-radius:10px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.aside.offer.default .body .toggle-btn:before {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:39px;
	border-left:1px solid #ddd;
	background:url("../img/common/select_arrow_icon.png") no-repeat center center;
	background-size:15px auto;
	content:"";
}
.aside.offer.default .body ul {
	display:none;
	position:absolute;
	top:39px;
	left:16px;
	right:16px;
	z-index:1000;
	background:white;
	border:1px solid #ddd;
	font-size:0px;
}
.aside.offer.default .body ul.toggle {
	display:block;
}
.aside.offer.default .body ul li {
	display:inline-block;
	width:100%;
}
.aside.offer.default .body ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	height:40px;
	padding:0px 16px;
	color:black;
	font-size:14px;
	line-height:40px;
	letter-spacing:-0.4px;
}
.aside.offer.default .body ul li a span {
	position:absolute;
	top:9px;
	right:9px;
	min-width:36px;
	height:20px;
	background:#eee;
	border-radius:10px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.aside.offer.default .body ul li a.active {
	font-weight:bold;
}

.aside.offer.board {
	padding:40px 16px 0px;
	background:#fafafa;
}
.aside.offer.board > h4 {
	font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -1px;
    text-align: center;
}
.aside.offer.board .body {
	margin-top:20px;
}
.aside.offer.board .body .toggle-btn {
    position: relative;
	display:block;
    width: 100%;
	max-width:600px;
    height: 40px;
	margin:0 auto;
    padding: 0px 39px 0px 16px;
    background: white;
    border: 1px solid #ddd;
    color: black;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    text-align: left;
}
.aside.offer.board .body .toggle-btn:after {
	position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 39px;
    border-left: 1px solid #ddd;
    background: url(../img/common/select_arrow_icon.png) no-repeat center center;
    background-size: 15px auto;
    content: "";
}

.aside.offer.board .body ul {
	display:none;
    position: absolute;
    top: 39px;
    left: 50%;
    right: 0px;
    z-index: 1000;
	width:100%;
	max-width:600px;
	max-height:300px;
    background: white;
    border: 1px solid #ddd;
    font-size: 0px;
	transform:translateX(-50%);
	overflow-y:auto;
}
.aside.offer.board .body ul.toggle {
	display:block;
}
.aside.offer.board .body ul li {
	display: inline-block;
    width: 100%;
}
.aside.offer.board .body ul li a {
	position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0px 16px;
    color: #999;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: -0.4px;
}
.aside.offer.board .body ul li a .more-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:40px;
	height:40px;
	background:transparent;
	border:none;
}
.aside.offer.board .body ul li a .more-btn img {
	width:4px;
	height:auto;
}
.aside.offer.board .body ul li a.select {
	color:#4e81ff;
	font-weight:bold;
}
.aside.offer.board .body ul li .add-btn {
	display:block;
	width:calc(100% - 32px);
	height:40px;
	margin:16px;
	background:white;
	border:1px solid #ddd;
	color:black;
	font-size:14px;
    letter-spacing: -0.4px;
}
.aside.offer.board .body ul li .add-btn img {
	width:18px;
	height:auto;
	margin-right:10px;
}

.board-more {
	display:none;
	position:absolute;
	z-index:1005;
	right:24px;
	width:90px;
	padding:14px 0px;
	background:white;
	border:1px solid #eee;
	border-radius: 20px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.1);
}
.board-more.on {
	display:block;
}
.board-more button {
	display:block;
	width:90px;
	height:30px;
	background:transparent;
	border:none;
	color:black;
	font-size:14px;
	letter-spacing:-0.3px;
}

/* container */
#container {
}
#container .mobile-title {
	padding:40px 0px 0px;
	background:#fafafa;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-1px;
	text-align:center;
}
#container .mobile-title-sub {
	padding-top:8px;
	background:#fafafa;
	color:black;
	font-size:13px;
	line-height:18px;
	text-align:center;
}
#container .mobile-title-sub strong {
	color:#4e81ff;
	font-weight:bold;
}
#container .container-inner {
	display:inline-block;
	width:100%;
}

/* form */
.form-row {
	display:inline-block;
	width:100%;
	min-height:40px;
	font-size:0px;
}
.form-row.mt-none {
	margin-top:0px !important;
}
.form-row label,
.form-row p.text-label {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:5;
	display:inline-block;
	padding:0px 16px;
	color:#999;
	font-size:12px;
	letter-spacing:-0.4px;
	line-height:40px;
}
.form-row label .required,
.form-row label .red,
.form-row p.text-label .required,
.form-row p.text-label .red {
	display:inline-block;
	color:#f00000;
	vertical-align:middle;
}
.form-row label.on,
.form-row p.text-label.on {
	display:none;
}
.form-row.gender-row {
	min-height: 0;
	font-size: inherit;
	display: flex;
	align-items: center;
	gap: 0;
	padding: 8px 0;
	margin-bottom: 10px;
	position: static;
}
.form-row.gender-row label {
	position: static;
	display: inline-flex;
	align-items: center;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	z-index: auto;
	gap: 4px;
}
.form-row.gender-row label input[type="radio"] {
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	font-size: inherit;
	-webkit-appearance: radio;
	appearance: radio;
	flex-shrink: 0;
}
.form-row input {
	display:inline-block;
	width:100%;
	height:40px;
	padding:0px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
	transition:border 0.3s ease-in-out;
}
.form-row input[readonly] {
	background:#fafafa;
}
.form-row input[readonly].white-bg {
	background:white;
}
.form-row input::placeholder {
	color:#999;
}
.form-row input:focus {
	border:1px solid #4e81ff;
}
.form-row input.date-picker {
	background:white url('../img/common/calendar_icon.png') no-repeat center right 10px;
	background-size:12px 11px;
}

.form-row select {
	width:100%;
}

.row-title {
	padding:0px 8px;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.4px;
}
.form-row .input-text {
	padding:0px 8px;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.3px;
}

.form-row .error-msg {
	padding:6px 12px;
	color:#e90000;
	font-size:12px;
	letter-spacing:-0.3px;
	line-height:18px;
}

.form-row.phone,
.form-row.cert,
.form-row.postcode {
	padding-right:90px;
}
.form-row.phone .send-btn,
.form-row.phone .change-btn,
.form-row.cert .cert-btn,
.form-row.postcode .address-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:5;
	width:80px;
	height:40px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
}

.form-row.postcode.offer-info .address-btn {
	top:24px;
}
.form-row.cert .cert-expire {
	position:absolute;
	top:0px;
	right:106px;
	z-index:5;
	color:red;
	font-size:12px;
	line-height:40px;
}

.form-row.phone label {
	right:90px;
}

.form-row.input-in-label {
}
.form-row.input-in-label input {
	padding-right:40px;
	text-align:right;
}
.form-row.input-in-label input + p {
	position:absolute;
	top:0px;
	right:16px;
	z-index:5;
	color:black;
	font-size:12px;
	line-height:40px;
	letter-spacing:-0.4px;
	text-align:right;
}

.form-row.two {
}
.form-row.two .form-row {
	width:calc((100% - 10px) / 2);
	margin-top:0px !important;
}
.form-row.two .form-row:first-child {
	margin-right:10px;
}

.form-row-flexible-group {
	margin-top:10px;
}
.form-row.flexible {
}
.form-row.flexible > label,
.form-row.flexible p.text-label {
	position:relative;
	padding:12px 0px;
	line-height:16px;
}
.form-row.flexible .input-box {
	display:inline-block;
	width:100%;
}
.form-row.flexible .input-box input {
	padding-right:32px;
	text-align:right;
}
.form-row.flexible .input-box p {
	position:absolute;
	top:0px;
	right:15px;
	display:inline-block;
	width:16px;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}
.form-row.flexible .radio-row-group {
	display:inline-block;
	width:100%;
}
.form-row.flexible .radio-row-group .check-row {
	display:inline-block;
	vertical-align:top;
}

.form-row .form-row-inner {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index:10;
	min-height:40px;
	max-height:250px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	overflow:hidden;
}
.form-row .form-row-inner input {
	border:none;
}
.form-row .form-row-inner ul {
	max-height:200px;
	overflow-y:auto;
}
.form-row .form-row-inner ul li {
}
.form-row .form-row-inner ul li a {
	display:inline-block;
	width:100%;
	padding:0px 16px;
	color:black;
	font-size:12px;
	line-height:40px;
	letter-spacing:-0.4px;
}

.form-row.avatar-row {
}
.form-row.avatar-row input {
	display:none;
}
.form-row.avatar-row input + label {
	position:relative;
	display:block;
	width:100px;
	height:100px;
	margin:25px auto 10px auto;
	padding:0px;
	font-size:0px;
	line-height:0px;
}
.form-row.avatar-row input + label .picture {
	width:100px;
	height:100px;
	border-radius:50px;
	overflow:hidden;
}
.form-row.avatar-row input + label .picture img {
	width:100px;
	height:auto;
}
.form-row.avatar-row input + label span {
	position:absolute;
	bottom:0px;
	right:-10px;
	z-index:5;
}
.form-row.avatar-row input + label span img {
	width:36px;
	height:auto;
}

.check-row {
}
.check-row input {
	display:none;
}
.check-row input + label {
	position:relative;
	display:inline-block;
	width:100%;
	padding-left:24px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	line-height:40px;
}
.check-row input + label strong {
	font-weight: bold;
}
.check-row input + label a {
	color:black;
	text-decoration:underline;
}
.check-row input + label:before {
	position:absolute;
	top:50%;
	left:0px;
	z-index:5;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:white;
	background-size:16px 16px;
	border:1px solid #666;
	border-radius:4px;
	box-sizing: border-box;
	content:"";
}
.check-row input:disabled + label:before {
	border:1px solid #ccc;
}
.check-row input:checked + label {
}
.check-row input:checked + label:before {
	background:url('../img/check_icon.png') no-repeat center center;
	background-size:16px 16px;
}

.check-row.v2 input + label {
	padding-left:10px;
	padding-right:64px;
}
.check-row.v2 input + label:before {
	left:auto;
	right:20px;
	width:21px;
	height:20px;
	margin-top:-10px;
	background:url('../img/uncheck_v2_icon.png') no-repeat center center;
	background-size:21px 20px;
	border:none;
}
.check-row.v2 input:checked + label {
}
.check-row.v2 input:checked + label:before {
	background:url('../img/check_v2_icon.png') no-repeat center center;
	background-size:21px 20px;
}

.check-row.v3 input + label {
	padding-left:24px;
	padding-right:0px;
}
.check-row.v3 input + label:before {
	left:0px;
	width:16px;
	height:16px;
	margin-top:-10px;
	background:url('../img/uncheck_v3_icon.png') no-repeat center center;
	background-size:16px 16px;
}
.check-row.v3 input:checked + label {
}
.check-row.v3 input:checked + label:before {
	background:url('../img/check_v3_icon.png') no-repeat center center;
	background-size:16px 16px;
}

.check-row.text-none {
	display:inline-block;
}
.check-row.text-none input + label {
	height:32px;
	padding-left:16px;
	vertical-align:middle;
}

.check-row.day-check {
	display:inline-block;
	margin:0px 4px;
}
.check-row.day-check:first-child {
	margin-left:0px;
}
.check-row.day-check input + label {
	width:36px;
	height:36px;
	padding:0px;
	border-radius:8px;
	background:white;
	border:1px solid #ccc;
	line-height:34px;
	text-align:center;
	box-sizing:border-box;
}
.check-row.day-check input:checked + label {
	background:#4e81ff;
	border-color:#4e81ff;
	color:white;
}
.check-row.day-check input + label:before {
	display:none;
}
.checkbox-new {
	display: inline-block;
	vertical-align: middle;
}
.checkbox-new > label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.checkbox-new > label input {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px;
  background: url("../img/check_icon_off.svg") no-repeat center center;
  border: none;
}
.checkbox-new > label input:checked {
  background: url("../img/check_icon.png") no-repeat center center;
	background-size: 16px 16px;
}

.form-row .ui-selectmenu-button {
	width:100% !important;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
}
.form-row .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.form-row .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 16px;
	color:black;
	font-size:12px;
	font-weight: 400;
	line-height:38px;
}
.ui-selectmenu-menu .ui-state-hover, 
.ui-selectmenu-menu .ui-widget-content .ui-state-hover, 
.ui-selectmenu-menu .ui-widget-header .ui-state-hover, 
.ui-selectmenu-menu .ui-state-focus, 
.ui-selectmenu-menu .ui-widget-content .ui-state-focus, 
.ui-selectmenu-menu .ui-widget-header .ui-state-focus {
	background:white;
	border:none;
}

.ui-selectmenu-menu .ui-menu {
	max-height:200px;
	margin-top:5px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
	margin:0px;
	padding:0px 16px;
	color:black;
	font-size:12px;
	line-height:30px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled {
	display: none;
}

span.or {
	display:block;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:-0.5px;
	text-align:center;
}

/* table-style */
.table-style01 {
	overflow-x:auto;
}
.table-style01 table {
	min-width:540px;
	width:100%;
}
.table-style01 table thead {
}
.table-style01 table thead tr {
}
.table-style01 table thead tr th {
	background:#f1f1f1;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
}
.table-style01 table tbody {
}
.table-style01 table tbody tr {
}
.table-style01 table tbody tr.link {
	cursor:pointer;
}
.table-style01 table tbody tr td {
	padding:10px 8px;
	background:white;
	border-bottom:1px solid #dddddd;
	color:black;
	font-size:12px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
}
.table-style01 table tbody tr td.bold {
	font-weight:bold;
}
.table-style01 table tbody tr td a {
	display:inline-block;
	width:100%;
	color:black;
}
.table-style01 table tbody tr td.text-left {
	text-align:left;
}
.table-style01 table tbody tr td.text-right {
	text-align:right;
}
.table-style01 table tbody tr td.date {
	color: #999;
}

.table-style01 table tbody tr td .status {
	color:black;
	font-weight:bold;
}
.table-style01 table tbody tr td .status.gray {
	color:gray;
	font-weight:normal;
}

.table-style01 table tbody tr td.empty {
	line-height:100px;
}

.table-style01 table tbody tr.gray td,
.table-style01 table tbody tr.gray td a,
.table-style01 table tbody tr.gray td .status {
	color:gray;
}

/* paging */
.paging {
	margin-top:25px;
	font-size:0px;
}
.paging.desktop {
	display:none;
}
.paging ul {
	text-align:center;
}
.paging ul li {
	display:inline-block;
	vertical-align:top;
}
.paging ul li span {
	display:inline-block;
	padding:0px 2px;
}
.paging ul li span a {
	position:relative;
	display:inline-block;
	width:15px;
	color:#999;
	font-size:12px;
	line-height:30px;
	text-align:center;
}
.paging ul li span.select a {
	color:#333;
	font-weight:bold;
}
.paging ul li span.select a:after {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:1000;
	height:1px;
	background:black;
	content:"";
}

.paging ul li span.start,
.paging ul li span.prev,
.paging ul li span.next,
.paging ul li span.end {
	padding:0px 4px;
}
.paging ul li span.prev {
	margin-right:4px;
}
.paging ul li span.next {
	margin-left:4px;
}
.paging ul li span.start img,
.paging ul li span.prev img,
.paging ul li span.next img,
.paging ul li span.end img {
	width:auto;
	height:15px;
}

.paging-custom {
	margin-top:25px;
	font-size:0px;
}
.paging-custom ul {
	text-align:center;
}
.paging-custom ul li {
	display:inline-block;
	vertical-align:top;
}
.paging-custom ul li span {
	display:inline-block;
	padding:0px 2px;
}
.paging-custom ul li span a {
	position:relative;
	display:inline-block;
	width:15px;
	color:#999;
	font-size:12px;
	line-height:30px;
	text-align:center;
}
.paging-custom ul li.input {
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}
.paging-custom ul li.input input {
	display:inline-block;
	width:50px;
	height:30px;
	background:white;
	border:1px solid #ccc;
	border-radius:4px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
}

.paging-custom ul li span.start,
.paging-custom ul li span.prev,
.paging-custom ul li span.next,
.paging-custom ul li span.end {
	padding:0px 4px;
}
.paging-custom ul li span.prev {
	margin-right:4px;
}
.paging-custom ul li span.next {
	margin-left:4px;
}
.paging-custom ul li span.start img,
.paging-custom ul li span.prev img,
.paging-custom ul li span.next img,
.paging-custom ul li span.end img {
	width:auto;
	height:15px;
}

/* postcode-layer */
#postcode-layer {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:2020;
}
#postcode-layer .head {
	height:56px;
	background:white;
	border-bottom:1px solid #eee;
}
#postcode-layer .head button {
	display:inline-block;
	width:56px;
	height:56px;
	background:transparent;
	border:none;
	vertical-align:top;
}
#postcode-layer .head button img {
	width:24px;
	height:auto;
}
#postcode-layer .head h4 {
	display:inline-block;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:55px;
	vertical-align:top;
}

/* leaflet-modal */
#leaflet-modal {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:2030;
	padding:100px 24px;
	background:rgba(0, 0, 0, 0.7);
	font-size:0px;
	text-align:center;
	overflow-y:auto;
}
#leaflet-modal .content {
	display:inline-block;
	max-width:690px;
	margin:0 auto;
}
#leaflet-modal .close-btn {
	position:absolute;
	top:-40px;
	right:0px;
	z-index:2020;
	width:40px;
	height:40px;
	background:transparent;
	border:none;
}
#leaflet-modal .close-btn img {
	width:17px;
	height:auto;
}
#leaflet-modal .content .img-box {
}
#leaflet-modal .content .img-box img {
	max-width:100%;
}

/* swal */
.swal-custom-h5 {
	padding:40px 0px;
	color:black;
	font-size:24px;
	letter-spacing:-0.5px;
}

.swal-custom-wrap {
	padding-top:32px;
	padding-bottom:8px;
}
.swal-custom-h6 {
	color:black;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-0.6px;
}
.swal-custom-p {
	margin-top:10px;
	color:black;
	font-size:18px;
	line-height:24px;
	letter-spacing:-0.4px;
}
.swal-custom-p.red {
	color:#ec0000;
}
.swal-custom-approve {
	margin-bottom:16px;
	color:black;
	font-size:18px;
	line-height:24px;
	letter-spacing:-0.4px;
}

.swal-board-wrap {
	padding-top: 24px;
	padding-bottom:16px;
}
.swal-board-wrap .swal-board-h6 {
	color:black;
	font-size:24px;
	line-height:30px;
	letter-spacing:-0.6px;
}

/* common back btn */
.container-inner > .back-btn {
	position:absolute;
	top:29px;
	left:8px;
	z-index:10;
	width:48px;
	height:48px;
	background:transparent;
	border:none;
}
.container-inner > .back-btn img {
	width:11px;
	height:auto;
}

/* main */
.main .visual {
	height:100vh;
	max-height:640px;
	background:url('../img/main/visual.jpg') no-repeat center right 30%;
	background-size:cover;
}
.main .visual:before {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	background:rgba(0, 0, 0, 0.35);
	content:"";
}
.main .visual .inner-wrap { 
	max-width:1000px;
	height:100%;
	margin:0 auto;
}
.main .visual .text-box {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	z-index:12;
	transform:translateY(-50%);
	text-align:center;
}
.main .visual .text-box h3 {
	color:white;
	font-size:40px;
	line-height:45px;
	letter-spacing:-1px;
	text-align:center;
}
.main .visual .text-box p {
	margin-top:20px;
	color:white;
	font-size:13px;
	letter-spacing:-0.3px;
	text-align:center;
}
.main .visual .text-box a {
	display:inline-block;
	width:160px;
	height:48px;
	margin-top:30px;
	background:#4e81ff;
	border:1px solid #4e81ff;
	border-radius:24px;
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:46px;
	text-align:center;
}

.main .visual .scroll-btn {
	position:absolute;
	bottom:16px;
	left:50%;
	z-index:11;
	transform:translateX(-50%);
}
.main .visual .scroll-btn img {
	width:auto;
	height:35px;
}

.main .visual-swiper {
	height:100vh;
	max-height:640px;
}
.main .visual-swiper .swiper {
	height:100%;
}
.main .visual-swiper .fixed-visual {
	background:url('../img/bg.png') no-repeat center right 13%;
	background-size:cover;
}
.main .visual-swiper .swiper-slide:before {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
	content:"";
}
.main .visual-swiper .fixed-visual:before {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	background: rgba(0, 0, 0, 0.35);
	content:"";
}
.main .visual-swiper .fixed-visual .text-box {
	position:absolute;
	top:50%;
	left:50%;
	right:0px;
	z-index:12;
	width:100%;
	max-width: 1200px;
	transform:translateY(-50%) translateX(-50%);
	text-align:center;
}
.main .visual-swiper .fixed-visual .text-box h3 {
	color:white;
	font-size:36px;
	font-weight:700;
	line-height: 120%;
	letter-spacing:-1.8px;
	text-align:center;
}
.main .visual-swiper .fixed-visual .text-box p {
	margin-top:20px;
	color:white;
	font-size:16px;
	line-height:140%;
	text-align:center;
}
.main .visual-swiper .fixed-visual .text-box a {
	display:inline-block;
	width:160px;
	height:48px;
	margin-top:30px;
	background:#017EFF;
	border-radius:24px;
	color:white;
	font-size:14px;
	font-weight:700;
	line-height:48px;
	text-align:center;
}
.main .visual-swiper .swiper-slide > img {
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: center center;
}
.main .visual-swiper .swiper-slide > .pc_img {
	display: none;
}
.main .visual-swiper .pagination {
	position: absolute;
	bottom: 20px;
	z-index: 1;
	display: flex;
	justify-content: center;
	gap: 0px 8px;
}
.main .visual-swiper .pagination .bullet {
	position:relative;
	padding: 8px 11px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-size:12px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: -0.24px;
	text-align:center;
	opacity: 0.5;
	transition: opacity 0.3s ease-in-out;
}
.main .visual-swiper .pagination .bullet span {
	position:relative;
	z-index:2;
}
.main .visual-swiper .pagination .bullet.on {
	opacity: 1;
}
.main .visual-swiper .pagination .bullet.on:before {
	position: absolute;
	left:0px;
	top:0px;
	bottom: 0px;
	z-index:1;
	background: rgba(255, 255, 255, 0.20);
	animation: visual_progress 3s both linear;
	content:"";
}

.main .visual-swiper:hover .pagination .bullet.on:before {
	animation-play-state: paused;
}

.main .section {
	text-align:center;
}
.main .section .inner-wrap {
	max-width:1000px;
	height:100%;
	margin:0 auto;
}
.main .section .text-box {	
	text-align:center;
}
.main .section .text-box h3 {	
	position:relative;
	z-index:2;
	color:#000;
	font-size:30px;
	font-weight:700;
	line-height:38px;
	letter-spacing:-0.75px;
}
.main .section .text-box h3 strong {	
	font-weight:normal;
}
.main .section .text-box p {	
	position:relative;
	z-index:2;
	margin-top:20px;
	color:black;
	font-size:14px;
	line-height:18px;
	letter-spacing:-0.3px;
}
.main .section .text-box p strong {	
	font-weight:800;
}

.main .section .text-box .link-group {	
	margin-top:30px;
	font-size:0px;
}
.main .section .text-box .link-group a {	
	display:inline-block;
	width:150px;
	height:30px;
	margin:0px 8px;
	background:white;
	border:1px solid #4e81ff;
	border-radius:20px;
	color:#4e81ff;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	text-align:center;
}
.main .section .text-box p.link-desc {	
}

.main .section .img-box {
}
.main .section .img-box img {
	width:80%;
	max-width:280px;
	height:auto;
}

.main .section.board {
	padding: 40px 20px 54px;
	background:#FAFAFA;
}
.main .section.board .inner-wrap {
	max-width: 1200px;
}
.main .section.board .top-box {
	margin-top: 10px;
	background:#4C6EAA;
	border-radius: 10px;
	overflow: hidden;
}
.main .section.board .top-box dl {
}
.main .section.board .top-box dl dt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 34px;
	padding: 0px 10px 0px 8px;
	background:#415E90;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	color: #fff;
	font-size:12px;
	font-weight:700;
	letter-spacing: -1px;
}
.main .section.board .top-box dl dt:before {
	width:14px;
	height: 14px;
	margin-right: 2px;
	background:url('../img/icon_pin.svg') no-repeat center center;
	content: "";
}
.main .section.board .top-box dl dd {
	position:relative;
	height: 72px;
	padding-right: 24px;
}
.main .section.board .top-box dl dd .swiper {
	height: 100%;
}
.main .section.board .top-box dl dd .swiper-slide {
	display: flex;
	justify-content:flex-start;
	align-items: center;
	padding: 0px 10px;
	overflow: hidden;
}
.main .section.board .top-box dl dd .swiper-slide:before {
	flex-shrink:0;
	width:6px;
	height: 6px;
	margin-right: 5px;
	background:#fff;
	border-radius: 50%;
	content: "";
}
.main .section.board .top-box dl dd .swiper-slide .subject {
	flex: 1;
	color: #fff;
	font-size:14px;
	letter-spacing: -1px;
	text-align:left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main .section.board .top-box dl dd .swiper-slide .date {
	display: none;
	flex-shrink:0;
	color: rgba(255, 255, 255, 0.60);
	font-size:16px;
}
.main .section.board .top-box dl dd .controls {
	position: absolute;
	top:0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	border-left: 1px solid rgba(255, 255, 255, 0.20);
}
.main .section.board .top-box dl dd .controls .prev {
	flex: 1;
	width:23px;
	background:url('../img/icon_notice_prev.svg') no-repeat center center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	cursor:pointer;
}
.main .section.board .top-box dl dd .controls .next {
	flex: 1;
	width:23px;
	background:url('../img/icon_notice_next.svg') no-repeat center center;
	cursor:pointer;
}
.main .section.board .top-box dl dd .controls .swiper-button-lock {
	display: block;
}
.main .section.board .mid-box .board-box {
	margin-top: 10px;
	background:#fff;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow: hidden;
}
.main .section.board .mid-box .board-box dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 44px;
	padding: 0px 14px 0px 20px;
	background: #EFEFEF;
	border-bottom: 1px solid #DCDCDC;
	color: #000;
	font-size:15px;
	font-weight:700;
	letter-spacing: -1px;
}
.main .section.board .mid-box .board-box dt a {
	width: 24px;
	height: 24px;
	background:url('../img/icon_add.svg') no-repeat center center;
	font-size: 0px;
}
.main .section.board .mid-box .board-box dd {
	padding: 10px;
}
.main .section.board .mid-box .board-box dd ul {
	display: block;
	width:100%;
}
.main .section.board .mid-box .board-box dd ul li {
	padding: 5px 0px;
}
.main .section.board .mid-box .board-box dd ul li + li {
	margin-top: 5px;
}
.main .section.board .mid-box .board-box dd ul li a {
	display:flex;
	align-items:center;
	gap: 0px 5px;
	overflow: hidden;
}
.main .section.board .mid-box .board-box dd ul li a:before {
	width:6px;
	height:6px;
	background: #4C6EAA;
	border-radius:50%;
	content:"";
}
.main .section.board .mid-box .board-box dd ul li a .subject {
	flex: 1;
	color: #000;
	font-size:14px;
	letter-spacing: -1px;
	text-align:left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main .section.board .mid-box .board-box dd ul li a .subject .sticker {
	display:inline-block;
	margin-right:5px;
	padding: 5px 4px;
	background:#666;
	border-radius: 4px;
	color: #fff;
	font-size:10px;
	font-weight:700;
	line-height:140%;
	vertical-align:middle;
}
.main .section.board .mid-box .board-box dd ul li a .subject .sticker.important {
	background:#017EFF;
}
.main .section.board .mid-box .board-box dd ul li a .date {
	flex-shrink:0;
	color:#999;
	font-size:12px;
}
.main .section.board .mid-box .banner-box {
	margin-top: 10px;
	padding: 0px;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow:hidden;
}
.main .section.board .mid-box .banner-box .swiper {
}
.main .section.board .mid-box .banner-box .controls {
	display: flex;
	align-items: center;
	height: 40px;
	background: #EFEFEF;
	border-top: 1px solid #DDD;
}
.main .section.board .mid-box .banner-box .controls .prev {
	width: 24px;
	height: 40px;
	background:url('../img/main/icon_board_prev.svg') no-repeat center center;
	border-right: 1px solid #DDD;
	cursor:pointer;
}
.main .section.board .mid-box .banner-box .controls .pagination {
	flex: 1;
	bottom: auto;
	top: auto;
	left: auto;
	color: #000;
	font-size: 12px;
}
.main .section.board .mid-box .banner-box .controls .next {
	width: 24px;
	height: 40px;
	background:url('../img/main/icon_board_next.svg') no-repeat center center;
	border-left: 1px solid #DDD;
	cursor:pointer;
}
.main .section.board .bot-box {
	display: flex;
	align-items: center;
	background: #FFF;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow: hidden;
}
.main .section.board .bot-box .swiper-button-lock + .swiper .swiper-wrapper {
	justify-content: center;
}
.main .section.board .bot-box .swiper {
	width: 100%;
	padding: 0px 20px;
	align-self:stretch;
}
.main .section.board .bot-box .swiper-wrapper {
	transition-timing-function: linear;
}
.main .section.board .bot-box .swiper .swiper-slide {
	width: auto;
	padding: 13px 10px 0px;
	text-align:center;
}
.main .section.board .bot-box .swiper .swiper-slide:after {
	position: absolute;
	top:50%;
	right: 0px;
	z-index: 1;
	width:1px;
	height: 24px;
	transform:translateY(-50%);
	background:#ddd;
	content: "";
}
.main .section.board .bot-box .swiper .swiper-slide:first-child {
	margin-left: 2px;
}
.main .section.board .bot-box .swiper .swiper-slide:last-child {
	margin-right: 2px;
}
.main .section.board .bot-box .swiper .swiper-slide:last-child:after {
	display:none;
}
.main .section.board .bot-box .swiper .swiper-slide .icon {
	display:inline-block;
	width:32px;
	height: 32px;
}
.main .section.board .bot-box .swiper .swiper-slide .icon img {
	width:100%;
	height: auto;
}
.main .section.board .bot-box .swiper .swiper-slide p {
	margin-top: 4px;
	color: #000;
	font-size:10px;
	font-weight:500;
	line-height:140%;
}
.main .section.board .bot-box .prev {
	flex-shrink:0;
	width: 24px;
	height: 92px;
	background:#EFEFEF url('../img/icon_board_prev.svg') no-repeat center center;
	border-right: 1px solid #DCDCDC;
	cursor:pointer;
}
.main .section.board .bot-box .next {
	flex-shrink:0;
	width: 24px;
	height: 92px;
	background:#EFEFEF url('../img/icon_board_next.svg') no-repeat center center;
	border-left: 1px solid #DCDCDC;
	cursor:pointer;
}
.main .section.board .bot-box .swiper-button-lock {
	display: block;
}

.main .section.profile {
	padding-top:50px;
	padding-bottom:40px;
	background:#EFEFEF;
}
.main .section.profile .text-box h3:before {
	display:block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 20px;
	background:url(../img/section_profile_icon.svg) no-repeat center center;
	background-size: 50px 50px;
	content: "";
}
.main .section.profile .img-box {
	display: flex;
	justify-content: center;
	margin-top:24px;
	overflow: hidden;
}
.main .section.profile .img-box img {
	width: 85%;
	max-width: 470px;
}

.main .section.point {
	padding-top:50px;
	padding-bottom:40px;
}
.main .section.point .text-box h3:before {
	display:block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 20px;
	background:url(../img/section_point_icon.svg) no-repeat center center;
	background-size: 50px 50px;
	content: "";
}
.main .section.point .text-box p span {
	color: #999;
}
.main .section.point .img-box {
	display: flex;
	justify-content: center;
	margin-top:24px;
	overflow: hidden;
}
.main .section.point .img-box img {
	width: 360px;
	max-width: none;
}

.main .section.portfolio {
	padding-top: 80px;
	padding-bottom: 40px;
	background: url(../img/section_portfolio_bg.png) no-repeat center center;
	background-size:cover;
	overflow: hidden;
}
.main .section.portfolio h3 {
	color:#000;
	font-size:24px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing:-1.5px;
	text-align: center;
}
.main .section.portfolio h3 span {
	position: relative;
	color: #017EFF;
}
.main .section.portfolio h3 span:before {
	position: absolute;
	top: -6px;
	left:50%;
	width:4px;
	height:4px;
	margin-left: -2px;
	background:#017EFF;
	border-radius:50%;
	content:"";
}
.main .section.portfolio .portfolio-swiper {
	margin-top: 92px;
}
.main .section.portfolio .swiper {
	padding-left: 60px;
}
.main .section.portfolio .swiper-wrapper {
	transition-timing-function: linear;
}
.main .section.portfolio .swiper-slide {
	position: relative;
	width: 170px;
	height:240px;
	margin: 0px;
	margin-right: 40px;
	border-radius: 10px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);
	overflow: hidden;
	aspect-ratio: 1 / 1.414;
}
.main .section.portfolio .swiper-slide img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.main .section.portfolio .img-box {
	position: absolute;
	bottom:-10px;
	left: 50%;
	z-index:2;
	transform: translateX(-50%);
}
.main .section.portfolio .img-box img {
	width:278px;
	max-width:none;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}

@keyframes portfolioAnimate {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.main .section.portfolio .animate .swiper-wrapper {
	animation: portfolioAnimate linear 3s infinite;
	white-space:nowrap;
}
.main .section.portfolio .animate .swiper-wrapper:hover {
	animation-play-state: paused;
}
.main .section.portfolio .animate .swiper-wrapper .swiper-slide {
	width: 24.6625vw;
}

.main .section.portfolio .prev {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index:2;
	width: 36px;
	height: 42px;
	background:url('../img/main/mo_prev.png') no-repeat center center;
	border-radius:5px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	transform: translateY(-50%);
	cursor:pointer;
}
.main .section.portfolio .next {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index:2;
	width: 36px;
	height: 42px;
	background:url('../img/main/mo_next.png') no-repeat center center;
	border-radius:5px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	transform: translateY(-50%);
	cursor:pointer;
}
.main .section.portfolio .go-btn {
	display: flex;
	justify-content: center;
	align-items :center;
	width: 160px;
	height: 48px;
	margin: 0 auto;
	background: #4E81FF;
	border-radius: 24px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.28px;
	text-align: center;
}

/* login */
.login {
	padding:0px 16px 50px 16px;
	background:#fafafa;
}
.login > h3 {
	padding-top:40px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.login .guide-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px 10px;
	max-width: 500px;
	margin:0 auto;
	margin-top: 25px;
	padding: 16px 0px;
	background: #fff;
	border: 1px solid #017EFF;
	border-radius:6px;
	color: #017EFF;
	font-size:14px;
	font-weight: 700;
	line-height: 140%;
}
.login .guide-box:before {
	width: 37px;
	height: 32px;
	background:url('../img/join_simple_logo.svg') no-repeat center center;
	background-size: auto 32px;
	content: "";
}
.login .form-box {
	max-width:500px;
	margin:20px auto 0px auto;
}
.login .form-box form {
}
.login .form-box form .form-row-group {
}
.login .form-box form .form-row-group .form-row {
	margin-top:10px;
}
.login .form-box form .form-row-group .form-row:first-child {
	margin-top:0px;
}
.login .form-box form .form-btn-sub {
	
}
.login .form-box form .form-btn-sub .regist-btn {
	display:inline-block;
	margin-left:5px;
	color:black;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.5px;
	line-height:40px;
	text-decoration:underline;
}
.login .form-box form .form-btn-sub .lost-btn {
	position:absolute;
	top:0px;
	right:5px;
	color:black;
	font-size:12px;
	letter-spacing:-0.5px;
	line-height:40px;
}
.login .form-box form .form-btn {
	margin-top:20px;
}
.login .form-box form .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
}

.login .form-box form .form-btn-sns {
	max-width:375px;
	margin:0 auto;
}
.login .form-box form .form-btn-sns a {
	display:inline-block;
	width:100%;
	height:40px;
	margin-top:10px;
	border-radius:6px;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}
.login .form-box form .form-btn-sns a:first-child {
	margin-top:0px;
}
.login .form-box form .form-btn-sns a.kakao-btn {
	background:#ffe800;
	color:#392324;
}
.login .form-box form .form-btn-sns a.kakao-btn img {
	width:22px;
	height:auto;
	margin-right:8px;
}
.login .form-box form .form-btn-sns a.naver-btn {
	background:#00c73c;
	color:white;
}
.login .form-box form .form-btn-sns a.naver-btn img {
	width:16px;
	height:auto;
	margin-right:8px;
}
.login .form-box form .form-btn-sns #appleid-signin {
	margin-top:10px;
	cursor:pointer;
}
.login .form-box form .form-btn-sns #appleid-signin div div:last-child {
	position:static;
}

/* lost */
.lost {
	padding:25px 16px 50px 16px;
	background:#fafafa;
}
.lost .form-box {
	max-width:500px;
	margin:0px auto;
}
.lost .form-box .tab-container {
	margin-bottom:40px;
	font-size:0px;
}
.lost .form-box .tab-container a {
	position:relative;
	display:inline-block;
	width:50%;
	color:#999;
	font-size:14px;
	line-height:40px;
	text-align:center;
	letter-spacing:-0.5px;
	vertical-align:top;
}
.lost .form-box .tab-container a.active {
	color:black;
	font-weight:bold;
}
.lost .form-box .tab-container a.active:after {
	position:absolute;
	bottom:0px;
	left:50%;
	width:60px;
	height:2px;
	margin-left:-30px;
	background:black;
	content:"";
}
.lost .form-box form {
}
.lost .form-box form .form-row-group {
}
.lost .form-box form .form-row-group .form-row {
	margin-top:10px;
}
.lost .form-box form .form-row-group .form-row:first-child {
	margin-top:0px;
}

.lost .form-box form .form-btn {
	margin-top:20px;
}
.lost .form-box form .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
}

/* register */
.register {
	padding:75px 16px 150px 16px;
	background:#fafafa;
}
.register .content-box {
	max-width:500px;
	margin:0px auto;
}
.register .content-box .logo-box {
	font-size:0px;
	text-align:center;
}
.register .content-box .logo-box h2 {
}
.register .content-box .logo-box h2 img {
	height:48px;
}
.register .content-box .logo-box p {
	margin-top:8px;
}
.register .content-box .logo-box p img {
	width:161px;
	height:auto;
}

.register .content-box h3 {
	margin-top:80px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}

.register .content-box .type-box {
	display:flex;
	gap: 0px 10px;
	margin-top:25px;
	margin-bottom:20px;
	font-size:0px;
}
.register .content-box .type-box a {
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height:130px;
	background:white;
	border:1px solid #dddddd;
	border-radius:12px;
	vertical-align:top;
	text-align:center;
	box-sizing:border-box;
}
.register .content-box .type-box a .icon-box {
	width: 100%;
	height: 40px;
	font-size:0px;
}
.register .content-box .type-box a p {
	margin-top: 10px;
	color:#999;
	font-size:12px;
	font-weight:700;
	line-height: 140%;
	letter-spacing:-0.5px;
}
.register .content-box .type-box a p span {
	font-weight:400;
}
.register .content-box .type-box a.normal-btn .icon-box {
	background:url('../img/icon_normal_user.png') no-repeat center center;
	background-size: auto 40px;
	filter: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(0%) hue-rotate(64deg) brightness(103%) contrast(93%);
}
.register .content-box .type-box a.client-btn .icon-box {
	background:url('../img/icon_client_user.png') no-repeat center center;
	background-size: auto 40px;
	filter: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(0%) hue-rotate(64deg) brightness(103%) contrast(93%);
}
.register .content-box .type-box a.active {
	border-width:2px;
	border-color:#017EFF;
}
.register .content-box .type-box a.normal-btn.active .icon-box {
	filter: brightness(0) saturate(100%) invert(35%) sepia(28%) saturate(7144%) hue-rotate(198deg) brightness(102%) contrast(105%);
}
.register .content-box .type-box a.client-btn.active .icon-box {
	filter: brightness(0) saturate(100%) invert(35%) sepia(28%) saturate(7144%) hue-rotate(198deg) brightness(102%) contrast(105%);
}
.register .content-box .type-box a.active p {
	color:#017EFF;
	font-weight:bold;
}
.register .content-box .regist-btn {
	display:inline-block;
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#dddddd;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:-0.5px;
	text-align:center;
}
.register .content-box .regist-btn img {
	width:14px;
	height:auto;
	margin-right:10px;
}
.register .content-box .regist-btn.active {
	background:#017EFF;
}

.register .content-box .form-btn-sns {
	max-width:375px;
	margin:0 auto;
}
.register .content-box .form-btn-sns a {
	display:inline-block;
	width:100%;
	height:40px;
	margin-top:10px;
	border-radius:6px;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}
.register .content-box .form-btn-sns a:first-child {
	margin-top:0px;
}
.register .content-box .form-btn-sns a.kakao-btn {
	background:#ffe800;
	color:#392324;
}
.register .content-box .form-btn-sns a.kakao-btn img {
	width:22px;
	height:auto;
	margin-right:8px;
}
.register .content-box .form-btn-sns a.naver-btn {
	background:#00c73c;
	color:white;
}
.register .content-box .form-btn-sns a.naver-btn img {
	width:16px;
	height:auto;
	margin-right:8px;
}
.register .content-box .form-btn-sns #appleid-signin {
	margin-top:10px;
	cursor:pointer;
}
.register .content-box .form-btn-sns #appleid-signin div div:last-child {
	position:static;
}

/* register-form */
.register-form {
	padding:40px 16px 60px 16px;
	background:#fafafa;
}
.register-form h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.register-form .form-box {
	max-width:500px;
	margin:25px auto 0px auto;
}
.register-form .form-box form {
}
.register-form .form-box form .form-row-group {
}
.register-form .form-box form .form-row-group .form-row {
	margin-top:10px;
}
.register-form .form-box form .form-row-group .form-row:first-child {
	margin-top:0px;
}
.register-form .form-box form .form-row-group .form-row.building {
}
.register-form .form-box form .form-row-group .form-row.building h5 {
	margin-top:15px;
	margin-bottom:6px;
	padding-left:8px;
	color:black;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
}
.register-form .form-box form .form-row-group .form-row.building input {
	display:none;
}
.register-form .form-box form .form-row-group .form-row.building label {
	position:relative;
	display:inline-block;
	width:100%;
	height:160px;
	padding-top:85px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:#666;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.register-form .form-box form .form-row-group .form-row.building label:before {
	position:absolute;
	top:45px;
	left:50%;
	z-index:5;
	width:32px;
	height:32px;
	margin-left:-16px;
	background:url('../img/regist/plus_icon.png') no-repeat center center;
	background-size:32px 32px;
	content:"";
}
.register-form .form-box form .form-row-group .form-row.building .building_img_after {
	height:160px;
	border-radius:6px;
	overflow:hidden;
}
.register-form .form-box form .form-row-group .form-row.building .building_img_after .delete-btn {
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
	width:32px;
	height:32px;
	background:white;
	border:1px solid #ccc;
	border-radius:16px;
	font-size:0px;
	line-height:30px;
	text-align:center;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
}
.register-form .form-box form .form-row-group .form-row.building .building_img_after .delete-btn img {
	width:13px;
	height:13px;
}
.register-form .form-box form .form-row-group .form-row.building .building_img_after > img {
	width:100%;
	height:auto;
}

.register-form .form-box form .form-row-group .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.register-form .form-box form .form-row-group .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.register-form .form-box form .form-row-group .building-check-row {
	margin-top: 10px;
	margin-bottom: 20px;
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box {
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box input {
	display: none;
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box input + label {
	position: relative;
	display:block;
	width:100%;
	padding: 10px 40px 10px 10px;
	background:#fff;
	border: 1px solid #dcdcdc;
	border-radius:6px;
	color: #000;
	font-size: 12px;
	line-height:140%;
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box input + label:after {
	position:absolute;
	top:50%;
	right:10px;
	z-index:5;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:white;
	background-size:16px 16px;
	border:1px solid #666;
	border-radius:4px;
	box-sizing: border-box;
	content:"";
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box input:checked + label:after {
	background:url('../img/check_icon.png') no-repeat center center;
	background-size:16px 16px;
}
.register-form .form-box form .form-row-group .building-check-row p {
	margin-top: 10px;
	color:#F00000;
	font-size:12px;
	line-height:140%;
}
.register-form .form-box form .form-row-group .building-box .form-row {
	margin-top: 0px;
	margin-bottom: 10px;
}
.register-form .form-box form .form-row-group .building-box + .form-row {
	margin-top: 0px;
}

.register-form .form-box form .form-row-group .check-row-group {
	margin:10px auto 0px;
}
.register-form .form-box form .form-row-group .check-row-group .check-row {
	border-bottom:1px solid #ccc;
}
.register-form .form-box form .form-row-group .check-row-group .check-row.active {
	border-bottom:none;
}

.register-form .form-box form .form-row-group .business-row {
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}
.register-form .form-box form .form-row-group .business-row .check-row {
	margin-top:10px;
}

.register-form .form-box form .form-row-group .agree-row {
	margin-top:20px;
}
.register-form .form-box form .form-row-group .agree-row .check-row:first-child {
	margin-bottom:10px;
}

.register-form .form-box form .line-row {
	width:100%;
	height:1px;
	margin-top:15px;
	background:#ddd;
}

.register-form .form-box form .form-btn {
	margin-top:20px;
}
.register-form .form-box form .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
}

/* register-finish */
.register-finish {
	padding:75px 16px 250px 16px;
	background:#fafafa;
}
.register-finish .content-box {
	max-width:500px;
	margin:0px auto;
	font-size:0px;
}
.register-finish .content-box .logo-box {
	font-size:0px;
	text-align:center;
}
.register-finish .content-box .logo-box h2 {
}
.register-finish .content-box .logo-box h2 img {
	height:48px;
}
.register-finish .content-box .logo-box p {
	margin-top:8px;
}
.register-finish .content-box .logo-box p img {
	width:161px;
	height:auto;
}

.register-finish .content-box .normal-box h3 {
	margin-top:40px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:140%;
	letter-spacing:-0.5px;
	text-align:center;
}
.register-finish .content-box .normal-box  a {
	display:inline-block;
	width: 100%;
	height:40px;
	margin-top: 40px;
	background:#017EFF;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:-0.5px;
	text-align:center;
}
.register-finish .content-box .client-box h3 {
	margin-top:40px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:140%;
	letter-spacing:-0.5px;
	text-align:center;
}
.register-finish .content-box .client-box p {
	margin-top:8px;
	color:#999;
	font-size:12px;
	font-weight: 700;
	line-height:140%;
	text-align:center;
}
.register-finish .content-box .client-box .guide-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px 10px;
	margin-top: 20px;
	padding: 16px 0px;
	background: #fff;
	border: 1px solid #017EFF;
	border-radius:6px;
	color: #017EFF;
	font-size:14px;
	font-weight: 700;
	line-height: 140%;
}
.register-finish .content-box .client-box .guide-box:before {
	width: 37px;
	height: 32px;
	background:url('../img/join_simple_logo.svg') no-repeat center center;
	background-size: auto 32px;
	content: "";
}
.register-finish .content-box .client-box a {
	display:inline-block;
	width:calc((100% - 10px) / 2);
	height:40px;
	margin-top:20px;
	background:white;
	border:1px solid #dcdcdc;
	border-radius:6px;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:-0.5px;
	text-align:center;
}
.register-finish .content-box .client-box a.primary {
	margin-right:10px;
	background:#017EFF;
	border:none;
	color:white;
}

/* term */
.term {
	padding-bottom:60px;
	background:#fafafa;
}
.term > h3 {
	padding-top:40px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.term .term-content {
	max-width:1200px;
	margin:25px 16px 0px 16px;
	padding:24px;
	background:white;
	border:1px solid #cccccc;
	border-radius:6px;
}
.term .term-content p {
	color:#666;
	font-size:12px;
	line-height:16px;
}
.term .term-content img {
	max-width:100%;
	height:auto;
}

/* building-search */
.building-search {
	position: fixed;
	top: 56px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow:hidden;
}
.building-search .map-viewer {
	height:100%;
}
.building-search #map {
	width:100%;
	height:100%;
}
.building-search #map .cluster-marker {
	width:40px;
	height:40px;
	background:#017EFF;
	border-radius:50%;
	border:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	box-shadow:5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
}
.building-search #map .cluster-marker[data-level='7'],
.building-search #map .cluster-marker[data-level='8'] {
	width:55px;
	height:55px;
	font-size:16px;
	line-height:55px;
}
.building-search #map .cluster-marker[data-level='9'],
.building-search #map .cluster-marker[data-level='10'],
.building-search #map .cluster-marker[data-level='11'],
.building-search #map .cluster-marker[data-level='12'],
.building-search #map .cluster-marker[data-level='13'],
.building-search #map .cluster-marker[data-level='14'] {
	width:65px;
	height:65px;
	font-size:16px;
	line-height:65px;
}
.building-search #map .layer-marker {
	max-width:120px;
	padding:0px 8px;
	background:#4e81ff;
	border:none;
	border-radius:10px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
}
.building-search #map .layer-marker p {
	width:100%;
	padding:0px 4px;
	color:white;
	font-size:14px;
	line-height:26px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.building-search #map .layer-marker p:first-child {
	padding:0px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid white;
}
.building-search #map .layer-marker span {
	position:absolute;
	bottom:-6px;
	left:50%;
	display:inline-block;
	background-color:#4e81ff;
	text-align: left;
	margin-left:-3px;
}
.building-search #map .layer-marker span:before,
.building-search #map .layer-marker span:after {
	content: '';
	position: absolute;
	background-color: inherit;
}
.building-search #map .layer-marker span,
.building-search #map .layer-marker span:before,
.building-search #map .layer-marker span:after {
	width:  6px;
	height: 6px;
	border-bottom-left-radius: 50%;
}

.building-search #map .layer-marker span {
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.building-search #map .layer-marker span:before {
	transform: rotate(45deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.building-search #map .layer-marker span:after {
	transform: rotate(-45deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.building-search #map .layer-marker.manage {
	background:white;
}
.building-search #map .layer-marker.manage p {
	color:black;
}
.building-search #map .layer-marker.manage p:first-child {
	border-color:#e5e5e5;
}
.building-search #map .layer-marker.manage span {
	background-color: white;
}

.building-search .search-box {
	position:absolute;
	top:16px;
	left:50%;
	z-index:999;
	width:calc(100% - 32px);
	max-width:600px;
	height:56px;
	padding-left:100px;
	padding-right:56px;
	background:white;
	border-radius:10px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
	transform:translateX(-50%);
	overflow:hidden;
}
.building-search .search-box:after {
	position:absolute;
	top:50%;
	left:100px;
	z-index:11;
	width:1px;
	height:24px;
	margin-top:-12px;
	background:#999;
	content:"";
}
.building-search .search-box select {
	width:100px;
}
.building-search .search-box .ui-selectmenu-button {
	width:100px !important;
}
.building-search .search-box .ui-selectmenu-button {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	height:56px;
	background:white;
	border:none;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.building-search .search-box .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.building-search .search-box .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 16px;
	color:black;
	font-size:18px;
	line-height:56px;
}

.ui-selectmenu-menu #search-type-menu.ui-menu .ui-menu-item {
	padding:0px 16px;
	font-size:18px;
	line-height:56px;
}
.ui-selectmenu-menu #search-type-menu.ui-menu .ui-menu-item.ui-state-focus {
	color:#4e81ff;
}


.building-search .search-box input {
	width:100%;
	height:56px;
	padding:0px 16px;
	background:transparent;
	border:none;
	color:black;
	font-size:18px;
	letter-spacing:-0.5px;
	box-sizing:border-box;
}
.building-search .search-box input::placeholder {
	color:#999999;
}
.building-search .search-box .search-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:56px;
	height:56px;
	background:transparent;
	border:none;
}
.building-search .search-box .search-btn img {
	width:25px;
	height:auto;
}
.building-search .map-info {
	position:absolute;
	bottom:18px;
	left:10px;
	right:78px;
	z-index:1000;
	height:50px;
	background:#fafafa;
	border-radius:10px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
}
.building-search .map-info .head {
	position:relative;
	display:block;
	width:100%;
	height:50px;
	padding:0px 16px;
	background:white;
	border:none;
	border-radius:10px;
}
.building-search .map-info .head p.place-name {
	position:relative;
	width:calc(100% - 90px);
	padding-left:25px;
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	text-align:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.building-search .map-info .head p.place-name:after {
position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #999999;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  content:"";
}
.building-search .map-info .head p.building-count {
	position:absolute;
	top:0px;
	right:16px;
	color:black;
	font-size:15px;
	line-height:50px;
	text-align:right;
}
.building-search .map-info .head p.building-count strong {
	color:#4e81ff;
	font-weight:bold;
}
.building-search .map-info .head-sub {
	padding:12px 16px 0px;
	border-top:1px solid #ddd;
}
.building-search .map-info .head-sub p {
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
}
.building-search .map-info .head-sub p strong {
	color:#999;
	font-weight:bold;
}
.building-search .map-info .body-sub {
	padding:0px 48px 0px 16px;
	cursor:pointer;
}
.building-search .map-info .body-sub p {
	color:#666;
	font-size:14px;
	line-height:48px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.building-search .map-info .body-sub p strong {
	color:black;
	font-weight:bold;
}
.building-search .map-info .head-sub p:last-child {
	padding-bottom:12px;
	border-bottom:1px solid #ddd;
}
.building-search .map-info .body-sub .toggle-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:1010;
	width:48px;
	height:48px;
	background:transparent;
	border:none;
}
.building-search .map-info .body-sub .toggle-btn img {
	width:11px;
	height:auto;
	transform:rotate(90deg);
}
.building-search .map-info .head-sub {
	display:none;
}

.building-search .map-info .body {
	height:calc(100% - 116px);
	padding:0px 16px;
	overflow-y:auto;
}
.building-search .map-info .body::-webkit-scrollbar {
	width:8px;
}
.building-search .map-info .body::-webkit-scrollbar-track {
	background: #fafafa; 
}
 
/* Handle */
.building-search .map-info .body::-webkit-scrollbar-thumb {
	background: #ccc; 
}

/* Handle on hover */
.building-search .map-info .body::-webkit-scrollbar-thumb:hover {
	background: #c8c8c8; 
}

.building-search .map-info .body ul {
}
.building-search .map-info .body ul li {
	display:block;
}
.building-search .map-info .body ul li.zoom-over {
	padding:48px 8px;
	color:#4e81ff;
	font-size:14px;
	line-height:24px;
	text-align:center;
}
.building-search .map-info .body ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	min-height:132px;
	padding:16px 0px;
	padding-left:156px;
}
.building-search .map-info .body ul li a .thumb {
	position:absolute;
	top:16px;
	left:0px;
	z-index:1000;
	width:140px;
	height:100px;
	overflow:hidden;
}
.building-search .map-info .body ul li a.credit-wait .thumb:after {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	letter-spacing:-0.4px;
	text-align:center;
	content:"결제 대기";
}
.building-search .map-info .body ul li a.credit-finish .thumb:after {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	letter-spacing:-0.4px;
	text-align:center;
	content:"결제 완료";
}
.building-search .map-info .body ul li a.leaflet-making .thumb:after {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	letter-spacing:-0.4px;
	text-align:center;
	content:"전단 제작중";
}
.building-search .map-info .body ul li a.progress .thumb:after {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	letter-spacing:-0.4px;
	text-align:center;
	content:"예약 완료";
}
.building-search .map-info .body ul li a.going .thumb:after {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	letter-spacing:-0.4px;
	text-align:center;
	content:"광고중";
}
.building-search .map-info .body ul li a.finish .thumb:after {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	letter-spacing:-0.4px;
	text-align:center;
	content:"광고 완료";
}
.building-search .map-info .body ul li a .thumb img {
	width:100%;
	height:auto;
}

.building-search .map-info .body ul li a .thumb.dummy {
	background:rgba(0, 0, 0, 0.1);
	line-height:100px;
	text-align:center;
}
.building-search .map-info .body ul li a .thumb.dummy img {
	width:auto;
}
.building-search .map-info .body ul li a .info-box {
}
.building-search .map-info .body ul li a .info-box h6 {
	color:black;
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.5px;
}
.building-search .map-info .body ul li a .info-box p {
	color:#666;
	font-size:16px;
	line-height:24px;
	letter-spacing:-0.4px;
}

.building-search.toggle .map-info {
	top:18px;
	right:10px;
	height:auto;
}
.building-search.toggle .map-info .head p.place-name:after {
	margin-top:-4px;
	transform:rotate(180deg);
}

.building-search.toggle .map-info .body-sub {
	padding:16px 0px 0px;
}
.building-search.toggle .map-info .body-sub p {
	font-size:12px;
	line-height:24px;
}
.building-search.toggle .map-info .body-sub .toggle-btn {
	display:none;
}

.building-search.toggle .map-info .head,
.building-search.toggle .map-info .head-sub {
	display:block;
}

.building-search .overlay-info {
	display:none;
	position:absolute;
	top:16px;
	bottom:18px;
	left:16px;
	right:16px;
	z-index:1022;
	background:white;
	border-radius:10px;
	box-shadow:5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
	overflow:hidden;
}
#wrap.overlay-bg:before {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:1021;
	background:rgba(0, 0, 0, 0.5);
	content:"";
}
.building-search.overlay:before {
	position:fixed;
	top:56px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:1021;
	background:rgba(0, 0, 0, 0.5);
	content:"";
}
.building-search.overlay {
	z-index:1022;
}
.building-search .overlay-info .close-btn {
	position:absolute;
	top:16px;
	left:16px;
	z-index:1001;
	width:32px;
	height:32px;
	background:transparent;
	border:none;
	border-radius:16px;
	vertical-align:top;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
}
.building-search .overlay-info .close-btn img {
	width:32px;
	height:auto;
}
.building-search .overlay-info .body {
	height:calc(100% - 92px);
	overflow-y:auto;
}
.building-search .overlay-info .body .thumb {
	position:relative;
	height:240px;
	text-align:center;
	overflow:hidden;
}
.building-search .overlay-info .body .thumb img {
	width:100%;
	height: 100%;
    object-fit: cover;
}
.building-search .overlay-info .body .thumb.dummy {
	height:240px;
	background:rgba(0, 0, 0, 0.1);
	line-height:240px;
	text-align:center;
}
.building-search .overlay-info .body .thumb.dummy img {
	width:auto;
	height:auto;
}

.building-search .overlay-info .body .thumb.credit-wait:before,
.building-search .overlay-info .body .thumb.credit-finish:before,
.building-search .overlay-info .body .thumb.leaflet-making:before,
.building-search .overlay-info .body .thumb.progress:before,
.building-search .overlay-info .body .thumb.going:before,
.building-search .overlay-info .body .thumb.finish:before {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	content:"";
}
.building-search .overlay-info .body .thumb.credit-wait:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	width:140px;
	height:40px;
	background:transparent;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:20px;
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-align:center;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	content:"결제 대기";
}
.building-search .overlay-info .body .thumb.credit-finish:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	width:140px;
	height:40px;
	background:transparent;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:20px;
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-align:center;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	content:"결제 완료";
}
.building-search .overlay-info .body .thumb.leaflet-making:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	width:140px;
	height:40px;
	background:transparent;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:20px;
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-align:center;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	content:"전단 제작중";
}
.building-search .overlay-info .body .thumb.progress:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	width:140px;
	height:40px;
	background:transparent;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:20px;
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-align:center;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	content:"예약 완료";
}
.building-search .overlay-info .body .thumb.going:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	width:140px;
	height:40px;
	background:transparent;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:20px;
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-align:center;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	content:"광고중";
}
.building-search .overlay-info .body .thumb.finish:after {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	width:140px;
	height:40px;
	background:transparent;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:20px;
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-align:center;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	content:"광고 완료";
}
.building-search .overlay-info .body .info-box {
	padding:16px;
}
.building-search .overlay-info .body .info-box > h5 {
	color:black;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-0.5px;
}
.building-search .overlay-info .body .info-box > p {
	color:black;
	font-size:16px;
	line-height:30px;
	letter-spacing:-0.5px;
}
.building-search .overlay-info .body .info-box .box {
	padding:24px 0px;
	font-size:0px;
}
.building-search .overlay-info .body .info-box .box .box-title {
	color:#666;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.4px;
}
.building-search .overlay-info .body .info-box .box .box-value {
	margin-top:10px;
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.4px;
}
.building-search .overlay-info .body .info-box .leaflet-box {
	margin-top:16px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.building-search .overlay-info .body .info-box .leaflet-box .check-row {
	display:inline-block;
	margin-top:8px;
	margin-right:24px;
}
.building-search .overlay-info .body .info-box .leaflet-box .check-row:last-child {
	margin-right:0px;
}
.building-search .overlay-info .body .info-box .price-box {
}
.building-search .overlay-info .body .info-box .price-box > div {
	margin-top:12px;
}
.building-search .overlay-info .body .info-box .price-box h5 {
	display:inline-block;
	color:black;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-0.5px;
	vertical-align:top;
}
.building-search .overlay-info .body .info-box .price-box .vat-include {
	display:inline-block;
	margin-left:8px;
    color: #db1010;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.4px;
	vertical-align:top;
}
.building-search .overlay-info .btn-area {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:16px;
}
.building-search .overlay-info .btn-area:before {
	position:absolute;
	top:0px;
	left:16px;
	right:16px;
	height:1px;
	background:#ddd;
	content:"";
}
.building-search .overlay-info .btn-area .booking-btn {
	display:block;
	width:100%;
	height:60px;
	background:white;
	border:2px solid #4e81ff;
	border-radius:10px;
	color:#4e81ff;
	font-size:22px;
	font-weight:bold;
	line-height:56px;
	letter-spacing:-0.5px;
	box-sizing:border-box;
}
.building-search .overlay-info .btn-area .booking-btn[disabled] {
	border-color:#cccccc;
	color:#999;
}

/* qna */
.qna {
	padding:40px 16px 54px 16px;
	background:#fafafa;
}
.qna .content-box {
	max-width:1200px;
	margin:0 auto;
}
.qna .content-box > h3 {
	margin-bottom:18px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-1px;
	text-align:center;
}
.qna .content-box .view-box {
	background:white;
}
.qna .content-box .view-box .head {
	padding:16px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.qna .content-box .view-box .head p.category {
	color:#666;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.qna .content-box .view-box .head h5 {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
.qna .content-box .view-box .body {
	min-height:160px;
	padding:20px 16px;
	border-bottom:1px solid #ddd;
	color:black;
	font-size:12px;
	line-height:20px;
}
.qna .content-box .view-box .body img {
	max-width: 100%;
}
.qna .content-box .view-btn {
	margin-top:20px;
	text-align:center;
}
.qna .content-box .view-btn .back-btn {
	display:inline-block;
	width:100px;
	height:36px;
	background:#ddd;
	border:none;
	border-radius:6px;
	color:#666;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}

/* noti */
.noti {
	padding:40px 16px 54px 16px;
	background:#fafafa;
}
.noti .content-box {
	max-width:1200px;
	margin:0 auto;
}
.noti .content-box > h3 {
	margin-bottom:18px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-1px;
	text-align:center;
}
.noti .content-box .table-top-btns {
	position:absolute;
	top:18px;
	right:0px;
}
.noti .content-box .table-top-btns .default-btn {
	display:inline-block;
	width:60px;
	height:24px;
	background:white;
	border:none;
	border-radius:6px;
	color:black;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}
.noti .content-box .table-top-btns .default-btn.black {
	background:black;
	color:white;
}
.noti .content-box .view-box {
	background:white;
}
.noti .content-box .view-box .head {
	padding:16px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.noti .content-box .view-box .head h5 {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
.noti .content-box .view-box .head p.date {
	color:#666;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.noti .content-box .view-box .body {
	min-height:160px;
	padding:20px 16px;
	border-bottom:1px solid #ddd;
	color:black;
	font-size:12px;
	line-height:20px;
}
.noti .content-box .view-box .body .table-style01 {
	margin-top:12px;
	margin-bottom:24px;
}
.noti .content-box .view-btn {
	margin-top:20px;
	text-align:center;
}
.noti .content-box .view-btn .back-btn {
	display:inline-block;
	width:100px;
	height:36px;
	background:#ddd;
	border:none;
	border-radius:6px;
	color:#666;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}

/* my-info */
.my-info {
	padding:40px 16px 60px 16px;
	background:#fafafa;
}
.my-info > h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.my-info > p {
	margin-top:8px;
	margin-bottom:40px;
	color:black;
	font-size:14px;
	line-height:20px;
	text-align:center;
}
.my-info .form-box {
	max-width:500px;
	margin:0px auto 0px auto;
}
.my-info .form-box form {
}
.my-info .form-box form .form-row-group {
}
.my-info .form-box form .form-row-group .form-row {
	margin-top:10px;
}
.my-info .form-box form .form-row-group .form-row:first-child {
	margin-top:0px;
}

.my-info .form-box form .form-row-group .check-row-group {
	margin:10px auto 0px;
}

.my-info .form-box form .form-row-group .business-row {
	margin-top:16px;
}
.my-info .form-box form .form-row-group .business-row .check-row {
	margin-top:10px;
}
.my-info .form-box form .form-row-group .business-row .check-row.mt-none {
	margin-top:0px;
}
.my-info .form-box form .form-row-group .business-row .business-document {
	margin-top:10px;
	font-size:0px;
}
.my-info .form-box form .form-row-group .business-row .business-document .thumb-box {
	display:inline-block;
	width:40%;
	vertical-align:top;
}
.my-info .form-box form .form-row-group .business-row .business-document .thumb-box .default {
	padding-bottom:100%;
	background:#eee;
	border-radius:6px;
	text-align:center;
}
.my-info .form-box form .form-row-group .business-row .business-document .thumb-box .default img {
	position:absolute;
	top:50%;
	left:50%;
	width:36px;
	height:auto;
	transform:translate(-50%, -50%);
}
.my-info .form-box form .form-row-group .business-row .business-document .thumb-box .upload {
	border:1px solid #eee;
	border-radius:6px;
	overflow:hidden;
}
.my-info .form-box form .form-row-group .business-row .business-document .thumb-box .upload img {
	width:100%;
	height:auto;
}

.my-info .form-box form .form-row-group .business-row .business-document .btn-box {
	display:inline-block;
	width:calc(100% - 40% - 10px);
	margin-left:10px;
	vertical-align:top;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .upload-btn {
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .upload-btn input {
	display:none;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .upload-btn label {
	display:block;
	width:100%;
	height:32px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:30px;
	letter-spacing:-0.4px;
	text-align:center;
	box-sizing:border-box;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .download-btn {
	display:block;
	width:100%;
	height:32px;
	margin-top:10px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:30px;
	letter-spacing:-0.4px;
	text-align:center;
	box-sizing:border-box;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .upload-btn label img,
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .download-btn img {
	width:12px;
	height:auto;
	margin-right:6px;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box p {
	margin-top:12px;
	color:#ea0000;
	font-size:11px;
	line-height:20px;
	letter-spacing:-0.3px;
}

.my-info .form-box form .form-row-group .form-row.building {
}
.my-info .form-box form .form-row-group .form-row.building .row-title {
	margin-top:15px;
	margin-bottom:6px;
	padding-left:8px;
	color:#999;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
}
.my-info .form-box form .form-row-group .form-row.building input {
	display:none;
}
.my-info .form-box form .form-row-group .form-row.building label {
	position:relative;
	display:inline-block;
	width:100%;
	height:160px;
	padding-top:85px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:#666;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.my-info .form-box form .form-row-group .form-row.building label:before {
	position:absolute;
	top:45px;
	left:50%;
	z-index:5;
	width:32px;
	height:32px;
	margin-left:-16px;
	background:url('../img/regist/plus_icon.png') no-repeat center center;
	background-size:32px 32px;
	content:"";
}
.my-info .form-box form .form-row-group .form-row.building .building_img_after {
	height:160px;
	border-radius:6px;
	overflow:hidden;
}
.my-info .form-box form .form-row-group .form-row.building .building_img_after .delete-btn {
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
	width:32px;
	height:32px;
	background:white;
	border:1px solid #ccc;
	border-radius:16px;
	font-size:0px;
	line-height:30px;
	text-align:center;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
}
.my-info .form-box form .form-row-group .form-row.building .building_img_after .delete-btn img {
	width:13px;
	height:13px;
}
.my-info .form-box form .form-row-group .form-row.building .building_img_after > img {
	width:100%;
	height:auto;
}

.my-info .form-box form .form-row-group .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.my-info .form-box form .form-row-group .form-row + .form-row-title {
	margin-top: 20px;
}
.my-info .form-box form .form-row-group .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.my-info .form-box form .form-row-group .building-check-row {
	margin-top: 10px;
	margin-bottom: 20px;
}
.my-info .form-box form .form-row-group .building-check-row .building-check-box {
}
.my-info .form-box form .form-row-group .building-check-row .building-check-box input {
	display: none;
}
.my-info .form-box form .form-row-group .building-check-row .building-check-box input + label {
	position: relative;
	display:block;
	width:100%;
	padding: 10px 40px 10px 10px;
	background:#fff;
	border: 1px solid #dcdcdc;
	border-radius:6px;
	color: #000;
	font-size: 12px;
	line-height:140%;
}
.my-info .form-box form .form-row-group .building-check-row .building-check-box input + label:after {
	position:absolute;
	top:50%;
	right:10px;
	z-index:5;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:white;
	background-size:16px 16px;
	border:1px solid #666;
	border-radius:4px;
	box-sizing: border-box;
	content:"";
}
.my-info .form-box form .form-row-group .building-check-row .building-check-box input:checked + label:after {
	background:url('../img/check_icon.png') no-repeat center center;
	background-size:16px 16px;
}
.my-info .form-box form .form-row-group .building-check-row p {
	margin-top: 10px;
	color:#F00000;
	font-size:12px;
	line-height:140%;
}
.my-info .form-box form .form-row-group .building-box .form-row {
	margin-top: 0px;
	margin-bottom: 10px;
}
.my-info .form-box form .form-row-group .building-box + .form-row {
	margin-top: 0px;
}

.my-info .form-box form .form-btn {
	margin-top:25px;
}
.my-info .form-box form .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
}

.my-info .form-box form .form-btn-sub {
	padding:0px 10px;
}
.my-info .form-box form .form-btn-sub a {
	display:inline-block;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.4px;
	text-decoration:underline;
	vertical-align:top;
}
.my-info .form-box form .form-btn-sub a.logout-btn {
	position:absolute;
	right:10px;
	font-weight:normal;
}

.my-info .form-box form .expand-link {
	display:inline-block;
	width:100%;
	margin-top:10px;
	padding:16px 0px;
	background:white;
	border:1px solid #4e81ff;
	border-radius:6px;
	text-align:center;
}
.my-info .form-box form .expand-link h6 {
	color:#4e81ff;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.my-info .form-box form .expand-link p {
	color:#4e81ff;
	font-size:12px;
	line-height:20px;
}

.my-info .form-box form .expand-link.red {
	border-color:#f13a3a;
}
.my-info .form-box form .expand-link.red h6,
.my-info .form-box form .expand-link.red p {
	color:#f13a3a;
}

/* booking-dashboard */
.booking-dashboard {
	padding:20px 16px 60px 16px;
	background:#fafafa;
}
.booking-dashboard h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-dashboard h5 {
    padding-top: 16px;
    color: black;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
}
.booking-dashboard h5 strong {
	color: #4e81ff;
    font-weight: bold;
}
.booking-dashboard .dashboard-box {
	font-size:0px;
}
.booking-dashboard .dashboard-box ul {
	max-width:380px;
	margin:0 auto;
	text-align:center;
}
.booking-dashboard .dashboard-box ul li {
	display:inline-block;
	width:50%;
	max-width:190px;
	padding:8px;
	box-sizing:border-box;
}
.booking-dashboard .dashboard-box ul li a {
	display:inline-block;
	width:100%;
}
.booking-dashboard .dashboard-box ul li a .count {
	position:relative;
	width:100%;
	padding-bottom:100%;
	background:white;
	border-radius:50%;
	border:1px solid #ddd;
}
.booking-dashboard .dashboard-box ul li a .count span {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	z-index:2;
	color:#4e81ff;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	transform:translateY(-50%);
}
.booking-dashboard .dashboard-box ul li a p {
	margin-top:8px;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.booking-dashboard .dashboard-box .guide-box {
	margin-top:32px;
	padding:20px;
	background:white;
	border:1px solid #eeeeee;
	border-radius:8px;
}
.booking-dashboard .dashboard-box .guide-box h6 {
	padding-left:16px;
	background:url("../img/common/dashboard_guide_icon.png") no-repeat center left;
	background-size:9.5px;
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
.booking-dashboard .dashboard-box .guide-box p {
	margin-top:16px;
	color:black;
	font-size:12px;
	line-height:16px;
}
.booking-dashboard .dashboard-box .guide-box p span {
	color:#4e81ff;
}

/* booking-table */
.booking-table {	
	margin-top:16px;
}
.booking-table .thead {	
	display:none;
}
.booking-table .thead .row {	
	display:flex;
	justify-content: center;
	align-items: center;
	height:60px;
	padding:16px 0px;
	background:#f1f1f1;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
}
.booking-table .thead .row .th {	
	display:inline-block;
	vertical-align:middle;
}
.booking-table .thead .row .th .question-btn {	
	display:inline-block;
	width:24px;
	height:24px;
	background:transparent;
	border:none;
	vertical-align:middle;
}
.booking-table .thead .row .th .question-btn img {	
	width:18px; 
	height:auto;
}
.booking-table .tbody {	
}
.booking-table .tbody .row {	
	margin-bottom:16px;
	padding:16px;
	background:white;
	border:1px solid #ddd;
}
.booking-table .tbody .row:last-child {	
	margin-bottom:0px;
}
.booking-table .tbody .row .td {	
	padding:4px 0px;
	color:black;
	font-size:12px;
	line-height:24px;
	text-align:right;
}
.booking-table .tbody .row .td.empty-td {
	width:100% !important;
	text-align:center;
}
.booking-table .tbody .row .td.label-td {	
	min-height:32px;
	padding-left:50%;
}
.booking-table .tbody .row .td .text-label {
	position:absolute;
	top:4px;
	left:0px;
	z-index:10;
	width:50%;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	text-align:left;
}
.booking-table .tbody .row .td .question-btn {	
	display:inline-block;
	width:24px;
	height:24px;
	background:transparent;
	border:none;
	vertical-align:middle;
}
.booking-table .tbody .row .td .question-btn img {	
	width:18px; 
	height:auto;
}

.booking-table .tbody .row .td.ad-status-td {	
	text-align:left;
}
.booking-table .tbody .row .td.ad-status-td strong {	
	font-weight:bold;
}
.booking-table .tbody .row .td.client-td {	
	text-align:left;
}
.booking-table .tbody .row .td.client-td a {
	color:black;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
.booking-table .tbody .row .td.status-td {
	margin-bottom:10px;
	padding:0px;
	text-align:left;
}
.booking-table .tbody .row .td.status-td .status {
	display:inline-block;
	width:80px;
	height:32px;
	background:#fafafa;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
}
.booking-table .tbody .row .td.status-td .status.booking,
.booking-table .tbody .row .td.status-td .status.going {
	background:#4e81ff;
}
.booking-table .tbody .row .td.status-td .status.finish {
	background:#000000;
}
.booking-table .tbody .row .td.status-td .status.part-cancel {
	background:#fc9e23;
}
.booking-table .tbody .row .td.status-td .status.reject {
	background:#ec0909;
}
.booking-table .tbody .row .td.delete-td {
	position:absolute;
	top:16px;
	right:16px;
	z-index:10;
}
.booking-table .tbody .row .td.delete-td .delete-btn {
	width:24px;
	height:24px;
	background:transparent;
	border:none;
}
.booking-table .tbody .row .td.delete-td .delete-btn img {
	width:13px;
	height:auto;
}
.booking-table .tbody .row .td.subject-td {	
	margin-bottom:10px;
	padding-right:24px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.booking-table .tbody .row .td.subject-td a {	
	color:black;
}
.booking-table .tbody .row .td.week-td {
	line-height:30px;
}
.booking-table .tbody .row .td.week-td .text-label {
	line-height:30px;
}
.booking-table .tbody .row .td.week-td select {
	width:100px;
}
.booking-table .tbody .row .td.week-td .ui-selectmenu-button {
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.booking-table .tbody .row .td.week-td .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.booking-table .tbody .row .td.week-td .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 20px;
	color:black;
	font-size:12px;
	line-height:30px;
}
.booking-table .tbody .row .td.total-td {
	margin-top:12px;
	padding-top:16px;
	border-top:1px solid #ddd;
	font-size:16px;
	font-weight:bold;
}
.booking-table .tbody .row .td.total-td .text-label {
	top:16px;
	font-size:14px;
}
.booking-table .tbody .row .td.pay-status-td {
	margin-top:12px;
	padding-top:16px;
	border-top:1px solid #ddd;
	font-size:16px;
	font-weight:bold;
}
.booking-table .tbody .row .td.pay-cancel-td {
	padding-left:0px;
	text-align:center;
}
.booking-table .tbody .row .td.pay-cancel-td .delete-btn {
	display:inline-block;
	padding:5px 8px;
	background:#ff4e4e;
	border-radius:4px;
	color:#fff;
	font-weight:bold;
}
.booking-table .tbody .row .td.pay-status-td .text-label {
	top:16px;
	font-size:14px;
}

.booking-table .tbody .row .td.thumb-td {
	position:absolute;
	top:16px;
	left:16px;
	padding:0px;
	font-size:0px;
	line-height:0px;
	text-align:center;
}
.booking-table .tbody .row .td.thumb-td .thumb-box {
	display:inline-block;
	width:100px;
	height:100px;
	border:1px solid #ddd;
	overflow:hidden;
	line-height:98px;
}
.booking-table .tbody .row .td.thumb-td .thumb-box img {
	width:100%;
	height:auto;
}
.booking-table .tbody .row .td.check-td {
	margin-top:-12px;
	text-align:left;
}
.booking-table .tbody .row .td.calc-status-td {
	position:absolute;
	top:4px;
	right:16px;
	z-index:5;
	padding:4px 0px;
}
.booking-table .tbody .row .td.calc-status-td .calc-status {
	font-weight:bold;
	line-height:32px;
}
.booking-table .tbody .row .td.calc-status-td .calc-status.schedule {
	color:#ed0000;
}
.booking-table .tbody .row .td.calc-status-td .calc-status.finish {
	color:#4e81ff;
}

.booking-table .banking_info {
	margin-top:16px;
	padding:16px;
	background:white;
	border:1px solid #ddd;
}
.booking-table .banking_info h5 {
	margin-bottom:8px;
	color: black;
    font-size: 16px;
	font-weight:bold;
    line-height: 20px;
}
.booking-table .banking_info p {
	color: black;
    font-size: 12px;
    line-height: 20px;
}

/* booking-waiting */
.booking-waiting {
	padding:20px 16px 60px 16px;
	background:#fafafa;
}
.booking-waiting h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-waiting .content-box {
	max-width:1200px;
	margin:0 auto;
}

.booking-waiting .content-box .form-box {
	padding-top:20px;
	font-size:0px;
}
.booking-waiting .content-box .form-box .title-box {
	padding-top:16px;
	border-top:1px solid #ccc;
}
.booking-waiting .content-box .form-box .title-box h5 {
	color:black;
	font-size:16.5px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}
.booking-waiting .content-box .form-box .title-box p {
	margin-top:8px;
	color:black;
	font-size:13px;
	line-height:18px;
	text-align:center;
}
.booking-waiting .content-box .form-box .title-box p strong {
	color:#ff4e4e;
}
.booking-waiting .content-box .form-box .leaflet-box {
	padding-top:12px;
	text-align:center;
}
.booking-waiting .content-box .form-box .leaflet-box .input-row {
	margin-bottom:10px;
}
.booking-waiting .content-box .form-box .leaflet-box .input-row .text-label {
} 
.booking-waiting .content-box .form-box .leaflet-box .thumb-box {
}
.booking-waiting .content-box .form-box .leaflet-box .thumb-box .before {
	display:inline-block;
	width:240px;
	height:270px;
	background:#eeeeee;
	text-align:center;
	overflow:hidden;
}
.booking-waiting .content-box .form-box .leaflet-box .thumb-box .before img {
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	width:36px;
	height:auto;
	transform:translate(-50%, -50%);
}
.booking-waiting .content-box .form-box .leaflet-box .thumb-box .after {
	display:block;
	width:240px;
	margin:0 auto;
	background:#eeeeee;
	border:none;
	text-align:center;
	overflow:hidden;
}
.booking-waiting .content-box .form-box .leaflet-box .thumb-box .after img {
	width:100%;
	height:auto;
}
.booking-waiting .content-box .form-box .leaflet-box .btn-box {
	margin-top:20px;
}
.booking-waiting .content-box .form-box .leaflet-box .btn-box .file-row {
}
.booking-waiting .content-box .form-box .leaflet-box .btn-box .file-row input {
	display:none;
}
.booking-waiting .content-box .form-box .leaflet-box .btn-box .file-row label {
	display:inline-block;
	width:240px;
	height:40px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:38px;
	letter-spacing:-0.4px;
	text-align:center;
}
.booking-waiting .content-box .form-box .leaflet-box .btn-box p {
	margin-top:12px;
	color:#ea0000;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.3px;
}
.booking-waiting .content-box .form-box .info-box {
	margin-top:10px;
}
.booking-waiting .content-box .form-box .input-row {
}
.booking-waiting .content-box .form-box .input-row label {
	display:inline-block;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:-0.4px;
}
.booking-waiting .content-box .form-box .input-row label .required {
	display:inline-block;
	color:#f00000;
	vertical-align:middle;
}
.booking-waiting .content-box .form-box .input-row input {
	display:block;
	width:100%;
	height:40px;
	padding:0px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
}
.booking-waiting .content-box .form-box .input-row textarea {
	display:block;
	width:100%;
	height:160px;
	padding:8px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
	resize:none;
}
.booking-waiting .content-box .form-box .input-row .text-label {
	display:inline-block;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-0.4px;
}
.booking-waiting .content-box .form-box .input-row .text-input {
	padding:5px 0px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
}
.booking-waiting .content-box .form-box .check-row-group {
	padding:10px 0px;
}
.booking-waiting .content-box .form-box .input-row.submit {
	padding-top:20px;
	padding-bottom:20px;
}
.booking-waiting .content-box .form-box .input-row.submit input {
	background:#4e81ff;
	border:none;
	color:white;
}

.booking-waiting .content-box .warning-box {
}
.booking-waiting .content-box .warning-box .toggle-btn {
	position:relative;
	width:100%;
	height:40px;
	padding:0px 16px;
	background:white;
	border:1px solid #ddd;
	color:#ff4e4e;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.3px;
	text-align:left;
	box-sizing:border-box;
}
.booking-waiting .content-box .warning-box .toggle-btn:after {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	width:40px;
	background: url("../img/common/select_arrow_icon.png") no-repeat center center;
    background-size: 15px auto;
	content:"";
}
.booking-waiting .content-box .warning-box .toggle-content {
	display:none;
	padding:16px;
	background:white;
	border:1px solid #ddd;
	border-top:none;
}
.booking-waiting .content-box .warning-box.toggle .toggle-content {
	display:block;
}
.booking-waiting .content-box .warning-box .toggle-content p {
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
}
.booking-waiting .content-box .warning-box .toggle-content p.red {
	margin-top:6px;
	color:#e60000;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
.booking-waiting .content-box .booking-table .tfoot {
}

.booking-waiting .content-box .new-booking-table .tfoot .addition-box {
	margin-top:16px;
	padding:0px 16px 24px;
	background:white;
	border:1px solid #ddd;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item {
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box {
	padding:24px 0px;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box h6 {
	font-size:16px;
	font-weight:700;
	line-height:24px;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box h6 span {
	display:inline-block;
	margin-left:8px;
	color:#FF4E4E;
	font-size:14px;
	line-height:24px;
	vertical-align:top;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box + .check-item {
	margin-top:0px;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item {
	display:flex;
	flex-direction: row;
	gap:0px 10px;
	margin-top:24px;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row {
	flex:1;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label {
	padding-left:26px;
	font-size:14px;
	font-weight:700;
	line-height:20px;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label p {
	margin-top:20px;
	font-weight:normal;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label:before {
	top:2px;
	margin-top:0px;
}
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-price {
	color:black;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	text-align:right;
}

.booking-waiting .content-box .new-booking-table .tfoot .sale-list-box {
	padding:16px;
	background:white;
	border:1px solid #ddd;
	border-top:none;
}
.booking-waiting .content-box .new-booking-table .tfoot .sale-list-box p {
	color: black;
    font-size: 12px;
    letter-spacing: -0.4px;
	line-height: 20px;
}
.booking-waiting .content-box .new-booking-table .tfoot .sale-list-box p.active {
	color:#4e81ff;
}

.booking-detail .total-box,
.booking-waiting .content-box .new-booking-table .tfoot .total-box {
	margin-top:24px;
	padding:16px;
	background:white;
	border:1px solid #ddd;
	font-size:0px;
}
.booking-detail .total-box .total-box-title,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .total-box-title {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
}
.booking-detail .total-box .estimate-btn,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .estimate-btn {
	position:absolute;
	top:16px;
	right:16px;
	z-index:5;
    width: 100px;
    height: 36px;
    background: #32b10f;
    border: none;
    border-radius: 6px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
}
.booking-detail .total-box .price-calc,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc {
	margin-top:8px;
	padding:12px 0px;
}
.booking-detail .total-box .price-calc .item,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .item {
}
.booking-detail .total-box .price-calc .item .label, 
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .item .label {
    display: inline-block;
	width:50%;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: -0.4px;
}
.booking-detail .total-box .price-calc .item .value,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .item .value {
    display: inline-block;
	width:50%;
    color: black;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: -0.4px;
	text-align:right;
}
.booking-detail .total-box .price-calc .item .value:before,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .item .value:before {
	font-family: 'NanumSquare', Malgun Gothic, 돋움, DotumChe, Dotum;
	color: black;
    font-size: 12px;
	content:"- ";
}
.booking-detail .total-box .price-calc .item:first-child .value:before,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .item:first-child .value:before {
	display:none;
}
.booking-detail .total-box .price-calc .item .value strong,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .item .value strong {
	font-weight:bold;
}
.booking-detail .total-box .price-calc .icon,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .price-calc .icon {
	display:none;
}
.booking-detail .total-box .total-row,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .total-row {
	padding-top:16px;
	border-top:1px solid #dddddd;
}
.booking-detail .total-box .total-row .total-price-label,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .total-row .total-price-label {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}
.booking-detail .total-box .total-row .total-price,
.booking-waiting .content-box .new-booking-table .tfoot .total-box .total-row .total-price {
	position:absolute;
	top:16px;
	right:0px;
	z-index:10;
	color:#4e81ff;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

.booking-waiting .content-box .new-booking-table .tfoot input[type=submit] {
	display:block;
	width:100%;
	max-width:500px;
	height:40px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.4px;
}
.booking-waiting .content-box .new-booking-table .tfoot input[type=submit].pc {
	display:none;
}

.booking-waiting .content-box .new-booking-table .tfoot .method-box {
	margin-top:24px;
	padding:16px;
	background:white;
	border:1px solid #ddd;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .method-label {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box ul {
	margin-top:16px;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .check-row input + label {
	font-size:14px;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info {
	margin-top:16px;
	padding-bottom:12px;
	border-top:1px solid #dddddd;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row {
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row:first-child {
	margin-top:16px;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row label,
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row .text-label {
	display:block;
	width:100%;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: -0.4px;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row label span,
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row .text-label span {
	display: inline-block;
    color: #f00000;
    vertical-align: middle;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row input {
	display: block;
    width: 100%;
    height: 40px;
    padding: 0px 16px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: black;
    font-size: 12px;
    letter-spacing: -0.4px;
    box-sizing: border-box;
}
.booking-waiting .content-box .new-booking-table .tfoot .method-box .banking-info .info-row .text-input {
	color: black;
    font-size: 16px;
	line-height:24px;
}

/* booking-credit */
.booking-credit {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.booking-credit h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-credit .content-box {
	max-width:1200px;
	margin:0 auto;
}
.booking-credit .content-box .booking-table .tbody .row .td.subject-td {
	min-height:84px;
	padding-top:0px;
	padding-left:110px;
	padding-right:0px;
}
.booking-credit .content-box .booking-table .tbody .row .td.date-td {
	padding:0px;
	padding-left:110px;
	line-height:20px;
	text-align:left;
}

/* booking-leaflet */
.booking-leaflet {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.booking-leaflet h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-leaflet .content-box {
	max-width:1200px;
	margin:0 auto;
}
.booking-leaflet .content-box .booking-table .tbody .row .td.subject-td {
	min-height:84px;
	padding-top:0px;
	padding-left:110px;
	padding-right:0px;
}
.booking-leaflet .content-box .booking-table .tbody .row .td.date-td {
	padding:0px;
	padding-left:110px;
	line-height:20px;
	text-align:left;
}

/* booking-progress */
.booking-progress {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.booking-progress h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-progress .content-box {
	max-width:1200px;
	margin:0 auto;
}
.booking-progress .content-box .booking-table .tbody .row .td.subject-td {
	min-height:84px;
	padding-top:0px;
	padding-left:110px;
	padding-right:0px;
}
.booking-progress .content-box .booking-table .tbody .row .td.date-td {
	padding:0px;
	padding-left:110px;
	line-height:20px;
	text-align:left;
}

/* booking-going */
.booking-going {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.booking-going h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-going .content-box {
	max-width:1200px;
	margin:0 auto;
}
.booking-going .content-box .booking-table .tbody .row .td.subject-td {
	min-height:84px;
	padding-top:0px;
	padding-left:110px;
	padding-right:0px;
}
.booking-going .content-box .booking-table .tbody .row .td.date-td {
	padding:0px;
	padding-left:110px;
	line-height:20px;
	text-align:left;
}
.booking-going .mobile-banner {
	margin-top:20px;
}
.booking-going .mobile-banner a {
	display:inline-block;
	width:100%;
}
.booking-going .mobile-banner a img {
	width:100%;
	height:auto;
}

/* booking-finish */
.booking-finish {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.booking-finish h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-finish .content-box {
	max-width:1200px;
	margin:0 auto;
}
.booking-finish .content-box .booking-table .tbody .row .td.subject-td {
	min-height:84px;
	padding-top:0px;
	padding-left:110px;
	padding-right:0px;
}
.booking-finish .content-box .booking-table .tbody .row .td.date-td {
	padding:0px;
	padding-left:110px;
	line-height:20px;
	text-align:left;
}
.booking-finish .content-box .booking-table .tbody .row .td.thumb-td {
	top:44px;
}

.booking-finish .content-box .search-box {
	padding-top:32px;
	margin-bottom:32px;
	font-size:0px;
}
.booking-finish .content-box .search-box .select-row {
	display:inline-block;
	width:calc((100% - 10px) / 2);
	margin-bottom:10px;
}
.booking-finish .content-box .search-box .select-row:first-child {
	margin-right:10px;
}
.booking-finish .content-box .search-box .select-row select {
	width:100%;
}
.booking-finish .content-box .search-box .select-row .ui-selectmenu-button {
	width:100% !important;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.booking-finish .content-box .search-box .select-row .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.booking-finish .content-box .search-box .select-row .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 16px;
	color:black;
	font-size:12px;
	line-height:40px;
}
.booking-finish .content-box .search-box .input-row {
	display:inline-block;
	width:calc(100% - 90px);
	vertical-align:top;
}
.booking-finish .content-box .search-box .input-row input {
	display:block;
	width:100%;
	height:40px;
	padding:0px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
}
.booking-finish .content-box .search-box .input-row input::placeholder {
	color:#999999;
}
.booking-finish .content-box .search-box input[type=submit] {
	display:inline-block;
	width:80px;
	height:40px;
	margin-left:10px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.4px;
	vertical-align:top;
}
.booking-finish .content-box .addition-btn-box {
	font-size:0px;
}
.booking-finish .content-box .addition-btn-box.top {
	padding-top:52px;
}
.booking-finish .content-box .addition-btn-box.bottom {
	margin-top:16px;
	text-align:right;
}
.booking-finish .content-box .addition-btn-box.top .excel-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:5;
}
.booking-finish .content-box .addition-btn-box .all-btn,
.booking-finish .content-box .addition-btn-box .delete-btn {
	position:absolute;
	top:0px;
	z-index:5;
	min-width:80px;
	height:36px;
	padding:0px 16px;
	background:black;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
}
.booking-finish .content-box .addition-btn-box .all-btn {
	left:0px;
	width:90px;
}
.booking-finish .content-box .addition-btn-box .delete-btn {
	left:100px;
}
.booking-finish .content-box .addition-btn-box .excel-btn {
	display:inline-block;
	width:140px;
	height:36px;
	background:#32b10f;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	vertical-align:middle;
	text-align:center;
}
.booking-finish .content-box .addition-btn-box .excel-btn img {
	width:18px;
	height:auto;
	margin-right:8px;
}
.booking-finish .content-box .addition-btn-box .total-text {
	color:black;
	font-size:18px;
	line-height:30px;
	letter-spacing:-0.4px;
}
.booking-finish .content-box .addition-btn-box .total-text strong {
	font-size:24px;
	font-weight:bold;
}

/* booking-detail */
.booking-detail {
	padding:30px 16px 60px 16px;
	background:#fafafa;
}
.booking-detail h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.booking-detail .content-box {
	max-width:1200px;
	margin:0 auto;
}
.booking-detail .content-box > .delete-btn {
	position:absolute;
	top:6px;
	right:0px;
	z-index: 5;
    min-width: 80px;
    height: 36px;
    padding: 0px 16px;
    background: black;
    border: none;
    border-radius: 6px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}
.booking-detail .content-box .form-box {
	padding-top:60px;
	font-size:0px;
}
.booking-detail .content-box .form-box .leaflet-box {
	padding-top:12px;
	border-top:1px solid #ccc;
	text-align:center;
}
.booking-detail .content-box .form-box .leaflet-box .input-row {
	margin-bottom:10px;
}
.booking-detail .content-box .form-box .leaflet-box .input-row .text-label {
} 
.booking-detail .content-box .form-box .leaflet-box .thumb-box {
}
.booking-detail .content-box .form-box .leaflet-box .thumb-box .before {
	display:inline-block;
	width:240px;
	height:270px;
	background:#eeeeee;
	text-align:center;
	overflow:hidden;
}
.booking-detail .content-box .form-box .leaflet-box .thumb-box .before img {
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	width:36px;
	height:auto;
	transform:translate(-50%, -50%);
}
.booking-detail .content-box .form-box .leaflet-box .thumb-box .after {
	display:inline-block;
	width:240px;
	background:#eeeeee;
	border:none;
	text-align:center;
	overflow:hidden;
}
.booking-detail .content-box .form-box .leaflet-box .thumb-box .after img {
	width:100%;
	height:auto;
}
.booking-detail .content-box .form-box .leaflet-box .btn-box {
	margin-top:20px;
}
.booking-detail .content-box .form-box .leaflet-box .btn-box .file-row {
}
.booking-detail .content-box .form-box .leaflet-box .btn-box .file-row input {
	display:none;
}
.booking-detail .content-box .form-box .leaflet-box .btn-box .file-row label {
	display:inline-block;
	width:240px;
	height:40px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:38px;
	letter-spacing:-0.4px;
	text-align:center;
}
.booking-detail .content-box .form-box .leaflet-box .btn-box p {
	margin-top:12px;
	color:#ea0000;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.3px;
}
.booking-detail .content-box .form-box .info-box {
	margin-top:10px;
}
.booking-detail .content-box .form-box .input-row {
}
.booking-detail .content-box .form-box .input-row label {
	display:inline-block;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:-0.4px;
}
.booking-detail .content-box .form-box .input-row input {
	display:block;
	width:100%;
	height:40px;
	padding:0px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
}
.booking-detail .content-box .form-box .input-row textarea {
	display:block;
	width:100%;
	height:160px;
	padding:8px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
	resize:none;
}
.booking-detail .content-box .form-box .input-row .text-label {
	display:inline-block;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-0.4px;
}
.booking-detail .content-box .form-box .input-row .text-input {
	padding:5px 0px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
}
.booking-detail .content-box .form-box .check-row-group {
	padding:10px 0px;
}
.booking-detail .content-box .form-box .check-row-group .check-row {
	vertical-align:top;
}
.booking-detail .content-box .form-box .check-row-group .check-row input + label {
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
}
.booking-detail .content-box .form-box .check-row-group .check-row input + label:before {
	top:12px;
	margin-top:0px;
}
.booking-detail .content-box .form-box .input-row.submit {
	padding-top:20px;
	border-top:1px solid #ccc;
}
.booking-detail .content-box .form-box .input-row.submit input {
	background:#4e81ff;
	border:none;
	color:white;
}
.booking-detail .content-box .cart-table {
	overflow-x:auto;
}
.booking-detail .content-box .booking-table {
	margin-top:32px;
}
.booking-detail .content-box .booking-table .tfoot {
	padding:16px 0px;
}
.booking-detail .content-box .booking-table .tfoot p {
	font-size:12px;
	line-height:20px;
	text-align:right;
}
.booking-detail .content-box .booking-table .tfoot p strong {
	font-size:18px;
	font-weight:bold;
}

/* ad-overlay-info */
.ad-overlay-info {
	position:fixed;
	bottom:-100%;
	left:0px;
	z-index:2020;
	width:100%;
	height:100%;
	padding:16px 24px 24px;
	background:white;
	transition:bottom 0.3s ease-in-out;
	font-size:0px;
	overflow-y:auto;
}
#container.overlay-toggle .ad-overlay-info {
	bottom:0px;
}
.ad-overlay-info .close-btn {
	position:absolute;
	top:24px;
	left:24px;
	z-index:10;
	width:40px;
	height:40px;
	background:transparent;
	border:none;
}
.ad-overlay-info .close-btn img {
	width:40px;
	height:auto;
}
.ad-overlay-info .head {
	padding-top:98px;
}
.ad-overlay-info .head h4 {
	display:inline-block;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:-0.6px;
	vertical-align:top;
}
.ad-overlay-info .head p {
	position:relative;
	display:inline-block;
	padding-left:14px;
	margin-left:8px;
	color:black;
	font-size:14px;
	line-height:32px;
	letter-spacing:-0.3px;
}
.ad-overlay-info .head p .status {
	position:absolute;
	top:50%;
	left:0px;
	z-index:5;
	width:10px;
	height:10px;
	margin-top:-5px;
	background:#fafafa;
	border-radius:5px;
}
.ad-overlay-info .head p .status.wait {
	background:#d0deff;
}
.ad-overlay-info .head p .status.ing {
	background:#4e81ff;
}
.ad-overlay-info .head p .status.finish {
	background:#cccccc;
}
.ad-overlay-info .head .btn-group {
	position:absolute;
	top:60px;
	left:0px;
	right:0px;
	z-index:5;
	display:flex;
	flex-direction:row;
	gap:0px 5px;
}
.ad-overlay-info .head .btn-group button {
}
.ad-overlay-info .head .btn-group button:first-child {
	margin-left:0px;
}
.ad-overlay-info .head .btn-group .cancel-btn {
	display:inline-block;
	width:80px;
	height:28px;
	background:#e60e0e;
	border:none;
	border-radius:14px;
	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}
.ad-overlay-info .head .btn-group .finish-btn {
	display:inline-block;
	width:80px;
	height:28px;
	background:black;
	border:none;
	border-radius:14px;
	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}
.ad-overlay-info .body {
}
.ad-overlay-info .body .row-group {
}
.ad-overlay-info .body .row-group.top {
	margin-top:10px;
}
.ad-overlay-info .body .row-group.bot {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
}
.ad-overlay-info .body .row-group .row {
	padding-left:106px;
}
.ad-overlay-info .body .row-group .row > label,
.ad-overlay-info .body .row-group .row .text-label {
	position:absolute;
	top:50%;
	left:0px;
	color:#666;
	margin-top:-12px;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.ad-overlay-info .body .row-group .row select {
	width:120px;
}
.ad-overlay-info .body .row-group .row .ui-selectmenu-button {
	margin:2px 0px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.ad-overlay-info .body .row-group .row .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.ad-overlay-info .body .row-group .row .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 16px;
	color:black;
	font-size:12px;
	line-height:30px;
}
.ad-overlay-info .body .row-group .row .text-input {
	min-height:28px;
	padding:2px 0px;
	color:black;
	font-size:12px;
	line-height:20px;
}
.ad-overlay-info .body .row-group .row .text-input strong {
	font-weight:bold;
}
.ad-overlay-info .body .row-group .row .text-input a {
	color:black;
}
.ad-overlay-info .body .row-group .row .text-input .thumb-box {
	display:block;
	max-width:260px;
	background:transparent;
	border:none;
	text-align:left;
}
.ad-overlay-info .body .row-group .row .text-input .thumb-box img {
	max-width:100%;
	height:auto;
}
.ad-overlay-info .body .row-group .row .text-input #ad-range-selector {
	width:0px;
	height:0px;
	padding:0px;
	border:none;
}
.ad-overlay-info .body .row-group .row .text-input #ad-range-selector + label {
	display:inline-block;
	width:130px;
	height:32px;
	margin-left:10px;
	background:#4e81ff;
	border-radius:16px;
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:-0.3px;
	text-align:center;
	vertical-align:middle;
}
.ad-overlay-info .body .row-group .row .text-input #ad-range-selector + label img {
	width:12px;
	height:auto;
	margin-right:6px;
}
.ad-overlay-info .body .row-group .row .text-input > input {
	width: 100%;
	height: 30px;
    padding: 0px 12px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: black;
    font-size: 12px;
    line-height: 18px;
	box-sizing:border-box;
}
.ad-overlay-info .body .row-group .row textarea {
	width:100%;
	max-width:300px;
	height:100px;
	margin-top:12px;
	margin-bottom:10px;
	padding:12px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	line-height:18px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
	resize:none;
}
.ad-overlay-info .body .row-group .row .thumb-box-v2 {
}
.ad-overlay-info .body .row-group .row .thumb-box-v2 .before {
	width:100%;
	max-width:120px;
	height:160px;
	background:#eeeeee;
}
.ad-overlay-info .body .row-group .row .thumb-box-v2 .before img {
	position:absolute;
	top:50%;
	left:50%;
	width:36px;
	transform:translate(-50%, -50%);
}
.ad-overlay-info .body .row-group .row .thumb-box-v2 .after {
	display:block;
	width:100%;
	max-width:120px;
	max-height:140px;
	background:#eeeeee;
	border:none;
	text-align:center;
	overflow:hidden;
}
.ad-overlay-info .body .row-group .row .thumb-box-v2 .after img {
	width:100%;
	height:auto;
}
.ad-overlay-info .body .row-group .row .btn-box {
	margin-top:10px;
}
.ad-overlay-info .body .row-group .row .btn-box input {
	display:none;
}
.ad-overlay-info .body .row-group .row .btn-box label {
	display:inline-block;
	width:100%;
	max-width:260px;
	height:40px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:14px;
	line-height:38px;
	letter-spacing:-0.4px;
	text-align:center;
}
.ad-overlay-info .body .row-group .row.ad-schedule-row {
	margin-top:10px;
}
.ad-overlay-info .body .row-group .row.ad-schedule-row .ad-schedule {
	padding:5px 10px;
	border:1px solid #aeaeae;
}
.ad-overlay-info .foot {
	margin-top:10px;
	padding-bottom:10px;
	border-top:1px solid #ddd;
	text-align:center;
}
.ad-overlay-info .foot .submit-btn {
	display:inline-block;
	width:240px;
	height:40px;
	margin-top:18px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.4px;
}

.ad-overlay-info .body.empty {
	min-height:80vh;
	text-align:center;
}
.ad-overlay-info .body.empty .text-box {
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
	transform:translate(-50%, -50%);
}
.ad-overlay-info .body.empty h5 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.6px;
}
.ad-overlay-info .body.empty p {
	color:black;
	font-size:12px;
	line-height:18px;
	letter-spacing:-0.4px;
}
.ad-overlay-info .body.empty .direct-btn {
	display:inline-block;
	width:240px;
	height:40px;
	margin-top:18px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.4px;
}

/* ad-dashboard */
.ad-dashboard {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.ad-dashboard h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.ad-dashboard h5 {
    padding-top: 16px;
    color: #999999;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}
.ad-dashboard .content-box {
	max-width:1200px;
	margin:0 auto;
}

.ad-dashboard .content-box .grid-board {
	margin-top:12px;
	font-size:0px;
}
.ad-dashboard .content-box .grid-board .inner {
	max-width:454px;
	margin:0 auto;
	text-align:center;
}
.ad-dashboard .content-box .grid-board .empty {
	line-height:200px;
	text-align:center;
}
.ad-dashboard .content-box .grid-board .board-item {
	display:inline-block;
	width:calc((100% - 12px) / 2);
	max-width:200px;
	margin-top:12px;
	vertical-align:top;
}
.ad-dashboard .content-box .grid-board .board-item:nth-child(2n) {
	margin-left:12px;
}
.ad-dashboard .content-box .grid-board .board-item .board-no {
	height:24px;
	margin:0 auto;
	color:black;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ad-dashboard .content-box .grid-board .board-item .thumb-btn {
	position:relative;
	display:block;
	width:100%;
	height:210px;
	margin-top:12px;
	background:#eeeeee;
	border:1px solid #eeeeee;
	overflow:hidden;
}
.ad-dashboard .content-box .grid-board .board-item .thumb-btn img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.ad-dashboard .content-box .grid-board .board-item .thumb-btn.none img {
	height:auto;
}

.ad-dashboard .content-box .grid-board .board-item .thumb-btn.empty p {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	z-index:5;
	margin-top:-20px;
	font-size:14px;
	text-align:center;
	line-height:20px;
}

/* ad-new */
.ad-new {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.ad-new h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.ad-new .content-box {
	max-width:1200px;
	margin:0 auto;
}

.ad-new .content-box .cart-table {

}

.ad-new .content-box .cart-table .empty {
	text-align:center;
	line-height:200px;
}
.ad-new .content-box .date-line {
	display:inline-block;
	width:100%;
	margin-top:24px;
	text-align:center;
}
.ad-new .content-box .date-line:before {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	z-index:1;
	height:2px;
	margin-top:-1px;
	background:#ddd;
	content:"";
}
.ad-new .content-box .date-line span {
	position:relative;
	z-index:2;
	display:inline-block;
	width:100px;
	height:28px;
	background:#fafafa;
	border:1px solid #ccc;
	border-radius:14px;
	font-size:12px;
	line-height:28px;
	letter-spacing:-0.4px;
}
.ad-new .content-box .card-table {
	font-size:0px;
}
.ad-new .content-box .card-table .row {
	padding:24px 0px;
	border-top:1px solid #ddd;
}
.ad-new .content-box .card-table .row:first-child {
	margin-top:0px;
	border-top:none;
}
.ad-new .content-box .card-table .row .status {
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.ad-new .content-box .card-table .row .status.wait {
	color:#4e81ff;
}
.ad-new .content-box .card-table .row .status.reject {
	color:#e90000;
}
.ad-new .content-box .card-table .row .info-box {
}
.ad-new .content-box .card-table .row .info-box .status {
	margin-left:100px;
}
.ad-new .content-box .card-table .row .info-box .range-sticker {
	display:block;
	width:40px;
	height:20px;
	margin-left:100px;
	background:#4e81ff;
	border-radius:4px;
	color:white;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}
.ad-new .content-box .card-table .row .info-box h4 {
	min-height:66px;
	margin-top:10px;
	padding-left:100px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:-0.6px;
}
.ad-new .content-box .card-table .row .info-box ul {
	margin-top:16px;
}
.ad-new .content-box .card-table .row .info-box ul li {
	position:relative;
	padding-left:8px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
}
.ad-new .content-box .card-table .row .info-box ul li:before {
	position:absolute;
	top:9px;
	left:0px;
	z-index:5;
	width:2px;
	height:2px;
	background:black;
	border-radius:1px;
	content:"";
}
.ad-new .content-box .card-table .row .info-box ul li a {
	color:black;
}
.ad-new .content-box .card-table .row .info-box .price {
	margin-top:16px;
	color:black;
	font-size:12px;
	line-height:24px;
	letter-spacing:-0.4px;
}
.ad-new .content-box .card-table .row .info-box .price strong {
	font-size:18px;
	font-weight:bold;
}

.ad-new .content-box .card-table .row .thumb-box {
	position:absolute;
	top:24px;
	left:0px;
	z-index:5;
	width:90px;
	height:120px;
	background:transparent;
	border:1px solid #ccc;
	overflow:hidden;
}
.ad-new .content-box .card-table .row .thumb-box img {
	width:100%;
	height:auto;
}

.ad-new .content-box .card-table .row .btn-group {
	margin-top:16px;
}
.ad-new .content-box .card-table .row .btn-group .approve-btn {
	display:block;
	width:200px;
	height:30px;
	margin:0 auto;
	background:white;
	border:1px solid #4e81ff;
	border-radius:6px;
	color:#4e81ff ;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}
.ad-new .content-box .card-table .row .btn-group .reject-btn {
	display:block;
	width:200px;
	height:30px;
	margin:0 auto;
	margin-top:10px;
	background:white;
	border:1px solid #e90000;
	border-radius:6px;
	color:#e90000;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
}
.ad-new .content-box .card-table .row .btn-group .reject-btn[data-reject=true] {
	background:#e90000;
	color:white;
}
.ad-new .content-box .card-table .row .btn-group .reject-btn span {
	display:none;
}

/* ad-going */
.ad-going {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.ad-going h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.ad-going .content-box {
	margin:0 auto;
}
.ad-going .content-box .booking-table {
	margin-top:0px;
	padding-top:32px;
}
.ad-going .content-box .search-box {
	display:inline-block;
	width:100%;
	margin-top:32px;
}
.ad-going .content-box .search-box .radio-group {
}
.ad-going .content-box .search-box .radio-group .toggle-btn {
	display:block;
	width:100%;
	height:40px;
	padding:0px 56px 0px 16px;
	background:white;
	border:1px solid #ddd;
	color:black;
	font-size:12px;
	text-align:left;
}
.ad-going .content-box .search-box .radio-group .toggle-btn:after {
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:40px;
	background:url("../img/common/select_arrow_icon.png") no-repeat center center;
	background-size:15px auto;
	content:"";
}
.ad-going .content-box .search-box .radio-group ul {
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:39px;
	z-index:10;
	background:white;
	border:1px solid #ddd;
}
.ad-going .content-box .search-box .radio-group.toggle ul {
	display:block;
}
.ad-going .content-box .search-box .radio-group ul li {
}
.ad-going .content-box .search-box .radio-group ul li .radio-row {
}
.ad-going .content-box .search-box .radio-group ul li .radio-row input {
	display:none;
}
.ad-going .content-box .search-box .radio-group ul li .radio-row input + label {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0px 16px 0px 40px;
	color:black;
	font-size:12px;
	line-height:40px;
}
.ad-going .content-box .search-box .radio-group ul li .radio-row input + label:before {
	position:absolute;
	top:50%;
	left:16px;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:url("../img/common/radio_icon.png") no-repeat center center;
	background-size:16px auto;
	content:"";
}
.ad-going .content-box .search-box .radio-group ul li .radio-row input:checked + label {
	font-weight:bold;
}
.ad-going .content-box .search-box .radio-group ul li .radio-row input:checked + label:before {
	background:url("../img/common/radio_active_icon.png") no-repeat center center;
	background-size:16px auto;
}
.ad-going .content-box .search-box .input-row {
	margin-top:10px;
}
.ad-going .content-box .search-box .input-row input {
	display:inline-block;
	width:100%;
	height:40px;
	padding:0px 56px 0px 16px;
	background:white;
	border:1px solid #ddd;
	border-radius:6px;
	color:black;
	font-size:12px;
	box-sizing:border-box;
}
.ad-going .content-box .search-box .input-row input::placeholder {
	color:#999;
}
.ad-going .content-box .search-box .input-row button {
	position:absolute;
	top:0px;
	right:0px;
	z-index:5;
	width:40px;
	height:40px;
	background:transparent;
	border:none;
}
.ad-going .content-box .search-box .input-row button img {
	width:20px;
	height:auto;
}

/* ad-calc */
.ad-calc {
	padding:0px 16px 60px 16px;
	background:#fafafa;
}
.ad-calc h3 {
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.ad-calc .content-box {
	max-width:1200px;
	margin:0 auto;
}

.ad-calc .content-box .booking-table .tbody .row .td.date-td {
	padding:0px;
	padding-left:110px;
	line-height:20px;
	text-align:left;
}
.ad-calc .content-box .booking-table .tbody .row .td.thumb-td {
	top:44px;
}

.ad-calc .content-box .search-box {
	padding-top:32px;
	margin-bottom:32px;
	font-size:0px;
}
.ad-calc .content-box .search-box .radio-group {
	margin-bottom:10px;
}
.ad-calc .content-box .search-box .radio-group .toggle-btn {
	display:block;
	width:100%;
	height:40px;
	padding:0px 56px 0px 16px;
	background:white;
	border:1px solid #ddd;
	color:black;
	font-size:12px;
	text-align:left;
}
.ad-calc .content-box .search-box .radio-group .toggle-btn:after {
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:40px;
	background:url("../img/common/select_arrow_icon.png") no-repeat center center;
	background-size:15px auto;
	content:"";
}
.ad-calc .content-box .search-box .radio-group ul {
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:39px;
	z-index:10;
	background:white;
	border:1px solid #ddd;
}
.ad-calc .content-box .search-box .radio-group.toggle ul {
	display:block;
}
.ad-calc .content-box .search-box .radio-group ul li {
}
.ad-calc .content-box .search-box .radio-group ul li .radio-row {
}
.ad-calc .content-box .search-box .radio-group ul li .radio-row input {
	display:none;
}
.ad-calc .content-box .search-box .radio-group ul li .radio-row input + label {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0px 16px 0px 40px;
	color:black;
	font-size:12px;
	line-height:40px;
}
.ad-calc .content-box .search-box .radio-group ul li .radio-row input + label:before {
	position:absolute;
	top:50%;
	left:16px;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:url("../img/common/radio_icon.png") no-repeat center center;
	background-size:16px auto;
	content:"";
}
.ad-calc .content-box .search-box .radio-group ul li .radio-row input:checked + label {
	font-weight:bold;
}
.ad-calc .content-box .search-box .radio-group ul li .radio-row input:checked + label:before {
	background:url("../img/common/radio_active_icon.png") no-repeat center center;
	background-size:16px auto;
}
.ad-calc .content-box .search-box .select-row {
	display:inline-block;
	width:calc((100% - 10px) / 2);
	margin-bottom:10px;
}
.ad-calc .content-box .search-box .select-row.first {
	margin-right:10px;
}
.ad-calc .content-box .search-box .select-row select {
	width:100%;
}
.ad-calc .content-box .search-box .select-row .ui-selectmenu-button {
	width:100% !important;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.ad-calc .content-box .search-box .select-row .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.ad-calc .content-box .search-box .select-row .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 16px;
	color:black;
	font-size:12px;
	line-height:40px;
}
.ad-calc .content-box .search-box .input-row {
	display:inline-block;
	width:calc(100% - 90px);
	vertical-align:top;
}
.ad-calc .content-box .search-box .input-row input {
	display:block;
	width:100%;
	height:40px;
	padding:0px 16px;
	background:white;
	border:1px solid #ccc;
	border-radius:6px;
	color:black;
	font-size:12px;
	letter-spacing:-0.4px;
	box-sizing:border-box;
}
.ad-calc .content-box .search-box .input-row input::placeholder {
	color:#999999;
}
.ad-calc .content-box .search-box input[type=submit] {
	display:inline-block;
	width:80px;
	height:40px;
	margin-left:10px;
	background:#4e81ff;
	border:none;
	border-radius:6px;
	color:white;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.4px;
	vertical-align:top;
}
.ad-calc .content-box .addition-btn-box {
	font-size:0px;
}
.ad-calc .content-box .addition-btn-box.top {
	padding-top:52px;
}
.ad-calc .content-box .addition-btn-box.bottom {
	margin-top:16px;
	text-align:right;
}
.ad-calc .content-box .addition-btn-box.top .excel-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:5;
}
.ad-calc .content-box .addition-btn-box .all-btn,
.ad-calc .content-box .addition-btn-box .delete-btn {
	position:absolute;
	top:0px;
	z-index:5;
	min-width:80px;
	height:36px;
	padding:0px 16px;
	background:black;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
}
.ad-calc .content-box .addition-btn-box .all-btn {
	left:0px;
	width:90px;
}
.ad-calc .content-box .addition-btn-box .delete-btn {
	left:100px;
}
.ad-calc .content-box .addition-btn-box .excel-btn {
	display:inline-block;
	width:140px;
	height:36px;
	background:#32b10f;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
}
.ad-calc .content-box .addition-btn-box .excel-btn img {
	width:18px;
	height:auto;
	margin-right:8px;
}
.ad-calc .content-box .addition-btn-box .total-text {
	color:black;
	font-size:18px;
	line-height:30px;
	letter-spacing:-0.4px;
}
.ad-calc .content-box .addition-btn-box .total-text strong {
	font-size:24px;
	font-weight:bold;
}

/* ad-board */
.ad-board {
	background:#fafafa;
	padding:20px 16px 60px 16px;
}
.ad-board .board-scroll {
	overflow-x:auto;
}
.ad-board .content-box {
}
.ad-board .content-box .calendar-box {
	max-width:600px;
	margin:0 auto;
	background:white;
	border:1px solid #ddd;
	font-size:0px;
	line-height:0px;
}
.ad-board .content-box .calendar-box .head {
	padding:12px 0px 6px 0px;
	text-align:center;
}
.ad-board .content-box .calendar-box .head h3 {
	display:inline-block;
	margin:0px 10px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	vertical-align:top;
}
.ad-board .content-box .calendar-box .head button {
	display:inline-block;
	width:25px;
	height:25px;
	background:transparent;
	border:none;
	vertical-align:top;
}
.ad-board .content-box .calendar-box .head button img {
	width:11px;
	height:auto;
}
.ad-board .content-box .calendar-box .body {
}
.ad-board .content-box .calendar-box .body #calendar {
	padding:0px 10px 12px;
}
.ad-board .content-box .calendar-box .body #calendar .week-head {
	display:flex;
	justify-content: center;
    align-items: center;
	padding:2px 0px;
}
.ad-board .content-box .calendar-box .body #calendar .week-head .day {
	flex:1;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	letter-spacing:-0.4px;
}
.ad-board .content-box .calendar-box .body #calendar .week {
	display:flex;
	justify-content: center;
    align-items: center;
	padding:2px 0px;
}
.ad-board .content-box .calendar-box .body #calendar .week .day {
	flex:1;
}
.ad-board .content-box .calendar-box .body #calendar .week .day .date {
	display:inline-block;
	width:100%;
	background:transparent;
	border:none;
	color:black;
	font-size:12px;
	line-height:30px;
	text-align:center;
	letter-spacing:-0.4px;
}
.ad-board .content-box .calendar-box .body #calendar .week .day .date.start {
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}
.ad-board .content-box .calendar-box .body #calendar .week .day .date.end {
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.ad-board .content-box .calendar-box .body #calendar .week .day .date.status.wait {
	background:#d0deff;
}
.ad-board .content-box .calendar-box .body #calendar .week .day .date.status.ing {
	background:#4e81ff;
	color:white;
}
.ad-board .content-box .calendar-box .body #calendar .week .day .date.status.finish {
	background:#cccccc;
}

.ad-board .content-box .calendar-tip {
	max-width:600px;
	margin:0 auto;
	margin-top:5px;
	font-size:0px;
	text-align:right;
}
.ad-board .content-box .calendar-tip .status {
	position:relative;
	display:inline-block;
	margin-left:8px;
	padding-left:20px;
	font-size:12px;
	line-height:26px;
	letter-spacing:-0.3px;
}
.ad-board .content-box .calendar-tip .status:first-child {
	margin-left:0px;
}
.ad-board .content-box .calendar-tip .status span {
	position:absolute;
	top:50%;
	left:0px;
	width:12px;
	height:12px;
	margin-top:-6px;
	background:#fafafa;
	border-radius:6px;
}
.ad-board .content-box .calendar-tip .status.wait span {
	background:#d0deff;
}
.ad-board .content-box .calendar-tip .status.ing span {
	background:#4e81ff;
}
.ad-board .content-box .calendar-tip .status.finish span {
	background:#cccccc;
}

.ad-board .content-box .tab-box {
	max-width:600px;
	margin:0 auto;
	margin-top:18px;
	background:white;
	border:1px solid #ddd;
	font-size:0px;
	line-height:0px;
}
.ad-board .content-box .tab-box .tabs {
	background:#fafafa;
}
.ad-board .content-box .tab-box .tabs button {
	position:relative;
	display:inline-block;
	width:33.33%;
	height:40px;
	background:transparent;
	border:none;
	color:#666;
	font-size:12px;
	vertical-align:top;
}
.ad-board .content-box .tab-box .tabs button.active {
	color:black;
	font-weight:bold;
}
.ad-board .content-box .tab-box .tabs button.active:after {
	position:absolute;
	left:50%;
	bottom:0px;
	z-index:10;
	width:50px;
	height:2px;
	margin-left:-25px;
	background:#4e81ff;
	content:"";
}
.ad-board .content-box .tab-box .tab-content {
	padding:16px 20px;
}
.ad-board .content-box .tab-box .tab-content ul {

}
.ad-board .content-box .tab-box .tab-content ul li {
}
.ad-board .content-box .tab-box .tab-content ul li button {
	background:transparent;
	border:none;
	color:black;
	font-size:12px;
	line-height:24px;
	letter-spacing:-0.4px;
	text-align:left;
}

/* popup */
.dt-pop-box {
	position:static;
	display:none;
}
.m-pop-box {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:10000001;
	background: rgba(0, 0, 0, 0.4);
	display:flex;
	align-items:flex-end;
	overflow:hidden;
}
.m-pop-box .inner {
	width:100%;
	background:#fff;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	overflow:hidden;
}
.m-pop-box .inner .pop-swiper-box .popup-img {
	display:block;
}
.m-pop-box .inner .pop-swiper-box .popup-img img {
	width:100%;
	height:auto;
}
.m-pop-box .inner .close-wrap {
	display:flex;
	height:36px;
}
.m-pop-box .inner .close-wrap > * {
	flex:1;
	height:36px;
	text-align: center;
	color:#000;
	font-size:13px;
	font-weight: bold;
	line-height: 36px;
}
.m-pop-box .inner .close-wrap > *:first-child {
	border-right:1px solid #e9e9e9;
}

.popup-box {
	position:absolute;
	width:100%;
	max-width:calc(100% - 32px);
	font-size:0px;
}
.popup-box.y-center {
	top:50%;
	transform:translateY(-50%);
}
.popup-box.x-center {
	left:50%;
	transform:translateX(-50%);
}
.popup-box.y-center.x-center {
	transform:translateY(-50%) translateX(-50%);
}
.popup-box > .popup-img {
	display:inline-block;
}
.popup-box > .popup-img img {
	width:100%;
	height:auto;
}
.popup-box > .popup-close-wrap {
	padding:0px 8px;
	background:black;
	text-align:right;
}
.popup-box > .popup-close-wrap .popup-today-close {
	position:absolute;
	left:8px;
}
.popup-box > .popup-close-wrap .popup-today-close input {
	display:none;
}
.popup-box > .popup-close-wrap .popup-today-close label {
	padding-left:18px;
	color:white;
	font-size:12px;
	line-height:30px;
}
.popup-box > .popup-close-wrap .popup-today-close label:before {
	position:absolute;
	top:50%;
	left:0px;
	width:12px;
	height:12px;
	margin-top:-6px;
	border-radius:2px;
	background:white;
	content:"";
}
.popup-box > .popup-close-wrap .popup-close {
	display:inline-block;
	color:white;
	font-size:12px;
	line-height:30px;
	cursor:pointer;
}

/* banner-box */
.banner-box {
	padding-top:20px;
}
.banner-box img {
	width:100%;
	height:auto;
}

#KICC_PAYMENTWINDOW_IFRAME {
    top:0px !important;
}

.booking-warning-text {
	margin-top:16px;
	margin-bottom:32px;
	color:#000;
	font-size:12px;
	line-height:18px;
}

.credit-popup {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:2050;
	background:rgba(0, 0, 0, 0.5);
}
.credit-popup .inner {
	position:absolute;
	top:50%;
	left:16px;
	right:16px;
	z-index:2051;
	padding:16px 16px 16px 16px;
	background:white;
	border-radius:10px;
	transform:translateY(-50%);
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.1);
}
.credit-popup .inner .head {
	padding-bottom:16px;
}
.credit-popup .inner .head h4 {
	color:black;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}
.credit-popup .inner .head .close-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	background:transparent;
	border:none;
}
.credit-popup .inner .body {
}
.credit-popup .inner .body .form-content {
}
.credit-popup .inner .body .form-content .price-info {
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #dddddd;
}
.credit-popup .inner .body .form-content .price-info .label {
	color:black;
	font-size:16px;
	line-height:48px;
}
.credit-popup .inner .body .form-content .price-info .value {
	position:absolute;
	top:8px;
	right:0px;
	color:#4e81ff;
	font-size:24px;
	font-weight:bold;
	line-height:48px;
}
.credit-popup .inner .body .form-content .deposit-group {
	padding-top:8px;
}
.credit-popup .inner .body .form-content .deposit-group .item {
	
}
.credit-popup .inner .body .form-content .deposit-group .item label,
.credit-popup .inner .body .form-content .deposit-group .item .text-label {
	display: block;
    width: 100%;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: -0.4px;
}
.credit-popup .inner .body .form-content .deposit-group .item label span,
.credit-popup .inner .body .form-content .deposit-group .item .text-label span {
	display: inline-block;
    color: #f00000;
    vertical-align: middle;
}
.credit-popup .inner .body .form-content .deposit-group .item input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0px 16px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: black;
    font-size: 12px;
    letter-spacing: -0.4px;
    box-sizing: border-box;
}
.credit-popup .inner .body .form-content .deposit-group .item .text-input {
	color: black;
    font-size: 16px;
    line-height: 24px;
}
.credit-popup .inner .body .form-content .warning-text {
	margin-top:8px;
	color:#ff0000;
	font-size:12px;
	line-height:20px;
}
.credit-popup .inner .body .form-content .btn-group {
	padding-top:32px;
	text-align:center;
}
.credit-popup .inner .body .form-content .btn-group .submit-btn {
	display:inline-block;
	width:100%;
	max-width:400px;
	height:48px;
	background:#4e81ff;
	border:none;
	border-radius:8px;
	color:white;
	font-size:18px;
	font-weight:bold;
}

.loading-modal {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:999;
	background:rgba(0, 0, 0, 0.5);
	font-size:0px;
}

.loading-modal .modal-content {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:1000;
	min-width:400px;
	background:white;
	border-radius:8px;
	overflow:hidden;
}
.loading-modal .modal-content {
	min-width:auto;
	background:transparent;
}

/* loading spinner */
.loader {
    border: 8px solid #ffffff;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
}


@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* new-booking-table */
.new-booking-table {	
	margin-top:16px;
}
.new-booking-table .thead {	
	display:none;
}
.new-booking-table .thead .row {	
	display:flex;
	justify-content: center;
	align-items: center;
	height:60px;
	padding:0px 40px;
	background:#f1f1f1;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	text-align:left;
}
.new-booking-table .thead .row .th {	
	flex:1;
	vertical-align:middle;
}
.new-booking-table .thead .row .th .question-btn {	
	display:inline-block;
	width:24px;
	height:24px;
	background:transparent;
	border:none;
	vertical-align:middle;
}
.new-booking-table .thead .row .th .question-btn img {	
	width:18px; 
	height:auto;
}
.new-booking-table .tbody {	
}
.new-booking-table .tbody .row {	
	margin-bottom:16px;
	padding:0px 16px;
	background:white;
	border:1px solid #ddd;
}
.new-booking-table .tbody .row:last-child {	
	margin-bottom:0px;
}
.new-booking-table .tbody .row .td {	
	display:flex;
	flex-direction:row;
	align-items:center;
	padding:10px 0px;
	color:black;
	font-size:14px;
	line-height:24px;
	text-align:right;
}
.new-booking-table .tbody .row.empty-row {
	padding:0px;
}
.new-booking-table .tbody .row.empty-row .td.empty-td {
	width:100% !important;
	padding:10px 16px;
	justify-content:flex-start;
	text-align:left !important;
}
.new-booking-table .tbody .row .td.label-td {	
}
.new-booking-table .tbody .row .td .text-label {
	flex: 1;
	display:flex;
	align-items:center;
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	text-align:left;
	letter-spacing:0px;
}
.new-booking-table .tbody .row .td .question-btn {	
	width:16px;
	height:16px;
	margin-left:6px;
	background:transparent;
	border:none;
	vertical-align:middle;
}
.new-booking-table .tbody .row .td .question-btn img {	
	width:16px; 
	height:auto;
}

.new-booking-table .tbody .row .td.ad-status-td {	
	text-align:left;
}
.new-booking-table .tbody .row .td.ad-status-td strong {	
	font-weight:bold;
}
.new-booking-table .tbody .row .td.client-td {	
	text-align:left;
}
.new-booking-table .tbody .row .td.client-td a {
	color:black;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
.new-booking-table .tbody .row .td.status-td {
	position:absolute;
	top: 14px;
	left: 16px;
	z-index:10;
	padding:0px;
	text-align:left;
}
.new-booking-table .tbody .row .td.status-td .status {
	display:inline-block;
	width:80px;
	height:32px;
	background:#fafafa;
	border:none;
	border-radius:6px;
	color:white;
	font-size:14px;
	font-weight:bold;
}
.new-booking-table .tbody .row .td.status-td .status.booking,
.new-booking-table .tbody .row .td.status-td .status.going {
	background:#4e81ff;
}
.new-booking-table .tbody .row .td.status-td .status.finish {
	background:#000000;
}
.new-booking-table .tbody .row .td.status-td .status.part-cancel {
	background:#fc9e23;
}
.new-booking-table .tbody .row .td.status-td .status.reject {
	background:#ec0909;
}
.new-booking-table .tbody .row .td.status-td + .td.subject-td {
	padding-left: 96px;
}

.new-booking-table .tbody .row .td.delete-td {
	position:absolute;
	top:18px;
	left:11px;
	z-index:10;
	padding:0px;
}
.new-booking-table .tbody .row .td.delete-td .delete-btn {
	width:24px;
	height:24px;
	background:transparent;
	border:none;
}
.new-booking-table .tbody .row .td.delete-td .delete-btn img {
	width:13px;
	height:auto;
}
.new-booking-table .tbody .row .td.subject-td {	
	margin-bottom:6px;
	padding:18px 0px 18px 29px;
	border-bottom:1px solid #ddd;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.new-booking-table .tbody .row .td.subject-td .type {	
	font:inherit;
	color: #999;
}
.new-booking-table .tbody .row .td.subject-td a {	
	color:black;
}
.new-booking-table .tbody .row .td.filming-td {
	align-items:center;
	padding: 10px 0px 0px 0px;
}
.new-booking-table .tbody .row .td.week-td {
	align-items:center;
	padding: 16px 0px 0px 0px;
}
.new-booking-table .tbody .row .td.filming-td .text-label,
.new-booking-table .tbody .row .td.week-td .text-label {
	line-height:34px;
}
.new-booking-table .tbody .row .td.filming-td select {
	width: 130px;
}
.new-booking-table .tbody .row .td.week-td select {
	width:100px;
}
.new-booking-table .tbody .row .td.filming-td .ui-selectmenu-button,
.new-booking-table .tbody .row .td.week-td .ui-selectmenu-button {
	background:white;
	border:1px solid #D9D9D9;
	border-radius:4px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.new-booking-table .tbody .row .td.filming-td .ui-selectmenu-button span.ui-icon,
.new-booking-table .tbody .row .td.week-td .ui-selectmenu-button span.ui-icon {
	right:8px;
	width:10px;
	background:url('../img/common/select_arrow_icon.png') no-repeat center center;
	background-size:9px auto;
}
.new-booking-table .tbody .row .td.filming-td .ui-selectmenu-button span.ui-selectmenu-text,
.new-booking-table .tbody .row .td.week-td .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0px 26px 0px 16px;
	color:black;
	font-size:14px;
	line-height:34px;
}
.new-booking-table .tbody .row .td.filming-td .ui-selectmenu-button.ui-state-disabled,
.new-booking-table .tbody .row .td.week-td .ui-selectmenu-button.ui-state-disabled {
	background:#D9D9D9;
	opacity:1;
}
.new-booking-table .tbody .row .td.filming-td .ui-selectmenu-button.ui-state-disabled span.ui-selectmenu-text,
.new-booking-table .tbody .row .td.week-td .ui-selectmenu-button.ui-state-disabled span.ui-selectmenu-text {
	color:#686868;
}
.new-booking-table .tbody .row .td.total-td {
	margin-top:20px;
	padding-top:32px;
	padding-bottom:24px;
	border-top:1px solid #ddd;
	color:#4E81FF;
	font-size:20px;
	font-weight:800;
	letter-spacing:-0.6px;
}
.new-booking-table .tbody .row .td.total-td .text-label {
	top:16px;
	font-size:14px;
}

/* board */
.board {
	padding:40px 16px 54px 16px;
	background:#fafafa;
}
.board .content-box {
	max-width:1200px;
	margin:0 auto;
}
.board .content-box > h3 {
	margin-bottom:18px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:-1px;
	text-align:center;
}
.board .content-box .view-box {
	background:white;
}
.board .content-box .view-box .head {
	padding:16px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.board .content-box .view-box .head p.category {
	color:rgba(102, 102, 102, 0.40);
	font-size:12px;
	font-weight:700;
	line-height:20px;
}
.board .content-box .view-box .head h5 {
	display:flex;
	align-items: flex-start;
	margin-top: 5px;
	color: #000;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}
.board .content-box .view-box .head h5 .important-label {
	flex-shrink: 0;
}
.board .content-box .view-box .head .date {
	margin-top: 8px;
	color: #999;
	font-size: 12px;
	font-weight:300;
	line-height:14px;
}
.board .content-box .view-box .body {
	min-height:160px;
	padding:20px 16px;
	border-bottom:1px solid #ddd;
	color:black;
	font-size:12px;
	line-height:20px;
}
.board .content-box .view-box .body img {
	max-width: 100%;
}
.board .content-box .view-btn {
	margin-top:20px;
	text-align:center;
}
.board .content-box .view-btn .go-btn,
.board .content-box .view-btn .back-btn {
	display:inline-block;
	min-width:100px;
	height:36px;
	background:#ddd;
	border:none;
	border-radius:6px;
	color:#666;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.4px;
	line-height:36px;
}
.board .content-box .view-btn .go-btn {
	display: none;
	background:#4E81FF;
	color: #fff;
}

.board .important-label {
	display:inline-block;
	margin-right: 4px;
	padding: 5px 4px;
	background:#4E81FF;
	border-radius: 4px;
	color:#fff;
	font-size: 10px;
	font-weight:700;
	line-height:140%;
	vertical-align:middle;
}
.board .writer-label {
	display:inline-block;
	margin-right: 4px;
	padding: 5px 4px;
	background:#646464;
	border-radius: 4px;
	color:#fff;
	font-size: 10px;
	font-weight:700;
	line-height:140%;
	vertical-align:middle;
}
.board .writer-label.important {
	background: #4E81FF;
}

.board .content-box .category-bar {
	display: flex;
	gap: 0px 10px;
	margin-bottom: 20px;
	overflow-x: auto;
	white-space:nowrap;
}
.board .content-box .category-bar::-webkit-scrollbar {
	display:none;
}
.board .content-box .category-bar a {
	flex-shrink:0;
	min-width:48px;
	padding: 5px;
	background:#D0D0D0;
	border-radius: 4px;
	color:#646464;
	font-size:12px;
	font-weight:700;
	line-height:140%;
	text-align:center;
}
.board .content-box .category-bar a.on {
	background: #4E81FF;
	color: #fff;
}

.board.notice .table-style01 table tr.important td {
	background:rgba(78, 129, 255, 0.05);
}
.board.notice .table-style01 table tr th:nth-child(1) {
	width: 45px;
}
.board.notice .table-style01 table tr th:nth-child(2) {
	width: 80px;
}
.board.notice .table-style01 table tr th:nth-child(4) {
	width: 100px;
}

.board .thumb-table-style01 {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.board .thumb-table-style01 .item {
	width:calc((100% - 10px) / 2);
}
.board .thumb-table-style01 .item.appending {
	animation: item_appending 0.3s both cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.board .thumb-table-style01 .item.removing {
	animation: item_removing 0.3s both cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.board .thumb-table-style01 .item .thumb {
	position: relative;
	padding-top: 66.04%;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow:hidden;
}
.board .thumb-table-style01 .item .thumb > img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:100%;
	height: 100%;
	object-fit:cover;
}
.board .thumb-table-style01 .item .thumb .writer {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 2;
	padding: 5px;
	background: #646464;
	border-radius: 4px;
	color: #fff;
	font-size:10px;
	font-weight:700;
	line-height:140%;
}
.board .thumb-table-style01 .item .thumb .writer.important {
	background:#4E81FF;
}
.board .thumb-table-style01 .item .category {
	margin-top: 6px;
	color:#999;
	font-size:10px;
	font-weight:700;
	line-height:140%;
}
.board .thumb-table-style01 .item .subject {
	margin-top: 2px;
	color: #000;
	font-size:13px;
	font-weight:700;
	line-height:18.2px;
	display: -webkit-box;
	max-height: 36.4px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.board .thumb-table-style01 .item .date {
	margin-top: 4px;
	color: #999;
	font-size: 9px;
	line-height:140%;
}
.board .thumb-table-style01 .empty {
	width:100%;
	padding: 40px 0px;
	color:#999;
	font-size: 12px;
	font-weight:700;
	line-height:140%;
	text-align:center;
}

.board .thumb-table-style02 {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.board .thumb-table-style02 .item {
	width:calc((100% - 20px) / 2);
	padding:0px 5px;
	text-align:center;
}
.board .thumb-table-style02 .item.appending {
	animation: item_appending 0.3s both cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.board .thumb-table-style02 .item.removing {
	animation: item_removing 0.3s both cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.board .thumb-table-style02 .item .thumb {
	position: relative;
	margin:0 auto;
	padding-top: 141.43%;
	border-radius: 10px;
	overflow:hidden;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
}
.board .thumb-table-style02 .item .thumb > img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:100%;
	height: 100%;
	object-fit:cover;
}
.board .thumb-table-style02 .item .category {
	margin-top: 20px;
	color:#999;
	font-size:10px;
	font-weight:700;
	line-height:140%;
}
.board .thumb-table-style02 .item .subject {
	margin-top: 5px;
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:19.6px;
	display: -webkit-box;
	max-height: 39.2px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.board .thumb-table-style02 .empty {
	width:100%;
	padding: 40px 0px;
	color:#999;
	font-size: 12px;
	font-weight:700;
	line-height:140%;
	text-align:center;
}


.building-search #map .new-layer-marker {
	max-width:160px;
	padding:10px 8px;
	background:#4e81ff;
	border:none;
	border-radius:10px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
}
.building-search #map .new-layer-marker p {
	width:100%;
	padding:0px;
	color:white;
	font-size:16px;
	font-weight: 700;
	line-height:120%;
	letter-spacing:-1px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.building-search #map .new-layer-marker p:first-child {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom:1px solid white;
	font-size:14px;
}
.building-search #map .new-layer-marker span {
	position:absolute;
	bottom:-6px;
	left:50%;
	display:inline-block;
	background-color:#4e81ff;
	text-align: left;
	margin-left:-3px;
}
.building-search #map .new-layer-marker span:before,
.building-search #map .new-layer-marker span:after {
	content: '';
	position: absolute;
	background-color: inherit;
}
.building-search #map .new-layer-marker span,
.building-search #map .new-layer-marker span:before,
.building-search #map .new-layer-marker span:after {
	width:  6px;
	height: 6px;
	border-bottom-left-radius: 50%;
}

.building-search #map .new-layer-marker span {
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.building-search #map .new-layer-marker span:before {
	transform: rotate(45deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.building-search #map .new-layer-marker span:after {
	transform: rotate(-45deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.building-search #map .new-layer-marker.manage {
	background:white;
}
.building-search #map .new-layer-marker.manage p {
	color:black;
}
.building-search #map .new-layer-marker.manage p:first-child {
	border-color:#e5e5e5;
}
.building-search #map .new-layer-marker.manage span {
	background-color: white;
}

.building-search .type-box {
	position: absolute;
	top: 76px;
	left: 10px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.building-search .type-box a {
	display: flex;
	justify-content:center;
	align-items: center;
	min-width: 50px;
	height: 32px;
	padding: 0px 8px;
	background: #fff;
	border-radius: 6px;
	color: #666;
	font-size:12px;
	font-weight: 700;
	text-align: center;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}
.building-search .type-box a.on {
	background: #4E81FF;
	color: #fff;
}

.building-search .search-toggle {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
	display: flex;
	justify-content:center;
	align-items: center;
	width:40px;
	height: 40px;
	background-image: url('../img/common/icon_search.svg');
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
	border: none;
	border-radius:50%;
	font-size:0px;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}
.building-search .search-toggle.on {
	background-image: url('../img/common/icon_close.svg');
	background-size: auto;
}

.building-search .new-search-box {
	position:absolute;
	top:20px;
	left:50%;
	z-index:999;
	width:calc(100% - 20px);
	height:56px;
	padding-left:100px;
	padding-right:56px;
	background:white;
	border-radius:10px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
	transform:translateX(-50%);
	overflow:hidden;
}
.building-search .new-search-box:after {
	position:absolute;
	top:50%;
	left:100px;
	z-index:11;
	width:1px;
	height:24px;
	margin-top:-12px;
	background:#999;
	content:"";
}
.building-search .new-search-box select {
	display: none;
	width:100px;
}
.building-search .new-search-box .ui-selectmenu-button {
	width:100px !important;
}
.building-search .new-search-box .ui-selectmenu-button {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	height:56px;
	background:white;
	border:none;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.building-search .new-search-box .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.building-search .new-search-box .ui-selectmenu-button span.ui-selectmenu-text {
	padding:0px 16px;
	color:black;
	font-size:18px;
	line-height:56px;
}


.building-search .new-search-box input {
	width:100%;
	height:56px;
	padding:0px 16px;
	background:transparent;
	border:none;
	color:black;
	font-size:18px;
	letter-spacing:-0.5px;
	box-sizing:border-box;
}
.building-search .new-search-box input::placeholder {
	color:#999999;
}
.building-search .new-search-box .search-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:56px;
	height:56px;
	background:transparent;
	border:none;
}
.building-search .new-search-box .search-btn img {
	width:25px;
	height:auto;
}

.building-search .overlay-info.new .close-btn {
	left: auto;
	right: 12px;
}
.building-search .overlay-info.new .ad-type {
	position: absolute;
	top: 16px;
	left: 12px;
  z-index: 1001;
	width: 60px;
	background: #666;
	border-radius:4px;
	color: #fff;
	font-size:14px;
	font-weight: 700;
	line-height: 36px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
}
.building-search .overlay-info.new .body .info-box .price-box {
	padding-bottom:0px;
}
.building-search .overlay-info.new .body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.building-search .overlay-info.new .body::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 5px;
}
.building-search .overlay-info.new .body::-webkit-scrollbar-thumb:hover {
  background: #878787;
}
.building-search .overlay-info.new .body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

.payment .content-box {
	padding: 20px;
}
.payment .content-box .top-box {
	padding: 20px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.payment .content-box .top-box dt {
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(238, 238, 238, 0.93);
	color:#000;
	font-size:16px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing:-1.5px;
}
.payment .content-box .top-box dt strong {
	font:inherit;
	color: #4E81FF;
	font-weight: 700;
}
.payment .content-box .top-box dd {
	padding-top: 20px;
	text-align: right;
}
.payment .content-box .top-box dd p {
	color:#000;
	font-size:14px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -1px;
}
.payment .content-box .top-box dd h6 {
	display: flex;
	align-items: center;
	justify-content:flex-end;
	gap: 0px 5px;
	height: 40px;
	margin-top: 5px;
	color: #000;
	font-size:16px;
	line-height: 150%;
	letter-spacing: -1.5px;
}
.payment .content-box .top-box dd h6 strong {
	font:inherit;
	color: #4E81FF;
	font-size:34px;
	font-weight: 700;
}
.payment .content-box .mid-box {
	margin-top: 20px;
	padding: 20px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.payment .content-box .mid-box dt {
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(238, 238, 238, 0.93);
	color:#000;
	font-size:14px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing:-1.5px;
}
.payment .content-box .mid-box dd {
}
.payment .content-box .mid-box ul {
	padding: 20px 0px;
}
.payment .content-box .mid-box ul li + li {
	margin-top: 16px;
}
.payment .content-box .mid-box ul .check-row input + label {
	line-height: 20px;
}
.payment .content-box .mid-box .banking-info {
	border-top: 1px solid rgba(238, 238, 238, 0.93);
	padding: 20px 0px;
}
.payment .content-box .mid-box .banking-info .info-row {
}
.payment .content-box .mid-box .banking-info .info-row label,
.payment .content-box .mid-box .banking-info .info-row .text-label {
	display: block;
	margin-bottom: 10px;
	color: #000;
	font-size:12px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.payment .content-box .mid-box .banking-info .info-row label span {
	color: #F00000;
}
.payment .content-box .mid-box .banking-info .info-row input {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 15px;
	background: #fff;
	border: 1px solid rgba(204, 204, 204, 0.80);
	border-radius: 6px;
	color: #000;
	font-size:14px;
	letter-spacing: -1.5px;
	box-sizing:border-box;
}
.payment .content-box .mid-box .banking-info .info-row input::placeholder {
	color: #999;
}
.payment .content-box .mid-box .banking-info .info-row input:focus {
	border-color: #4E81FF;
}
.payment .content-box .mid-box .banking-info .info-row .text-input h6 {
	color: #000;
	font-size:14px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing:-1px;
}
.payment .content-box .mid-box .banking-info .info-row .text-input p {
	color: #999;
	font-size:14px;
	line-height: 140%;
	letter-spacing: -1px;
}
.payment .content-box .mid-box .banking-info .info-row + .info-row {
	margin-top :16px;
}

.payment .content-box .complete-box {
	padding: 40px 20px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.payment .content-box .complete-box > h6 {
	padding-top: 74px;
	background:url('../img/common/check_circle.svg') no-repeat top center;
	color:#000;
	font-size:20px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing:-1.5px;
	text-align: center;
}
.payment .content-box .complete-box > p {
	margin-top: 8px;
	color: #333;
	font-size:12px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -1.5px;
	text-align: center;
}
.payment .content-box .complete-box > p strong {
	color: #F00000;
}
.payment .content-box .complete-box .box {
	margin-top: 20px;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	overflow: hidden;
}
.payment .content-box .complete-box .box dl {
	display: flex;
	align-items: center;
}
.payment .content-box .complete-box .box dl + dl {
	border-top: 1px solid #dfdfdf;
}
.payment .content-box .complete-box .box dl dt {
	display: flex;
	justify-content:center;
	align-items:center;
	align-self:stretch;
	width: 100px;
	padding: 16px 0px;
	background: #EFEFEF;
	font-size:12px;
	font-weight: 700;
	line-height: 130%;
	text-align: center;
}
.payment .content-box .complete-box .box dl dd {
	flex: 1;
	align-self:stretch;
	display: flex;
	flex-direction: column;
	justify-content:center;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 130%;
	letter-spacing: -1px;
}
.payment .content-box .complete-box .box dl dd strong {
	font: inherit;
	font-weight: 700;
}
.payment .content-box .complete-box .box dl dd h6 {
	font-size: 12px;
	line-height: 130%;
	font-weight: 700;
	letter-spacing: -1px;
}
.payment .content-box .complete-box .box dl dd p {
	font-size: 12px;
	line-height: 130%;
	letter-spacing: -1px;
}

.add-pay-btn {
	position: fixed;
	bottom: 0px;
	left: 50%;
	z-index: 999;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	max-width: 560px;
	height:52px;
	transform:translateX(-50%);
	background: #4E81FF;
	border: none;
	color:#fff;
	font-size:16px;
	font-weight: 700;
	letter-spacing:-1.5px;
}

.swal2-shown .add-pay-btn {
	margin-left: -8.5px;
}

.biz-search {
	padding: 40px 16px;
	background: #fafafa;
}
.biz-search .content-box {
	max-width: 1200px;
	margin: 0px auto;
}
.biz-search .content-box > h2 {
	color:#000;
	font-size:18px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: -1px;
	text-align: center;
}
.biz-search .search-bar {
	margin-top: 36px;
}
.biz-search .search-bar form {
	display: flex;
	gap: 0px 10px;
}
.biz-search .search-bar input[type=text] {
	flex: 1;
	height:40px;
	padding: 0px 36px 0px 10px;
	background:#fff url(../img/ico_search.svg) no-repeat center right 10px;
	background-size: 16px 16px;
	border: 1px solid rgba(204, 204, 204, 0.80);
	border-radius: 6px;
	color: #000;
	font-size: 12px;
}
.biz-search .search-bar input[type=text]::placeholder {
	color:#999;
}
.biz-search .search-bar input[type=submit] {
	width: 70px;
	height:40px;
	background: #017EFF;
	border:none;
	border-radius: 6px;
	color:#fff;
	font-size:12px;
}
.biz-search .category-bar {
	display: flex;
	gap: 0px 10px;
	margin: 0px -16px;
	margin-top: 20px;
	padding: 0px 16px;
	overflow-x: auto;
  white-space: nowrap;
}
.biz-search .category-bar::-webkit-scrollbar {
	display:none;
}
.biz-search .category-bar a {
	min-width: 80px;
	height: 40px;
	padding: 0px 8px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	color: #646464;
	font-size:12px;
	font-weight: 700;
	line-height: 38px;
	text-align: center;
	box-sizing:border-box;
}
.biz-search .category-bar a.on {
	border-color: #017EFF;
	color: #017EFF;
}
.biz-search .list-box {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 20px;
}
.biz-search .list-box .list-item {
	display: flex;
	gap: 20px 10px;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	background: #FFF;
	border-radius: 10px;
	border: 1px solid rgba(220, 220, 220, 0.50);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.biz-search .list-box .list-item .thumb {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border: 1px solid #dcdcdc;
	border-radius:50%;
	overflow: hidden;
}
.biz-search .list-box .list-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.biz-search .list-box .list-item .info {
	flex: 1;
	overflow: hidden;
}
.biz-search .list-box .list-item .info .head {
	display: flex;
	gap: 0px 5px;
	align-items: center;
	flex-wrap: wrap;
}
.biz-search .list-box .list-item .info .head h5 {
	display:flex;
	gap: 0px 2px;
	align-items: center;
	max-width:100%;
}
.biz-search .list-box .list-item .info .head h5 strong {
	flex: 1;
	color:#000;
	font-size:14px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: -0.5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.biz-search .list-box .list-item .info .head h5 .check {
	flex-shrink:0;
	width: 10px;
	height: 10px;
	background:#fff url(../img/icon_profile_check.svg) no-repeat center center;
	background-size: 10px 10px;
}
.biz-search .list-box .list-item .info .head h6 {
	max-width:100%;
	color:#999;
	font-size:14px;
	line-height: 20px;
	letter-spacing: -1.5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.biz-search .list-box .list-item .info .distance {
	color:#999;
	font-size:12px;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.biz-search .list-box .list-item .info .intro {
	margin-top: 5px;
	color:#000;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -1.5px;
	display: -webkit-box;
	max-height:50.4px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.biz-search .list-box .empty {
	width: 100%;
	padding: 80px 0px;
	color: #000;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
}

.marketing-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3001;
	justify-content: center;
	align-items: center;
	padding: 0px 20px;
}
.marketing-pop .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3001;
	background: rgba(0, 0, 0, 0.5);
}
.marketing-pop .content {
	z-index: 3002;
	width: 100%;
	max-width: 480px;
	padding: 20px 20px 16px 20px;
	background:#fff;
	border-radius: 10px;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}
.marketing-pop .content h6 {
	color:#000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
	text-align:center;
	letter-spacing: -0.5px;
}
.marketing-pop .content p {
	margin-top: 8px;
	color: #999;
	font-size:12px;
	line-height:140%;
	text-align:center;
}
.marketing-pop .content .btns {
	display: flex;
	gap: 0px 10px;
	margin-top: 28px;
}
.marketing-pop .content .btns .close-btn {
	flex: 1;
	height: 40px;
	background: #FFF;
	border: 1px solid rgba(220, 220, 220, 0.87);
	border-radius: 6px;
	color: #000;
	font-size:12px;
	font-weight:700;
	letter-spacing: -0.5px;
	box-sizing:border-box;
}
.marketing-pop .content .btns .check-btn {
	flex: 1;
	height: 40px;
	background: #017EFF;
	border: 1px solid #017EFF;
	border-radius: 6px;
	color: #fff;
	font-size:12px;
	font-weight:700;
	letter-spacing: -0.5px;
}

.bizprofile-start {
	padding: 0px 20px;
	background:#FAFAFA;
}
.bizprofile-start h3 {
	width:100%;
	color:#000;
	font-size:18px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}
.bizprofile-start .default-box {
	display: flex;
	flex-direction: column;
	jusfify-content: center;
	align-items: center;
	max-width: 500px;
	height: 65vh;
	margin: 0 auto;
	padding: 120px 0px;
}
.bizprofile-start .default-box > p {
	width:100%;
	padding-top: 40px;
	padding-bottom: 20px;
	color: #017EFF;
	font-size:16px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}

.bizprofile-start .ready-box {
	max-width: 500px;
	margin: 0 auto;
	padding: 40px 0px;
}
.bizprofile-start .ready-box > p {
	padding-top: 40px;
	padding-bottom: 20px;
	color: #017EFF;
	font-size:16px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}
.bizprofile-start .ready-box .info-box {
	padding: 20px;
	background: #eee;
	border-radius: 12px;
}
.bizprofile-start .ready-box .info-box h5 { 
	color:#000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}
.bizprofile-start .ready-box .info-box h5 strong { 
	display: block;
	color: #017EFF;
}
.bizprofile-start .ready-box .info-box h5 br { 
	display: none;
}
.bizprofile-start .ready-box .info-box .profile-box { 
	margin: 20px 0px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
}
.bizprofile-start .ready-box .info-box .profile-box .head { 
	display: flex;
	gap: 0px 10px;
	align-items: center;
}
.bizprofile-start .ready-box .info-box .profile-box .head .thumb { 
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(237, 237, 237, 0.87);
	border-radius: 50%;
	overflow: hidden;
}
.bizprofile-start .ready-box .info-box .profile-box .head .thumb img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bizprofile-start .ready-box .info-box .profile-box .head .text { 
	flex: 1;
	overflow: hidden;
}
.bizprofile-start .ready-box .info-box .profile-box .head .text p { 
	color: #999;
	font-size: 12px;
	line-height: 140%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.bizprofile-start .ready-box .info-box .profile-box .head .text h6 { 
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.bizprofile-start .ready-box .info-box .profile-box .foot { 
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #DCDCDC;
}
.bizprofile-start .ready-box .info-box .profile-box .foot dl { 
}
.bizprofile-start .ready-box .info-box .profile-box .foot dl dt { 
	color: #999;
	font-size: 12px;
	line-height: 140%;
}
.bizprofile-start .ready-box .info-box .profile-box .foot dl dd { 
	margin-top: 5px;
	color: #000;
	font-size: 14px;
	line-height: 140%;
}
.bizprofile-start .ready-box .info-box > a {
	background: #000;
}
.bizprofile-start a {
	display: block;
	width:100%;
	height: 40px;
	margin-top: 20px;
	background: #017EFF;
	border-radius:6px;
	color:#fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	letter-spacing:-0.5px;
}

.bizprofile-create {
	padding:40px 20px;
	background: #fafafa;
}
.bizprofile-create > h3 {
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}
.bizprofile-create .form-box {
	max-width: 500px;
	margin: 0px auto;
	padding-top: 20px;
	font-size: 0px;
}
.bizprofile-create .form-box .form-row + .form-row {
	margin-top: 10px;
}
.bizprofile-create .form-box .form-row .ui-selectmenu-button[data-selected='false'] .ui-selectmenu-text {
	text-indent: -9999px;
}
.bizprofile-create .form-box .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.bizprofile-create .form-box .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.bizprofile-create .form-box .biz-link-row {
	display: flex;
	gap:0px 10px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px;
}
.bizprofile-create .form-box .biz-link-row > p {
	flex-shrink: 0;
	color: #000;
	font-size:12px;
	line-height: 140%;
}
.bizprofile-create .form-box .biz-link-row .form-row {
	flex: 1;
}
.bizprofile-create .form-box .biz-link-row .error-msg {
	width:100%;
	margin-top: 10px;
	color:#e90000;
	font-size:12px;
	line-height:140%;
}
.bizprofile-create .form-box .form-btn {
	margin-top:20px;
}
.bizprofile-create .form-box .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#017EFF;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:700;
	letter-spacing:-0.5px;
	text-align:center;
}

.warning-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	height: 40px;
	background: #FEE;
	color:#f00000;
	font-size:12px;
	line-height: 140%;
}
.warning-bar:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_warning.svg) no-repeat center center;
	background-size: 16px 16px;
	content: '';
}

.aside-toggle {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	padding-left: 10px;
	height: 48px;
	background: #FFF;
	border: none;
	border-radius: 0px 10px 10px 0px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.warning-bar + .aside-toggle {
	top: 40px;
}
.aside-toggle:before {
	width: 20px;
	height: 20px;
	background: url(../img/icon_aside_menu.svg) no-repeat center center;
	background-size: 20px 20px;
	content: '';
}
.aside-toggle p {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	padding: 8px 10px 8px 5px;
	border-left: 1px solid rgba(220, 220, 220, 0.50);
	color: #017EFF;
	font-size: 12px;
	font-weight: 700;
}
.aside-toggle p:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_aside_arrow.svg) no-repeat center center;
	background-size: 16px 16px;
	content: '';
}

.aside .content-box {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: -280px;
	z-index: 2020;
	width: 280px;
	background: white;
	transition: left 0.3s ease-in-out;
}
.aside .content-box .close-btn {
	display: none;
	position: absolute;
	top: 20px;
	right: -46px;
	z-index: 1;
	background: transparent;
	border: none;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.aside .content-box .head {
	padding: 40px 20px;
	border-bottom: 1px solid rgba(220, 220, 220, 0.50);
}
.aside .content-box .head .profile-box {
	display: flex;
	gap: 0px 10px;
	align-items: center;
}
.aside .content-box .head .profile-box .thumb {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	overflow: hidden;
}
.aside .content-box .head .profile-box .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aside .content-box .head .profile-box .text {
	flex: 1;
	overflow: hidden;
}
.aside .content-box .head .profile-box .text p {
	color: #999;
	font-size: 12px;
	line-height: 140%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.aside .content-box .head .profile-box .text h6 {
	color:#000;
	font-size:16px;
	font-weight: 700;
	line-height: 140%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.aside .content-box .head > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 40px;
	margin-top: 20px;
	padding: 0px 10px;
	background: #FFF;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}
.aside .content-box .head > a:after {
	width: 20px;
	height: 20px;
	background: url(../img/icon_aside_link.svg) no-repeat center center;
	background-size: 20px 20px;
	content: '';
}
.aside .content-box .body {
	padding: 20px;
}
.aside .content-box .body a {
	display: flex;
	align-items: center;
	gap: 0px 10px;
	width: 100%;
	height: 36px;
	color:#999;
	font-size:14px;
	font-weight: 700;
}
.aside .content-box .body a + a {
	margin-top: 14px;
}
.aside .content-box .body a span {
	width: 4px;
	height: 4px;
	background: #F00000;
	border-radius: 50%;
}
.aside .content-box .body a.on {
	color: #017EFF;
}
.aside .content-box .body a.on:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_aside_arrow.svg) no-repeat center center;
	background-size: 16px 16px;
	content: '';
}
.aside .content-box .body .aside-nav-subtitle {
	margin: 18px 0 6px;
	padding-top: 14px;
	border-top: 1px solid #e5e5e5;
	color: #888;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.2px;
}
.aside .content-box .body .aside-nav-subtitle:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.aside .content-box .body .aside-nav-divider {
	display: block;
	margin: 18px 0 12px;
	border-top: 1px solid #e5e5e5;
}
.aside.on .overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 2019;
	background: rgba(0, 0, 0, 0.5);
	content: "";
}
.aside.on .content-box {
	left: 0px;
}
.aside.on .content-box .close-btn {
	display: block;
}

.bizprofile-default {
	padding: 60px 20px 20px;
	background: #fafafa;
}
.bizprofile-default > h3 {
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}
.bizprofile-default .form-box {
	max-width: 500px;
	margin: 0px auto;
	font-size: 0px;
}

.bizprofile-default .form-box .form-profile-row {
	margin-top: 10px;
	margin-bottom: 40px;
}
.bizprofile-default .form-box .form-profile-row input {
	display:none;
}
.bizprofile-default .form-box .form-profile-row input + label {
	position:relative;
	display:block;
	width:80px;
	height:80px;
	margin: 0 auto;
	padding:0px;
	font-size:0px;
	line-height:0px;
}
.bizprofile-default .form-box .form-profile-row input + label .picture {
	width:80px;
	height:80px;
	border: 1px solid rgba(220, 220, 220, 0.87);
	border-radius:50%;
	overflow:hidden;
}
.bizprofile-default .form-box .form-profile-row input + label .picture img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.bizprofile-default .form-box .form-profile-row input + label span {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:5;
}
.bizprofile-default .form-box .form-profile-row input + label span img {
	width:24px;
	height:auto;
}
.bizprofile-default .form-box .form-row + .form-row {
	margin-top: 10px;
}
.bizprofile-default .form-box .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.bizprofile-default .form-box .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.bizprofile-default .form-box .form-row-title + .form-row {
	margin-top: 10px;
}

.bizprofile-default .form-box .form-btn {
	margin-top:20px;
}
.bizprofile-default .form-box .form-btn .submit-btn {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#017EFF;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:700;
	letter-spacing:-0.5px;
	text-align:center;
}
.bizprofile-default .form-box .form-sub-btn {
	display:flex;
	justify-content:center;
	margin-top: 20px;
}
.bizprofile-default .form-box .form-sub-btn a {
	padding: 0px 10px;
	color: #F00000;
	font-size:12px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.bizprofile-info {
	padding: 60px 20px 40px;
	background: #fafafa;
}
.bizprofile-info > h3 {
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}
.bizprofile-info .form-box {
	max-width: 500px;
	margin: 20px auto 0px;
	font-size: 0px;
}
.bizprofile-info .form-box .image-swiper {
	margin-top: 5px;
	margin-left: -20px;
	margin-right: -20px;
}
.bizprofile-info .form-box .image-swiper > p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding: 0px 20px;
	color: #017EFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
}
.bizprofile-info .form-box .image-swiper > p span {
	color: #999;
}
.bizprofile-info .form-box .image-swiper .swiper-slide {
	width: 180px;
	height: 120px;
	background: #fff;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow: hidden;
}
.bizprofile-info .form-box .image-swiper .swiper-slide.loading {
	background: #EFEFEF url(../img/icon_image_upload.svg) no-repeat center center;
	background-size: auto 16px;
}
.bizprofile-info .form-box .image-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bizprofile-info .form-box .image-swiper .swiper-slide .delete-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	width: 24px;
	height: 24px;
	background: url(../img/icon_delete_btn.svg) no-repeat center center;
	background-size: 24px 24px;
	border: none;
	border-radius: 50%;
	font-size: 0px;
}
.bizprofile-info .form-box .image-swiper .swiper-slide.add-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px 0px;
	width: 120px;
	background: #fff;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}
.bizprofile-info .form-box .image-swiper .swiper-slide.add-btn input {
	display: none;
}
.bizprofile-info .form-box .image-swiper .swiper-slide.add-btn:before {
	width: 24px;
	height: 16px;
	background: url(../img/icon_image_upload.svg) no-repeat center center;
	background-size: auto 16px;
	content: '';
}
.bizprofile-info .form-box .image-swiper .swiper-prev,
.bizprofile-info .form-box .image-swiper .swiper-next {
	display: none;
	cursor: pointer;
}
.bizprofile-info .form-box .form-row.textarea {
}
.bizprofile-info .form-box .form-row.textarea textarea {
	display: block;
	width: 100%;
	height: 120px;
	padding: 16px 20px;
	background: #FFF;
	border: 1px solid rgba(204, 204, 204, 0.80);
	border-radius: 6px;
	color: #000;
	font-size:12px;
	line-height: 140%;
	box-sizing: border-box;
	resize: none;
}
.bizprofile-info .form-box .form-row.textarea textarea::placeholder {
	color:#999;
}
.bizprofile-info .form-box .form-row.textarea textarea::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.bizprofile-info .form-box .form-row.textarea textarea::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 5px;
}
.bizprofile-info .form-box .form-row.textarea textarea::-webkit-scrollbar-thumb:hover {
  background: #878787;
}
.bizprofile-info .form-box .form-row.textarea textarea::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}
.bizprofile-info .form-box .form-row.textarea p {
	margin-top: 10px;
	color:#999;
	font-size:12px;
	font-weight: 700;
	line-height: 140%;
	text-align: right;
}
.bizprofile-info .form-box .form-row + .form-row {
	margin-top: 10px;
}
.bizprofile-info .form-box .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.bizprofile-info .form-box .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.bizprofile-info .form-box .form-row-title + .form-row {
	margin-top: 10px;
}

.bizprofile-info .form-box .form-btn {
	margin-top:20px;
}
.bizprofile-info .form-box .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#017EFF;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:700;
	letter-spacing:-0.5px;
	text-align:center;
}

.bizprofile-seo {
	padding: 60px 20px 40px;
	background: #fafafa;
}
.bizprofile-seo > h3 {
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}
.bizprofile-seo .form-box {
	max-width: 500px;
	margin: 20px auto 0px;
	font-size: 0px;
}
.bizprofile-seo .form-box .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.bizprofile-seo .form-box .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.bizprofile-seo .form-box .form-row-title + .form-row {
	margin-top: 10px;
}
.bizprofile-seo .form-box .biz-link-row {
	display: flex;
	gap:0px 10px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px;
}
.bizprofile-seo .form-box .biz-link-row > p:not(.error-msg) {
	flex-shrink: 0;
	margin-top: 0px;
	color: #000;
	font-size:12px;
	line-height: 140%;
}
.bizprofile-seo .form-box .biz-link-row .form-row {
	flex: 1;
}
.bizprofile-seo .form-box .biz-link-row .error-msg {
	width:100%;
	margin-top: 10px;
	color:#e90000;
	font-size:12px;
	line-height:140%;
}
.bizprofile-seo .form-box .biz-link-row .error-msg.default {
	color: #017EFF;
}
.bizprofile-seo .form-box .form-row.textarea {
}
.bizprofile-seo .form-box .form-row.textarea textarea {
	display: block;
	width: 100%;
	height: 120px;
	padding: 16px 20px;
	background: #FFF;
	border: 1px solid rgba(204, 204, 204, 0.80);
	border-radius: 6px;
	color: #000;
	font-size:12px;
	line-height: 140%;
	box-sizing: border-box;
	resize: none;
}
.bizprofile-seo .form-box .form-row.textarea textarea::placeholder {
	color:#999;
}
.bizprofile-seo .form-box .form-row.textarea textarea::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.bizprofile-seo .form-box .form-row.textarea textarea::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 5px;
}
.bizprofile-seo .form-box .form-row.textarea textarea::-webkit-scrollbar-thumb:hover {
  background: #878787;
}
.bizprofile-seo .form-box .form-row.textarea textarea::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}
.bizprofile-seo .form-box .form-row.textarea p {
	margin-top: 10px;
	color:#999;
	font-size:12px;
	line-height: 140%;
}

.bizprofile-seo .form-box .form-btn {
	margin-top:20px;
}
.bizprofile-seo .form-box .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#017EFF;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:700;
	letter-spacing:-0.5px;
	text-align:center;
}

.bizprofile-post {
	padding: 60px 20px 40px;
	background: #fafafa;
}
.bizprofile-post > h3 {
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}
.bizprofile-post .table-head-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 18px auto 20px;
}
.bizprofile-post .table-head-box .left-group {
}
.bizprofile-post .table-head-box .left-group h4 {
	display: flex;
	gap: 0px 5px;
	align-items: center;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 120%;
}
.bizprofile-post .table-head-box .left-group h4 strong {
	color: #017EFF;
}
.bizprofile-post .table-head-box .right-group {
	display: flex;
	align-items: center;
	gap: 0px 5px;
}
.bizprofile-post .table-head-box .right-group .post-delete-btn {
	width: 88px;
	height: 32px;
	background: #fff;
	border: 1px solid #f00000;
	border-radius: 4px;
	color: #f00000;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}
.bizprofile-post .table-head-box .right-group .edit-btn {
	width: 88px;
	height: 32px;
	background: #017EFF;
	border: 1px solid #017EFF;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.bizprofile-post .table-style01 {
	max-width: 1200px;
	margin: 0 auto;
}
.bizprofile-post .table-style01 .thumb-box {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.bizprofile-post .table-style01 .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bizprofile-post .table-style01 table thead tr th:nth-child(1) {
	width: 50px;
}
.bizprofile-post .table-style01 table thead tr th:nth-child(2),
.bizprofile-post .table-style01 table tbody tr td:nth-child(2){
	display: none;
}
.bizprofile-post .table-style01 table thead tr th:nth-child(3),
.bizprofile-post .table-style01 table tbody tr td:nth-child(3){
	width: 60px;
	padding-left: 0px;
	padding-right: 0px;
}
.bizprofile-post .table-style01 table thead tr th:nth-child(4) {
	padding-left: 12px;
	padding-right: 12px;
}
.bizprofile-post .table-style01 table thead tr th:nth-child(5) {
	width: 100px;
}
.bizprofile-post .table-style01 table tbody tr td {
	padding: 16px 10px;
}
.bizprofile-post .table-style01 table tbody tr:hover td {
	background: rgba(78, 129, 255, 0.05);
}

.bizprofile-post-edit {
	padding: 60px 20px 40px;
	background: #fafafa;
}
.bizprofile-post-edit > h3 {
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}
.bizprofile-post-edit .form-box {
	max-width: 800px;
	margin: 20px auto 0px;
	font-size: 0px;
}
.bizprofile-post-edit .form-box .thumb-row {
	margin-top: 5px;
}
.bizprofile-post-edit .form-box .thumb-row > p {
	color: #017EFF;
	font-size: 12px;
	line-height: 140%;
}
.bizprofile-post-edit .form-box .thumb-row input {
	display: none;
}
.bizprofile-post-edit .form-box .thumb-row label {
	display: inline-block;
	width: 120px;
	height: 120px;
	margin-top: 20px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.bizprofile-post-edit .form-box .thumb-row label .before-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	gap: 10px 0px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
}
.bizprofile-post-edit .form-box .thumb-row label .before-box:before {
	width: 24px;
	height: 16px;
	background: url(../img/icon_image_upload.svg) no-repeat center center;
	background-size: auto 16px;
	content: '';
}
.bizprofile-post-edit .form-box .thumb-row label .after-box {
	position: relative;
	width: 100%;
	height: 100%;
}
.bizprofile-post-edit .form-box .thumb-row label .after-box .picture {
	width: 100%;
	height: 100%;
}
.bizprofile-post-edit .form-box .thumb-row label .after-box .picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bizprofile-post-edit .form-box .thumb-row label .after-box .hover {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	padding: 0px 8px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.bizprofile-post-edit .form-box .form-row-line {
	height: 1px;
	margin: 20px 0px;
	background: #dcdcdc;
}
.bizprofile-post-edit .form-box .form-row-title {
	color: #000;
	font-size:14px;
	font-weight:700;
	line-height:140%;
}
.bizprofile-post-edit .form-box .form-row-title span {
	color:#f00000;
}
.bizprofile-post-edit .form-box .form-row-title + .form-row {
	margin-top: 10px;
}
.bizprofile-post-edit .form-box .form-row.editor {
	background: #fff;
}
.bizprofile-post-edit .form-box .form-row.editor textarea {
	width: 100%;
	height: 240px;
	opacity: 0;
}

.bizprofile-post-edit .form-box .form-btn {
	display: flex;
	align-items: center;
	gap: 0px 10px;
	margin-top:20px;
}
.bizprofile-post-edit .form-box .form-btn input[type=submit] {
	flex: 1;
	height:40px;
	margin:0px;
	padding:0px;
	background:#017EFF;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	font-weight:700;
	letter-spacing:-0.5px;
	text-align:center;
}
.bizprofile-post-edit .form-box .form-btn .back-btn {
	flex: 1;
	height:40px;
	margin:0px;
	padding:0px;
	background:#fff;
	border: 1px solid #DCDCDC;
	border-radius:6px;
	color:#000;
	font-size:12px;
	font-weight:700;
	letter-spacing:-0.5px;
	text-align:center;
}

.biz-profile {
	background: #ccc;
	min-height: 100vh;
}
.biz-profile .profile-box {
	max-width: 768px;
	min-height: 100vh;
	margin: 0 auto;
	background: #FAFAFA;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.biz-profile .profile-box .image-swiper {
	box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.05) inset;
}
.biz-profile .profile-box .image-swiper .swiper-slide {
	height: 244px;
}
.biz-profile .profile-box .image-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.biz-profile .profile-box .image-swiper .pagination {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 50%;
	z-index: 10;
	width: auto;
	font-size: 0px;
	transform: translateX(-50%);
}
.biz-profile .profile-box .image-swiper .pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0px 2px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4);
}
.biz-profile .profile-box .image-swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgba(0, 0, 0, 1);
}
.biz-profile .profile-box .info-box {
	padding: 20px 0px 0px;
	background: #FFF;
	border-bottom: 1px solid rgba(220, 220, 220, 0.50);
	font-size: 0px;
	z-index: 10;
}
.biz-profile .profile-box .info-box .head {
	display: flex;
	align-items: center;
	gap: 0px 8px;
	padding: 0px 20px;
	background: #fff;
}
.biz-profile .profile-box .info-box .head .thumb {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	overflow: hidden;
}
.biz-profile .profile-box .info-box .head .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.biz-profile .profile-box .info-box .head .text {
	flex: 1;
	overflow: hidden;
}
.biz-profile .profile-box .info-box .head .text h6 {
	max-width: 100%;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .info-box .head .text h6 .check {
	display:inline-block;
	width: 10px;
	height: 10px;
	margin-left: 2px;
	background:#fff url(../img/icon_profile_check.svg) no-repeat center center;
	background-size: 10px 10px;
	vertical-align: middle;
}
.biz-profile .profile-box .info-box .head .text p {
	color: #999;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.biz-profile .profile-box .info-box .body {
	z-index: 11;
	margin-top: 10px;
	padding: 20px;
	background: #fff;
}
.biz-profile .profile-box .info-box .body:before {
	position: absolute;
	top: 0px;
	left: 20px;
	right: 20px;
	z-index: 1;
	height: 1px;
	background: rgba(220, 220, 220, 0.50);
	content: "";
}
.biz-profile .profile-box .info-box .body dl {
}
.biz-profile .profile-box .info-box .body dl dt {
	color: #999;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.biz-profile .profile-box .info-box .body dl dd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	margin-top: 5px;
}
.biz-profile .profile-box .info-box .body dl dd a:not(.talk) {
	display: flex;
	gap: 0px 5px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .info-box .body dl dd a:not(.talk):before {
	width: 24px;
	height: 24px;
	background: url(../img/icon_call.svg) no-repeat center center;
	background-size: 24px 24px;
	content: "";
}
.biz-profile .profile-box .info-box .body dl dd .talk-box {
	display: flex;
	align-items: center;
	gap: 0px 20px;
	margin-left: 20px;
}
.biz-profile .profile-box .info-box .body dl dd .talk-box .line {
	width: 1px;
	height: 16px;
	background: rgba(220, 220, 220, 0.50);
}
.biz-profile .profile-box .info-box .body dl dd .talk-box .talk {
	width: 40px;
	height: 40px;
	background: url(../img/icon_talk_link.svg) no-repeat center center;
	background-size: 40px 40px;
	border-radius: 50%;
	font-size: 0px;
}
.biz-profile .profile-box .info-box .foot {
	display: flex;
	align-items: center;
	gap: 0px 20px;
	padding: 10px 20px;
	background: #fff;
	border-top: 1px solid rgba(220, 220, 220, 0.50);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.biz-profile .profile-box .info-box .foot.fixed {
	position: fixed;
	top: 0px;
	left: 50%;
	z-index: 100;
	width: 100%;
	max-width: 768px;
	transform: translateX(-50%);
}
.biz-profile .profile-box .info-box .foot button {
	flex: 1;
	height: 32px;
	background: transparent;
	border: none;
	border-radius: 16px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .info-box .foot button.on {
	background: #017EFF;
	color: #fff;
}
.biz-profile .profile-box .info-box .foot .line {
	width: 1px;
	height: 16px;
	background: rgba(220, 220, 220, 0.50);
}
.biz-profile .profile-box .info-box .foot-area {
}
.biz-profile .profile-box .notice-box {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid rgba(220, 220, 220, 0.50);
}
.biz-profile .profile-box .notice-box dl {
}
.biz-profile .profile-box .notice-box dl dt {
	display: flex;
	align-items: center;
	gap: 0px 5px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .notice-box dl dt:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_notice.svg) no-repeat center center;
	background-size: 16px 16px;
	content: "";
}
.biz-profile .profile-box .notice-box dl dd {
	margin-top: 10px;
	padding: 10px;
	background: rgba(1, 126, 255, 0.10);
	border-radius: 10px;
}
.biz-profile .profile-box .notice-box dl dd button {
	background: transparent;
	border: none;
	color: #000;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: left;
	cursor: default;
}
.biz-profile .profile-box .notice-box dl dd button.line-over {
	display: -webkit-box;
	max-height: 67.2px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	cursor: pointer;
}
.biz-profile .profile-box .notice-box dl dd button.line-over + span {
	color: #999;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	cursor:pointer;
}
.biz-profile .profile-box .notice-box dl dd button.line-over.toggle {
	max-height: none;
	-webkit-line-clamp: none;
	overflow: visible;
}
.biz-profile .profile-box .intro-box {
	padding: 20px;
	background: #fff;
	border-top: 1px solid rgba(220, 220, 220, 0.50);
}
.biz-profile .profile-box .intro-box dl {
}
.biz-profile .profile-box .intro-box dl dt {
	display: flex;
	align-items: center;
	gap: 0px 5px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .intro-box dl dt:before {
	width: 24px;
	height: 24px;
	background: url(../img/icon_shop.svg) no-repeat center center;
	background-size: 24px 24px;
	content: "";
}
.biz-profile .profile-box .intro-box dl dd {
	margin-top: 10px;
	padding: 10px;
	background: #F5F5F5;
	border-radius: 10px;
}
.biz-profile .profile-box .intro-box dl dd button {
	width: 100%;
	background: transparent;
	border: none;
	color: #000;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: left;
	cursor: default;
}
.biz-profile .profile-box .intro-box dl dd button.line-over {
	display: -webkit-box;
	max-height: 67.2px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	cursor: pointer;
}
.biz-profile .profile-box .intro-box dl dd button.line-over + span {
	color: #999;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	cursor:pointer;
}
.biz-profile .profile-box .intro-box dl dd button.line-over.toggle {
	max-height: none;
	-webkit-line-clamp: none;
	overflow: visible;
}
.biz-profile .profile-box .map-box {
	padding: 20px 20px 40px;
	background: #fff;
	border-bottom: 1px solid rgba(220, 220, 220, 0.50);
}
.biz-profile .profile-box .map-box dl {
}
.biz-profile .profile-box .map-box dl dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.biz-profile .profile-box .map-box dl dt strong {
	display: flex;
	gap: 0px 5px;
	align-items: center;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .map-box dl dt strong:before {
	width: 14px;
	height: 18px;
	background: url(../img/icon_profile_pin.svg) no-repeat center center;
	background-size: 14px 18px;
	content: "";
}
.biz-profile .profile-box .map-box dl dt button {
	padding: 5px 10px;
	background: #000;
	border: none;
	border-radius: 15px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .map-box dl dd {
}
.biz-profile .profile-box .map-box dl dd #map {
	height: 160px;
	margin: 10px 0px;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.biz-profile .profile-box .map-box dl dd #map .marker {
	width: 32px;
	height: 32px;
	background: url(../img/icon_map_pin.svg) no-repeat center center;
	background-size: 32px 32px;
	font-size: 0px;
	transform: translateY(-10px);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.biz-profile .profile-box .map-box dl dd a > p {
	display: flex;
	gap: 0px 5px;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	color: #000;
	font-size: 16px;
	line-height: 140%;
}
.biz-profile .profile-box .map-box dl dd a > p:before {
	flex-shrink: 0;
	width: 16px;
	height: 22.4px;
	background: url(../img/icon_profile_location.svg) no-repeat center center;
	background-size: 16px 16px;
	content: "";
}
.biz-profile .profile-box .post-box {
	padding: 20px 20px 40px;
	background: #fff;
}
.biz-profile .profile-box .post-box dl {
}
.biz-profile .profile-box .post-box dl dt {
	display: flex;
	align-items: center;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .post-box dl dt:before {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(../img/icon_msg.svg) no-repeat center center;
	background-size: 16px 16px;
	content: "";
}
.biz-profile .profile-box .post-box dl dt strong {
	color: #017EFF;
}
.biz-profile .profile-box .post-box dl dd {
	padding: 20px 0px;
}
.biz-profile .profile-box .post-box dl dd .list-box {
	display: flex;
	gap: 20px 10px;
	flex-wrap: wrap;
}
.biz-profile .profile-box .post-box dl dd .list-box .empty {
	width: 100%;
	padding: 60px 0px;
	color: #999;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
}
.biz-profile .profile-box .post-box dl dd .list-box a {
	width: calc((100% - 10px) / 2);
}
.biz-profile .profile-box .post-box dl dd .list-box a .thumb {
	width: 100%;
	padding-top: 100%;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.biz-profile .profile-box .post-box dl dd .list-box a .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.biz-profile .profile-box .post-box dl dd .list-box a h6 {
	margin-top: 5px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
	display: -webkit-box;
	max-height: 44.8px;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.biz-profile .profile-box .post-box dl dd .list-box a p {
	color: rgba(153, 153, 153, 0.60);
	font-size: 12px;
	line-height: 140%;
}
.biz-profile .profile-box .post-box dl dd .more-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 38px;
	margin-top: 40px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 19px;
	color: #666;
	font-size: 16px;
	letter-spacing: -0.5px;
}
.biz-profile .profile-box .post-box dl dd .more-btn:after {
	width: 20px;
	height: 20px;
	background: url(../img/arrow_drop_down.svg) no-repeat center center;
	background-size: 20px 20px;
	content: "";
}
.biz-profile .profile-footer {
	padding: 50px 0px;
	border-top: 1px solid rgba(220, 220, 220, 0.50);
	color: #ccc;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: -0.5px;
	text-align: center;
}

.biz-profile .profile-post-box {
	max-width: 768px;
	min-height: 100vh;
	margin: 0 auto;
	background: #FAFAFA;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.biz-profile .profile-post-box .header {
	position: fixed;
	top: 0px;
	left: 50%;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 768px;
	height: 50px;
	padding: 0px 52px;
	background: #fff;
	border-bottom: 1px solid rgba(220, 220, 220, 0.50);
	transform: translateX(-50%);
}
.biz-profile .profile-post-box .header .back-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 52px;
	background: url(../img/icon_profile_back.svg) no-repeat center center;
	background-size: 20px 20px;
	border: none;
	font-size: 0px;
}
.biz-profile .profile-post-box .header .title-box {
	display: flex;
	gap: 0px 2px;
	justify-content: center;
	align-items: center;
	max-width: 100%;
}
.biz-profile .profile-post-box .header .title-box h1 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.biz-profile .profile-post-box .header .title-box .check {
	flex-shrink:0;
	width: 10px;
	height: 10px;
	background:#fff url(../img/icon_profile_check.svg) no-repeat center center;
	background-size: 10px 10px;
}
.biz-profile .profile-post-box .post-content-box {
	margin-top: 50px;
	padding: 40px 20px 80px;
	background: #fff;
}
.biz-profile .profile-post-box .post-content-box .head {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DCDCDC;
}
.biz-profile .profile-post-box .post-content-box .head h6 {
	display: flex;
	align-items: center;
	gap: 0px 5px;
	color: #999;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-post-box .post-content-box .head h6:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_msg.svg) no-repeat center center;
	background-size: 16px 16px;
	filter: brightness(0) saturate(100%) invert(67%) sepia(4%) saturate(13%) hue-rotate(52deg) brightness(90%) contrast(94%);
	content: "";
}
.biz-profile .profile-post-box .post-content-box .head h3 {
	margin-top: 10px;
	color:#000;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-post-box .post-content-box .head p {
	margin-top: 5px;
	color: #999;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-post-box .post-content-box .content {
	color: #000;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.biz-profile .profile-post-box .post-content-box .content img {
	max-width: 100%;
}

.board-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100000000;
	background: rgba(0, 0, 0, 0.50);
}
.board-overlay .scroll-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}
.board-overlay .scroll-box:before,
.board-overlay .scroll-box:after {
	flex-shrink: 0;
	height: 0px;
	content: "";
}
.board-overlay .scroll-box .content-box {
	flex: 1;
	width: 100%;
	max-width: 1000px;
	background:#fff; 
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}
.board-overlay .scroll-box .content-box .head {
	padding: 15px 20px;
	border-bottom: 1px solid #DDD;
}
.board-overlay .scroll-box .content-box .head .building-info {
	padding-right: 30px;
}
.board-overlay .scroll-box .content-box .head .building-info h6 {
	color:#000;
	font-size:20px;;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.board-overlay .scroll-box .content-box .head .building-info h6 strong {
	color: #017EFF;
	font-weight: 700;
}
.board-overlay .scroll-box .content-box .head .building-info p {
	margin-top: 2px;
	color: #808080;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.5px;
}
.board-overlay .scroll-box .content-box .head .tabs {
	flex-shrink: 0;
	display: flex;
	gap: 0px 10px;
	margin-top: 10px;
}
.board-overlay .scroll-box .content-box .head .tabs button {
	flex: 1;
	height:52px;
	background:#d0d0d0;
	border: none;
	border-radius: 8px;
	color: #646464;
	font-size: 14px;
	font-weight: 700;
}
.board-overlay .scroll-box .content-box .head .tabs button.on {
	background: #017EFF;
	color: #fff;
}
.board-overlay .scroll-box .content-box .head .close-btn {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 1;
	width: 40px;
	height: 40px;
	background: url(../img/icon_board_m_close.svg) no-repeat center center;
	background-size: 40px 40px;
	border: none;
	border-radius: 50%;
	font-size: 0px;
}

.board-overlay .scroll-box .content-box .body {
}
.board-overlay .scroll-box .content-box .body .tab-box {
	display: none;
}
.board-overlay .scroll-box .content-box .body .tab-box.on {
	display: block;
}
.board-overlay .scroll-box .content-box .body .ad-box {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	padding: 20px 20px 40px 20px;
}
.board-overlay .scroll-box .content-box .body .board-box {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	padding: 20px 20px 40px 20px;
	border-bottom: 1px solid #dcdcdc;
}
.board-overlay .scroll-box .content-box .body .ad-box.empty,
.board-overlay .scroll-box .content-box .body .board-box.empty {
	flex: 1;
	justify-content: center;
	align-items: center;
	padding: 40px 0px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: center;
}
.board-overlay .scroll-box .content-box .body .ad-box .board-item,
.board-overlay .scroll-box .content-box .body .board-box .board-item {
	width:calc((100% - 20px) / 2);
	max-width: 223px;
}
.board-overlay .scroll-box .content-box .body .ad-box .board-item p,
.board-overlay .scroll-box .content-box .body .board-box .board-item p {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: center;
}
.board-overlay .scroll-box .content-box .body .ad-box .board-item .thumb,
.board-overlay .scroll-box .content-box .body .board-box .board-item .thumb {
	aspect-ratio: 1 / 1.414;
	margin-top: 5px;
	border-radius: 10px;
	border: 1px solid #DCDCDC;
	overflow: hidden;
}
.board-overlay .scroll-box .content-box .body .ad-box .board-item .thumb.empty,
.board-overlay .scroll-box .content-box .body .board-box .board-item .thumb.empty {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EEE;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: center;
}
.board-overlay .scroll-box .content-box .body .ad-box .board-item .thumb img,
.board-overlay .scroll-box .content-box .body .board-box .board-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.board-overlay .scroll-box .content-box .body .category-bar {
	display: flex;
	gap: 0px 10px;
	margin: 20px 0px;
	padding: 0px 20px;
	overflow-x: auto;
  white-space: nowrap;
}
.board-overlay .scroll-box .content-box .body .category-bar::-webkit-scrollbar {
	display:none;
}
.board-overlay .scroll-box .content-box .body .category-bar button {
	min-width: 80px;
	height: 40px;
	padding: 0px 8px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	color:#646464;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
}
.board-overlay .scroll-box .content-box .body .category-bar button.on {
	border-color: #017EFF;
	color: #017EFF;
}
.board-overlay .scroll-box .content-box .body .list-box {
	padding: 0px 20px;
}
.board-overlay .scroll-box .content-box .body .list-box .empty {
	flex: 1;
	justify-content: center;
	align-items: center;
	padding: 40px 0px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.5px;
	text-align: center;
}
.board-overlay .scroll-box .content-box .body .list-box > a {
	display: block;
	width: 100%;
}
.board-overlay .scroll-box .content-box .body .list-box > a + a {
	margin-top: 20px;
}
.board-overlay .scroll-box .content-box .body .list-box > a .thumb {
	aspect-ratio: 1 / 0.679;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.board-overlay .scroll-box .content-box .body .list-box > a .thumb:not(.empty) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.board-overlay .scroll-box .content-box .body .list-box > a .thumb.empty {
	display: flex;
	justify-content: center;
	align-items: center;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 0px 10px;
	margin-top: 10px;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box {
	flex: 1;
	display: flex;
	gap: 0px 10px;
	align-items: center;
	overflow: hidden;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .profile {
	width: 45px;
	height: 45px;
	border: 1px solid #DCDCDC;
	border-radius: 50%;
	overflow: hidden;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .profile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .text {
	flex: 1;
	overflow: hidden;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .text p {
	color:#999;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .text h6 {
	display:flex;
	gap: 0px 2px;
	align-items: center;
	max-width:100%;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .text h6 strong {
	flex: 1;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing:-0.5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box .profile-box .text h6 .check {
	flex-shrink:0;
	width: 14px;
	height: 14px;
	background:#fff url(../img/icon_profile_check.svg) no-repeat center center;
	background-size: 14px 14px;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box > p {
	color:#999;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.board-overlay .scroll-box .content-box .body .list-box > a .info-box > p.ad {
	height: 25px;
	padding: 0px 8px;
	border: 1px solid #017EFF;
	border-radius: 5px;
	color: #017EFF;
	line-height: 23px;
	box-sizing: border-box;
}
.board-overlay .scroll-box .content-box .body .paging {
	margin: 0px;
	padding: 40px 0px;
}

.board-marker {
	width: 160px;
	background: #fff;
	border: none;
	border-radius: 8px;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
	overflow: hidden;
}
.board-marker .thumb {
	width: 100%;
	height: 100px;
}
.board-marker .thumb.empty {
	border-radius: 8px 8px 0px 0px;
	background: rgba(0, 0, 0, 0.10) url(../img/icon_building.svg) no-repeat center center;
}
.board-marker .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.board-marker .text {
	width: 100%;
	padding: 10px 8px;
}
.board-marker .text p {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -1px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.board-marker span {
	position:absolute;
	bottom:-6px;
	left:50%;
	display:inline-block;
	background-color:#fff;
	text-align: left;
	margin-left:-3px;
}
.board-marker span:before,
.board-marker span:after {
	content: '';
	position: absolute;
	background-color: inherit;
}
.board-marker span,
.board-marker span:before,
.board-marker span:after {
	width:  6px;
	height: 6px;
	border-bottom-left-radius: 50%;
}

.board-marker span {
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.board-marker span:before {
	transform: rotate(45deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.board-marker span:after {
	transform: rotate(-45deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

/* 리워드 보드 탭 · 시청 레이어 (M1-B) */
.board-overlay .scroll-box .content-box .body .tab-box[data-tab="reward"] .list-box {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	padding: 20px 20px 40px 20px;
}
.reward-board-item {
	width: calc((100% - 60px) / 4);
	cursor: pointer;
}
.reward-board-item.is-cooldown {
	opacity: 0.55;
	cursor: default;
}
.reward-board-item > p {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.5px;
	text-align: center;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.reward-board-item .thumb {
	position: relative;
	aspect-ratio: 1 / 1.414;
	margin-top: 5px;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow: hidden;
	background: #eee;
}
.reward-board-item .thumb.empty {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee url('/care/assets/img/icon_thumb_empty.svg') center/40px auto no-repeat;
}
.reward-board-item .thumb:not(.empty) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reward-play-badge {
	position: absolute;
	right: 4px;
	bottom: 4px;
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 9px;
	font-weight: 700;
	color: #fff;
	background: rgba(0,0,0,0.6);
	padding: 2px 5px;
	border-radius: 3px;
	letter-spacing: 0.2px;
}
.reward-board-item .reward-pts {
	font-size: 13px;
	color: #017EFF;
	font-weight: 700;
	text-align: center;
	margin-top: 4px;
}
.reward-cooldown-label {
	font-size: 11px;
	color: #999;
	font-weight: 400;
}

/* === 리워드 보드 — 시청 상태 스타일 === */
.reward-board-item.is-completed {
	opacity: 0.7;
	cursor: default;
}
.reward-board-item.is-login-required {
	opacity: 0.6;
	cursor: default;
}
.reward-rewatch-badge {
	position: absolute;
	left: 4px;
	bottom: 4px;
	z-index: 3;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background: #017EFF;
	padding: 2px 6px;
	border-radius: 3px;
	letter-spacing: 0.2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.reward-state-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	text-align: center;
	pointer-events: none;
	padding: 8px;
}
.reward-state-overlay .rs-icon {
	width: 26px;
	height: 26px;
	opacity: 0.95;
}
.reward-state-overlay .rs-text {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.3px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

/* === 리워드 뷰어 — 전체화면 시네마 플레이어 === */
.reward-watch-layer {
	position: fixed;
	inset: 0;
	z-index: 200000000;
	background: rgba(0, 0, 0, 0.90);
	display: flex;
	align-items: center;
	justify-content: center;
}
.reward-watch-inner {
	position: relative;
	width: 88vw;
	height: 90vh;
	max-width: 1080px;
	background: #0d1117;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 32px 100px rgba(0, 0, 0, 0.8);
}

/* 헤더 */
.reward-watch-header {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 20px;
	background: rgba(255, 255, 255, 0.04);
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.reward-watch-header__info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.reward-watch-header .reward-watch-title {
	font-size: 15px;
	font-weight: 700;
	color: #f1f5f9;
	margin: 0;
	word-break: keep-all;
	line-height: 1.4;
}
.rw-rewatch-badge {
	display: inline-block;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 600;
	color: #60a5fa;
	background: rgba(96, 165, 250, 0.15);
	border-radius: 20px;
	width: fit-content;
}
.reward-watch-close {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: rgba(255, 255, 255, 0.08);
	cursor: pointer;
	color: #cbd5e1;
	padding: 0;
	border-radius: 50%;
	transition: background 0.15s;
}
.reward-watch-close:hover { background: rgba(255, 255, 255, 0.16); }

/* 미디어 영역 — 나머지 공간 전부 */
.reward-watch-media-wrap {
	position: relative;
	flex: 1;
	overflow: hidden;
	background: #000;
	min-height: 0;
}
.reward-watch-media {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
}
.reward-watch-video,
.reward-watch-img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
}

/* 시작 오버레이 */
.reward-start-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	background: rgba(0, 0, 0, 0.52);
}
.reward-play-btn {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.55);
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s, transform 0.2s, border-color 0.2s;
}
.reward-play-btn:hover {
	background: rgba(255, 255, 255, 0.26);
	border-color: rgba(255, 255, 255, 0.9);
	transform: scale(1.1);
}
.reward-start-hint {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75);
	text-align: center;
	margin: 0;
	letter-spacing: -0.2px;
}

/* 탭이탈 경고 */
.rw-tab-warning {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 20px;
	background: rgba(251, 191, 36, 0.10);
	border-top: 1px solid rgba(251, 191, 36, 0.25);
	color: #fbbf24;
	font-size: 12px;
	font-weight: 500;
}

/* 진행바 + 메타 */
.reward-watch-footer {
	flex-shrink: 0;
	padding: 12px 20px 10px;
	background: rgba(255, 255, 255, 0.03);
	border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.rw-progress-track {
	width: 100%;
	height: 4px;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 99px;
	overflow: hidden;
	margin-bottom: 8px;
}
.rw-progress-fill {
	height: 100%;
	background: #017EFF;
	border-radius: 99px;
	transition: width 0.4s linear;
	width: 0%;
}
.rw-footer-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.rw-timer-text {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4);
}
.rw-pts-preview {
	font-size: 13px;
	font-weight: 700;
	color: #60a5fa;
}

/* 에러 메시지 */
.rw-error-msg {
	flex-shrink: 0;
	font-size: 13px;
	color: #f87171;
	text-align: center;
	padding: 8px 20px;
	background: rgba(239, 68, 68, 0.10);
	border-top: 1px solid rgba(239, 68, 68, 0.2);
}
.rw-retry-btn {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 10px;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid #f87171;
	border-radius: 4px;
	background: transparent;
	color: #f87171;
	cursor: pointer;
}

/* 포인트 받기 버튼 */
.btn-reward-claim {
	flex-shrink: 0;
	width: 100%;
	padding: 16px;
	font-size: 15px;
	font-weight: 700;
	border: none;
	border-radius: 0 0 16px 16px;
	background: #017EFF;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background 0.15s;
}
.btn-reward-claim:hover:not(:disabled) { background: #0069d9; }
.btn-reward-claim:disabled {
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.25);
	cursor: not-allowed;
}

/* 완료 모달 */
.reward-complete-modal {
	position: fixed;
	inset: 0;
	z-index: 200000001;
	background: rgba(0, 0, 0, 0.72);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	box-sizing: border-box;
}
.reward-complete-inner {
	background: #fff;
	border-radius: 20px;
	padding: 36px 28px 28px;
	max-width: 340px;
	width: 100%;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
	animation: rwCompleteIn 0.22s ease;
}
.reward-complete-icon {
	margin-bottom: 16px;
}
.reward-complete-pts {
	font-size: 32px;
	font-weight: 800;
	color: #017EFF;
	margin: 0 0 4px;
	line-height: 1.2;
}
.reward-complete-sub {
	font-size: 14px;
	color: #6b7280;
	margin: 0 0 24px;
}
.reward-complete-actions {
	display: flex;
	gap: 8px;
}
.reward-complete-mall-btn,
.reward-complete-close-btn {
	flex: 1;
	padding: 13px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.15s;
}
.reward-complete-mall-btn {
	background: #017EFF;
	color: #fff;
	border: none;
}
.reward-complete-mall-btn:hover { opacity: 0.88; }
.reward-complete-close-btn {
	background: #f3f4f6;
	color: #374151;
	border: none;
}
.reward-complete-close-btn:hover { background: #e5e7eb; }

@keyframes rwCompleteIn {
	from { opacity: 0; transform: scale(0.88); }
	to   { opacity: 1; transform: scale(1); }
}

/* === 부정행위 경고 토스트 === */
.rw-abuse-toast {
	position: absolute;
	top: 60px;
	right: 20px;
	z-index: 200000001;
	width: 320px;
	max-width: calc(100vw - 40px);
	display: flex;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	color: #fff;
	animation: rwToastIn 0.25s ease-out;
}
.rw-abuse-toast.is-hide {
	animation: rwToastOut 0.4s ease-in forwards;
}
.rw-abuse-toast.level-danger { background: rgba(239, 68, 68, 0.96); }
.rw-abuse-toast.level-warn   { background: rgba(251, 191, 36, 0.96); color: #1f2937; }
.rw-abuse-toast.level-info   { background: rgba(59, 130, 246, 0.96); }

.rw-abuse-toast__icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
}
.rw-abuse-toast.level-danger .rw-abuse-toast__icon::before { content: "⚠"; }
.rw-abuse-toast.level-warn   .rw-abuse-toast__icon::before { content: "⚠"; }
.rw-abuse-toast.level-info   .rw-abuse-toast__icon::before { content: "ℹ"; }

.rw-abuse-toast__body {
	flex: 1;
	min-width: 0;
}
.rw-abuse-toast__title {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 2px;
}
.rw-abuse-toast__desc {
	font-size: 12px;
	line-height: 1.45;
	opacity: 0.92;
	word-break: keep-all;
}
.rw-abuse-toast__count {
	font-size: 11px;
	font-weight: 600;
	margin-top: 6px;
	opacity: 0.85;
}
.rw-abuse-toast__close {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border: none;
	background: transparent;
	color: inherit;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	opacity: 0.7;
	padding: 0;
}
.rw-abuse-toast__close:hover { opacity: 1; }

@keyframes rwToastIn {
	from { opacity: 0; transform: translateX(20px); }
	to   { opacity: 1; transform: translateX(0); }
}
@keyframes rwToastOut {
	from { opacity: 1; transform: translateX(0); }
	to   { opacity: 0; transform: translateX(20px); }
}

/* === 완료 모달 — 강화 (메타 + 컨페티) === */
.reward-complete-meta {
	margin: 0 0 20px;
	padding: 12px 14px;
	border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
	font-size: 13px;
}
.reward-complete-meta__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 4px 0;
}
.reward-complete-meta__title {
	color: #374151;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.reward-complete-meta__round {
	flex-shrink: 0;
	font-size: 11px;
	font-weight: 600;
	color: #60a5fa;
	background: rgba(96, 165, 250, 0.12);
	padding: 2px 8px;
	border-radius: 10px;
}
.reward-complete-meta__label {
	color: #6b7280;
	font-size: 12px;
}
.reward-complete-meta__total {
	color: #017EFF;
	font-weight: 700;
}

.reward-complete-confetti {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.reward-complete-confetti span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	opacity: 0;
}
.reward-complete-confetti.is-active span {
	animation: rwConfetti 1.2s ease-out forwards;
}
.reward-complete-confetti span:nth-child(1)  { background: #017EFF; --tx:  120px; --ty: -100px; animation-delay: 0.00s; }
.reward-complete-confetti span:nth-child(2)  { background: #fbbf24; --tx: -110px; --ty:  -90px; animation-delay: 0.05s; }
.reward-complete-confetti span:nth-child(3)  { background: #34d399; --tx:   80px; --ty: -130px; animation-delay: 0.08s; }
.reward-complete-confetti span:nth-child(4)  { background: #f87171; --tx: -140px; --ty:  -60px; animation-delay: 0.10s; }
.reward-complete-confetti span:nth-child(5)  { background: #a78bfa; --tx:  150px; --ty:  -40px; animation-delay: 0.12s; }
.reward-complete-confetti span:nth-child(6)  { background: #017EFF; --tx:  -90px; --ty: -120px; animation-delay: 0.15s; }
.reward-complete-confetti span:nth-child(7)  { background: #fbbf24; --tx:  100px; --ty:  -70px; animation-delay: 0.18s; }
.reward-complete-confetti span:nth-child(8)  { background: #34d399; --tx: -130px; --ty:  -50px; animation-delay: 0.20s; }
.reward-complete-confetti span:nth-child(9)  { background: #f87171; --tx:   60px; --ty: -110px; animation-delay: 0.22s; }
.reward-complete-confetti span:nth-child(10) { background: #a78bfa; --tx:  -70px; --ty:  -130px; animation-delay: 0.25s; }

@keyframes rwConfetti {
	0%   { opacity: 1; transform: translate(0, 0) scale(1); }
	100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(0.6); }
}

@media (max-width: 480px) {
	.rw-abuse-toast {
		top: 56px;
		right: 12px;
		left: 12px;
		width: auto;
	}
}