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

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

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

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

.mobile-none {
	display:none;
}

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

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

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

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

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

/* header */
#header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1010;
	height: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: #017EFF;
}
#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 .lnb {
	position:absolute;
	top:50%;
	right:12px;
	margin-top:-12px;
}
#header .lnb li {
	display:inline-block;
	margin-right:8px;
}
#header .lnb li:last-child {
	margin-right:0px;
}
#header .lnb li a.default-btn {
	display:inline-block;
	width:70px;
	height:24px;
	background:transparent;
	border:1px solid white;
	border-radius:12px;
	color:white;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
}
#header.default .lnb li a.default-btn {
	background:white;
	border-color: #ccc;
	color:black;
}
#header.default .lnb li a.login-btn {
	background:white;
	border-color: #ccc;
	color:black;
}
#header.default .lnb li a.regist-btn {
	background:white;
	border-color: #017EFF;
	color:#017EFF;
}
#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.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:#017EFF;
	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 .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: #017EFF;
	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/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: #017EFF;
	border-color: #017EFF;
}

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

#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: #017EFF;
	border-radius:50%;
	color: #fff;
	font-size:10px;
	font-weight: 400;
	text-align: center;
}
#header .my-modal > a {
	display: block;
	width: 100%;
	margin-top: 8px;
	color: #696969;
	font-size: 12px;
	font-weight: 400;
	line-height: 148%;
	text-align: center;
}

#header.default .gnb .board-list a {
	color:#696969;
}
#header.default .gnb .board-list a.active {
	color: #017EFF;
}
#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: #017EFF;
	color: #fff;
}
#header.default .gnb .btn-list .my-btn.active {
	color: #000;
}
#header.default .gnb .btn-list .my-btn.active:after {
	filter: none;
}

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

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

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

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

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

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

#header.new .menu-modal .mypage-link {
	display: flex;
	jusfify-content: center;
	align-items: center;
	gap: 0px 10px;
	width:calc(100% - 40px);
	height: 46px;
	margin: 20px auto 0px;
	padding: 0px 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: #017EFF;
	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/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: #017EFF;
}

.header-area {
	height:56px;
}

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

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

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

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

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

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

/* aside */
.aside {
	background:#fafafa;
	font-size:0px;
}
.aside.client {
	padding-top:20px;
}
.aside.client .head {
	text-align:center;
}
.aside.client .head:after {
	position:absolute;
	bottom:0px;
	left:30px;
	right:30px;
	z-index:10;
	height:1px;
	background:#dddddd;
	content:"";
}
.aside.client .head .avatar {
	display:inline-block;
	width:100px;
	height:100px;
	margin-top:52px;
	border-radius:50px;
	overflow:hidden;
}
.aside.client .head .avatar img {
	width:100px;
	height:auto;
}
.aside.client .head h6 {
	margin-top:10px;
	color:black;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-0.6px;
}
.aside.client .head a {
	display:inline-block;
	margin-bottom:36px;
	color:black;
	font-size:16px;
	line-height:36px;
	letter-spacing:-0.4px;
}
.aside.client .body {
	padding:0px 16px;
}
.aside.client .body .dashboard-min {
	display:inline-block;
	width:100%;
	margin-bottom:16px;
	padding:16px;
	background:#eeeeee;
	border-radius:8px;
}
.aside.client .body .dashboard-min p {
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}
.aside.client .body .dashboard-min p b {
	color:#017EFF;
	text-decoration:underline;
}
.aside.client .body .dashboard-min a {
	display:block;
	margin-top:16px;
	background:#017EFF;
	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:#017EFF;
	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:#017EFF;
	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:#017EFF;
	content:"";
}
.aside.offer.default .head.none-expand p {
	margin-top:16px;
	color:#017EFF;
	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:#017EFF;
	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:#017EFF;
	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 #017EFF;
}
.form-row input.date-picker {
	background:white url('../img/common/calendar_icon.png') no-repeat center right 10px;
	background-size:12px 11px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-selectmenu-menu .ui-menu {
	max-height:240px;
	margin-top:5px;
	border-radius: 5px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
	margin: 0px;
	padding: 0px 10px;
	color: black;
	font-size: 12px;
	line-height: 36px;
	white-space: nowrap;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus {
	color: #017EFF;
	font-weight: bold;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled {
	display: none;
}

/* dropdown-box */
.dropdown-box > button {
  position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  width: 100%;
  height: 40px;
  padding: 0px 30px 0px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.dropdown-box > button span {
  font: inherit;
}
.dropdown-box > button strong {
  font: inherit;
  font-weight: 700;
}
.dropdown-box > button:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1;
	width: 30px;
  background: url("../img/icon_dropdown_arr.svg") no-repeat center center;
  transition: transform 0.3s ease;
  content: "";
}
.dropdown-box > button:disabled {
  border-color: #666;
  background: #666;
  color: #999;
}
.dropdown-box .dropdown-list {
  display: none;
  position: absolute;
  top: 45px;
  left: 0px;
  z-index: 9;
  min-width: 100%;
  max-height: 240px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  overflow-y: overlay;
}
.dropdown-box .dropdown-list .list-search {
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}
.dropdown-box .dropdown-list .list-search input {
  padding-left: 38px;
  background: #fff url(../imgs/icon_search.svg) no-repeat center left 12px;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}
.dropdown-box .dropdown-list ul li button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0px 10px;
  background: #fff;
  border: none;
  border-top: none;
  color: #000;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
}
.dropdown-box .dropdown-list ul li button span {
  font: inherit;
}
.dropdown-box .dropdown-list ul li button strong {
  font: inherit;
  font-weight: 700;
}
.dropdown-box .dropdown-list ul li button:hover {
  background: #F1F1F1;
}
.dropdown-box .dropdown-list ul li button.disabled {
	display: none;
}
.dropdown-box .dropdown-list ul li button.selected {
}
.dropdown-box .dropdown-list ul li button.selected span, .dropdown-box .dropdown-list ul li button.selected strong {
  color: #fff !important;
}
.dropdown-box .dropdown-list ul li button.selected:after {
  width: 13px;
  height: 10px;
  background: url("../imgs/icon_dropdown_check.svg") no-repeat center center;
  content: "";
}
.dropdown-box.open > button:after {
  transform: rotate(-180deg);
}
.dropdown-box.open .dropdown-list {	
	display: block;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .section .text-box .link-group {	
	margin-top:30px;
	font-size:0px;
}
.main .section .text-box .link-group a {	
	display:inline-block;
	width:150px;
	height:30px;
	margin:0px 8px;
	background:white;
	border:1px solid #017EFF;
	border-radius:20px;
	color:#017EFF;
	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.item-list {
	padding: 80px 20px;
	background: #FAFAFA;
}
.main .section.item-list .section-title {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 140%;
}
.main .section.item-list .section-title strong {
	color: #017EFF;
}
.main .section.item-list .search-bar {
	margin-top: 32px;
}
.main .section.item-list .search-bar form {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}
.main .section.item-list .search-bar .search-col {
	width: calc((100% - 10px) / 2);
}
.main .section.item-list .search-bar .search-col select {
	width: 100%;
	height: 40px;
	padding: 0px 10px;
	background: #fff;
	border:1px solid #dcdcdc;
	border-radius:5px;
	outline:none;
	box-sizing:border-box;
	color: #999;
	font-size: 12px;
	vertical-align:top;
}
.main .section.item-list .search-bar .search-col .ui-selectmenu-button {
	width: 100% !important;
	background: #fff;
	border:1px solid #dcdcdc;
	border-radius:5px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.main .section.item-list .search-bar .search-col .ui-selectmenu-button span.ui-icon {
	right:9px;
	width:16px;
	background:url('../img/icon_select_arr_m.svg') no-repeat center center;
}
.main .section.item-list .search-bar .search-col .placeholder + .ui-selectmenu-button span.ui-selectmenu-text {
	color: #999;
}
.main .section.item-list .search-bar .search-col .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0px 36px 0px 10px;
	color: #000;
	font-size: 12px;
	line-height: 38px;
}
.main .section.item-list .search-bar .btn-col {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0px 10px;
	width: 100%;
}
.main .section.item-list .search-bar .btn-col .reset-btn {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 6px;
	height: 40px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
}
.main .section.item-list .search-bar .btn-col .reset-btn:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_reload.svg) no-repeat center center;
	background-size: 16px 16px;
	filter: brightness(0) saturate(100%) invert(34%) sepia(5%) saturate(0%) hue-rotate(132deg) brightness(105%) contrast(96%);
	content: "";
}
.main .section.item-list .search-bar .btn-col .submit-btn {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #000;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
}
.main .section.item-list .sort-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	padding: 32px 0px 10px;
}
.main .section.item-list .sort-bar .line {
	width: 1px;
	height: 12px;
	background: #ccc;
}
.main .section.item-list .sort-bar .sort-btn {
	padding: 5px;
	background: transparent;
	border: none;
	color: #666;
	font-size: 14px;
	line-height: 140%;
}
.main .section.item-list .sort-bar .sort-btn.selected {
	color: #017EFF;
}
.main .section.item-list .more-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	height: 40px;
	margin: 36px auto 0px;
	padding: 0px 10px;
	background: #ddd;
	border: none;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	font-weight: 700;
}
.main .section.item-list .more-btn span {
	color: #adadad;
}

.main .section.about {
	padding: 80px 20px;
	background:#017EFF;
}
.main .section.about .text-box {
}
.main .section.about .text-box h3 {
	color: #fff;
}
.main .section.about .text-box p {
	color: #fff;
}
.main .section.about .text-box .img-box {
	margin-top: 40px;
}
.main .section.about .text-box ul {
	margin-top: 32px;
}
.main .section.about .text-box ul li {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	padding: 10px 20px;
	background: #fff;
	border-radius: 100px;
	color: #017EFF;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}
.main .section.about .text-box ul li + li {
	margin-top: 10px;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-info .form-box form .form-btn {
	margin-top:25px;
}
.my-info .form-box form .form-btn input[type=submit] {
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#017EFF;
	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 #017EFF;
	border-radius:6px;
	text-align:center;
}
.my-info .form-box form .expand-link h6 {
	color:#017EFF;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.my-info .form-box form .expand-link p {
	color:#017EFF;
	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;
}

/* 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:#017EFF;
	color: #fff;
}

.board .important-label {
	display:inline-block;
	margin-right: 4px;
	padding: 5px 4px;
	background:#017EFF;
	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: #017EFF;
}

.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:#017EFF;
}
.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;
}

.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: #017EFF;
	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: #017EFF;
	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: #017EFF;
}
.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: #017EFF;
	border: none;
	color:#fff;
	font-size:16px;
	font-weight: 700;
	letter-spacing:-1.5px;
}

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

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

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

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

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

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

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

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

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

#culture-list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 26px 8px;
}
#culture-list .culture-item {
	width: calc((100% - 10px) / 2);
}
#culture-list .culture-item a {
	display: block;
}
#culture-list .culture-item .thumb {
	position: relative;
	aspect-ratio: 1 / 1.4147;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
#culture-list .culture-item .thumb:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.00) 70%, rgba(0, 0, 0, 0.70) 100%);
	content: "";
}
#culture-list .culture-item .thumb img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#culture-list .culture-item .thumb .type {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 2px;
	height: 24px;
	padding: 0px 6px 0px 4px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
#culture-list .culture-item .thumb .type:before {
	width: 20px;
	height: 20px;
	content: "";
}
#culture-list .culture-item .thumb .type.F:before {
	background: url(../img/icon_fstv_type_F.svg) no-repeat center center;
}
#culture-list .culture-item .thumb .type.E:before {
	background: url(../img/icon_fstv_type_E.svg) no-repeat center center;
}
#culture-list .culture-item .thumb .type.M:before {
	background: url(../img/icon_fstv_type_M.svg) no-repeat center center;
}
#culture-list .culture-item .thumb .type.T:before {
	background: url(../img/icon_fstv_type_T.svg) no-repeat center center;
}
#culture-list .culture-item .thumb .status {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 48px;
	height: 24px;
	padding: 0px 4px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
#culture-list .culture-item .thumb .status.S {
	background: #C1DCF5;
	color: #017EFF;
}
#culture-list .culture-item .thumb .status.P {
	background: #017EFF;
	color: #fff;
}
#culture-list .culture-item .thumb .status.F {
	background: #51606E;
	color: #fff;
}
#culture-list .culture-item .thumb .view {
	position: absolute;
	bottom: 8px;
	left: 8px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 6px;
	height: 24px;
	padding: 0px 6px 0px 4px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	letter-spacing: -0.25px;
}
#culture-list .culture-item .thumb .view:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_fstv_view.svg) no-repeat center center;
	content: "";
}
#culture-list .culture-item .thumb .like-btn {
	position: absolute;
	bottom: 8px;
	right: 8px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	background: transparent url(../img/icon_fstv_like.svg) no-repeat center center;
	border: none;
	font-size: 0px;
}
#culture-list .culture-item .thumb .like-btn.like {
	background: transparent url(../img/icon_fstv_like_on.svg) no-repeat center center;
}
#culture-list .culture-item .text {
	margin-top: 8px;
	text-align: left;
}
#culture-list .culture-item .text p {
	color: #666;
	font-size: 12px;
	line-height: 140%;
}
#culture-list .culture-item .text h6 {
	margin-top: 2px;
	color: #000;
	font-size: 14px;
	font-weight: 700;

	display: -webkit-box;       /* 플렉스박스와 유사한 레이아웃 엔진 사용 */
	-webkit-box-orient: vertical; /* 정렬 방향을 수직으로 설정 */
	-webkit-line-clamp: 2;      /* 보여줄 줄 수 제한 */
	overflow: hidden;           /* 넘치는 부분 숨김 */
	text-overflow: ellipsis;    /* 말줄임표(...) 적용 */

	max-height: 2.8em;
	line-height: 1.4em;
}
#culture-list .no-data {
	width: 100%;
	padding: 40px 0px;
}
#culture-list .no-data p {
	color: #999;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
}
#culture-list .loading {
	width: 100%;
	padding: 40px 0px;
}
#culture-list .loading .loader {
	display: block;
	margin: 0 auto;
}
#culture-list .loading p {
	margin-top: 20px;
	color: #999;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
}

.culture-info {
	padding: 40px 0px;
	background: #fafafa;
}
.culture-info .culture-info-box {
	max-width: 800px;
	margin: 0 auto;
}
.culture-info .title-box {
	position: relative;
	padding: 0px 16px 20px;
}
.culture-info .title-box h3 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -1px;
	text-align: center;
}
.culture-info .title-box p {
	color: #000;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
}
.culture-info .title-box p a  {
	color: #017EFF;
}
.culture-info .title-box .btn-box {
	display: flex;
	justify-content: center;
	align-items:  center;
	gap: 0px 10px;
	margin-top: 10px;
}
.culture-info .title-box .btn-box a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items:  center;
	height: 32px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	font-size: 12px;
	box-sizing: border-box;
}
.culture-info .title-box .btn-box a.delete-btn {
	background: #f00000;
	border-color: #f00000;
	color: #fff;
}
.culture-info .form-box {
	padding: 20px 16px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-info .form-box .created {
	color: #666;
	font-size: 12px;
	line-height: 140%;
}
.culture-info .form-box .thumb-box {
	width: 40%;
	max-width: 160px;
	margin: 20px auto 0px;
}
.culture-info .form-box .thumb-box .thumb {
	aspect-ratio: 1 / 1.414;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.culture-info .form-box .thumb-box .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-info .form-box .thumb-box dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 24px;
	margin-top: 10px;
	padding: 0px 8px;
}
.culture-info .form-box .thumb-box dl + dl {
	margin-top: 2px;
}
.culture-info .form-box .thumb-box dl dt {
	font-size: 0px;
}
.culture-info .form-box .thumb-box dl.view dt:before {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/icon_fstv_info_view.svg) no-repeat center center;
	background-size: 16px 16px;
	content: "";
}
.culture-info .form-box .thumb-box dl.like dt:before {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/icon_fstv_info_like.svg) no-repeat center center;
	background-size: 16px 16px;
	content: "";
}
.culture-info .form-box .thumb-box dl dd {
	color: #000;
	font-size: 14px;
	letter-spacing: -0.25px;
}
.culture-info .form-box .space-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.culture-info .form-box .space-box .type {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 2px;
	height: 24px;
	padding: 0px 6px 0px 4px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-info .form-box .space-box .type:before {
	width: 20px;
	height: 20px;
	content: "";
}
.culture-info .form-box .space-box .type.F:before {
	background: url(/assets/img/mypage/icon_fstv_type_F.svg) no-repeat center center;
}
.culture-info .form-box .space-box .type.E:before {
	background: url(/assets/img/mypage/icon_fstv_type_E.svg) no-repeat center center;
}
.culture-info .form-box .space-box .type.M:before {
	background: url(/assets/img/mypage/icon_fstv_type_M.svg) no-repeat center center;
}
.culture-info .form-box .space-box .type.T:before {
	background: url(/assets/img/mypage/icon_fstv_type_T.svg) no-repeat center center;
}
.culture-info .form-box .space-box .status {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 48px;
	height: 24px;
	padding: 0px 4px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-info .form-box .space-box .status.W {
	background: #ddd;
	color: #666;
}
.culture-info .form-box .space-box .status.R {
	background: #f00000;
	color: #fff;
}
.culture-info .form-box .space-box .status.S {
	background: #C1DCF5;
	color: #017EFF;
}
.culture-info .form-box .space-box .status.P {
	background: #017EFF;
	color: #fff;
}
.culture-info .form-box .space-box .status.F {
	background: #51606E;
	color: #fff;
}
.culture-info .form-box .edu-count-bar {
	height: 40px;
	margin-top: 16px;
	border-radius: 5px;
	overflow: hidden;
}
.culture-info .form-box .edu-count-bar .bar-base {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #E0EEFA;
}
.culture-info .form-box .edu-count-bar .bar-base p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #017EFF;
	font-size: 14px;
	letter-spacing: -0.14px;
}
.culture-info .form-box .edu-count-bar .bar-base p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	content: "";
}
.culture-info .form-box .edu-count-bar .bar-base p span {
	margin-left: 10px;
}
.culture-info .form-box .edu-count-bar .bar {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #017EFF;
}
.culture-info .form-box .edu-count-bar .bar p {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.14px;
	white-space: nowrap;
	overflow: hidden;
}
.culture-info .form-box .edu-count-bar .bar p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(146deg) brightness(104%) contrast(102%);
	content: "";
}
.culture-info .form-box .edu-count-bar .bar p span {
	margin-left: 10px;
}
.culture-info .form-box .input-row-group {
}
.culture-info .form-box .input-row-group + .input-row-group {
	margin-top: 20px;
	padding-top: 8px;
	border-top: 1px solid #eee;
}
.culture-info .form-box .input-row-group .label {
	display: block;
	width: 100%;
	color: #999;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
}
.culture-info .form-box .input-row-group .text-value {
	display: block;
	width: 100%;
	min-height: 40px;
	padding: 9px 16px;
	background: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.culture-info .form-box .input-row-group .text-value.textarea .overflow {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;

	max-height: 80px;
}
.culture-info .form-box .input-row-group .text-value.textarea img {
	max-width: 100%;
}
.culture-info .form-box .input-row-group .text-value span {
	color: #666;
}
.culture-info .form-box .input-row-group .text-value a {
	color: #000;
	font: inherit;
	text-decoration: underline;
}
.culture-info .form-box .input-row-group .link-box {
}
.culture-info .form-box .input-row-group .link-box .link-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0px 10px;
}
.culture-info .form-box .input-row-group .link-box .link-item + .link-item {
	margin-top: 5px;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	background-size: 32px 32px !important;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon.H {
	background: url(../img/icon_link_home.svg) no-repeat center center;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon.K {
	background: url(../img/icon_link_kakao.svg) no-repeat center center;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon.N {
	background: url(../img/icon_link_naver.svg) no-repeat center center;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon.I {
	background: url(../img/icon_link_insta.svg) no-repeat center center;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon.F {
	background: url(../img/icon_link_face.svg) no-repeat center center;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon.Y {
	background: url(../img/icon_link_youtube.svg) no-repeat center center;
}
.culture-info .form-box .input-row-group .link-box .link-item .text-value {
	flex: 1;
}
.culture-info .form-box .input-row-group .theme-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}
.culture-info .form-box .input-row-group .theme-box span {
	padding: 8px 16px;
	background: #fff;
	border: 1px solid #017EFF;
	border-radius: 100px;
	color: #017EFF;
	font-size: 12px;
	line-height: 140%;
}
.culture-info .form-box .input-row-group .photo-box {
	height: 80px;
	margin: 0px -16px;
	overflow: hidden;
}
.culture-info .form-box .input-row-group .photo-box .scroller {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 5px;
	padding: 0px 16px 16px;
	overflow-x: scroll;
}
.culture-info .form-box .input-row-group .photo-box a {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.culture-info .form-box .input-row-group .photo-box a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-info .sub-form-box {
	margin-top: 20px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-info .sub-form-box .head {
	display: flex;
	jusitfy-content: flex-start;
	align-items: center;
	padding: 0px 16px;
	height: 50px;
	border-bottom: 1px solid #ccc;
}
.culture-info .sub-form-box .head h5 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}
.culture-info .sub-form-box .body {
	padding: 20px 16px;
}
.culture-info .sub-form-box .body .space-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.culture-info .sub-form-box .body .space-box p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 20px;
	color: #017EFF;
	font-size: 14px;
	letter-spacing: -0.14px;
}
.culture-info .sub-form-box .body .space-box p:before {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	background-size: 20px 20px;
	content: "";
}
.culture-info .sub-form-box .body .space-box p span {
	margin-left: 5px;
	color: #999;
}
.culture-info .sub-form-box .body .space-box a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 32px;
	background: #32B10F;
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -1px;
}
.culture-info .sub-form-box .body .table-wrapper {
	margin-top: 10px;
	border: 1px solid #E3E3E3;
	overflow: hidden;
}
.culture-info .sub-form-box .body .table-wrapper table {
	width: 100%;
}
.culture-info .sub-form-box .body .table-wrapper table thead {
}
.culture-info .sub-form-box .body .table-wrapper table thead tr {
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th {
	padding: 8px 4px;
	background: #999;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 130%;
	text-align: center;
	vertical-align: middle;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:last-child {
	border-right: none;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(1) {
	width: 32px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(2) {
	width: 80px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(3) {
	width: 100px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(4) {
	width: 100px;
}
.culture-info .sub-form-box .body .table-wrapper table tbody {
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr {
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr td {
	padding: 5px 4px;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	color: #000;
	font-size: 12px;
	line-height: 130%;
	text-align: center;
	vertical-align: middle;
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr td strong {
	font-weight: 700;
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr td:last-child {
	border-right: none;
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr:last-child td {
	border-bottom: none;
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr td.empty {
	padding: 40px 0px;
	color: #666;
	font-size: 12px;
	text-align: center;
}
.culture-info .content-box .btn-box {
	padding: 20px 16px;
}
.culture-info .content-box .btn-box .back-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 480px;
	height: 40px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
}

.culture-edit {
	padding: 40px 0px;
	background: #fafafa;
}
.culture-edit .content-box {
	max-width: 800px;
	margin: 0 auto;
}
.culture-edit .title-box {
	position: relative;
	padding: 0px 16px 20px;
}
.culture-edit .title-box h3 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -1px;
	text-align: center;
}
.culture-edit .head-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 50px;
	padding: 0px 16px;
	background: #fff;
	border-top: 1px solid #ccc;
}
.culture-edit .head-box h5 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.culture-edit .form-box {
	padding: 20px 16px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-edit .form-box .input-row-group {
}
.culture-edit .form-box .input-row {
}
.culture-edit .form-box .input-row + .input-row {
}
.culture-edit .form-box .input-row > label,
.culture-edit .form-box .input-row > p.label {
	display: block;
	color: #999;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
}
.culture-edit .form-box .input-row > label.required:before,
.culture-edit .form-box .input-row > p.label.required:before {
	display: inline;
	color: #FF4E4E;
	font-size: 12px;
	font-weight: 700;
	content: "* ";
}
.culture-edit .form-box .input-row .input-box {
}
.culture-edit .form-box .input-row .input-box input {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
}
.culture-edit .form-box .input-row .input-box input::placeholder {
	color: #999;
}
.culture-edit .form-box .input-row .input-box input[disabled] {
	background: #ddd;
}
.culture-edit .form-box .input-row .input-box input[readonly] {
	background: #FAFAFA;
}
.culture-edit .form-box .input-row .desc {
	margin-top: 10px;
	color: #017EFF;
	font-size: 12px;
	line-height: 140%;
}
.culture-edit .form-box .input-row .input-box.addr {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0px 5px;
}
.culture-edit .form-box .input-row .input-box.addr input {
	flex: 1;
}
.culture-edit .form-box .input-row .input-box.addr button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 0px 10px;
	background: #017EFF;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.culture-edit .form-box .input-row .input-box.addr button + input,
.culture-edit .form-box .input-row .input-box.addr input + input {
	flex: none;
	width: 100%;
	margin-top: 5px;
}
.culture-edit .form-box .input-row .input-box.textarea {
}
.culture-edit .form-box .input-row .input-box.textarea textarea {
	display: block;
	width: 100%;
	min-height: 120px;
	padding: 10px 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	box-sizing: border-box;
}
.culture-edit .form-box .input-row .input-box.textarea textarea::placeholder {
	color: #999;
}
.culture-edit .form-box .input-row .input-box.bank {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
}
.culture-edit .form-box .input-row .input-box.bank select { 
	flex-shrink: 0;
	width: 120px;
	height: 40px;
	padding: 0px 16px;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 6px;
	outline:none;
	box-sizing:border-box;
	color: #000;
	font-size: 14px;
}
.culture-edit .form-box .input-row .input-box.bank .ui-selectmenu-button {
	background: #fff;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.culture-edit .form-box .input-row .input-box.bank .ui-selectmenu-button span.ui-icon {
	right:9px;
	width:16px;
	background:url('../img/icon_select_arr_m.svg') no-repeat center center;
}
.culture-edit .form-box .input-row .input-box.bank .placeholder + .ui-selectmenu-button span.ui-selectmenu-text {
	color: #999;
}
.culture-edit .form-box .input-row .input-box.bank .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0px 36px 0px 10px;
	color: #000;
	font-size: 14px;
	line-height: 38px;
}
.culture-edit .form-box .input-row .input-box.bank input {
	flex: 1;
}
.culture-edit .form-box .input-row .input-box.phone {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}
.culture-edit .form-box .input-row .input-box.phone > input {
	flex: 1;
}
.culture-edit .form-box .input-row .input-box.phone .send-btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 40px;
	padding: 0px 10px;
	background: #fff;
	border: 1px solid #cccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.culture-edit .form-box .input-row .input-box.phone .send-btn[disabled] {
	color: #666;
}
.culture-edit .form-box .input-row .input-box.phone .cert-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
}
.culture-edit .form-box .input-row .input-box.phone .cert-box .cert-expire {
	position: absolute;
	top: 50%;
	right:115px;
	z-index: 1;
	margin-top: -10px;
	color: #FF4E4E;
	font-size: 12px;
	line-height: 20px;
}
.culture-edit .form-box .input-row .input-box.phone .cert-box .cert-btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 40px;
	padding: 0px 10px;
	background: #017EFF;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.culture-edit .form-box .input-row .input-box.auto-search {
}
.culture-edit .form-box .input-row .input-box.auto-search > button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	height: 40px;
	background: #017EFF;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list {
  display: none;
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
  z-index: 9;
  max-height: 240px;
  border-radius: 6px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  overflow-y: overlay;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul {
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li + li {
	margin-top: 5px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li button {
  width: 100%;
  height: 40px;
  padding: 0px 10px;
	background: #fff;
	border: none;
	border-radius: 5px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li button:hover {
  background: #F1F1F1;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li button span:not(.match) {
	color: #666;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li button span.match {
  font: inherit;
  background: rgba(1, 126, 255, 0.4);
  border-radius: 3px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li.current button {
	background: #EDF6FF;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li.hide {
  display: none;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li.empty {
  margin-top: 0px;
  background: #fff;
  color: #999;
  font-size: 14px;
  line-height: 60px;
  text-align: center;
}
.culture-edit .form-box .input-row .type-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .type-box .type-item {
	flex: 1;
	aspect-ratio: 1 / 1;
}
.culture-edit .form-box .input-row .type-box .type-item input {
	display: none;
}
.culture-edit .form-box .input-row .type-box .type-item input + label {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon {
	width: 32px;
	height: 32px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.F {
	background: url(/assets/img/common/icon_fstv_type_big_F.svg) no-repeat center center;
	background-size: 32px 32px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.E {
	background: url(/assets/img/common/icon_fstv_type_big_E.svg) no-repeat center center;
	background-size: 32px 32px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.M {
	background: url(/assets/img/common/icon_fstv_type_big_M.svg) no-repeat center center;
	background-size: 32px 32px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.T {
	background: url(/assets/img/common/icon_fstv_type_big_T.svg) no-repeat center center;
	background-size: 32px 32px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label p {
	color: #666;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
}
.culture-edit .form-box .input-row .type-box .type-item input:checked + label {
	background: #EFF7FF;
	border-color: #017EFF;
}
.culture-edit .form-box .input-row .type-box .type-item input:checked + label p {
	color: #017EFF;
}
.culture-edit .form-box .input-row .date-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 5px;
}
.culture-edit .form-box .input-row .date-group span {
	flex-shrink: 0;
	color: #000;
	font-size: 16px;
}
.culture-edit .form-box .input-row .date-group .date-picker {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 16px;
	background: #fff url('../img/icon_calendar.svg') no-repeat center right 10px;
	background-size: 16px 16px;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
}
.culture-edit .form-box .input-row .date-group .date-picker::placeholder {
	color: #999;
}
.culture-edit .form-box .input-row .check-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .check-box .check-row input + label {
	line-height: 24px;
}
.culture-edit .form-box .input-row .theme-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 5px;
}
.culture-edit .form-box .input-row .theme-box .theme-item {
}
.culture-edit .form-box .input-row .theme-box .theme-item input {
	display: none;
}
.culture-edit .form-box .input-row .theme-box .theme-item input + label {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	padding: 0px 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50px;
	color: #666;
	font-size: 12px;
}
.culture-edit .form-box .input-row .theme-box .theme-item input:checked + label {
	border-color: #017EFF;
	color: #017EFF;
}
.culture-edit .form-box .input-row .file-box {
}
.culture-edit .form-box .input-row .file-box .file-zone {
	background: #fafafa;
	border: 1px dashed #ccc;
	border-radius: 10px;
}
.culture-edit .form-box .input-row .file-box .file-zone input {
	display: none;
}
.culture-edit .form-box .input-row .file-box .file-zone label {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px 0px;
}
.culture-edit .form-box .input-row .file-box .file-zone label h6 {
	padding-top: 50px;
	background: url(../img/icon_drag_upload.svg) no-repeat top center;
	background-size: 40px 40px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
}
.culture-edit .form-box .input-row .file-box .file-zone label p {
	margin-top: 3px;
	color: #666;
	font-size: 12px;
	line-height: 140%;
}
.culture-edit .form-box .input-row .file-box .file-zone label span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	margin-top: 10px;
	padding: 0px 16px;
	background: #017EFF;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.culture-edit .form-box .input-row .file-box .file-zone.drag-over {
	background: #EFF7FF;
	border: 1px dashed #017EFF;
}
.culture-edit .form-box .input-row .file-box .file-list {
	height: 120px;
	margin: 10px -16px 0px;
	overflow: hidden;
}
.culture-edit .form-box .input-row .file-box .file-list .scroller {
	padding: 0px 0px 16px;
	overflow-x: scroll;
}
.culture-edit .form-box .input-row .file-box .file-list ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
}
.culture-edit .form-box .input-row .file-box .file-list ul:before,
.culture-edit .form-box .input-row .file-box .file-list ul:after {
	flex-shrink: 0;
	width: 16px;
	height: 1px;
	content: "";
}
.culture-edit .form-box .input-row .file-box .file-list ul li {
	flex-shrink: 0;
	position: relative;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.culture-edit .form-box .input-row .file-box .file-list ul li + li {
	margin-left: 10px;
}
.culture-edit .form-box .input-row .file-box .file-list ul li a {
	display: block;
	width: 118px;
	height: 118px;
	aspect-ratio: 1 / 1;
}
.culture-edit .form-box .input-row .file-box#thumb .file-list ul li a {
	width: 85px;
	aspect-ratio: 1 / 1.4147;
}
.culture-edit .form-box .input-row .file-box .file-list ul li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-edit .form-box .input-row .file-box .file-list ul li .delete-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../img/icon_file_delete.svg) no-repeat top center;
	border: none;
	font-size: 0px;
}
.culture-edit .form-box .input-row .file-box .file-info {
	position: relative;
	margin-top: 10px;
}
.culture-edit .form-box .input-row .file-box .file-info a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 16px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	line-height: 38px;
	text-decoration: underline;
	box-sizing: border-box;
}
.culture-edit .form-box .input-row .file-box .file-info .delete-btn {
	position: absolute;
	top: 50%;
	right: 16px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../img/icon_file_cancel.svg) no-repeat top center;
	border: none;
	font-size: 0px;
}
.culture-edit .form-box .input-row .link-box {
}
.culture-edit .form-box .input-row .link-box + .link-box {
	margin-top: 10px;
}
.culture-edit .form-box .input-row .link-box .link-item {
}
.culture-edit .form-box .input-row .link-box .link-item.first {
}
.culture-edit .form-box .input-row .link-box .link-item.first .type {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 32px;
	gap: 0px 10px;
	color: #000;
	font-size: 14px;
}
.culture-edit .form-box .input-row .link-box .link-item.first .type:before {
	width: 24px;
	height: 24px;
	background: url(../img/icon_link_home.svg) no-repeat center center;
	background-size: 24px 24px;
	content: "";
}
.culture-edit .form-box .input-row .link-box .link-item + .link-item {
	margin-top: 10px;
}
.culture-edit .form-box .input-row .link-box .link-item .dropdown-box {
	width: 140px;
}
.culture-edit .form-box .input-row .link-box .link-item > input {
	display: block;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	padding: 0px 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
}
.culture-edit .form-box .input-row .link-box .link-item > input::placeholder {
	color: #999;
}
.culture-edit .form-box .input-row .link-box .link-item .icon {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-size: 24px 24px !important;
}
.culture-edit .form-box .input-row .link-box .link-item .icon.K {
	background: url(../img/icon_link_kakao.svg) no-repeat center center;
	background-size: 24px 24px;
}
.culture-edit .form-box .input-row .link-box .link-item .icon.N {
	background: url(../img/icon_link_naver.svg) no-repeat center center;
	background-size: 24px 24px;
}
.culture-edit .form-box .input-row .link-box .link-item .icon.I {
	background: url(../img/icon_link_insta.svg) no-repeat center center;
	background-size: 24px 24px;
}
.culture-edit .form-box .input-row .link-box .link-item .icon.F {
	background: url(../img/icon_link_face.svg) no-repeat center center;
	background-size: 24px 24px;
}
.culture-edit .form-box .input-row .link-box .link-item .icon.Y {
	background: url(../img/icon_link_youtube.svg) no-repeat center center;
	background-size: 24px 24px;
}
.culture-edit .form-box .input-row .link-box .link-item .link-delete-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #f00000 url(../img/icon_link_delete.svg) no-repeat center center;
	border: none;
	border-radius: 5px;
	font-size: 0px;
}
.culture-edit .form-box .input-row .link-box .link-item .link-add-btn {
	display: none;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	height: 40px;
	padding: 0px 12px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
}
.culture-edit .form-box .input-row .link-box .link-item .link-add-btn:before {
	width: 20px;
	height: 20px;
	background: url(../img/icon_link_add.svg) no-repeat center center;
	content: "";
}
.culture-edit .form-box .input-row .link-box .link-item:last-child .link-add-btn {
	display: flex;
}
.culture-edit .form-box .input-row .link-box .link-item:last-child .link-delete-btn {
	display: none;
}
.culture-edit .btn-box {
	padding: 20px 16px 0px;
}
.culture-edit .btn-box .submit-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 480px;
	height: 40px;
	margin: 0 auto;
	background: #017EFF;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.culture-edit .btn-box .submit-btn[disabled] {
	background: #ddd;
	color: #999;
	cursor: not-allowed;
}

.organ-add-modal {
	position: fixed;
	top: -9999px;
	left: -9999px;
	width: 0px;
	height: 0px;
	z-index: 2000;
	padding: 20px;
	overflow: hidden;
}
.organ-add-modal .overlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.organ-add-modal .modal-content {
	position: relative;
	z-index: 1001;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.20);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	overflow: hidden;
}
.organ-add-modal .modal-head {
	padding: 10px 16px;
	border-bottom: 1px solid #ccc;
}
.organ-add-modal .modal-head h6 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.5px;
}
.organ-add-modal .modal-body {
	flex: 1;
	padding: 20px 16px;
	overflow-y: scroll;
}
.organ-add-modal .modal-body .input-row + .input-row {
	margin-top: 20px;
}
.organ-add-modal .modal-body .input-row > label,
.organ-add-modal .modal-body .input-row > p.label {
	display: block;
	margin-bottom: 10px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
}
.organ-add-modal .modal-body .input-row .input-box {
}
.organ-add-modal .modal-body .input-row .input-box input {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
}
.organ-add-modal .modal-body .input-row .input-box input::placeholder {
	color: #999;
}
.organ-add-modal .modal-body .input-row .input-box input[disabled] {
	background: #ddd;
}
.organ-add-modal .modal-body .input-row .input-box input[readonly] {
	background: #FAFAFA;
}
.organ-add-modal .modal-body .input-row .input-box.addr {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0px 5px;
}
.organ-add-modal .modal-body .input-row .input-box.addr input {
	flex: 1;
}
.organ-add-modal .modal-body .input-row .input-box.addr button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 0px 10px;
	background: #017EFF;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.organ-add-modal .modal-body .input-row .input-box.addr button + input,
.organ-add-modal .modal-body .input-row .input-box.addr input + input {
	flex: none;
	width: 100%;
	margin-top: 5px;
}
.organ-add-modal .modal-body .input-row .check-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 20px;
}
.organ-add-modal .modal-body .input-row .check-box .check-row input + label {
	line-height: 34px;
}
.organ-add-modal .modal-foot {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	padding: 10px 16px;
	border-top: 1px solid #ccc;
}
.organ-add-modal .modal-foot button {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #017EFF;
	border: 1px solid #017EFF;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.organ-add-modal .modal-foot button.close-btn {
	background: #fff;
	border-color: #ccc;
	color: #000;
}
.organ-add-modal.open {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.organ-add-modal.open .overlay {
	opacity: 1;
}
.organ-add-modal.open .modal-content {
	opacity: 1;
}
.organ-add-modal.open-out .overlay {
	opacity: 0;
}
.organ-add-modal.open-out .modal-content {
	opacity: 0;
}

.culture-detail {
	padding: 40px 0px;
	background: #fafafa;
}
.culture-detail .title-box {
	position: relative;
	padding: 0px 16px 20px;
	text-align:center;
}
.culture-detail .title-box .status {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 48px;
	height: 24px;
	margin: 0 auto;
	padding: 0px 4px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-detail .title-box .status.S {
	background: #C1DCF5;
	color: #017EFF;
}
.culture-detail .title-box .status.P {
	background: #017EFF;
	color: #fff;
}
.culture-detail .title-box .status.F {
	background: #51606E;
	color: #fff;
}
.culture-detail .title-box h3 {
	margin-top: 10px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -1px;
}
.culture-detail .title-box p {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	height: 20px;
	margin-top: 8px;
	color: #666;
	font-size: 14px;
}
.culture-detail .title-box p .line {
	width: 1px;
	height: 8px;
	background:#ccc;
}
.culture-detail .content-box {
	max-width: 800px;
	margin: 0 auto;
	background:#fff;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.culture-detail .content-box .top-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-detail .content-box .top-box .type {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 2px;
	height: 24px;
	padding: 0px 6px 0px 4px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-detail .content-box .top-box .type:before {
	width: 20px;
	height: 20px;
	content: "";
}
.culture-detail .content-box .top-box .type.F:before {
	background: url(../img/icon_fstv_type_F.svg) no-repeat center center;
}
.culture-detail .content-box .top-box .type.E:before {
	background: url(../img/icon_fstv_type_E.svg) no-repeat center center;
}
.culture-detail .content-box .top-box .type.M:before {
	background: url(../img/icon_fstv_type_M.svg) no-repeat center center;
}
.culture-detail .content-box .top-box .type.T:before {
	background: url(../img/icon_fstv_type_T.svg) no-repeat center center;
}
.culture-detail .content-box .top-box .right-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0px 10px;
}
.culture-detail .content-box .top-box .right-box .view {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 3px;
	height: 24px;
	padding: 0px 4px;
	color: #666;
	font-size: 14px;
	letter-spacing: -0.25px;
}
.culture-detail .content-box .top-box .right-box .view:before {
	width: 16px;
	height: 16px;
	background: url(../img/icon_fstv_info_view.svg) no-repeat center center;
	background-size: 16px 16px;
	content: "";
}
.culture-detail .content-box .top-box .right-box .like-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	padding: 0px 5px 0px 2px;
	background:#fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	box-sizing: border-box;
}
.culture-detail .content-box .top-box .right-box .like-btn:before {
	width: 24px;
	height: 24px;
	background: url(../img/icon_fstv_like.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(36%) sepia(52%) saturate(16%) hue-rotate(100deg) brightness(98%) contrast(90%);
	content: "";
}
.culture-detail .content-box .top-box .right-box .like-btn.like:before {
	background: url(../img/icon_fstv_like_on.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(4733%) hue-rotate(359deg) brightness(87%) contrast(122%);
}
.culture-detail .content-box .mid-box {
	padding: 20px 0px;
	background: #fff;
}
.culture-detail .content-box .mid-box .thumb {
	width: calc(100% - 160px);
	min-width: 200px;
	max-width: 320px;
	aspect-ratio: 1 / 1.4147;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
}
.culture-detail .content-box .mid-box .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-detail .content-box .mid-box .edu-short-info {
	max-width: 400px;
	margin: 0 auto;
	padding: 20px 16px 0px;
}
.culture-detail .content-box .mid-box .edu-short-info h4 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
}
.culture-detail .content-box .mid-box .edu-short-info .location {
	margin-top: 5px;
	color: #666;
	font-size: 12px;
	line-height:1.4em;
}
.culture-detail .content-box .mid-box .edu-short-info .location + .date {
	margin-top: 10px;
}
.culture-detail .content-box .mid-box .edu-short-info .date {
	margin-top: 5px;
	color: #000;
	font-size: 12px;
	line-height:1.4em;
}
.culture-detail .content-box .mid-box .edu-short-info .date span {
	color: #666;
}
.culture-detail .content-box .mid-box .edu-short-info .price-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.culture-detail .content-box .mid-box .edu-short-info .price-box dt {
	color: #000;
	font-size: 14px;
	letter-spacing: -1px;
}
.culture-detail .content-box .mid-box .edu-short-info .price-box dd {
	color: #000;
	font-size: 20px;
	letter-spacing: -1px;
}
.culture-detail .content-box .mid-box .edu-short-info .price-box dd strong {
	color: #017EFF;
	font-weight:700;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar {
	height: 40px;
	margin-top: 16px;
	border-radius: 5px;
	overflow: hidden;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar-base {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #E0EEFA;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar-base p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #017EFF;
	font-size: 14px;
	letter-spacing: -0.14px;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar-base p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	content: "";
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar-base p span {
	margin-left: 10px;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #017EFF;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar p {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.14px;
	white-space: nowrap;
	overflow: hidden;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(146deg) brightness(104%) contrast(102%);
	content: "";
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar .bar p span {
	margin-left: 10px;
}
.culture-detail .content-box .mid-box .edu-short-info > a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	margin-top: 10px;
	background: #017EFF;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight:700;
	letter-spacing: -0.5px;
}
.culture-detail .content-box .nav-bar {
	position: sticky;
	top: 55px;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	height: 45px;
	background:#fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-detail .content-box .nav-bar a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	margin-top: -1px;
	margin-bottom: -1px;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	color: #666;
	font-size: 12px;
	letter-spacing: -0.5px;
	box-sizing: border-box;
}
.culture-detail .content-box .nav-bar a.on {
	border-bottom-color: #017EFF;
	color: #017EFF;
}
.culture-detail .content-box .photo-box {
	padding-top: 20px;
	background: #fff;
}
.culture-detail .content-box .photo-box .swiper {
}
.culture-detail .content-box .photo-box .swiper .swiper-slide {
	width: 160px;
}
.culture-detail .content-box .photo-box .swiper .swiper-slide a {
	display: block;
	width: 160px;
	height: 160px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.culture-detail .content-box .photo-box .swiper .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-next {
	width: 40px;
	height: 40px;
	background: url(../img/icon_culture_next_arr.svg) no-repeat center center;
	background-size: 40px 40px;
	opacity: 1;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-next.swiper-button-disabled {
	background: url(../img/icon_culture_next_arr_off.svg) no-repeat center center;
	background-size: 40px 40px;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: url(../img/icon_culture_prev_arr.svg) no-repeat center center;
	background-size: 40px 40px;
	opacity: 1;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-prev.swiper-button-disabled {
	background: url(../img/icon_culture_prev_arr_off.svg) no-repeat center center;
	background-size: 40px 40px;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-next:after,
.culture-detail .content-box .photo-box .swiper .swiper-button-prev:after {
	display: none;
}
.culture-detail .content-box .photo-box .swiper-pagination {
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
	margin-top: 20px;
}
.culture-detail .content-box .photo-box .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0px;
	border-radius: 10px;
	background: #ccc;
	transition: width 0.3s ease-in-out, background 0.3s ease-in-out;
	opacity: 1;
}
.culture-detail .content-box .photo-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 16px;
	background: #000;
}
.culture-detail .content-box .info-box {
	padding: 0px 16px;
	background: #fff;
}
.culture-detail .content-box .info-box .box-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 56px;
	margin-bottom: 16px;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 14px;
	font-weight:700;
}
.culture-detail .content-box .info-box .editor {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
}
.culture-detail .content-box .info-box .editor img {
	max-width: 100%;
}
.culture-detail .content-box .info-box .map-box {
	height: 240px;
	margin-top: 20px;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
}
.culture-detail .content-box .info-box .map-box #map {
	height: 100%;
}
.culture-detail .content-box .info-box .map-box #map + a {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	padding: 0px 12px;
	background: #017EFF;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.20);
}
.culture-detail .content-box .info-box .desc-box {
	gap: 0px 10px;
	margin-top: 20px;
	padding: 20px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.culture-detail .content-box .info-box .desc-box .inner-box + .inner-box  {
	margin-top: 5px;
}
.culture-detail .content-box .info-box .desc-box dl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 20px;
}
.culture-detail .content-box .info-box .desc-box dl + dl {
	margin-top: 5px;
}
.culture-detail .content-box .info-box .desc-box dl dt {
	flex-shrink: 0;
	position: relative;
	margin-right: 20px;
	padding-right: 11px;
	color: #666;
	font-size: 14px;
}
.culture-detail .content-box .info-box .desc-box dl dt:after {
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background:#ccc;
	content: "";
}
.culture-detail .content-box .info-box .desc-box dl dd {
	color: #000;
	font-size: 14px;
	word-break: break-all;
}
.culture-detail .content-box .info-box .desc-box dl dd a {
	color: #017EFF;
	text-decoration: underline;
}
.culture-detail .content-box .info-box .link-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.culture-detail .content-box .info-box .link-box .link-item {
	width: 40px;
	height: 40px;
	background-size: 40px 40px !important;
	border-radius: 50px;
	font-size: 0px;
}
.culture-detail .content-box .info-box .link-box .link-item.H {
	background: url(../img/icon_link_home.svg) no-repeat center center;
}
.culture-detail .content-box .info-box .link-box .link-item.K {
	background: url(../img/icon_link_kakao.svg) no-repeat center center;
}
.culture-detail .content-box .info-box .link-box .link-item.N {
	background: url(../img/icon_link_naver.svg) no-repeat center center;
}
.culture-detail .content-box .info-box .link-box .link-item.I {
	background: url(../img/icon_link_insta.svg) no-repeat center center;
}
.culture-detail .content-box .info-box .link-box .link-item.F {
	background: url(../img/icon_link_face.svg) no-repeat center center;
}
.culture-detail .content-box .info-box .link-box .link-item.Y {
	background: url(../img/icon_link_youtube.svg) no-repeat center center;
}
.culture-detail .content-box .info-box .theme-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}
.culture-detail .content-box .info-box .theme-box span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	padding: 0px 16px;
	background:#fff;
	border: 1px solid #017EFF;
	border-radius: 50px;
	color: #017EFF;
	font-size: 14px;
}
.culture-detail .content-box .coupon-box {
	padding: 40px 16px 0px;
	background: #fff;
}
.culture-detail .content-box .coupon-box .box-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 56px;
	margin-bottom: 16px;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 14px;
	font-weight:700;
}
.culture-detail .content-box .coupon-box .box-head span {
	margin-left: 10px;
	color: #666;
}
.culture-detail .content-box .coupon-box .coupon-list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}
.culture-detail .content-box .coupon-box .coupon-list li {
	width: calc((100% - 10px) / 2);
}
.culture-detail .content-box .coupon-box .coupon-list li .thumb {
	aspect-ratio: 29/20;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.culture-detail .content-box .coupon-box .coupon-list li .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-detail .content-box .coupon-box .coupon-list li p {
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height:140%;
}
.culture-detail > .btn-box {
	padding: 40px 16px 0px;
}
.culture-detail > .btn-box .back-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 480px;
	height: 40px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
}

#culture-comment {
	padding: 32px 16px 0px;
	background: #fff;
}
#culture-comment .box-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 56px;
	margin-bottom: 16px;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 14px;
	font-weight:700;
}
#culture-comment .box-head span {
	margin-left: 10px;
	color: #666;
}
#culture-comment .all-photos {
	margin-top: 20px;
}
#culture-comment .all-photos dt {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
}
#culture-comment .all-photos dd {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 5px;
	margin-top: 20px;
}
#culture-comment .all-photos dd a {
	position: relative;
	flex: 1;
	aspect-ratio: 1 / 1;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
#culture-comment .all-photos dd a img {
	width: 100%;
	height: 100%;;
	object-fit: cover;
}
#culture-comment .all-photos dd a.last-photo .more-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 14px;
	letter-spacing: -1.5px;
}
#culture-comment .edit-form {
	margin-top: 20px;
	padding: 20px 16px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 10px;
}
#culture-comment .edit-form .textarea-box {
	position: relative;
}
#culture-comment .edit-form .textarea-box textarea {
	width: 100%;
	height: 152px;
	padding: 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	box-sizing: border-box;
	resize: none;
}
#culture-comment .edit-form .textarea-box textarea::placeholder {
	color: #999;
}
#culture-comment .edit-form .textarea-box .comment-length {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1;
	color: #999;
	font-size: 12px;
	line-height: 14px;
}
#culture-comment .edit-form .textarea-box .comment-length.warning {
	color: #f00000;
}
#culture-comment .edit-form .photo-list {
	margin-top: 20px;
}
#culture-comment .edit-form .photo-list ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 5px;
}
#culture-comment .edit-form .photo-list ul li {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
#culture-comment .edit-form .photo-list ul li a {
	display: block;
	width: 56px;
	height: 56px;
}
#culture-comment .edit-form .photo-list ul li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#culture-comment .edit-form .photo-list ul li .delete-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../img/icon_file_delete.svg) no-repeat top center;
	border: none;
	font-size: 0px;
}
#culture-comment .edit-form .space-box {
	margin-top: 20px;
}
#culture-comment .edit-form .space-box .desc {
	color: #017EFF;
	font-size: 12px;
	line-height: 24px;
}
#culture-comment .edit-form .space-box .btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	margin-top: 10px;
	padding: 0px;
}
#culture-comment .edit-form .space-box .btn-box .file-btn {
	flex-shrink: 0;
}
#culture-comment .edit-form .space-box .btn-box .file-btn input {
	display: none;
}
#culture-comment .edit-form .space-box .btn-box .file-btn label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size: 0px;
}
#culture-comment .edit-form .space-box .btn-box .file-btn label:before {
	width: 24px;
	height: 24px;
	background: url(../img/icon_comment_photo.svg) no-repeat center center;
	content: "";
}
#culture-comment .edit-form .space-box .btn-box button {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #017EFF;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
}
#culture-comment .edit-form .space-box .btn-box button[type=button] {
	flex: none;
	padding: 0px 24px;
	background: #fff;
	border: 1px solid #eee;
	color: #000;
}
#culture-comment #comment-list { 
	margin-top: 20px;
	background: #fafafa;
	text-align: center;
}
#culture-comment #comment-list .empty {
	padding: 40px 0px;
	background: #fff;
	color: #999;
	font-size: 14px;
	letter-spacing: -1.5px;
}
#culture-comment #comment-list .comment-item {
	padding: 10px 16px;
	background: #fff;
	border-top: 1px solid #ccc;
	text-align: left;
}
#culture-comment #comment-list .comment-item:last-child {
	border-bottom: 1px solid #ccc;
}
#culture-comment #comment-list .comment-item .comment-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 44px;
}
#culture-comment #comment-list .comment-item .comment-head h5 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
#culture-comment #comment-list .comment-item .comment-head h5.client {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #017EFF;
}
#culture-comment #comment-list .comment-item .comment-head h5.client:before {
	width: 20px;
	height: 20px;
	margin-right: 2px;
	background: url(../img/icon_fstv_manager.svg) no-repeat center center;
	content: "";
}
#culture-comment #comment-list .comment-item .comment-head .comment-menu-btn {
	width: 24px;
	height: 24px;
	background: url(../img/icon_comment_more.svg) no-repeat center center;
	border: none;
	font-size: 0px;
}
#culture-comment #comment-list .comment-item .comment-head .comment-menu {
	position: absolute;
	top: 44px;
	right: 0px;
	z-index: 1;
	padding: 8px 12px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
#culture-comment #comment-list .comment-item .comment-head .comment-menu button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	padding: 0px 16px;
	background: #fff;
	border: none;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
}
#culture-comment #comment-list .comment-item .comment-head .comment-menu button + button {
	margin-top: 5px;
}
#culture-comment #comment-list .comment-item .comment-head .comment-menu button:hover {
	background: #E0EEFA;
}
#culture-comment #comment-list .comment-item .comment-body {
	margin-top: 8px;
}
#culture-comment #comment-list .comment-item .comment-body .comment-text {
	color: #000;
	font-size: 14px;
	line-height: 148%;
}
#culture-comment #comment-list .comment-item .comment-body .comment-text.deleted {
	color: #999;
}
#culture-comment #comment-list .comment-item .comment-body .comment-photo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 5px;
	margin-top: 16px;
}
#culture-comment #comment-list .comment-item .comment-body .comment-photo a {
	width: 56px;
	height: 56px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
#culture-comment #comment-list .comment-item .comment-body .comment-photo a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#culture-comment #comment-list .comment-item .comment-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 32px;
	margin-top: 16px;
}
#culture-comment #comment-list .comment-item .comment-foot .comment-date {
	color: #999;
	font-size: 14px;
	letter-spacing: -0.42px;
}
#culture-comment #comment-list .comment-item .comment-foot .reply-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	padding: 0px 16px;
	background: #eee;
	border: none;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
}
#culture-comment #comment-list .comment-item.reply {
	background: #FAFAFA;
}
#culture-comment #comment-list .comment-item.reply .comment-head {
	padding-left: 34px;
}
#culture-comment #comment-list .comment-item.reply .comment-head:before {
	position: absolute;
	top: 50%;
	left: 0px;
	z-index: 1;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../img/icon_reply.svg) no-repeat center center;
	content: "";
}
#culture-comment #comment-list .comment-item.editing .comment-head .comment-menu-btn,
#culture-comment #comment-list .comment-item.editing .comment-head .comment-menu,
#culture-comment #comment-list .comment-item.editing .comment-body,
#culture-comment #comment-list .comment-item.editing .comment-foot,
#culture-comment #comment-list .comment-item.editing .desc,
#culture-comment #comment-list .comment-item.editing .file-btn {
	display: none;
}
#culture-comment #comment-list .comment-item.editing .edit-form {
	margin-top: 0px;
	padding: 0px;
	background: transparent;
	border: none;
	border-radius: 0px;
}
#culture-comment #comment-list .comment-item.editing .edit-form .space-box {
	margin-top: 10px;
}
#culture-comment #comment-list .comment-item.reply-ing .reply-btn {
	display: none;
}
#culture-comment #comment-list .comment-item.reply-ing .edit-form {
	margin: 31px -16px 10px;
}
#culture-comment #comment-list .comment-item.reply-ing .edit-form:before {
	position: absolute;
	top: -21px;
	left: 0px;
	right: 0px;
	height: 1px;
	background: #ccc;
	content: "";
}
#culture-comment .more-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	height: 40px;
	margin: 20px auto 0px;
	padding: 0px 10px;
	background: #ddd;
	border: none;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	font-weight: 700;
}
#culture-comment .more-btn span {
	color: #adadad;
}
#culture-comment #comment-list .more-btn {
	display: inline-flex;
	margin: 20px auto;
}
#culture-comment #comment-list .more-btn-box:last-child {
	border-bottom: 1px solid #ccc;
}

.culture-pay-finish {
	padding: 80px 20px;
	background: #fafafa;
}
.culture-pay-finish .content-box {
	max-width: 500px;
	margin: 0 auto;
}
.culture-pay-finish .logo-box {
	text-align: center;
}
.culture-pay-finish .logo-box h2 {
	width:161px;
	margin: 0 auto;
}
.culture-pay-finish .logo-box h2 img {
	width: 100%;
	height: auto;
}
.culture-pay-finish .text-box {
	margin-top: 20px;
	text-align: center;
}
.culture-pay-finish .text-box h3 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
}
.culture-pay-finish .text-box p {
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	line-height: 140%;
}
.culture-pay-finish .text-box p a {
	color: #017EFF;
	text-decoration: underline;
}
.culture-pay-finish .text-box .link {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.culture-pay-finish .text-box .banner {
	margin-top: 20px;
}
.culture-pay-finish .text-box .banner img {
	width: 100%;
	height: auto;
}

.culture-pay {
	padding: 40px 0px;
	background: #fafafa;
}
.culture-pay .title-box {
	padding-bottom: 10px;
}
.culture-pay .title-box h3 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -1px;
	text-align: center;
}
.culture-pay .content-box {
	max-width: 800px;
	margin: 0 auto;
}
.culture-pay .item-box {
	padding: 20px 16px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-pay .item-box .thumb {
	width: 170px;
	aspect-ratio: 1 / 1.4147;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
}
.culture-pay .item-box .thumb a {
}
.culture-pay .item-box .thumb a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-pay .item-box .edu-short-info {
	max-width: 400px;
	margin: 20px auto 0px;
}
.culture-pay .item-box .edu-short-info h4 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -1px;
}
.culture-pay .item-box .edu-short-info .edu-count-bar {
	height: 40px;
	margin-top: 10px;
	border-radius: 5px;
	overflow: hidden;
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar-base {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #E0EEFA;
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar-base p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #017EFF;
	font-size: 14px;
	letter-spacing: -0.14px;
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar-base p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	content: "";
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar-base p span {
	margin-left: 10px;
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #017EFF;
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar p {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.14px;
	white-space: nowrap;
	overflow: hidden;
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(146deg) brightness(104%) contrast(102%);
	content: "";
}
.culture-pay .item-box .edu-short-info .edu-count-bar .bar p span {
	margin-left: 10px;
}
.culture-pay .item-box .edu-short-info dl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 20px;
	margin-top: 10px;
}
.culture-pay .item-box .edu-short-info dl + dl {
	margin-top: 5px;
}
.culture-pay .item-box .edu-short-info dl dt {
	position: relative;
	flex-shrink: 0;
	width: 81px;
	margin-right: 20px;
	padding-right: 11px;
	color: #666;
	font-size: 14px;
}
.culture-pay .item-box .edu-short-info dl dt:after {
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background:#ccc;
	content: "";
}
.culture-pay .item-box .edu-short-info dl dd {
	color: #000;
	font-size: 14px;
	line-height: 18px;
}
.culture-pay .form-box .input-row-group {
}
.culture-pay .form-box .input-row {
}
.culture-pay .form-box .input-row + .input-row {
}
.culture-pay .input-row > label,
.culture-pay .input-row > p.label {
	display: block;
	color: #999;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
}
.culture-pay .input-row > label.required:before,
.culture-pay .input-row > p.label.required:before {
	display: inline;
	color: #FF4E4E;
	font-size: 12px;
	font-weight: 700;
	content: "* ";
}
.culture-pay .input-row .text-value {
	color: #000;
	font-size: 14px;
	line-height: 140%;
}
.culture-pay .input-row .input-box {
}
.culture-pay .input-row .input-box input {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 16px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
}
.culture-pay .input-row .input-box input::placeholder {
	color: #999;
}
.culture-pay .input-row .input-box input[disabled] {
	background: #ddd;
}
.culture-pay .input-row .input-box input[readonly] {
	background: #FAFAFA;
}
.culture-pay .input-row .input-box.bank {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 5px;
}
.culture-pay .input-row .input-box.bank select { 
	flex-shrink: 0;
	width: 120px;
	height: 40px;
	padding: 0px 16px;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 6px;
	outline:none;
	box-sizing:border-box;
	color: #000;
	font-size: 14px;
}
.culture-pay .input-row .input-box.bank .ui-selectmenu-button {
	background: #fff;
	border:1px solid #ccc;
	border-radius:6px;
	outline:none;
	box-sizing:border-box;
	vertical-align:top;
}
.culture-pay .input-row .input-box.bank .ui-selectmenu-button span.ui-icon {
	right:9px;
	width:16px;
	background:url('../img/icon_select_arr_m.svg') no-repeat center center;
}
.culture-pay .input-row .input-box.bank .placeholder + .ui-selectmenu-button span.ui-selectmenu-text {
	color: #999;
}
.culture-pay .input-row .input-box.bank .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0px 36px 0px 10px;
	color: #000;
	font-size: 14px;
	line-height: 38px;
}
.culture-pay .input-row .input-box.bank input {
	flex: 1;
}
.culture-pay .input-row .file-box {
}
.culture-pay .input-row .file-box .file-zone {
	background: #fafafa;
	border: 1px dashed #ccc;
	border-radius: 10px;
}
.culture-pay .input-row .file-box .file-zone input {
	display: none;
}
.culture-pay .input-row .file-box .file-zone label {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px 0px;
}
.culture-pay .input-row .file-box .file-zone label h6 {
	padding-top: 50px;
	background: url(../img/icon_drag_upload.svg) no-repeat top center;
	background-size: 40px 40px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
}
.culture-pay .input-row .file-box .file-zone label p {
	margin-top: 3px;
	color: #666;
	font-size: 12px;
	line-height: 140%;
}
.culture-pay .input-row .file-box .file-zone label span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	margin-top: 10px;
	padding: 0px 16px;
	background: #017EFF;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.culture-pay .input-row .file-box .file-zone.drag-over {
	background: #EFF7FF;
	border: 1px dashed #017EFF;
}
.culture-pay .input-row .file-box .file-info {
	position: relative;
	margin-top: 10px;
}
.culture-pay .input-row .file-box .file-info a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 16px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	line-height: 38px;
	text-decoration: underline;
	box-sizing: border-box;
}
.culture-pay .input-row .file-box .file-info .delete-btn {
	position: absolute;
	top: 50%;
	right: 16px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../img/icon_file_cancel.svg) no-repeat top center;
	border: none;
	font-size: 0px;
}
.culture-pay .form-box {
	margin-top: 20px;
	background: #fff;
}
.culture-pay .form-box .form-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 50px;
	padding: 0px 16px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-pay .form-box .form-head h5 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.culture-pay .form-box .form-body {
	padding: 20px 16px;
	border-bottom: 1px solid #ccc;
}
.culture-pay .form-box .form-body .desc {
	color: #f00000;
	font-size: 12px;
	line-height: 14px;
}
.culture-pay .price-total-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding: 10px 20px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.culture-pay .price-total-box dt {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
}
.culture-pay .price-total-box dd h2 {
	color: #017EFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.18px;
}
.culture-pay .method-box {
	margin-top: 20px;
	padding: 10px 16px 0px;
	background: #fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.culture-pay .method-box .method-label {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
}
.culture-pay .method-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 10px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.culture-pay .method-box .check-row input + label {
	font-size: 14px;
	line-height: 34px;
}
.culture-pay .method-box .banking-info,
.culture-pay .method-box .cash-info,
.culture-pay .method-box .tax-info {
	margin: 0px -16px;
	padding: 8px 16px 20px 16px;
	border-top:1px solid #ccc;
}
.culture-pay .btn-box {
	padding: 0px 20px;
}
.culture-pay .credit-btn {
	display: block;
	width: 100%;
	max-width: 480px;
	margin: 20px auto 0px;
	background: #017EFF;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -0.5px;
	text-align: center;
}
.culture-pay .credit-btn.m {
}
.culture-pay .credit-btn.pc {
	display: none;
}

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

/* culture-search */
.culture-search {
	position: fixed;
	top: 56px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow:hidden;
}
.culture-search .map-viewer {
	height:100%;
}
.culture-search #map {
	width:100%;
	height:100%;
}
.culture-search #map .cluster-marker {
	width:40px;
	height:40px;
	background:#017EFF;
	border-radius:50%;
	border:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	box-shadow:5px 8.7px 20px 0 rgba(0, 0, 0, 0.2);
}
.culture-search #map .cluster-marker[data-level='7'],
.culture-search #map .cluster-marker[data-level='8'] {
	width:55px;
	height:55px;
	font-size:16px;
	line-height:55px;
}
.culture-search #map .cluster-marker[data-level='9'],
.culture-search #map .cluster-marker[data-level='10'],
.culture-search #map .cluster-marker[data-level='11'],
.culture-search #map .cluster-marker[data-level='12'],
.culture-search #map .cluster-marker[data-level='13'],
.culture-search #map .cluster-marker[data-level='14'] {
	width:65px;
	height:65px;
	font-size:16px;
	line-height:65px;
}
#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:"";
}
.culture-search.overlay:before {
	position:fixed;
	top:56px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:1021;
	background:rgba(0, 0, 0, 0.5);
	content:"";
}
.culture-search.overlay {
	z-index:1022;
}

.culture-search .search-bar {
	position:absolute;
	top:10px;
	left:50%;
	z-index:999;
	width: calc(100% - 20px);
	transform:translateX(-50%);
}
.culture-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;
}
.culture-search .new-search-box:after {
	position:absolute;
	top:50%;
	left:100px;
	z-index:11;
	width:1px;
	height:24px;
	margin-top:-12px;
	background:#999;
	content:"";
}
.culture-search .new-search-box select {
	display: none;
	width:100px;
}
.culture-search .new-search-box .ui-selectmenu-button {
	width:100px !important;
}
.culture-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;
}
.culture-search .new-search-box .ui-selectmenu-button span.ui-icon {
	right:10px;
	background:url('../img/select_arrow_icon.png') no-repeat center center;
	background-size:15px 9px;
}
.culture-search .new-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;
}

.culture-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;
}
.culture-search .new-search-box input::placeholder {
	color:#999999;
}
.culture-search .new-search-box .search-btn {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:56px;
	height:56px;
	background:transparent;
	border:none;
}
.culture-search .new-search-box .search-btn img {
	width:25px;
	height:auto;
}
.culture-search .type-box-group {
	position: absolute;
	top: 76px;
	left: 10px;
	z-index: 999;
}
.culture-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);
}
.culture-search .current-type-btn:after {
	width: 10px;
	height: 10px;
	background: url('../img/icon_type_arrow.svg') no-repeat center center;
	background-size: 10px 10px;
	content: "";
}
.culture-search .type-box-group.on .current-type-btn:after {
	transform: rotate(180deg);
}
.culture-search .type-box {
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	z-index: 999;
	flex-direction: column;
	gap: 10px;
}
.culture-search .type-box-group.on .type-box {
	display: flex;
}
.culture-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);
}
.culture-search .type-box a.on {
	background: #4E81FF;
	color: #fff;
}


.culture-short-overlay {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1020;
	height:345px;
	/* transform: translate(-50%, calc(-50% - 50px)); */
}
.culture-short-overlay .close-btn {
	position: absolute;
	right: 10px;
	top: 24px;
	z-index: 1;
	width: 32px;
	height: 32px;
	background: url(../img/icon_short_close.svg) no-repeat center center;
	background-size: 32px 32px;
	border: none;
	font-size: 0px;
}
.culture-short-overlay .inner {
	height: 100%;
	background: #FAFAFA;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.20);
}
.culture-short-overlay .head-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	height: 80px;
	padding: 0px 16px;
	padding-right: 52px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.culture-short-overlay .head-box h6 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}
.culture-short-overlay .head-box p {
	margin-top: 2px;
	color: #666;
	font-size: 12px;
	line-height: 140%;
}
.culture-short-overlay .body-box {
	height: calc(100% - 80px);
	padding: 10px;
	overflow-y: scroll;
}
.culture-short-overlay .body-box .culture-item {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0px 10px;
	padding-left: 20px;
	cursor: pointer;
}
.culture-short-overlay .body-box .culture-item + .culture-item {
	margin-top: 10px;
}
.culture-short-overlay .body-box .culture-item:before {
	position: absolute;
	top: 9.5px;
	left: 2.5px;
	z-index: 1;
	width: 5px;
	height: 5px;
	background: #262626;
	border-radius: 50%;
	content: "";
}
.culture-short-overlay .body-box .culture-item:after {
	position: absolute;
	top: 34px;
	bottom: 0px;
	left: 4.5px;
	z-index: 1;
	width: 1px;
	background: #CCC;
	content: "";
}
.culture-short-overlay .body-box .culture-item .text-box {
	flex: 1;
	position: relative;
	padding-top: 29px;
}
.culture-short-overlay .body-box .culture-item .text-box .status {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 24px;
	padding: 0px 5px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-short-overlay .body-box .culture-item .text-box .status.S {
	background: #C1DCF5;
	color: #017EFF;
}
.culture-short-overlay .body-box .culture-item .text-box .status.P {
	background: #017EFF;
	color: #fff;
}
.culture-short-overlay .body-box .culture-item .text-box .status.F {
	background: #51606E;
	color: #fff;
}
.culture-short-overlay .body-box .culture-item .text-box h6 {
	margin-top: 5px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}
.culture-short-overlay .body-box .culture-item .text-box h6 span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	padding: 0px 5px;
	background: #fff;
	border: 1px solid rgba(238, 238, 238, 0.93);
	border-radius: 2px;
	color: #999;
	font-size: 12px;
	letter-spacing: -1px;
}
.culture-short-overlay .body-box .culture-item .text-box p {
	margin-top: 5px;
	color: #999;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.12px;
}
.culture-short-overlay .body-box .culture-item .thumb {
	flex-shrink: 0;
	width: 56px;
	aspect-ratio: 1 / 1.4147;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.culture-short-overlay .body-box .culture-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.culture-overlay-info {
	position:fixed;
	top: -9999px;
	bottom: -9999px;
	z-index:1023;
	width: 100vw;
	left: -100vw;
}
.culture-overlay-info .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0);
	transition: background ease-in-out 0.3s;
}
.culture-overlay-info.open {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.culture-overlay-info.open .overlay {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background: rgba(0, 0, 0, 0.5);
}
.culture-overlay-info.open-out .overlay {
	background: rgba(0, 0, 0, 0);
}
.culture-overlay-info .close-btn {
	position:absolute;
	top: 10px;
	left: 310px;
	z-index:1001;
	width: 40px;
	height: 40px;
	background: transparent url('../img/icon_tv_info_close2.svg') no-repeat center center;
	border: none;
	border-radius: 50%;
	vertical-align:top;
	font-size: 0px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.culture-overlay-info .body {
	left: -300px;
	z-index: 1000;
	width: 300px;
	height: 100%;
	background: #fff;
	transition: left 0.3s ease-in-out;
}
.culture-overlay-info .body .render-box {
	height: 100%;
	padding: 20px 16px;
	padding-bottom: 92px;
	overflow-y: auto;
}
.culture-overlay-info.open .body {
	left: 0px;
}
.culture-overlay-info.open-out .body {
	left: -300px;
}
.culture-overlay-info.open .close-btn {
	opacity: 1;
}
.culture-overlay-info.open-out .close-btn {
	opacity: 0;
}
.culture-overlay-info .body .top-box {
}
.culture-overlay-info .body .top-box .thumb {
	width: 135px;
	aspect-ratio: 1 / 1.4147;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.culture-overlay-info .body .top-box .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-overlay-info .body .top-box .text-box {
	margin-top: 16px;
}
.culture-overlay-info .body .top-box .text-box .space-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.culture-overlay-info .body .top-box .text-box .type {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 2px;
	height: 24px;
	padding: 0px 6px 0px 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-overlay-info .body .top-box .text-box .type:before {
	width: 20px;
	height: 20px;
	content: "";
}
.culture-overlay-info .body .top-box .text-box .type.F:before {
	background: url(../img/icon_fstv_type_F.svg) no-repeat center center;
}
.culture-overlay-info .body .top-box .text-box .type.E:before {
	background: url(../img/icon_fstv_type_E.svg) no-repeat center center;
}
.culture-overlay-info .body .top-box .text-box .type.M:before {
	background: url(../img/icon_fstv_type_M.svg) no-repeat center center;
}
.culture-overlay-info .body .top-box .text-box .type.T:before {
	background: url(../img/icon_fstv_type_T.svg) no-repeat center center;
}
.culture-overlay-info .body .top-box .text-box .status {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	padding: 0px 5px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
}
.culture-overlay-info .body .top-box .text-box .status.S {
	background: #C1DCF5;
	color: #017EFF;
}
.culture-overlay-info .body .top-box .text-box .status.P {
	background: #017EFF;
	color: #fff;
}
.culture-overlay-info .body .top-box .text-box .status.F {
	background: #51606E;
	color: #fff;
}
.culture-overlay-info .body .top-box .text-box .title-box {
	position: relative;
	margin-top: 8px;
	padding-bottom: 12px;
	padding-right: 34px;
	border-bottom: 1px solid #ccc;
}
.culture-overlay-info .body .top-box .text-box .title-box h6 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.culture-overlay-info .body .top-box .text-box .title-box .like-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	background: transparent url(../img/icon_fstv_like.svg) no-repeat center center;
	border: none;
	font-size: 0px;
	filter: brightness(0) saturate(100%) invert(40%) sepia(3%) saturate(9%) hue-rotate(325deg) brightness(96%) contrast(92%);
}
.culture-overlay-info .body .top-box .text-box .title-box .like-btn.like {
	background: transparent url(../img/icon_fstv_like_on.svg) no-repeat center center;
	filter: none;
}
.culture-overlay-info .body .top-box .text-box .location {
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	line-height: 140%;
}
.culture-overlay-info .body .top-box .text-box .addr {
	color: #666;
	font-size: 12px;
	line-height: 140%;
}
.culture-overlay-info .body .top-box .text-box dl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 18px;
	margin-top: 8px;
}
.culture-overlay-info .body .top-box .text-box dl + dl {
	margin-top: 0px;
}
.culture-overlay-info .body .top-box .text-box dl dt {
	flex-shrink: 0;
	position: relative;
	margin-right: 10px;
	padding-right: 11px;
	color: #666;
	font-size: 12px;
}
.culture-overlay-info .body .top-box .text-box dl dt:after {
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background:#ccc;
	content: "";
}
.culture-overlay-info .body .top-box .text-box dl dd {
	color: #000;
	font-size: 12px;
}
.culture-overlay-info .body .top-box .text-box dl dd span {
	color: #999;
}
.culture-overlay-info .body .theme-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 20px;
}
.culture-overlay-info .body .theme-box span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	padding: 0px 12px;
	background:#fff;
	border: 1px solid #017EFF;
	border-radius: 50px;
	color: #017EFF;
	font-size: 12px;
}
.culture-overlay-info .body .btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	margin-top: 20px;
}
.culture-overlay-info .body .btn-box a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
}
.culture-overlay-info .body .buy-box {
	margin-top: 20px;
}
.culture-overlay-info .body .buy-box dl {
}
.culture-overlay-info .body .buy-box dt {
	display: block;
	margin-bottom: 10px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}
.culture-overlay-info .body .buy-box dd {
}
.culture-overlay-info .body .buy-box dd .edu-count-bar {
	height: 40px;
	border-radius: 5px;
	overflow: hidden;
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar-base {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #E0EEFA;
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar-base p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #017EFF;
	font-size: 14px;
	letter-spacing: -0.14px;
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar-base p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	content: "";
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar-base p span {
	margin-left: 10px;
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #017EFF;
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar p {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 10px;
	color: #fff;
	font-size: 12px;
	letter-spacing: -0.14px;
	white-space: nowrap;
	overflow: hidden;
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar p:before {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(/assets/img/common/icon_culture_edu_cnt.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(146deg) brightness(104%) contrast(102%);
	content: "";
}
.culture-overlay-info .body .buy-box dd .edu-count-bar .bar p span {
	margin-left: 10px;
}
.culture-overlay-info .body .short-info {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.culture-overlay-info .body .short-info dl {
}
.culture-overlay-info .body .short-info dt {
	display: block;
	margin-bottom: 10px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}
.culture-overlay-info .body .short-info dd {
	padding: 16px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #000;
	font-size: 12px;
	line-height: 148%;
	letter-spacing: -0.14px;
}
.culture-overlay-info .body .coupon-box {
	margin-top: 20px;
}
.culture-overlay-info .body .coupon-box .box-head {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 14px;
	font-weight:700;
	line-height: 140%;
}
.culture-overlay-info .body .coupon-box .coupon-list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}
.culture-overlay-info .body .coupon-box .coupon-list li {
	width: calc((100% - 10px) / 2);
}
.culture-overlay-info .body .coupon-box .coupon-list li .thumb {
	aspect-ratio: 29/20;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.culture-overlay-info .body .coupon-box .coupon-list li .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-overlay-info .body .coupon-box .coupon-list li p {
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height:140%;
}
.culture-overlay-info .body .fixed-btn {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 11;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	padding: 16px;
	background: #fff;
	border: 1px solid #eee;
	border-bottom: none;
}
.culture-overlay-info .body .fixed-btn a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 6px;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.5px;
	box-sizing: border-box;
}
.culture-overlay-info .body .fixed-btn a.buy-btn {
	background: #017EFF;
	border-color: #017EFF;
	color: #fff;
}

.culture-marker {
	width: 124px;
	aspect-ratio: 1 / 1.4147;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.20);
}
.culture-marker .thumb {
	position: relatve;
	width: 124px;
	aspect-ratio: 1 / 1.4147;
}
.culture-marker .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.culture-marker .status {
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	padding: 0px 5px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.culture-marker .status.S {
	background: #C1DCF5;
	color: #017EFF;
}
.culture-marker .status.P {
	background: #017EFF;
	color: #fff;
}
.culture-marker .status.F {
	background: #51606E;
	color: #fff;
}
.culture-marker .count-badge {
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	padding: 0px;
	background: #fff;
	border-radius: 60px;
	color: #017EFF;
	font-size: 11px;
	text-align: center;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}