@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%;
  }
}

.mobile-none {
	display:none;
}

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

/* header */
#header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1010;
	height:56px;
	background:white;
	border-bottom:1px solid #eee;
	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 .sub-link-group {
	display: none;
	margin-left: 40px;
}
#header .logo .sub-link-text {
	position: relative;
	display: inline-block;
	padding: 0px 5px;
	margin: 0px 5px;
	color: #696969;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
}
#header .logo .sub-link-text.active {
	color: #4E81FF;
}
#header .logo .sub-link-text + .sub-link-text:before {
	position: absolute;
	top:50%;
	left: -5px;
	z-index: 1;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
	content: "";
}
#header .logo .sub-link-group .sub-link-text:first-child {
	margin-left: 0px;
}
#header .logo .sub-link-group .sub-link-text:last-child {
	margin-right: 0px;
}

#header.main .logo .sub-link-text {
	color: #fff;
}
#header .logo .kt-btn {
	display: none;
	justify-content: center;
	align-items: center;
	gap: 0px 4px;
	height: 44px;
	margin-left: 20px;
	padding: 0px 13px 0px 15px;
	background: #221E1F;
	border-radius: 22px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 44px;
}
#header .logo .kt-btn span {
	width: 21px;
	height: 44px;
	margin-top: -2px;
	background: url("../img/common/kt_logo.png") no-repeat center center;
	background-size: 20.5px 17px;
	font-size: 0px;
}
#header.main .logo .kt-btn {
	background: #fff;
	color: #000;
}
#header.main .logo .kt-btn span {
	background: url("../img/common/kt_logo_black.png") no-repeat center center;
	background-size: 20.5px 17px;
}

#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 .logo a:not(.sub-link) img {
	filter: brightness(0) saturate(100%) invert(32%) sepia(91%) saturate(3337%) hue-rotate(200deg) brightness(105%) contrast(104%);
}
#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;
	margin-right: 20px;
}
#header .gnb .board-list a {
	position: relative;
	margin: 0px 5px;
	padding: 0px 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
}
#header .gnb .board-list a + a:before {
	position: absolute;
	top: 50%;
	left: -5px;
	z-index: 1;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #ddd;
	content:"";
}
#header .gnb .board-list a.active {
	color:#4e81ff;
	font-weight: 700;
}
#header .gnb .board-list a:first-child {
	margin-left: 0px;
}
#header .gnb .board-list a:last-child {
	margin-right: 0px;
}

#header .gnb .board-list .cart-btn {
	width:40px;
	height:40px;
	background:transparent;
	border:none;
	line-height:40px;
	text-align:center;
}
#header .gnb .board-list .cart-btn img {
	width:32px;
	height:auto;
	margin-top: -5px;
}
#header .gnb .board-list .cart-btn .noti-circle {
	position:absolute;
	top:0px;
	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 .gnb .btn-list {
	display: inline-flex;
	align-items: center;
	gap: 0px 8px;
}
#header .gnb .btn-list .default-btn {
	position:relative;
	display: flex;
	justify-content:center;
	align-items: center;
	height: 40px;
	padding: 0px 12px;
	background: transparent;
	border: 1px solid #ddd;
	border-radius: 8px;
	color: #696969;
	font-size:14px;
}
#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 {
	padding: 0px;
	border: none;
	border-radius: 0px;
	transition: all 0.3s ease-in-out;
}
#header .gnb .btn-list .my-btn .profile-pic {
	width: 40px;
	height: 40px;
	background: url("../img/common/new_profile_img.svg") no-repeat center center;
	background-size: cover;
	border-radius: 50%;
	overflow: hidden;
}
#header .gnb .btn-list .my-btn .profile-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#header .gnb .btn-list .my-btn h6 {
	color: #221E1F;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}
#header .gnb .btn-list .my-btn p {
	margin-left: 4px;
	color: #221E1F;
	font-size: 16px;
	font-weight: 400;
	line-height: 36px;
}
#header .gnb .btn-list .my-btn:after {
	width: 8px;
	height: 8px;
	margin-left: 8px;
	background:url("../img/common/my_btn_arrow.svg") no-repeat center center;
	content:"";
}
#header .gnb .btn-list .my-btn.active {
}
#header .gnb .btn-list .my-btn.active:after {
	transform:rotate(180deg);
}
#header.main .gnb .btn-list .my-btn h6,
#header.main .gnb .btn-list .my-btn p {
	color: #fff;
}
#header.main .gnb .btn-list .my-btn:after {
	filter: brightness(0) invert(1);
}

#header .gnb .btn-list .my-btn .noti-circle {
	position: relative;
	top: -9px;
	left: 0px;
	right: auto;
	width: 8px;
	height: 8px;
	margin-right:2px;
	border: none;
}

#header .gnb .btn-list .go-btn {
	width: 112px;
	background: #4E81FF;
	border-color: #4E81FF;
}
#header .my-modal {
	display: none;
	position: absolute;
	top: 80px;
	right: 0px;
	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 .profile-pic {
	width: 40px;
	height: 40px;
	background: url("../img/common/new_profile_img.svg") no-repeat center center;
	background-size: cover;
	border-radius: 50%;
	overflow: hidden;
}
#header .my-modal .box .profile-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#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: #4E81FF;
	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:#696969;
}
#header.default .gnb .board-list a.active {
	color: #4E81FF;
}
#header.default .gnb .board-list:after {
	background: #ccc;
}
#header.default .gnb .btn-list .default-btn {
	border-color: #ddd;
	color: #696969;
}
#header.default .gnb .btn-list .my-btn:before {
	filter: grayscale(100%) brightness(0);
}
#header.default .gnb .btn-list .go-btn {
	border-color: #4E81FF;
	color: #fff;
}

#header.main .gnb .board-list a {
	color: #fff;
}
#header.main .gnb .btn-list .default-btn {
	border-color: #fff;
	color: #fff;
}

#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.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;
	gap: 0px 3px;
	margin: 0px;
	color:#000;
	font-size:14px;
	font-weight: 400;
	line-height: 16px;
}
#header.new .menu-modal .head h6 strong {
	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: 10px;
	padding: 0px 9px;
	background: #fff;
	border: 1px solid #ddd;
	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:first-child {
	margin-right: 10px;
}
#header.new.login-after .menu-modal .head .user-box {
	display: flex;
	align-items: center;
}
#header.new.login-after .menu-modal .head .user-box .profile-pic {
	width: 40px;
	height: 40px;
	background: url("../img/common/new_profile_img.svg") no-repeat center center;
	background-size: cover;
	border-radius: 50%;
	overflow: hidden;
}
#header.new.login-after .menu-modal .head .user-box .profile-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#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 22px;
	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.new .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.new .menu-modal .head .gnb a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 32px;
	margin-top: 0px;
	padding: 0px 10px 0px 6px;
	border: none;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 26px;
}
#header.new .menu-modal .head .gnb a:after { 
	width: 6px;
	height: 10px;
	background:url("../img/common/icon_gnb_arrow.svg") no-repeat center center;
	content: "";
}
#header.new .menu-modal .head .gnb a + a {
	margin-top: 6px;
}
#header.new .menu-modal .head .gnb a.active {
	color: #4E81FF;
}
#header.new .menu-modal .head .gnb .kt-btn {
	position: relative;
	justify-content: flex-start;
	padding-left: 15px;
	background: #221E1F;
	border-radius: 5px;
	color: #fff;
}
#header.new .menu-modal .head .gnb .kt-btn span {
	width: 15px;
	height: 13px;
	margin-top: -2px;
	margin-right: 4px;
	background: url("../img/common/kt_logo.png") no-repeat center center;
	background-size: 15px 13px;
	font-size: 0px;
}
#header.new .menu-modal .head .gnb .kt-btn:after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	filter: brightness(0) invert(1);
}

.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;
}
#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 .tv-btn {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 5px;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding:0px 16px;
	background: #221E1F;
	border-radius: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -0.4px;
	box-sizing:border-box;
}
.aside.client .body .tv-btn:before {
	width: 17px;
	height: 14px;
	margin-top: -1px;
	background: url("../img/common/tv_kt_logo_m.png") no-repeat center center;
	background-size: 17px 14px;
	content: "";
}
.aside.client .body .tv-btn span {
	position:absolute;
	top:10px;
	right:9px;
	min-width:36px;
	height:20px;
	background:#fff;
	border-radius:10px;
	color:black;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.4px;
	text-align:center;
}
.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 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/common/check_icon.png') no-repeat center center;
	background-size:16px 16px;
	border: none;
}

.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/common/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/common/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/common/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/common/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;
}

.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;
	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:440px;
	margin-top:5px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
	margin:0px;
	padding:0px 16px;
	color:black;
	font-size:12px;
	line-height:30px;
}

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-h5 span {
	display:block;
	margin-top:10px;
	color:#696969;
	font-size:18px;
	line-height:24px;
	letter-spacing:-0.4px;
}

.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/main/visual.jpg') no-repeat center right 30%;
	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: 1000px;
	transform:translateY(-50%) translateX(-50%);
	text-align:center;
}
.main .visual-swiper .fixed-visual .text-box h3 {
	color:white;
	font-size:40px;
	line-height:45px;
	letter-spacing:-1px;
	text-align:center;
}
.main .visual-swiper .fixed-visual .text-box p {
	margin-top:20px;
	color:white;
	font-size:13px;
	letter-spacing:-0.3px;
	text-align:center;
}
.main .visual-swiper .fixed-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-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:#231815;
	font-size:30px;
	font-weight:300;
	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/main/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/main/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/main/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/main/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:#4E81FF;
}
.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/main/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/main/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.number {
	padding: 80px 0px;
	background:url('../img/main/mo_number_bg.png') no-repeat center center;
	background-size:cover;
}
.main .section.number .inner-wrap {
	display: flex;
	flex-direction: column;
	gap: 16px 40px;
	max-width: 1200px;
}
.main .section.number dl {
	text-align: center;
}
.main .section.number dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 76px;
	letter-spacing: -4.6px;
}
.main .section.number dl dt:after {
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background:url('../img/main/add.svg') no-repeat center center;
	background-size:cover;
	content:"";
}
.main .section.number dl dd {
	position: relative;
	margin-top: 16px;
	padding-top: 17px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: -1.5px;
}
.main .section.number dl dd:before {
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 1;
	width: 80px;
	height: 1px;
	margin-left: -40px;
	background: rgba(255, 255, 255, 0.5);
	content: "";
}

.main .section.phone {
	padding-top:80px;
	background:white;
}
.main .section.phone .img-box {
	margin-top:40px;
}

.main .section.category {
	padding-top:120px;
	padding-bottom:40px;
	background:#efefef;
}
.main .section.category .text-box:after {
	position:absolute;
	top:-61px;
	left:50%;
	z-index:5;
	width:42px;
	height:51px;
	margin-left:-21px;
	background:url('../img/main/avatar_icon.svg') no-repeat center center;
	background-size:cover;
	content:"";
}
.main .section.category .img-box {
	margin-top:60px;
}

.main .section.location {
	padding-top:120px;
	padding-bottom:60px;
	background:#fafafa;
}
.main .section.location .text-box:before {
	position:absolute;
	top:-24px;
	left:50%;
	z-index:1;
	width:290px;
	height:210px;
	margin-left:-145px;
	background:url('../img/main/location_bg.png') no-repeat center center;
	background-size:cover;
	content:"";
}
.main .section.location .text-box:after {
	position:absolute;
	top:-60px;
	left:50%;
	z-index:5;
	width:45px;
	height:50px;
	margin-left:-22.5px;
	background:url('../img/main/location_icon.svg') no-repeat center center;
	background-size:cover;
	content:"";
}
.main .section.location .img-box {
	margin-top:60px;
}

.main .section.portfolio {
	padding-top: 20px;
	padding-bottom: 40px;
	background: #EFEFEF;
}
.main .section.portfolio .swiper {
	padding-left: 60px;
}
.main .section.portfolio .swiper-wrapper {
	transition-timing-function: linear;
}
.main .section.portfolio .swiper-slide {
	position: relative;
	width: 28%;
	max-width: 260px;
	margin: 60px 0px;
	margin-right: 20px;
	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;
}

@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 .form-box {
	max-width:500px;
	margin:25px 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 {
	zoom:50%;
}
.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 {
	margin-top:25px;
	margin-bottom:20px;
	font-size:0px;
}
.register .content-box .type-box a {
	display:inline-block;
	width:calc((100% - 10px) / 2);
	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:first-child {
	margin-right:10px;
}
.register .content-box .type-box a .icon-box {
	height:65px;
	margin-top:20px;
	font-size:0px;
}
.register .content-box .type-box a p {
	color:#999;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.5px;
}
.register .content-box .type-box a.client-btn .icon-box {
	background:url('../img/regist/client_icon.png') no-repeat center center;
	background-size:48px 41px;
}
.register .content-box .type-box a.offer-btn .icon-box {
	background:url('../img/regist/offer_icon.png') no-repeat center center;
	background-size:40px 48px;
}
.register .content-box .type-box a.active {
	border-width:2px;
	border-color:#4e81ff;
}
.register .content-box .type-box a.client-btn.active .icon-box {
	background:url('../img/regist/client_active_icon.png') no-repeat center center;
	background-size:48px 41px;
}
.register .content-box .type-box a.offer-btn.active .icon-box {
	background:url('../img/regist/offer_active_icon.png') no-repeat center center;
	background-size:40px 48px;
}
.register .content-box .type-box a.active p {
	color:#4e81ff;
	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:#4e81ff;
}

.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 .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 {
	zoom:50%;
}
.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 h3 {
	margin-top:40px;
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:center;
}
.register-finish .content-box p {
	margin-top:8px;
	color:black;
	font-size:14px;
	line-height:20px;
	text-align:center;
}
.register-finish .content-box a {
	display:inline-block;
	width:calc((100% - 8px) / 2);
	height:40px;
	margin-top:35px;
	background:white;
	border:1px solid #ddd;
	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 a.primary {
	margin-right:8px;
	background:#4e81ff;
	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:#4e81ff;
	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:16px;
	right:16px;
	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:100%;
	object-fit: cover;
}

.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:16px;
	right:16px;
	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;
}

.filter-modal {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	z-index:1022;
	width: calc(100% - 40px);
	max-width: 480px;
	padding: 0px;
	background:white;
	border-radius:10px;
	box-shadow:5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
	transform: translate(-50%, -50%);
	overflow:hidden;
}
.filter-modal .body-box {
	padding: 20px 24px;
}
.filter-modal .body-box .input-row {
}
.filter-modal .body-box .input-row + .input-row {
	margin-top: 10px;
}
.filter-modal .body-box .input-row:last-child {
	margin-top: 20px;
}
.filter-modal .body-box .input-row .text-label {
	display: block;
	margin-bottom: 12px;
	color: #666;
	font-size: 14px;
	font-weight:700;
	line-height:24px;
	letter-spacing: -0.5px;
}
.filter-modal .body-box .input-row .input-box {
	display: flex;
	align-items: center;
	gap: 0px 10px;
}
.filter-modal .body-box .input-row .input-box input {
	flex: 1;
	height: 40px;
	padding: 0px 12px;
	background:#fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #000;
	font-size: 14px;
}
.filter-modal .body-box .input-row .input-box p {
	color: #000;
	font-size: 14px;
	line-height:24px;
	letter-spacing: -0.5px;
}
.filter-modal .body-box .input-row .check-item-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.filter-modal .body-box .input-row .check-item-group .check-item {
}
.filter-modal .body-box .input-row .check-item-group .check-item input {
	display: none;
}
.filter-modal .body-box .input-row .check-item-group .check-item input + label {
	display: inline-block;
	padding-left: 26px;
	color: #000;
	font-size: 14px;
	font-weight:700;
	line-height:24px;
}
.filter-modal .body-box .input-row .check-item-group .check-item 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: "";
}
.filter-modal .body-box .input-row .check-item-group .check-item input:checked + label:before {
	background:url('../img/common/check_icon.png') no-repeat center center;
	background-size:16px 16px;
	border: none;
}
.filter-modal .foot-box {
	display: flex;
	align-items: center;
	gap: 0px 10px;
	padding: 20px;
	border-top: 1px solid #ddd;
}
.filter-modal .foot-box .filter-on-btn {
	flex: 1;
	height: 40px;
	background: #4e81ff;
	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height:30px;
	letter-spacing: -0.5px;
	text-align:center;
}
.filter-modal .foot-box .filter-off-btn {
	flex: 1;
	height: 40px;
	background: #fff;
	border: 1px solid #F00000;
	border-radius: 10px;
	color: #F00000;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -0.5px;
	text-align:center;
}
.filter-modal .foot-box  .close-btn {
	height: 40px;
	padding: 0px 10px;
	background: #fff;
	border: 1px solid #696969;
	border-radius: 10px;
	color: #696969;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -0.5px;
	text-align:center;
}

.building-search .overlay-info {
	display:none;
	position:absolute;
	top:16px;
	bottom:18px;
	left:16px;
	right:16px;
	z-index:1022;
	padding: 0px;
	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 > p strong {
	color: #4e81ff;
	font-weight:bold;
}
.building-search .overlay-info .body .info-box .box {
	padding:16px 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:12px;
	color:black;
	font-size:16px;
	font-weight: bold;
	line-height:24px;
	letter-spacing:-0.5px;
}
.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 .monitor-box {
	margin-top:16px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.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;
	border-top: 1px solid #ddd;
}
.building-search .overlay-info .btn-area .booking-btn {
	display:block;
	width:100%;
	height:60px;
	background:white;
	border:1px 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-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:210px;
	aspect-ratio: 210 / 297;
	background:#eeeeee;
	border: 1px solid #ccc;
	border-radius: 6px;
	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:210px;
	aspect-ratio: 210 / 297;
	margin:0 auto;
	background:#eeeeee;
	border: 1px solid #ccc;
	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:210px;
	height:40px;
	background:white;
	border:1px solid black;
	border-radius:6px;
	color:black;
	font-size:12px;
	font-weight: bold;
	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 .leaflet-box .file-guide-box {
	max-width: 510px;
	margin: 10px auto 0px;
}
.booking-waiting .content-box .form-box .leaflet-box .file-guide-box p {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
}
.booking-waiting .content-box .form-box .leaflet-box .file-guide-box p + p {
	margin-top: 5px;
}
.booking-waiting .content-box .form-box .leaflet-box .file-guide-box p a {
	color: #4E81FF;
}
.booking-waiting .content-box .form-box .leaflet-box .file-guide-box p.simbol {
	position: relative;
	padding-left: 10px;
}
.booking-waiting .content-box .form-box .leaflet-box .file-guide-box p.simbol:before {
	position: absolute;
	top: 6px;
	left: 0px;
	z-index: 1;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	content: "";
}
.booking-waiting .content-box .form-box .leaflet-box .file-guide-box p.simbol span {
	color: #696969;
}
.booking-waiting .content-box .form-box .info-box {
	margin-top:20px;
}
.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 {
	margin-top: 0px;
	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-detail .content-box .new-booking-table .tfoot,
.booking-waiting .content-box .new-booking-table .tfoot {
	background: #e9e9e9;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box {
	padding-bottom: 20px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-title,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-title {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0px 10px;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-sale-box,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-sale-box {
	margin-top: 10px;
	padding: 0px 10px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-sale-box p,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-sale-box p {
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-sale-box p + p,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-sale-box p + p {
	margin-top: 5px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-sale-box p.active,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-sale-box p.active {
	color: #4E81FF;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-item,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item {
	margin-top: 10px;
	padding: 0px 10px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-item + .addition-item,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item + .addition-item {
	margin-top: 20px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box {
	display: flex;
	align-items: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box h6,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box h6 {
	font-size:12px;
	font-weight:700;
	line-height:24px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box h6 span,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box h6 span {
	margin-left: 5px;
	color:#FF4E4E;
	font-size:12px;
	line-height:24px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box + .check-item,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .addition-item .title-box + .check-item {
	margin-top:10px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item {
	display:flex;
	flex-direction: row;

	gap:0px 10px;
	margin-top: 20px;
	padding: 0px 10px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item .check-row,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row {
	flex:1;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label {
	padding-left:26px;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label p,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label p {
	font-weight:normal;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label p a,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label p a {
	color: #4E81FF;
	text-decoration: none;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label:before,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-row input + label:before {
	top:2px;
	margin-top:0px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item .check-price,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item .check-price {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: right;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input {
	position: relative;
	padding-bottom: 30px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box {
	position: absolute;
	left: 36px;
	bottom: 0px;
	display: flex;
	align-items: center;
	height: 24px;
	background: #fff;
	border: 1px solid #ccc;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box .count-btn,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box .count-btn {
	width:23px;
	height: 100%;
	border: none;
	font-size: 0px;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box .count-btn.minus,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box .count-btn.minus {
	background: #e9e9e9 url("../img/common/cart_number_input_minus.svg") no-repeat center center;
	background-size: 12px 12px;
	border-right: 1px solid #ccc;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box .count-btn.plus,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box .count-btn.plus {
	background: #e9e9e9 url("../img/common/cart_number_input_plus.svg") no-repeat center center;
	background-size: 12px 12px;
	border-left: 1px solid #ccc;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box input,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box input {
	width: 24px;
	height: 100%;
	background: transparent;
	border: none;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box.disabled,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box.disabled {
	background: #D9D9D9;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box.disabled .count-btn,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box.disabled .count-btn {
	cursor: not-allowed;
}
.booking-detail .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box.disabled input,
.booking-waiting .content-box .new-booking-table .tfoot .addition-box .check-item.number-input .number-input-box.disabled input {
	color: #686868;
}

.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 .new-booking-table:not(.toggle-on) .thead .row .td h5 {
	display: block;
}
.booking-detail .new-booking-table.toggle-on .thead .row .td h5 {
	display: none;
}
.booking-detail .new-booking-table.ev-table .tbody .row .td.subject-td,
.booking-detail .new-booking-table.post-table .tbody .row .td.subject-td{
	padding-top: 0px;
}
.booking-detail .new-booking-table.post-table .tbody .row .td.ad-type-td {
	margin-bottom: 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
	line-height: 34px;
}
.booking-detail .new-booking-table .tfoot .small-total-box,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box {
	margin-top: 10px;
	background: #fff;
	border-top: 1px solid #ccc;
}
.booking-detail .new-booking-table .tfoot .small-total-box .price-calc,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .price-calc {
	padding: 20px;
}
.booking-detail .new-booking-table .tfoot .small-total-box .price-calc .item,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .price-calc .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.booking-detail .new-booking-table .tfoot .small-total-box .price-calc .item .label,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .price-calc .item .label {
	color: #999;
	font-size: 12px;
	line-height: 24px;
}
.booking-detail .new-booking-table .tfoot .small-total-box .price-calc .item .value,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .price-calc .item .value {
	color: #000;
	font-size: 14px;
	line-height: 24px;
}
.booking-detail .new-booking-table .tfoot .small-total-box .price-calc .item .value strong,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .price-calc .item .value strong {
	font: inherit;
	font-weight: 700;
}
.booking-detail .new-booking-table .tfoot .small-total-box .price-calc .icon,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .price-calc .icon {
	display: none;
}
.booking-detail .new-booking-table .tfoot .small-total-box .small-total-row,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .small-total-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 20px;
	border-top: 1px solid #ccc;
}
.booking-detail .new-booking-table .tfoot .small-total-box .small-total-row p,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .small-total-row p {
	width: 100%;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
}
.booking-detail .new-booking-table .tfoot .small-total-box .small-total-row h3,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .small-total-row h3 {
	color: #4E81FF;
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
}
.booking-detail .new-booking-table .tfoot .small-total-box .small-total-row .estimate-btn,
.booking-waiting .content-box .new-booking-table .tfoot .small-total-box .small-total-row .estimate-btn {
	width: 80px;
	height: 32px;
	padding: 0px;
	background: #32b10f;
	border: none;
	border-radius: 6px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
}


.booking-detail .total-box,
.booking-waiting .content-box .cart-table .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 form .total-box-title {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
}
.booking-detail .total-box .estimate-btn,
.booking-waiting .content-box .cart-table .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 .cart-table .total-box .price-calc {
	margin-top:8px;
	padding:12px 0px;
}
.booking-detail .total-box .price-calc .item,
.booking-waiting .content-box .cart-table .total-box .price-calc .item {
}
.booking-detail .total-box .price-calc .item .label, 
.booking-waiting .content-box .cart-table .total-box .price-calc .item .label {
	display: inline-block;
	width:50%;
	color: #999;
	font-size: 12px;
	line-height: 32px;
	letter-spacing: -0.4px;
}
.booking-detail .total-box .price-calc .item .value,
.booking-waiting .content-box .cart-table .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:first-child .value:before,
.booking-waiting .content-box .cart-table .total-box .price-calc .item:first-child .value:before {
	display:none;
}
.booking-detail .total-box .price-calc .item .value strong,
.booking-waiting .content-box .cart-table .total-box .price-calc .item .value strong {
	font-weight:bold;
}
.booking-detail .total-box .price-calc .icon,
.booking-waiting .content-box .cart-table .total-box .price-calc .icon {
	display:none;
}
.booking-detail .total-box .total-row,
.booking-waiting .content-box .cart-table .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 .cart-table .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 .cart-table .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 .cart-table 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 .cart-table input[type=submit].pc {
	display:none;
}

.booking-waiting .content-box .cart-table .method-box {
	margin-top:24px;
	padding:16px;
	background:white;
	border:1px solid #ddd;
}
.booking-waiting .content-box .cart-table .method-box .method-label {
	color:black;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}
.booking-waiting .content-box .cart-table .method-box ul {
	margin-top:16px;
}
.booking-waiting .content-box .cart-table .method-box .check-row input + label {
	font-size:14px;
}
.booking-waiting .content-box .cart-table .method-box .banking-info {
	margin-top:16px;
	padding-bottom:12px;
	border-top:1px solid #dddddd;
}
.booking-waiting .content-box .cart-table .method-box .banking-info .info-row {
}
.booking-waiting .content-box .cart-table .method-box .banking-info .info-row:first-child {
	margin-top:16px;
}
.booking-waiting .content-box .cart-table .method-box .banking-info .info-row label,
.booking-waiting .content-box .cart-table .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 .cart-table .method-box .banking-info .info-row label span,
.booking-waiting .content-box .cart-table .method-box .banking-info .info-row .text-label span {
	display: inline-block;
	color: #f00000;
	vertical-align: middle;
}
.booking-waiting .content-box .cart-table .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 .cart-table .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:30px;
	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 {
	line-height: 30px;
} 
.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:210px;
	aspect-ratio: 210 / 297;
	background:#eeeeee;
	border: 1px solid #ccc;
	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:210px;
	aspect-ratio: 210 / 297;
	background:#eeeeee;
	border: 1px solid #ccc;
	border-radius: 10px;
	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: 20px;
}
.booking-detail .content-box .form-box .input-row {
}
.booking-detail .content-box .form-box .input-row + .input-row {
	margin-top: 5px;
}
.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: 14px;
	letter-spacing:-0.4px;
}
.booking-detail .content-box .form-box .input-row .text-input {
	padding:5px 0px;
	color:black;
	font-size:12px;
	font-weight:bold;
	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: 20px;
	border: 1px solid #ccc;
}
.new-booking-table .toggle-wrapper .empty {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	background: #e9e9e9;
	border-top: 1px solid #ccc;
	color: #696969;
	font-size: 12px;
	font-weight: 700;
	line-height: 34px;
	text-align: center;
}

.new-booking-table .thead {	
}
.new-booking-table .thead .row {	
	display:flex;
	justify-content: space-between;
	align-items: center;
	height:40px;
	padding:0px 10px;
	background:#fff;
}
.new-booking-table .thead .row .th {	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 10px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
}
.new-booking-table .thead .row .th .reset-btn {	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	padding: 0px 8px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.new-booking-table .thead .row .td {	
	display: flex;
	align-items: center;
	gap: 0px 10px;
}
.new-booking-table .thead .row .td h5 {	
	color: #4E81FF;
	font-size: 12px;
	font-weight: 700;
}
.new-booking-table .thead .row .td .toggle-btn {	
	width: 24px;
	height: 24px;
	background: url("../img/common/cart_table_toggle_off.svg") no-repeat center center;
	border: none;
	font-size: 0px;
}
.new-booking-table.toggle-on .thead .row .td .toggle-btn {	
	background: url("../img/common/cart_table_toggle_on.svg") no-repeat center center;
}

.new-booking-table .tbody {	
	padding: 10px;
	background: #e9e9e9;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.new-booking-table .tbody .row {	
	margin-bottom:10px;
	padding: 20px;
	background: white;
	border: 1px solid #ccc;
}
.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: 5px 0px;
	color: black;
	font-size: 12px;
	line-height: 24px;
	text-align: right;
}
.new-booking-table .tbody .row .td.label-td {	
	padding-left: 10px;
	padding-right: 10px;
}
.new-booking-table .tbody .row .td.label-td + .td.label-td {
	margin-top: 5px;
}
.new-booking-table .tbody .row .td .text-label {
	flex: 1;
	display:flex;
	align-items:center;
	color:black;
	font-size:12px;
	font-weight:700;
	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 {
	padding:0px;
	text-align:left;
}
.new-booking-table .tbody .row .td.status-td + .td.subject-td {
	padding-top: 10px;
}
.new-booking-table .tbody .row .td.status-td .status {
	display:inline-block;
	height:32px;
	padding: 0px 10px;
	background:#fafafa;
	border:none;
	border-radius:6px;
	color:white;
	font-size:12px;
	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 .etc-td-group {
	margin-bottom: 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}
.new-booking-table .tbody .row .etc-td-group .td.label-td {
	padding: 5px 0px;
}
.new-booking-table .tbody .row .etc-td-group .td.label-td + .td.label-td {
	margin-top: 10px;
}

.new-booking-table .tbody .row .td.delete-td {
	position:absolute;
	top:20px;
	left:15px;
	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 {	
	display: block;
	padding:29px 0px 0px;
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
	text-align:left;
}
.new-booking-table .tbody .row .td.subject-td .type {	
	display: inline-block;
	font:inherit;
	color: #999;
	font-size: 12px;
	white-space: nowrap;
	vertical-align: top;
}
.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;
	margin-top: 0px !important;
	margin-bottom: 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}
.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.post-td {
	margin-bottom: 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}
.new-booking-table .tbody .row .td.post-td .check-item-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0px 20px;
	padding: 5px 0px;
}
.new-booking-table .tbody .row .td.post-td .check-item-group .check-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 24px;
}
.new-booking-table .tbody .row .td.post-td .check-item-group .check-item input {
	display: none;
}
.new-booking-table .tbody .row .td.post-td .check-item-group .check-item input + label {
	position: relative;
	padding-left: 20px;
	color: #000;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: -1px;
}
.new-booking-table .tbody .row .td.post-td .check-item-group .check-item 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: "";
}
.new-booking-table .tbody .row .td.post-td .check-item-group .check-item input:checked + label:before {
	background: url("../img/common/check_icon.png") no-repeat center center;
  background-size: 16px 16px;
	border: none;
}
.new-booking-table .tbody .row .td.post-td .check-item-group .check-item .question-btn {
	margin-left: 4px;
}
.new-booking-table .tbody .row .td.total-td {
	margin-top:10px;
	padding: 10px 0px 0px 0px;
	border-top:1px solid #ddd;
	color:#4E81FF;
	font-size:16px;
	font-weight:700;
	letter-spacing:-1px;
}

/* 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 .type-bar {
	display: flex;
	gap: 0px 10px;
	margin-bottom: 10px;
	overflow-x: auto;
	white-space:nowrap;
}
.board .content-box .type-bar::-webkit-scrollbar {
	display:none;
}
.board .content-box .type-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 .type-bar a.on {
	background: #4E81FF;
	color: #fff;
}

.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 .content-box .category-bar.reverse a {
	background:#fff;
	border: 1px solid #dcdcdc;
}
.board .content-box .category-bar.reverse a.on {
	background: #fff;
	border-color: #4E81FF;
	color: #017EFF;
}

.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;
	width: 100%;
	aspect-ratio: 210 / 297;
	border-radius: 10px;
	overflow:hidden;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
}
.board .thumb-table-style02 .item .thumb.play {
	cursor: pointer;
}
.board .thumb-table-style02 .item .thumb.play .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 48px;
	margin-top: -24px;
	margin-left: -35px;
	background: #000;
	border-radius: 10px;
}
.board .thumb-table-style02 .item .thumb.play .play-btn:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0px 10px 20px;
	border-color: transparent transparent transparent #fff;
	content: "";
}
.board .thumb-table-style02 .item .thumb.play:hover .play-btn {
	background: #f03;
}
.board .thumb-table-style02 .item .thumb.play iframe {
	width: 100%;
	height: 100%;
}
.board .thumb-table-style02.ev .item .thumb {
	aspect-ratio: 9 / 16;
}
.board .thumb-table-style02.iptv .item,
.board .thumb-table-style02.genie .item {
	width: 100%;
}
.board .thumb-table-style02.iptv .item .thumb,
.board .thumb-table-style02.genie .item .thumb{
	aspect-ratio: 16 / 9;
}
.board .thumb-table-style02 .item .thumb > img {
	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 #map .new-layer-marker.disabled {
	background:white;
}
.building-search #map .new-layer-marker.disabled p {
	color:black;
}
.building-search #map .new-layer-marker.disabled p:first-child {
	border-color:#e5e5e5;
}
.building-search #map .new-layer-marker.disabled span {
	background-color: white;
}

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

.building-search .type-box-group {
	position: absolute;
	top: 76px;
	left: 10px;
	z-index: 999;
}
.building-search .current-type-btn {
	display: flex;
	justify-content:center;
	align-items: center;
	gap: 0px 5px;
	min-width: 50px;
	height: 40px;
	padding: 0px 10px;
	background: #4E81FF;
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size:12px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}
.building-search .current-type-btn:after {
	width: 10px;
	height: 10px;
	background: url('../img/common/icon_type_arrow.svg') no-repeat center center;
	background-size: 10px 10px;
	content: "";
}
.building-search .type-box-group.on .current-type-btn:after {
	transform: rotate(180deg);
}
.building-search .type-box {
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	z-index: 999;
	flex-direction: column;
	gap: 10px;
}
.building-search .type-box-group.on .type-box {
	display: flex;
}
.building-search .type-box a {
	display: flex;
	justify-content:center;
	align-items: center;
	min-width: 50px;
	height: 40px;
	padding: 0px 10px;
	background: #fff;
	border-radius: 8px;
	color: #666;
	font-size:12px;
	font-weight: 700;
	line-height: 17px;
	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 .search-bar {
	position:absolute;
	top:10px;
	left:50%;
	z-index:999;
	width: calc(100% - 20px);
	transform:translateX(-50%);
}
.building-search .search-bar .new-search-box {
	width:100%;
	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);
	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/common/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 .search-bar .addition-btn-box {
	position: fixed;
	top: 66px;
	right: 0px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.building-search .search-bar .addition-btn-box .filter-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 80px;
	height: 40px;
	gap: 0px 3px;
	padding: 0px 10px;
	background: #4E81FF;
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}
.building-search .search-bar .addition-btn-box .filter-btn:after {
	width: 14px;
	height: 14px;
	background: url("../img/common/icon_filter.svg") no-repeat center center;
	background-size: auto 14px;
	content: "";
}
.building-search .search-bar .addition-btn-box .filter-btn.on {
	background: #FF5050;
}
.building-search .search-bar .addition-btn-box .all-select-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 80px;
	height: 40px;
	gap: 0px 3px;
	padding: 0px 10px;
	background: #62bfb3;
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	box-shadow: 5px 8.7px 20px 0px rgba(0, 0, 0, 0.20);
}

.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;
	min-width: 60px;
	padding: 0px 8px;
	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.post .body .info-box .price-box {
	display: flex;
	gap: 16px 8px;
	flex-wrap: wrap;
	margin-top: 16px;
	padding-bottom:0px;
	border-top: 1px solid #ddd;
}
.building-search .overlay-info.new.post .body .info-box .price-box .price-item {
	width: calc((100% - 8px) / 2);
	margin-top: 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;
}

#container.not-found {
	padding: 160px 0px;
	text-align: center;
}
#container.not-found h1 {
	color: #007eff;
	font-size: 80px;
	font-weight: 700;
	line-height: 120px;
}
#container.not-found p {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.bottom-fixed-btn {
	position: fixed;
	bottom: -48px;
	left: 0px;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 4px;
	width: 100%;
	max-width: 1000px;
	height: 48px;
	background: #FFC936;
	border-radius: 10px 10px 0 0;
	box-shadow: 4px -4px 20px 0 rgba(0, 0, 0, 0.30);
	transition: bottom 0.3s ease-in-out;
	overflow: hidden;
}
.bottom-fixed-btn .dt {
	display: none;
}
.bottom-fixed-btn.on {
	bottom: 0px;
}

@media screen and (min-width: 1000px) {
	.bottom-fixed-btn {
		bottom: -80px;
		left: 50%;
		gap: 0px 8px;
		height: 80px;
		margin-left: -500px;
		border-radius: 20px 20px 0 0;
	}
	.bottom-fixed-btn .m {
		display: none;
	}
	.bottom-fixed-btn .dt {
		display: block;
	}
	.bottom-fixed-btn.on {
		bottom: 0px;
	}
}

/* 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/common/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/common/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/common/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;
	}
}

.new-pop-box {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.5);
}
.new-pop-box .pop-scroller {
	z-index:2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width:100%;
	height:100%;
	padding:0px 0px;
	overflow-y:overlay;
	text-align: center;
}
.new-pop-box .pop-scroller:before,
.new-pop-box .pop-scroller:after {
	flex-shrink: 0;
	height: 20px;
	content: "";
}
.new-pop-box .pop-container {
	z-index:3;
	display:block;
	width: 100%;
	max-width: 1352px;
	margin:0 auto;
}
.new-pop-box .pop-container .popup-close {
	width: 32px;
	height: 32px;
	background: url("../img/common/icon_pop_close.svg") no-repeat center center;
	background-size: 32px 32px;
	border: none;
	font-size: 0px;
}
.new-pop-box .pop-container .pop-swiper-box {
	margin-top: 28px;
	margin-bottom: 22px;
}
.new-pop-box .pop-container .pop-swiper-box .swiper-slide {
	width: 256px;
	border-radius: 10px;
	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
	overflow: hidden;
}
.new-pop-box .pop-container .pop-swiper-box .swiper-slide .popup-img {
	height: 428px;
}
.new-pop-box .pop-container .pop-swiper-box .swiper-slide .popup-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.new-pop-box .pop-container .pop-swiper-box .swiper-slide a {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1;
	display: block;
	padding: 10px 0px;
	background: #E6E6E6;
	border-radius: 5px;
	color: #000;
	font-size: 12px;
	font-weight:700;
	line-height:140%;
}
.new-pop-box .pop-container .pop-swiper-box .swiper-slide a:hover {
	background: #017EFF;
	color: #fff;
}
.new-pop-box .pop-container .pop-swiper-box .prev-btn {
	position: absolute;
	top: 50%;
	left: -56px;
	z-index: 10;
	display: none;
	width: 36px;
	height: 42px;
	margin-top: -21px;
	background:transparent url('../img/main/mo_prev.png') no-repeat center center;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.new-pop-box .pop-container .pop-swiper-box .next-btn {
	position: absolute;
	top: 50%;
	right: -56px;
	z-index: 10;
	display: none;
	width: 36px;
	height: 42px;
	margin-top: -21px;
	background:transparent url('../img/main/mo_next.png') no-repeat center center;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.new-pop-box .pop-container .close-box {
}
.new-pop-box .pop-container .close-box input {
	display: none;
}
.new-pop-box .pop-container .close-box label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	color: #fff;
	font-size: 14px;
	font-weight:700;
	line-height:24px;
}
.new-pop-box .pop-container .close-box label:before {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 4px;
	content: "";
}
.new-pop-box .pop-container .swiper-pagination {
	position: relative;
	bottom: auto;
	left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	margin-top: 16px;
}
.new-pop-box .pop-container .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	opacity: 1;
}
.new-pop-box .pop-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #017EFF;
}

@media screen and (min-width: 1024px) {
	.new-pop-box .pop-scroller {
		padding:0px 40px;
	}
	.new-pop-box .pop-scroller:before,
	.new-pop-box .pop-scroller:after {
		height: 40px;
	}
	.new-pop-box .pop-container .popup-close {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
	.new-pop-box .pop-container .pop-swiper-box {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.new-pop-box .pop-container .pop-swiper-box .swiper-slide {
		width: 318px;
		border-radius: 20px;
	}
	.new-pop-box .pop-container .pop-swiper-box .swiper-slide .popup-img {
		height: 530px;
	}
	.new-pop-box .pop-container .pop-swiper-box .swiper-slide a {
		bottom: 20px;
		left: 20px;
		right: 20px;
		font-size: 14px;
	}
	.new-pop-box .pop-container .pop-swiper-box .prev-btn,
	.new-pop-box .pop-container .pop-swiper-box .next-btn {
		display: block;
	}
	.new-pop-box .pop-container .pop-swiper-box .prev-btn.swiper-button-lock,
	.new-pop-box .pop-container .pop-swiper-box .next-btn.swiper-button-lock {
		display: none;
	}
	.new-pop-box .pop-container .close-box label {
		font-size: 16px;
	}
	.new-pop-box .pop-container .swiper-pagination {
		gap: 0px 8px;
		margin-top: 20px;
	}
	.new-pop-box .pop-container .swiper-pagination .swiper-pagination-bullet {
		width: 16px;
		height: 16px;
	}
}