@charset "utf-8";

@media screen and (min-width: 510px) {

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

.desktop-none {
	display:none;
}

/* header */
#header {
	height:80px;
}
#header .logo {
	left:30px;
	margin-top:-25px;
}
#header .logo a img {
	height:50px;
}
#header.login-after > .cart-btn {
	right:70px;
	width:60px;
	height:60px;
	margin-top:-30px;
	line-height:60px;
}
#header.login-after > .cart-btn img {
	width:42px;
	height:auto;
}
#header > .cart-btn .noti-circle {
	top:12px;
	right:8px;
}

#header .menu-btn {
	width:60px;
	height:60px;
	margin-top:-30px;
}
#header .menu-btn img {
	width:36px;
}
#header .menu-btn .noti-circle {
	top:12px;
	right:8px;
	width:14px;
	height:14px;
	border-radius:7px;
}

.header-area {
	height:80px;
}

/* footer */
#footer .inner-wrap {
	padding:24px 24px 32px 24px;
}
#footer .lnb li.line {
	height:14px;
	margin:0px 8px;
}
#footer .lnb li a {
	font-size:16px;
	line-height:28px;
	letter-spacing:-0.4px;
}
#footer .logo-box {
	margin-top:40px;
}
#footer .logo-box .logo a img {
	height:50px;
}
#footer .logo-box p {
	margin-top:12px;
	font-size:18px;
	line-height:24px;
	letter-spacing:-0.5px;
}

#footer .sns-group {
	top:94px;
	right:24px;
}
#footer .sns-group a {
	width:46px;
	height:46px;
	margin-right:14px;
}
#footer .sns-group a img {
	width:46px;
	height:46px;
}

#footer .copyright {
	font-size:16px;
	line-height:28px;
}
#footer .copyright .line {
	height:14px;
	margin: 0px 8px;
}

/* container */
#container .mobile-title {
	padding-top:80px;
	font-size:36px;
	line-height:40px;
	letter-spacing:-1px;
}
#container .mobile-title-sub {
	padding-top:16px;
	font-size:26px;
	line-height:32px;
}

/* form */
.form-row {
	min-height:60px;
}
.form-row label,
.form-row p.text-label {
	padding:0px 24px;
	font-size:17px;
	line-height:60px;
}
.form-row input {
	height:60px;
	padding:0px 24px;
	border-radius:10px;
	font-size:18px;
}
.form-row input.date-picker {
	background:white url('../img/common/calendar_icon.png') no-repeat center right 20px;
	background-size:24px 22px;
}

.form-row select {
	height:60px;
	padding:0px 55px 0px 24px;
	background-position:center right 20px;
	border-radius:10px;
	font-size:18px;
}

.row-title {
	font-size:18px;
	line-height:32px;
}
.form-row .input-text {
	font-size:24px;
	line-height:36px;
}

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

.form-row.phone,
.form-row.cert,
.form-row.postcode {
	padding-right:140px;
}
.form-row.phone .send-btn,
.form-row.phone .change-btn,
.form-row.cert .cert-btn,
.form-row.postcode .address-btn {
	width:130px;
	height:60px;
	border-width:2px;
	border-radius:10px;
	font-size:18px;
	letter-spacing:-0.4px;
}

.form-row.postcode.offer-info .address-btn {
	top:32px;
}

.form-row.cert .cert-expire {
	right:164px;
	font-size:18px;
	line-height:60px;
}

.form-row.input-in-label {
}
.form-row.input-in-label input {
	padding-right:60px;
}
.form-row.input-in-label input + p {
	right:24px;
	font-size:18px;
	line-height:60px;
}

.form-row-flexible-group {
	margin-top:20px;
}
.form-row.flexible {
	text-align:right;
}
.form-row.flexible > label,
.form-row.flexible p.text-label {
	position:absolute;
	top:50%;
	bottom:auto;
	left:0px;
	width:calc(100% - 210px);
	padding:0px;
	line-height:20px;
	text-align:left;
	transform:translateY(-50%);
}
.form-row.flexible .input-box {
	width:200px;
}
.form-row.flexible .input-box input {
	padding-right:48px;
	text-align:right;
}
.form-row.flexible .input-box p {
	right:30px;
	width:16px;
	font-size:18px;
	line-height:60px;
	text-align:center;
}

.form-row.flexible.day > label {
	width:150px;
}

.form-row.flexible.day .input-box {
	width:340px;
}

.form-row.flexible.attach .radio-row-group {
	
}
.form-row.flexible.attach .radio-row-group .check-row input + label {
	padding-right:0px;
	line-height:32px;
}

.form-row.flexible.attach .radio-row-group {
	z-index:5;
	display:inline-block;
	width:235px;
	padding:10px 0px;
	text-align:left;
}

.form-row .form-row-inner {
	min-height:60px;
	max-height:300px;
	border-radius:10px;
}
.form-row .form-row-inner ul {
	max-height:240px;
}
.form-row .form-row-inner ul li {
}
.form-row .form-row-inner ul li a {
	padding:0px 24px;
	font-size:18px;
	line-height:50px;
}

.form-row.avatar-row input + label {
	margin:50px auto 20px auto;
}

.register-form .form-box form .form-row-group .form-row-line,
.join-form .form-box form .form-row-group .form-row-line,
.my-info .form-box form .form-row-group .form-row-line{
	margin: 40px 0px;
}
.register-form .form-box form .form-row-group .form-row-title,
.join-form .form-box form .form-row-group .form-row-title,
.my-info .form-box form .form-row-group .form-row-title{
	font-size: 20px;
}
.register-form .form-box form .form-row-group .building-check-row,
.join-form .form-box form .form-row-group .building-check-row,
.my-info .form-box form .form-row-group .building-check-row{
	margin-top: 20px;
	margin-bottom: 40px;
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box input + label,
.join-form .form-box form .form-row-group .building-check-row .building-check-box input + label,
.my-info .form-box form .form-row-group .building-check-row .building-check-box input + label {
	padding: 20px 80px 20px 20px;
	border-radius: 10px;
	font-size:18px;
}
.register-form .form-box form .form-row-group .building-check-row .building-check-box input + label:after,
.join-form .form-box form .form-row-group .building-check-row .building-check-box input + label:after,
.my-info .form-box form .form-row-group .building-check-row .building-check-box input + label:after{
	right: 20px;
}
.register-form .form-box form .form-row-group .building-check-row p,
.join-form .form-box form .form-row-group .building-check-row p,
.my-info .form-box form .form-row-group .building-check-row p{
	font-size:16px;
}
.my-info .form-box form .form-row-group .form-row + .form-row-title {
	margin-bottom: 10px;
}

.check-row input + label {
	padding-left: 32px;
	font-size:18px;	
	line-height:56px;
}
.check-row.v2 input + label {
	line-height:70px;
}
.check-row.v3 input + label {
	line-height:40px;
}

.check-row.day-check {
	margin:0px;
	padding-top:6px;
}
.check-row.day-check input + label {
	width:48px;
	height:48px;
	border-radius:0px;
	border-left:none;
	line-height:46px;
}

.check-row.day-check:first-child input + label {
	border-left:1px solid #ccc;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.check-row.day-check:last-child input + label {
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}

.form-row .ui-selectmenu-button {
	border-radius:10px;
}
.form-row .ui-selectmenu-button span.ui-icon {
	right:20px;
}
.form-row .ui-selectmenu-button span.ui-selectmenu-text {
	height:60px;
	padding:0px 20px;
	font-size:16px;
	line-height:60px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
	padding:0px 20px;
	color:black;
	font-size:18px;
	line-height:48px;
}

span.or {
	font-size:18px;
	line-height:60px;
}

/* dropdown-box */
.dropdown-box > button {
  height: 60px;
  padding: 0px 42px 0px 20px;
  border-radius: 10px;
  font-size: 16px;
}
.dropdown-box .dropdown-list {
  top: 70px;
  left: 0px;
  max-height: 300px;
  border-radius: 10px;
}
.dropdown-box .dropdown-list ul li button {
  height: 60px;
  padding: 0px 20px;
  font-size: 16px;
}

/* table-style */
.table-style01 table thead tr th {
	border-top-width:2px;
	border-bottom-width:2px;
	font-size:18px;
	line-height:60px;
}
.table-style01 table tbody tr td {
	padding:18px 12px;
	border-bottom-width:2px;
	font-size:18px;
	line-height:24px;
}

/* paging */
.paging {
	margin-top:50px;
}
.paging.desktop {
	display:block;
}
.paging.mobile {
	display:none;
}
.paging ul li span {
	padding:0px 16px;
}
.paging ul li span a {
	width:20px;
	font-size:14px;
	line-height:48px;
}
.paging ul li span.select a:after {
	height:2px;
}

.paging ul li span.start, 
.paging ul li span.prev, 
.paging ul li span.next, 
.paging ul li span.end {
	padding:0px 8px;
}
.paging ul li span.prev {
	margin-right:12px;
}
.paging ul li span.next {
	margin-left:12px;
}
.paging ul li span.start a, 
.paging ul li span.prev a, 
.paging ul li span.next a, 
.paging ul li span.end a {
	width:14px;
}

/* postcode-layer */
#postcode-layer {
	position:fixed;
	top:50%;
	left:50%;
	right:0px;
	bottom:0px;
	z-index:2020;
	width:500px;
	height:600px;
	margin-top:-300px;
	margin-left:-250px;
}
#postcode-layer:before {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:2021;
	background:rgba(0, 0, 0, 0.4);
	content:"";
}
#postcode-layer > div {
	position:relative;
	z-index:2022 !important;
}
#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;
}

/* main */
.main .visual {
	max-height:840px;
}
.main .visual .text-box h3 {
	font-size:60px;
	line-height:70px;
	letter-spacing:-2px;
}
.main .visual .text-box p {
	margin-top:40px;
	font-size:20px;
	letter-spacing:-0.6px;
}
.main .visual .text-box a {
	width:240px;
	height:60px;
	margin-top:60px;
	border-width:2px;
	border-radius:30px;
	font-size:20px;
	line-height:56px;
	letter-spacing:-0.5px;
}

.main .visual .scroll-btn {
	bottom:32px;
}
.main .visual .scroll-btn img {
	height:50px;
}

.main .visual-swiper {
	max-height:840px;
}
.main .visual-swiper .fixed-visual .text-box h3 {
	font-size:80px;
	line-height:90px;
	letter-spacing:0px;
}
.main .visual-swiper .fixed-visual .text-box p {
	margin-top:40px;
	font-size:26px;
	line-height:30px;
	letter-spacing:0px;
}
.main .visual-swiper .fixed-visual .text-box a {
	width:200px;
	height:60px;
	margin-top:60px;
	border-radius:30px;
	font-size:20px;
	line-height:60px;
	letter-spacing:-0.4px;
}

.main .section .text-box h3 {
	font-size:60px;
	line-height:76px;
	letter-spacing:-1.5px;
}
.main .section .text-box p {
	margin-top:40px;
	font-size:24px;
	line-height:36px;
	letter-spacing:-0.6px;
}

.main .section .img-box img {
	max-width:420px;
}

.main .section.item-list .section-title {
	font-size: 48px;
	line-height: 140%;
	letter-spacing: -1.5px;
}
.main .section.item-list .search-bar {
	margin-top: 60px;
}
.main .section.item-list .search-bar .search-col select {
	width: 100%;
	height: 48px;
	padding: 0px 20px;
	background: #fff;
	border:1px solid #dcdcdc;
	border-radius:5px;
	outline:none;
	box-sizing:border-box;
	color: #999;
	font-size: 16px;
	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:10px;
	width:24px;
	background:url('../img/icon_select_arr.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 44px 0px 20px;
	color: #000;
	font-size: 16px;
	line-height: 46px;
}
.main .section.item-list .search-bar .btn-col .reset-btn {
	height: 48px;
	font-size: 18px;
}
.main .section.item-list .search-bar .btn-col .reset-btn:before {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	filter: none;
}
.main .section.item-list .search-bar .btn-col .submit-btn {
	height: 48px;
	font-size: 18px;
}
.main .section.item-list .sort-bar {
	padding: 40px 0px 20px;
}
.main .section.item-list .sort-bar .line {
	height: 16px;
}
.main .section.item-list .sort-bar .sort-btn {
	font-size: 16px;
}
.main .section.item-list .more-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
	width: 140px;
	height: 40px;
	margin: 60px auto 0px;
	padding: 0px;
	background: #ddd;
	border: none;
	border-radius: 10px;
	color: #666;
	font-size: 18px;
	font-weight: 700;
}
.main .section.item-list .more-btn span {
	color: #adadad;
}

.main .section.about .text-box ul li {
	padding: 16px 40px;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -0.5px;
}

/* login */
.login {
	padding-bottom:100px;
}
.login > h3 {
	padding-top:80px;
	font-size:36px;
	line-height:40px;
	letter-spacing:-1px;
}
.login .guide-box {
	gap: 0px 20px;
	margin-top: 50px;
	padding: 32px 0px;
	font-size: 20px;
}
.login .guide-box:before {
	width: 64px;
	height: 56px;
	background-size: auto 56px;
}
.login .form-box {
	margin-top:20px;
}
.login .form-box form .form-btn-sub .regist-btn {
	margin-left:10px;
	font-size:18px;
	line-height:56px;
}
.login .form-box form .form-btn-sub .lost-btn {
	right:10px;
	font-size:18px;
	line-height:56px;
}
.login .form-box form .form-btn input[type=submit] {
	height:60px;
	border-radius:10px;
	font-size:18px;
}
.login .form-box form .form-btn-sns a {
	height:60px;
	border-radius:10px;
	font-size:18px;
	line-height:60px;
}
.login .form-box form .form-btn-sns a.kakao-btn img {
	width:28px;
	margin-right:12px;
}
.login .form-box form .form-btn-sns a.naver-btn img {
	width:20px;
	margin-right:12px;
}
.login .form-box form .form-btn-sns #appleid-signin > div {
	height:60px !important;
}

/* register */
.register {
	padding-top:100px;
}
.register .content-box .logo-box h2 img {
	height: auto;
}

.register .content-box h3 {
	margin-top:90px;
	font-size:36px;
	line-height:40px;
	letter-spacing:-1px;
}

.register .content-box .type-box {
	gap: 0px 20px;
	margin-top:50px;
	margin-bottom:40px;
	border-radius:20px;
}
.register .content-box .type-box a {
	height:180px;
}
.register .content-box .type-box a .icon-box {
	height:46px;
}
.register .content-box .type-box a .icon-box {
	background-size: auto 46px;
}
.register .content-box .type-box a p {
	margin-top: 15px;
	font-size:20px;
}
.register .content-box .type-box a p span {
	position:relative;
	font-size: 16px;
	top: -6px;
}
.register .content-box .type-box a.active {
	border-width:3px;
}

.register .content-box .regist-btn {
	height:60px;
	border-radius:10px;
	font-size:18px;
	line-height:60px;
}
.register .content-box .regist-btn img {
	width:19px;
	margin-right:14px;
}

.register .content-box .form-btn-sns a {
	height:60px;
	border-radius:10px;
	font-size:18px;
	line-height:60px;
}
.register .content-box .form-btn-sns a.kakao-btn img {
	width:28px;
	margin-right:12px;
}
.register .content-box .form-btn-sns a.naver-btn img {
	width:20px;
	margin-right:12px;
}
.register .content-box .form-btn-sns #appleid-signin > div {
	height:60px !important;
}

/* register-form */
.register-form {
	padding:80px 16px 120px 16px;
}
.register-form h3 {
	font-size:36px;
	line-height:40px;
	letter-spacing:-1px;
}
.register-form .form-box {
	margin-top:50px;
}

.register-form .form-box form .form-row-group .form-row.building h5 {
	margin-top:30px;
	margin-bottom:12px;
	font-size:20px;
	line-height:24px;
}
.register-form .form-box form .form-row-group .form-row.building label {
	height:300px;
	padding-top:170px;
	border-radius:10px;
	font-size:18px;
}
.register-form .form-box form .form-row-group .form-row.building label:before {
	top:95px;
}
.register-form .form-box form .form-row-group .form-row.building .building_img_after {
	height:300px;
	border-radius:10px;
}

.register-form .form-box form .form-row-group .check-row-group {
	margin-top:0px;
}

.register-form .form-box form .line-row {
	margin-top:30px;
}

.register-form .form-box form .form-btn input[type=submit] {
	height:60px;
	border-radius:10px;
	font-size:18px;
}

/* register-finish */
.register-finish {
	padding-top:150px;
}
.register-finish .content-box .logo-box h2 img {
	height: auto;
}

.register-finish .content-box .normal-box h3 {
	margin-top:80px;
	font-size:36px;
}
.register-finish .content-box .normal-box a {
	height:60px;
	border-radius:10px;
	font-size:22px;
	line-height:60px;
}

.register-finish .content-box .client-box h3 {
	margin-top:80px;
	font-size:36px;
}
.register-finish .content-box .client-box p {
	margin-top: 10px;
	font-size:20px;
}
.register-finish .content-box .client-box .guide-box {
	gap: 0px 20px;
	margin-top: 48px;
	padding: 32px 0px;
	font-size: 20px;
}
.register-finish .content-box .client-box .guide-box:before {
	width: 64px;
	height: 56px;
	background-size: auto 56px;
}
.register-finish .content-box .client-box a {
	height:60px;
	margin-top: 40px;
	border-radius:10px;
	font-size:22px;
	line-height:60px;
}

/* lost */
.lost {
	padding-top:50px;
	padding-bottom:100px;
}
.lost .form-box .tab-container {
	margin-bottom:70px;
}
.lost .form-box .tab-container a {
	font-size:20px;
	line-height:70px;
}
.lost .form-box .tab-container a.active:after {
	height:4px;
}
.lost .form-box form .form-btn input[type=submit] {
	height:60px;
	border-radius:10px;
	font-size:18px;
}

/* term */
.term {
	padding-bottom:120px;
}
.term > h3 {
	padding-top:80px;
	font-size:36px;
	line-height:40px;
	letter-spacing:-1px;
}
.term .term-content {
	margin:50px 24px 0px 24px;
	padding:48px;
	border-radius:10px;
}
.term .term-content p {
	font-size:14px;
	line-height:24px;
}

/* culture-search */
.culture-search {
	top:80px;
}

/* qna */
.qna {
	padding:80px 16px 108px 16px;
}
.qna .content-box h3 {
	margin-bottom:36px;
	font-size:36px;
	line-height:40px;
}
.qna .content-box .view-box .head {
	padding:32px;
	border-top-width:2px;
	border-bottom-width:2px;
}
.qna .content-box .view-box .head p.category {
	font-size:16px;
	line-height:24px;
}
.qna .content-box .view-box .head h5 {
	font-size:24px;
	line-height:30px;
}
.qna .content-box .view-box .body {
	min-height:240px;
	padding:40px 32px;
	border-bottom-width:2px;
	font-size:18px;
	line-height:24px;
}
.qna .content-box .view-btn {
	margin-top:40px;
}
.qna .content-box .view-btn .back-btn {
	width:140px;
	height:50px;
	border-radius:10px;
	font-size:18px;
}

/* noti */
.noti {
	padding:80px 16px 108px 16px;
}
.noti .content-box h3 {
	margin-bottom:36px;
	font-size:36px;
	line-height:40px;
}
.noti .content-box .table-top-btns {
	top:24px;
}
.noti .content-box .table-top-btns .default-btn {
	width:100px;
	height:40px;
	border-radius:10px;
	font-size:16px;
}
.noti .content-box .view-box .head {
	padding:32px;
	border-top-width:2px;
	border-bottom-width:2px;
}
.noti .content-box .view-box .head h5 {
	font-size:24px;
	line-height:30px;
}
.noti .content-box .view-box .head p.date {
	font-size:16px;
	line-height:24px;
}
.noti .content-box .view-box .body {
	min-height:240px;
	padding:40px 32px;
	border-bottom-width:2px;
	font-size:18px;
	line-height:24px;
}
.noti .content-box .view-box .body .table-style01 {
	margin-top:24px;
	margin-bottom:48px;
}
.noti .content-box .view-btn {
	margin-top:40px;
}
.noti .content-box .view-btn .back-btn {
	width:140px;
	height:50px;
	border-radius:10px;
	font-size:18px;
}

/* my-info */
.my-info {
	padding:80px 16px 120px 16px;
}
.my-info > h3 {
	font-size:36px;
	line-height:40px;
	letter-spacing:-1px;
}
.my-info > p {
	margin-top:16px;
	margin-bottom:60px;
	font-size:16px;
	line-height:32px;
}
.my-info .form-box {
}

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

.my-info .form-box form .form-row-group .business-row .business-document .thumb-box .default,
.my-info .form-box form .form-row-group .business-row .business-document .thumb-box .upload {
	border-radius:10px;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box {
	width: calc(100% - 40% - 20px);
    margin-left: 20px;
}
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .upload-btn label,
.my-info .form-box form .form-row-group .business-row .business-document .btn-box .download-btn {
	height:60px;
	border-width:2px;
	border-radius:10px;
	font-size:18px;
	line-height:56px;
}
.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:24px;
	height:auto;
	margin-right:12px;
}

.my-info .form-box form .form-row-group .business-row .business-document .btn-box p {
	font-size:14px;
}

.my-info .form-box form .form-row-group .form-row.building .row-title {
	margin-top:30px;
	margin-bottom:12px;
	font-size:20px;
	line-height:24px;
}
.my-info .form-box form .form-row-group .form-row.building label {
	height:300px;
	padding-top:170px;
	border-radius:10px;
	font-size:18px;
}
.my-info .form-box form .form-row-group .form-row.building label:before {
	top:95px;
}
.my-info .form-box form .form-row-group .form-row.building .building_img_after {
	height:300px;
	border-radius:10px;
}

.my-info .form-box form .form-btn {
	margin-top:50px;
}
.my-info .form-box form .form-btn input[type=submit] {
	height:60px;
	border-radius:10px;
	font-size:18px;
}
.my-info .form-box form .form-btn-sub a {
	font-size:18px;
	line-height:48px;
}

.my-info .form-box form .expand-link {
	padding:32px 0px;
	border-radius:10px;
}
.my-info .form-box form .expand-link h6 {
	font-size:24px;
	line-height:28px;
}
.my-info .form-box form .expand-link p {
	margin-top:8px;
	font-size:18px;
	line-height:24px;
}

/* popup */
.dt-pop-box {
	display:block;
}
.m-pop-box {
	display:none !important;
}

.popup-box {
	width:auto;
}
.popup-box > .popup-img img {
	width:auto;
}

}

@media screen and (min-width: 1024px) {

.warning-bar {
	position: absolute;
	top: 0px;
	left: 320px;
	right: 0px;
	z-index: 9;
}

.aside-toggle {
	display: none;
}
.aside.warning + .container-inner {
	margin-top: 64px;
}


.mobile-banner {
	display:none;
}

.mobile-none {
	display:block;
}

.convert-btn {
	bottom:101px;
	right:24px;
	width:62px;
	height:62px;
	background:url("../img/pc_adflat_icon.png") no-repeat center center;
	background-size:62px 62px;
}
.chat-btn {
	bottom:24px;
	right:24px;
	width:62px;
	height:62px;
	background:url("../img/pc_chat_icon.png") no-repeat center center;
	background-size:62px 62px;
}

/* header */
#header .lnb {
	right:36px;
	margin-top:-20px;
}
#header .lnb li {
	margin-right:10px;
}
#header .lnb li a.default-btn {
	width:100px;
	height:40px;
	border-width:2px;
	border-radius:20px;
	font-size:16px;
	line-height:36px;
}

#header .gnb {
	display: block;
}
#header .logo .sub-link-group {
	display: block;
}
#header.login-after .cart-btn,
#header.login-after .menu-btn,
#header.new .cart-btn,
#header.new .menu-btn {
	display:none;
}
#header.login-after.menu-active:before {
	display:none;
}
#header.login-after .menu-modal,
#header.login-after.menu-active .menu-modal {
	position:static;
	top:auto;
	bottom:auto;
	right:auto;
	width:auto;
	background:transparent;
	transition:none;
}
#header.login-after .menu-modal .head {
	display:none;
}
#header.login-after .menu-modal .lnb {
	position: absolute;
    top: 50%;
	right:36px;
	margin-top:-20px;
}
#header.login-after .menu-modal .lnb li {
	width:auto;
	border-top:none;
}
#header.login-after .menu-modal .lnb li a {
	min-width:100px;
	height:40px;
	border-width:2px;
	border-radius:20px;
	font-size:16px;
	line-height:36px;
	text-align:center;
}
#header.login-after .menu-modal .lnb li a .noti-circle {
	top:-9px;
	right:-9px;
	width:24px;
	height:24px;
	background:#f50000;
	border:4px solid white;
	border-radius:16px;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	box-sizing:content-box;
}
#header.login-after .menu-modal .lnb li a.default-btn {
	border:2px solid #ccc;
}
#header.login-after .menu-modal .lnb li a.default-btn.active {
	border-color:#017EFF;
	color:black;
}
#header.login-after .menu-modal .lnb li:last-child {
	/*margin-left:10px;*/
}
#header.login-after.main .menu-modal .lnb li a {
	color:white;
}

#header.new .menu-modal {
	display: none;
}

/* footer */
#footer .inner-wrap {
	padding:78px 24px 67px 24px;
}

#footer .lnb {
	position:absolute;
	top:198px;
	right:24px;
}

#footer .logo-box {
	margin-top:0px;
}

#footer .sns-group {
	top:78px;
}

#footer .copyright {
	max-width:600px;
	margin-top:34px;
}

#footer.new .new-sns {
	top: 136px;
	right: 24px;
}
#footer.new .new-sns a {
	width: 40px;
}

#footer.new .logo-box p {
	margin-top: 24px;
}
#footer.new .lnb {
	top:210px;
	margin-top: 0px;
}
#footer.new .copyright {
	margin-top:34px;
}

/* aside */
.aside {
	z-index: 10;
	width:320px;
	min-width:320px;
	max-width:320px;
	min-height:calc(100vh - 80px);
	background:white;
	border-right:1px solid #eee;
	vertical-align:top;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.aside .overlay {
	display: none !important;
}
.aside .content-box .close-btn {
	display: none !important;
}
.aside .content-box {
	position: static !important;
	transition: none;
	width: 100%;
}
.aside .content-box .head {
	padding: 40px;
	border-bottom: 1px solid #dcdcdc;
}
.aside .content-box .head .profile-box .thumb {
	width: 60px;
	height: 60px;
}
.aside .content-box .head .profile-box .text p {
	font-size: 14px;
	font-weight: 700;
}
.aside .content-box .head .profile-box .text h6 {
	font-size:20px;
}
.aside .content-box .head > a {
	height: 48px;
	padding: 0px 20px;
	font-size: 16px;
}
.aside .content-box .head > a:after {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.aside .content-box .body {
	padding: 40px;
}
.aside .content-box .body a {
	font-size:18px;
}
.aside .content-box .body a + a {
	margin-top: 20px;
}
.aside .content-box .body a span {
	width: 6px;
	height: 6px;
}
.aside .content-box .body a.on:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}

/* container */
.container-wrapper {
	display:flex;
	width:100%;
}

#container {
	font-size:0px;
}
#container .mobile-title,
#container .mobile-title-sub {
	display:none;
}
#container .aside + .container-inner {
	display:inline-block;
	flex:1;
	vertical-align:top;
	overflow:hidden;
}
#container .aside.offer.board + .container-inner {
}

/* leaflet-modal */
#leaflet-modal {
	padding:160px 0px;
}

/* main */
.main .visual {
	max-height:980px;
	background-position:center center;
}
.main .visual:before {
	display:none;
}
.main .visual .text-box {
	text-align:left;
}
.main .visual .text-box h3 {
	font-size:80px;
	line-height:90px;
	text-align:left;
}
.main .visual .text-box p {
	font-size:26px;
	text-align:left;
}

.main .visual .scroll-btn img {
	height:70px;
}

.main .visual-swiper {
	max-height:980px;
}
.main .visual-swiper .fixed-visual {
	background-position:center center;
}
.main .visual-swiper .fixed-visual:before {
	display:none;
}
.main .visual-swiper .fixed-visual .text-box {
	text-align:left;
}
.main .visual-swiper .fixed-visual .text-box h3 {
	font-size:80px;
	line-height:90px;
	text-align:left;
}
.main .visual-swiper .fixed-visual .text-box p {
	font-size:26px;
	text-align:left;
}
.main .visual-swiper .swiper-slide > .pc_img {
	display: block;
}
.main .visual-swiper .swiper-slide > .mo_img {
	display: none;
}

.main .visual-swiper .pagination {
	position: absolute;
	bottom: 40px;
	z-index: 1;
	display: flex;
	justify-content: center;
	gap: 0px 8px;
}
.main .visual-swiper .pagination .bullet {
	min-width: 120px;
	font-size:16px;
	line-height: 22px;
}

.main .section .text-box {
	position:absolute;
	text-align:left;
}
.main .section .img-box {
	position:absolute;
}
.main .section .img-box img {
	max-width:none;
}

.main .section.item-list .search-bar form {
	flex-wrap: nowrap;
}
.main .section.item-list .search-bar .btn-col {
	width: auto;
}
.main .section.item-list .search-bar .btn-col .reset-btn {
	flex: none;
	gap: 0px;
	width: 48px;
	font-size: 0px;
}
.main .section.item-list .search-bar .btn-col .submit-btn {
	flex: none;
	width: 100px;
}
.main .section.item-list .sort-bar {
	justify-content: flex-end;
}

.main .section.about {
	padding: 140px 20px;
}
.main .section.about .text-box {
	position: relative;
}
.main .section.about .text-box p {
	margin-top: 20px;
}
.main .section.about .text-box .img-box {
	position: absolute;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0px;
}
.main .section.about .text-box .img-box img {
	width: 90%;
}
.main .section.about .text-box ul {
	margin-top: 60px;
}
.main .section.about .text-box ul li {
	margin-left: 0px;
}

.main .section.reward {
	padding: 210px 20px;
}
.main .section.reward .text-box {
	position: relative;
}
.main .section.reward .text-box h3:before {
	width: 94px;
	height: 94px;
	margin: 0px;
	margin-bottom: 40px;
	background-size: 94px 94px;
}
.main .section.reward .img-box {
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 20px;
}
.main .section.reward .img-box img {
	width: 100%;
	max-width: none;
}

/* board */
.board {
	padding:80px 16px 108px 16px;
}
.board .content-box > h3 {
	margin-bottom:36px;
	font-size:36px;
	line-height:40px;
	text-align:left;
}
.board .content-box .view-box .head {
	padding:32px;
	border-top-width:2px;
	border-bottom-width:2px;
}
.board .content-box .view-box .head p.category {
	font-size:20px;
	line-height:40px;
}
.board .content-box .view-box .head h5 {
	padding-right: 120px;
	font-size:24px;
	line-height:40px;
}
.board .content-box .view-box .head h5 .important-label,
.board .content-box .view-box .head h5 .writer-label {
	height: 40px;
	padding: 5px 12px;
	font-size: 16px;
	line-height:30px;
}
.board .content-box .view-box .head .date {
	font-size:20px;
	line-height:40px;
	position: absolute;
	bottom: 32px;
	right: 32px;
	z-index: 1;
}
.board .content-box .view-box .body {
	min-height:240px;
	padding:40px 32px;
	border-bottom-width:2px;
	font-size:18px;
	line-height:24px;
}
.board .content-box .view-btn {
	display: flex;
	gap: 0px 10px;
	justify-content: center;
	margin-top:40px;
}
.board .content-box .view-btn .go-btn,
.board .content-box .view-btn .back-btn {
	display: block;
	min-width:140px;
	height:50px;
	padding: 0px 10px;
	border-radius:10px;
	font-size:18px;
	line-height:50px;
	letter-spacing: 0px;
}
.board .important-label, .board .writer-label {
	margin-right: 8px;
	padding: 5px 8px;
	border-radius: 8px;
	font-size: 14px;
}

.board .content-box .type-bar {
	margin-bottom: 16px;
}
.board .content-box .type-bar a {
	min-width: 60px;
	padding: 16px 12px;
	border-radius: 8px;
	font-size:18px;
}

.board .content-box .category-bar {
	margin-bottom: 40px;
}
.board .content-box .category-bar a {
	min-width: 60px;
	padding: 12px 8px;
	border-radius: 6px;
	color:#646464;
	font-size:16px;
}

.board.notice .table-style01 table tr th:nth-child(1) {
	width: 100px;
}
.board.notice .table-style01 table tr th:nth-child(2) {
	width: 160px;
}
.board.notice .table-style01 table tr th:nth-child(4) {
	width: 180px;
}

.board .thumb-table-style01 {
	gap: 40px 20px;
}
.board .thumb-table-style01 .item {
	width:calc((100% - 60px) / 4);
}
.board .thumb-table-style01 .item .thumb {
	padding-top: 69.47%;
}
.board .thumb-table-style01 .item .thumb .writer {
	top: 9px;
	left: 9px;
	padding: 5px 8px;
	border-radius: 8px;
	font-size:14px;
	line-height: 22px;
}
.board .thumb-table-style01 .item .category {
	margin-top: 16px;
	font-size:18px;
}
.board .thumb-table-style01 .item .subject {
	margin-top: 10px;
	font-size:20px;
	line-height:28px;
	max-height: 56px;
}
.board .thumb-table-style01 .item .date {
	margin-top: 20px;
	font-size: 16px;
}
.board .thumb-table-style01 .empty {
	font-size: 20px;
}

.board .thumb-table-style02 {
	gap: 40px 20px;
}
.board .thumb-table-style02 .item {
	width:calc((100% - 80px) / 5);
	padding:0px 0px;
}
.board .thumb-table-style02.iptv .item,
.board .thumb-table-style02.genie .item {
	width:calc((100% - 40px) / 3);
}
.board .thumb-table-style02 .item .category {
	margin-top: 16px;
	font-size:18px;
}
.board .thumb-table-style02 .item .subject {
	margin-top: 10px;
	font-size:20px;
	font-weight:700;
	line-height:28px;
	max-height: 56px;
}
.board .thumb-table-style02 .empty {
	font-size: 20px;
}

/* qna */
.qna .content-box > h3 {
	text-align:left;
}

/* noti */
.noti .content-box > h3 {
	text-align:left;
}

/* credit-popup */
.credit-popup {
}
.credit-popup .inner {
	left:50%;
	width:800px;
	padding:40px 40px;
	transform:translateY(-50%) translateX(-50%);
}
.credit-popup .inner .head {
	padding-bottom:0px;
}
.credit-popup .inner .head h4 {
	font-size:24px;
}
.credit-popup .inner .body .form-content .price-info {
	padding-top:50px;
	padding-bottom:35px;
}
.credit-popup .inner .body .form-content .price-info .label {
	font-size:18px;
	line-height:40px;
}
.credit-popup .inner .body .form-content .price-info .value {
	top:50px;
	font-size:32px;
	line-height:40px;
}
.credit-popup .inner .body .form-content .deposit-group {
}
.credit-popup .inner .body .form-content .deposit-group .item {
	margin-top:20px;
}
.credit-popup .inner .body .form-content .deposit-group .item label, 
.credit-popup .inner .body .form-content .deposit-group .item .text-label {
    display: inline-block;
    width: 120px;
	font-size: 18px;
    line-height: 60px;
	vertical-align: middle;
}
.credit-popup .inner .body .form-content .deposit-group .item input {
	display: inline-block;
    width: 320px;
    height: 60px;
    padding: 0px 24px;
    border-radius: 10px;
    font-size: 18px;
    vertical-align: middle;
}
.credit-popup .inner .body .form-content .deposit-group .item .text-input {
	display: inline-block;
    font-size: 18px;
    line-height: 60px;
    vertical-align: middle;
}
.credit-popup .inner .body .form-content .warning-text {
	margin-top:20px;
	font-size: 18px;
	line-height:40px;
}
.credit-popup .inner .body .form-content .btn-group {
	padding-top:40px;
}
.credit-popup .inner .body .form-content .btn-group .submit-btn {
	height:60px;
}

}

@media screen and (min-width: 1200px) {

/* footer */
#footer .inner-wrap {
	padding:78px 0px 67px 0px;
}

#footer .lnb {
	right:0px;
}

#footer .sns-group {
	right:0px;
}

#footer .copyright {
	max-width:none;
}

#footer.new .new-sns {
	right: 0px;
}

/* main */
.main .visual {
	max-height:1123px;
}

.main .visual-swiper {
	max-height:1123px;
}

/* term */
.term {
	padding-bottom:150px;
}
.term .term-content {
	margin:50px auto 0px auto;
}

}

@media screen and (min-width: 1750px) {

}


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

.culture-info {
	padding: 80px 20px;
}
.culture-info .title-box {
	padding: 0px 0px 20px;
}
.culture-info .title-box h3 {
	font-size: 36px;
}
.culture-info .title-box p {
	margin-top: 20px;
}
.culture-info .title-box .btn-box {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 0px;
}
.culture-info .title-box .btn-box a {
	flex: none;
	height: 40px;
	padding: 0px 10px;
	border-radius: 8px;
	font-size: 16px;
}
.culture-info .form-box {
	padding: 40px;
	padding-left: 240px;
	border-top: 2px solid #ccc;
}
.culture-info .form-box .created {
	margin-bottom: 20px;
	font-size: 14px;
	margin-left: -200px;
}
.culture-info .form-box .thumb-box {
	position: absolute;
	top: 80px;
	left: 40px;
	z-index: 1;
	width: 160px;
	max-width: 160px;
	margin: 0px auto;
}
.culture-info .form-box .thumb-box dl {
	height: 24px;
	margin-top: 20px;
	padding: 0px 4px;
}
.culture-info .form-box .thumb-box dl + dl {
	margin-top: 10px;
}
.culture-info .form-box .thumb-box dl.view dt:before,
.culture-info .form-box .thumb-box dl.like dt:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.culture-info .form-box .thumb-box dl dd {
	color: #000;
	font-size: 14px;
	letter-spacing: -0.25px;
}
.culture-info .form-box .space-box {
	margin-top: 0px;
}
.culture-info .form-box .space-box .type {
	gap: 0px 4px;
	height: 32px;
	padding: 0px 7px 0px 5px;
	font-size: 14px;
}
.culture-info .form-box .space-box .type:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px !important;
}
.culture-info .form-box .space-box .status {
	min-width: 48px;
	height: 32px;
	padding: 0px 8px;
	font-size: 14px;
}
.culture-info .form-box .input-row-group {
	margin-top: 20px;
}
.culture-info .form-box .input-row-group + .input-row-group {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.culture-info .form-box .input-row-group .input-row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px 40px;
}
.culture-info .form-box .input-row-group .input-row + .input-row {
	margin-top: 10px;
}
.culture-info .form-box .input-row-group .label {
	flex-shrink: 0;
	width: 120px;
	padding: 10px 0px;
	font-size: 18px;
}
.culture-info .form-box .input-row-group .text-value {
	flex: 1;
	min-height: 60px;
	padding: 14px 20px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 30px;
}
.culture-info .form-box .input-row-group .text-value.textarea .overflow {
	max-height: 120px;
}
.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 {
	flex: 1;
}
.culture-info .form-box .input-row-group .link-box .link-item {
	gap: 0px 20px;
}
.culture-info .form-box .input-row-group .link-box .link-item + .link-item {
	margin-top: 10px;
}
.culture-info .form-box .input-row-group .link-box .link-item .icon {
	width: 48px;
	height: 48px;
	background-size: 48px 48px !important;
}
.culture-info .form-box .input-row-group .theme-box {
	gap: 10px;
	padding: 12px 0px;
}
.culture-info .form-box .input-row-group .theme-box span {
	font-size: 14px;
}
.culture-info .form-box .input-row-group .photo-box {
	flex: 1;
	height: auto;
	margin: 0px 0px;
}
.culture-info .form-box .input-row-group .photo-box .scroller {
	gap: 0px 10px;
	padding: 0px;
	overflow-x: hidden;
}
.culture-info .form-box .input-row-group .photo-box a {
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	width: calc((100% - 40px) / 5);
	height: auto;
	border-radius: 10px;
}
.culture-info .sub-form-box {
	border-top: 2px solid #ccc;
}
.culture-info .sub-form-box .head {
	padding: 0px 40px;
	height: 80px;
}
.culture-info .sub-form-box .head h5 {
	font-size: 18px;
}
.culture-info .sub-form-box .body {
	padding: 20px 40px;
}
.culture-info .sub-form-box .body .space-box a {
	width: 95px;
	height: 36px;
	font-size: 14px;
}
.culture-info .sub-form-box .body .table-wrapper {
	border-radius: 4px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th {
	padding: 10px 12px;
	font-size: 14px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(1) {
	width: 52px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(2) {
	width: 150px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(3) {
	width: 200px;
}
.culture-info .sub-form-box .body .table-wrapper table thead tr th:nth-child(4) {
	width: 200px;
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr td {
	padding: 5px 12px;
	font-size: 14px;
}
.culture-info .sub-form-box .body .table-wrapper table tbody tr td.empty {
	padding: 60px 0px;
	font-size: 14px;
}
.culture-info .content-box .btn-box {
	margin-top: 40px;
	padding: 0px;
}
.culture-info .content-box .btn-box .back-btn {
	height: 60px;
	background: #fff;
	border-radius: 10px;
	font-size: 22px;
	letter-spacing: -0.5px;
}

.culture-edit {
	padding: 80px 20px;
}
.culture-edit .title-box {
	padding-bottom: 60px;
}
.culture-edit .title-box h3 {
	font-size: 36px;
	line-height: 40px;
}
.culture-edit .head-box {
	height: 80px;
	padding: 0px 40px;
}
.culture-edit .head-box h5 {
	font-size: 18px;
}
.culture-edit .form-box {
	padding: 40px;
}
.culture-edit .form-box .input-row {
	position: relative;
	padding-left: 160px;
}
.culture-edit .form-box .input-row + .input-row {
	margin-top: 20px;
}
.culture-edit .form-box .input-row > label,
.culture-edit .form-box .input-row > p.label {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 160px;
	font-size: 18px;
	line-height: 60px;
}
.culture-edit .form-box .input-row > label.required:before,
.culture-edit .form-box .input-row > p.label.required:before {
	font-size: 18px;
	content: "* ";
}
.culture-edit .form-box .input-row .input-box input {
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .desc {
	margin-top: 8px;
}
.culture-edit .form-box .input-row .input-box.addr {
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .input-box.addr button {
	width: 140px;
	height: 60px;
	padding: 0px 16px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .input-box.addr button + input,
.culture-edit .form-box .input-row .input-box.addr input + input {
	margin-top: 10px;
}
.culture-edit .form-box .input-row .input-box.textarea textarea {
	min-height: 160px;
	padding: 18px 20px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1.48em;
}
.culture-edit .form-box .input-row .input-box.bank {
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .input-box.bank select { 
	flex-shrink: 0;
	width: 200px;
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	color: #000;
	font-size: 14px;
}
.culture-edit .form-box .input-row .input-box.bank .ui-selectmenu-button {
	border-radius:10px;
}
.culture-edit .form-box .input-row .input-box.bank .ui-selectmenu-button span.ui-icon {
	right:10px;
	width:24px;
	background:url('../img/icon_select_arr.svg') no-repeat center center;
}
.culture-edit .form-box .input-row .input-box.bank .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0px 44px 0px 20px;
	font-size: 16px;
	line-height: 58px;
}
.culture-edit .form-box .input-row .input-box.phone {
	gap: 10px;
}
.culture-edit .form-box .input-row .input-box.phone .send-btn {
	width: 120px;
	height: 60px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .input-box.phone .cert-box {
	gap: 10px;
}
.culture-edit .form-box .input-row .input-box.phone .cert-box .cert-expire {
	right:150px;
	font-size: 14px;
}
.culture-edit .form-box .input-row .input-box.phone .cert-box .cert-btn {
	width: 120px;
	height: 60px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .input-box.auto-search {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .input-box.auto-search > button {
	flex-shrink: 0;
	width: 140px;
	margin-top: 0px;
	height: 60px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list {
  top: 70px;
  max-height: 300px;
  border-radius: 10px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul {
	padding: 10px 18px;
	border-radius: 10px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li button {
  font-size: 16px;
  line-height: 24px;
}
.culture-edit .form-box .input-row .input-box.auto-search .search-list ul li.empty {
  font-size: 16px;
  line-height: 100px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon {
	width: 64px;
	height: 64px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.F,
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.E,
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.M,
.culture-edit .form-box .input-row .type-box .type-item input + label .icon.T {
	background-size: 64px 64px;
}
.culture-edit .form-box .input-row .type-box .type-item input + label p {
	font-size: 16px;
}
.culture-edit .form-box .input-row .date-group {
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .date-group .date-picker {
	height: 60px;
	padding: 0px 20px;
	background-position: center right 16px;
	background-size: 24px 24px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .check-box {
	gap: 0px 20px;
}
.culture-edit .form-box .input-row .check-box .check-row input + label {
	line-height: 60px;
}
.culture-edit .form-box .input-row .theme-box {
	min-height: 60px;
	align-items: center;
	gap: 10px;
}
.culture-edit .form-box .input-row .theme-box .theme-item input + label {
	height: 36px;
	padding: 0px 16px;
	font-size: 14px;
}
.culture-edit .form-box .input-row .file-box .file-zone label h6 {
	padding-top: 58px;
	background: url(../img/icon_drag_upload.svg) no-repeat top center;
	background-size: 48px 48px;
	font-size: 14px;
}
.culture-edit .form-box .input-row .file-box .file-list {
	height: auto;
	margin: 10px 0px 0px;
	overflow: hidden;
}
.culture-edit .form-box .input-row .file-box .file-list .scroller {
	padding: 0px;
	overflow: hidden;
}
.culture-edit .form-box .input-row .file-box .file-list ul {
	gap: 0px 10px;
}
.culture-edit .form-box .input-row .file-box .file-list ul:before,
.culture-edit .form-box .input-row .file-box .file-list ul:after {
	display: none;
}
.culture-edit .form-box .input-row .file-box .file-list ul li {
	position: relative;
	width: calc((100% - 40px) / 5);
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.culture-edit .form-box .input-row .file-box .file-list ul li + li {
	margin-left: 0px;
}
.culture-edit .form-box .input-row .file-box .file-list ul li a {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}
.culture-edit .form-box .input-row .file-box#thumb .file-list ul li {
	width: auto;
}
.culture-edit .form-box .input-row .file-box#thumb .file-list ul li a {
	width: 112px;
	height: auto;
	aspect-ratio: 1 / 1.4147;
}
.culture-edit .form-box .input-row .file-box .file-info a {
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 58px;
}
.culture-edit .form-box .input-row .file-box .file-info .delete-btn {
	right: 20px;
}
.culture-edit .form-box .input-row .link-box .link-item.first {
	padding-right: 0px;
}
.culture-edit .form-box .input-row .link-box .link-item.first .type {
	flex-shrink: 0;
	width: 200px;
	height: 60px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .link-box .link-item.first .type:before {
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
}
.culture-edit .form-box .input-row .link-box .link-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 10px;
	padding-right: 70px;
}
.culture-edit .form-box .input-row .link-box .link-item .dropdown-box {
	width: 200px;
}
.culture-edit .form-box .input-row .link-box .link-item > input {
	flex: 1;
	height: 60px;
	margin-top: 0px;
	padding: 0px 20px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-edit .form-box .input-row .link-box .link-item .icon {
	width: 32px;
	height: 32px;
	background-size: 32px 32px !important;
}
.culture-edit .form-box .input-row .link-box .link-item .icon.K,
.culture-edit .form-box .input-row .link-box .link-item .icon.N,
.culture-edit .form-box .input-row .link-box .link-item .icon.I,
.culture-edit .form-box .input-row .link-box .link-item .icon.F,
.culture-edit .form-box .input-row .link-box .link-item .icon.Y {
	background-size: 32px 32px;
}
.culture-edit .form-box .input-row .link-box .link-item .link-delete-btn {
	width: 60px;
	height: 60px;
	border-radius: 10px;
}
.culture-edit .form-box .input-row .link-box .link-item .link-add-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
	gap: 0px;
	width: 60px;
	height: 60px;
	margin-top: 0px;
	border-radius: 10px;
	font-size: 0px;
}
.culture-edit .btn-box {
	padding: 40px 16px 0px;
}
.culture-edit .btn-box .submit-btn {
	height: 60px;
	border-radius: 10px;
	font-size: 22px;
}

.organ-add-modal {
	display: flex;
}
.organ-add-modal .modal-content {
	width: 480px;
	height: 75%;
	max-height: 680px;
	margin: auto;
}
.organ-add-modal .modal-head {
	padding: 20px 24px;
}
.organ-add-modal .modal-head h6 {
	font-size: 20px;
	line-height: 30px;
}
.organ-add-modal .modal-body {
	padding: 20px;
}
.organ-add-modal .modal-body .input-row + .input-row {
	margin-top: 0px;
}
.organ-add-modal .modal-body .input-row > label,
.organ-add-modal .modal-body .input-row > p.label {
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 50px;
}
.organ-add-modal .modal-body .input-row .input-box input {
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	font-size: 16px;
}
.organ-add-modal .modal-body .input-row .input-box.addr {
	gap: 0px 10px;
}
.organ-add-modal .modal-body .input-row .input-box.addr button {
	width: 140px;
	height: 60px;
	padding: 0px 10px;
	border-radius: 10px;
	font-size: 16px;
}
.organ-add-modal .modal-body .input-row .input-box.addr button + input,
.organ-add-modal .modal-body .input-row .input-box.addr input + input {
	margin-top: 10px;
}
.organ-add-modal .modal-foot {
	padding: 30px 24px;
}
.organ-add-modal .modal-foot button {
	height: 50px;
	border-radius: 10px;
	font-size: 16px;
}

.culture-detail {
	padding: 80px 0px;
}
.culture-detail .title-box .status {
	height: 32px;
	padding: 0px 8px;
	font-size: 14px;
}
.culture-detail .title-box h3 {
	font-size: 32px;
	line-height: 40px;
}
.culture-detail .title-box p {
	gap: 0px 20px;
	height: 22px;
	margin-top: 10px;
	font-size: 16px;
}
.culture-detail .title-box p .line {
	height: 16px;
}
.culture-detail .content-box {
	padding-bottom: 40px;
}
.culture-detail .content-box .top-box {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.culture-detail .content-box .top-box .type {
	gap: 0px 4px;
	height: 32px;
	padding: 0px 8px 0px 6px;
	font-size: 14px;
}
.culture-detail .content-box .top-box .type:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px !important;
}
.culture-detail .content-box .top-box .right-box {
	gap: 0px 20px;
}
.culture-detail .content-box .top-box .right-box .view:before {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}
.culture-detail .content-box .top-box .right-box .like-btn {
	gap: 0px 5px;
	height: 42px;
	padding: 0px 8px 0px 4px;
	border: 1px solid #eee;
}
.culture-detail .content-box .top-box .right-box .like-btn:before {
	width: 32px;
	height: 32px;
	background-size: 20px 20px !important;
}
.culture-detail .content-box .mid-box {
	padding: 40px 0px;
}
.culture-detail .content-box .mid-box .edu-short-info {
	padding: 20px 0px 0px;
}
.culture-detail .content-box .mid-box .edu-short-info h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -1px;
}
.culture-detail .content-box .mid-box .edu-short-info .location {
	margin-top: 0px;
	font-size: 16px;
}
.culture-detail .content-box .mid-box .edu-short-info .location + .date {
	margin-top: 16px;
}
.culture-detail .content-box .mid-box .edu-short-info .date {
	font-size: 16px;
}
.culture-detail .content-box .mid-box .edu-short-info .price-box dt {
	font-size: 20px;
	line-height: 40px;
}
.culture-detail .content-box .mid-box .edu-short-info .price-box dd {
	font-size: 25px;
}
.culture-detail .content-box .mid-box .edu-short-info .edu-count-bar {
	height: 40px;
	margin-top: 20px;
}
.culture-detail .content-box .mid-box .edu-short-info > a {
	margin-top: 20px;
	font-size: 14px;
}
.culture-detail .content-box .nav-bar {
	top: 79px;
	gap: 0px 20px;
}
.culture-detail .content-box .nav-bar a {
	flex: none;
	padding: 0px 20px;
}
.culture-detail .content-box .photo-box {
	padding-top: 40px;
}
.culture-detail .content-box .photo-box .swiper .swiper-slide {
	width: 250px;
}
.culture-detail .content-box .photo-box .swiper .swiper-slide a {
	width: 250px;
	height: 250px;
	border-radius: 10px;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-next {
	width: 48px;
	height: 48px;
	background: url(../img/icon_culture_next_arr.svg) no-repeat center center;
	background-size: 48px 48px;
	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: 48px 48px;
}
.culture-detail .content-box .photo-box .swiper .swiper-button-prev {
	width: 48px;
	height: 48px;
	background: url(../img/icon_culture_prev_arr.svg) no-repeat center center;
	background-size: 48px 48px;
	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: 48px 48px;
}
.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 {
	gap: 0px 8px;
}
.culture-detail .content-box .info-box {
	padding: 0px 40px;
}
.culture-detail .content-box .info-box .box-head {
	height: 63px;
	margin-bottom: 24px;
	font-size: 20px;
}
.culture-detail .content-box .info-box .editor {
	font-size: 16px;
}
.culture-detail .content-box .info-box .map-box {
	height: 300px;
	margin-top: 40px;
}
.culture-detail .content-box .info-box .map-box #map + a {
	top: 20px;
	right: 20px;
	height: 40px;
	padding: 0px 20px;
	font-size: 14px;
}
.culture-detail .content-box .info-box .desc-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.culture-detail .content-box .info-box .desc-box .inner-box {
	flex: 1;
}
.culture-detail .content-box .info-box .desc-box .inner-box + .inner-box  {
	margin-top: 0px;
}
.culture-detail .content-box .info-box .desc-box dl {
	height: 22px;
}
.culture-detail .content-box .info-box .desc-box dl dt {
	font-size: 16px;
}
.culture-detail .content-box .info-box .desc-box dl dd {
	font-size: 16px;
}
.culture-detail .content-box .info-box .link-box {
	margin-top: 40px;
}
.culture-detail .content-box .info-box .link-box .link-item {
	width: 48px;
	height: 48px;
	background-size: 48px 48px !important;
}
.culture-detail .content-box .info-box .theme-box {
	margin-top: 40px;
}
.culture-detail .content-box .coupon-box {
	padding: 40px 40px 0px;
}
.culture-detail .content-box .coupon-box .box-head {
	height: 63px;
	margin-bottom: 20px;
	font-size: 20px;
}
.culture-detail .content-box .coupon-box .box-head span {
	margin-left: 10px;
}
.culture-detail .content-box .coupon-box .coupon-list {
	gap: 20px 10px;
}
.culture-detail .content-box .coupon-box .coupon-list li {
	width: calc((100% - 30px) / 4);
}
.culture-detail .content-box .coupon-box .coupon-list li p {
	font-size: 16px;
}
.culture-detail > .btn-box .back-btn {
	height: 60px;
	border-radius: 10px;
	font-size: 22px;
}

#culture-comment {
	padding: 40px 40px 0px;
}
#culture-comment .box-head {
	height: 63px;
	margin-bottom: 40px;
	font-size: 20px;
}
#culture-comment .all-photos dt {
	font-size: 16px;
	line-height: 18px;
}
#culture-comment .all-photos dd {
	gap: 0px 10px;
	margin-top: 20px;
}
#culture-comment .all-photos dd a {
	border-radius: 10px;
}
#culture-comment .all-photos dd a.last-photo .more-overlay {
	font-size: 16px;
}
#culture-comment .edit-form {
	border-radius: 10px;
}
#culture-comment .edit-form .textarea-box textarea {
	padding: 16px;
	font-size: 16px;
	line-height: 24px;
}
#culture-comment .edit-form .textarea-box .comment-length {
	font-size: 14px;
	line-height: 16px;
}
#culture-comment .edit-form .photo-list ul {
	gap: 0px 10px;
}
#culture-comment .edit-form .space-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
#culture-comment .edit-form .space-box .btn-box {
	margin-top: 0px;
	padding: 0px;
}
#culture-comment .edit-form .space-box .btn-box button {
	flex: none;
	padding: 0px 32px;
	height: 40px;
}
#culture-comment .edit-form .space-box .btn-box button[type=button] {
	padding: 0px 32px;
}
#culture-comment #comment-list .empty {
	padding: 60px 0px;
	font-size: 16px;
}
#culture-comment #comment-list .comment-item {
	padding: 20px;
}
#culture-comment #comment-list .comment-item .comment-head h5 {
	font-size: 16px;
}
#culture-comment #comment-list .comment-item .comment-body .comment-text {
	font-size: 16px;
}
#culture-comment #comment-list .comment-item .comment-body .comment-photo {
	gap: 0px 10px;
}
#culture-comment #comment-list .comment-item .comment-body .comment-photo a {
	width: 64px;
	height: 64px;
}
#culture-comment #comment-list .comment-item .comment-foot {
	height: 34px;
}
#culture-comment #comment-list .comment-item .comment-foot .comment-date {
	font-size: 12px;
}
#culture-comment #comment-list .comment-item.reply {
	padding-left: 40px;
}
#culture-comment #comment-list .comment-item.editing .edit-form .space-box:before {
	width: 1px;
	height: 1px;
	content: "";
}
#culture-comment #comment-list .comment-item.reply-ing .edit-form {
	margin: 31px -16px 0px;
}
#culture-comment .more-btn {
	min-width: 140px;
	height: 48px;
	padding: 0px 40px;
	border-radius: 10px;
	font-size: 16px;
}

.culture-pay-finish {
	padding: 120px 20px;
}
.culture-pay-finish .logo-box h2 {
	width: 252px;
}
.culture-pay-finish .text-box {
	margin-top: 40px;
}
.culture-pay-finish .text-box h3 {
	font-size: 36px;
}
.culture-pay-finish .text-box p {
	margin-top: 20px;
	font-size: 20px;
}
.culture-pay-finish .text-box .link {
	margin-top: 40px;
	height: 60px;
	border-radius: 10px;
	font-size: 22px;
}

.culture-pay {
	padding: 80px 20px;
}+
.culture-pay .title-box {
	padding-bottom: 40px;
}
.culture-pay .title-box h3 {
	font-size: 36px;
	line-height: 40px;
}
.culture-pay .item-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px 40px;
	padding: 40px;
}
.culture-pay .item-box .thumb {
	flex-shrink: 0;
	margin: 0px;
}
.culture-pay .item-box .edu-short-info {
	flex: 1;
	max-width: none;
	margin: 0px;
}
.culture-pay .item-box .edu-short-info h4 {
	font-size: 24px;
	line-height: 40px;
}
.culture-pay .item-box .edu-short-info .edu-count-bar {
	margin-top: 16px;
}
.culture-pay .item-box .edu-short-info dl {
	height: 22px;
	margin-top: 20px;
}
.culture-pay .item-box .edu-short-info dl dt {
	font-size: 16px;
}
.culture-pay .item-box .edu-short-info dl dd {
	font-size: 16px;
}
.culture-pay .input-row {
	position: relative;
	padding-left: 160px;
}
.culture-pay .input-row + .input-row {
	margin-top: 20px;
}
.culture-pay .input-row > label,
.culture-pay .input-row > p.label {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 160px;
	font-size: 18px;
	line-height: 60px;
}
.culture-pay .input-row > label.required:before,
.culture-pay .input-row > p.label.required:before {
	font-size: 18px;
	content: "* ";
}
.culture-pay .input-row .text-value {
	font-size: 18px;
	line-height: 60px;
}
.culture-pay .input-row .input-box input {
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	font-size: 16px;
}
.culture-pay .input-row .input-box.bank {
	gap: 0px 10px;
}
.culture-pay .input-row .input-box.bank select { 
	flex-shrink: 0;
	width: 200px;
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	color: #000;
	font-size: 14px;
}
.culture-pay .input-row .input-box.bank .ui-selectmenu-button {
	border-radius:10px;
}
.culture-pay .input-row .input-box.bank .ui-selectmenu-button span.ui-icon {
	right:10px;
	width:24px;
	background:url('../img/icon_select_arr.svg') no-repeat center center;
}
.culture-pay .input-row .input-box.bank .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0px 44px 0px 20px;
	font-size: 16px;
	line-height: 58px;
}
.culture-pay .input-row .file-box .file-zone label h6 {
	padding-top: 58px;
	background: url(../img/icon_drag_upload.svg) no-repeat top center;
	background-size: 48px 48px;
	font-size: 14px;
}
.culture-pay .input-row .file-box .file-info a {
	height: 60px;
	padding: 0px 20px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 58px;
}
.culture-pay .input-row .file-box .file-info .delete-btn {
	right: 20px;
}
.culture-pay .form-box .form-head {
	height: 80px;
	padding: 0px 40px;
}
.culture-pay .form-box .form-head h5 {
	font-size: 18px;
}
.culture-pay .form-box .form-body {
	padding: 40px;
}
.culture-pay .form-box .form-body .desc {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 18px;
}
.culture-pay .price-total-box {
	padding: 25px 40px;
}
.culture-pay .price-total-box dt {
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
}
.culture-pay .price-total-box dd h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
}
.culture-pay .method-box {
	margin-top: 20px;
	padding: 10px 40px 0px;
	background: #fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.culture-pay .method-box .method-label {
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
}
.culture-pay .method-box ul {
	gap: 0px 20px;
	padding-bottom: 20px;
}
.culture-pay .method-box .banking-info, 
.culture-pay .method-box .cash-info, 
.culture-pay .method-box .tax-info {
	margin: 0px -40px;
	padding: 20px 40px 20px;
	border-top:1px solid #ccc;
}
.culture-pay .credit-btn {
	width: 100%;
	margin-top: 40px;
	border-radius: 10px;
	font-size: 22px;
	line-height: 60px;
	letter-spacing: -0.5px;
	text-align: center;
}
.culture-pay .credit-btn.m {
	display: none;
}
.culture-pay .credit-btn.pc {
	display: block;	
}

/* credit-popup */
.credit-popup {
}
.credit-popup .inner {
	left:50%;
	width:800px;
	padding:40px 40px;
	transform:translateY(-50%) translateX(-50%);
}
.credit-popup .inner .head {
	padding-bottom:0px;
}
.credit-popup .inner .head h4 {
	font-size:24px;
}
.credit-popup .inner .body .form-content .price-info {
	padding-top:50px;
	padding-bottom:35px;
}
.credit-popup .inner .body .form-content .price-info .label {
	font-size:18px;
	line-height:40px;
}
.credit-popup .inner .body .form-content .price-info .value {
	top:50px;
	font-size:32px;
	line-height:40px;
}
.credit-popup .inner .body .form-content .deposit-group {
}
.credit-popup .inner .body .form-content .deposit-group .item {
	margin-top:20px;
}
.credit-popup .inner .body .form-content .deposit-group .item label, 
.credit-popup .inner .body .form-content .deposit-group .item .text-label {
    display: inline-block;
    width: 120px;
	font-size: 18px;
    line-height: 60px;
	vertical-align: middle;
}
.credit-popup .inner .body .form-content .deposit-group .item input {
	display: inline-block;
    width: 320px;
    height: 60px;
    padding: 0px 24px;
    border-radius: 10px;
    font-size: 18px;
    vertical-align: middle;
}
.credit-popup .inner .body .form-content .deposit-group .item .text-input {
	display: inline-block;
    font-size: 18px;
    line-height: 60px;
    vertical-align: middle;
}
.credit-popup .inner .body .form-content .warning-text {
	margin-top:20px;
	font-size: 18px;
	line-height:40px;
}
.credit-popup .inner .body .form-content .btn-group {
	padding-top:40px;
}
.credit-popup .inner .body .form-content .btn-group .submit-btn {
	height:60px;
}

.culture-overlay-info {
	position:fixed;
	top: -9999px;
	bottom: -9999px;
	z-index:1021;
	width:  360px;
	left: -360px;
	transition: left ease-in-out 0.3s;
}
.culture-overlay-info .overlay {
	display: none;
}
.culture-overlay-info.open {
	top: 80px;
	left: 0px;
}
.culture-overlay-info.open-out {
	left: -360px;
}
.culture-overlay-info .close-btn {
	position:absolute;
	top: 0px;
	left: 360px;
	z-index:1001;
	width: 40px;
	height: 40px;
	background: #fff url('../img/icon_tv_info_close.svg') no-repeat center center;
	border: none;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	vertical-align:top;
	font-size: 0px;
	opacity: 0;
	box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.40);
}
.culture-overlay-info .body {
	left: 0px;
	width: 360px;
	height: 100%;
	border-right: 1px solid #dbdbdb;
	box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.40);
}
.culture-overlay-info .body .render-box {
	padding: 16px;
	padding-bottom: 92px;
}
.culture-overlay-info.open .body {
	left: 0px;
}
.culture-overlay-info.open-out .body {
	left: 0px;
}
.culture-overlay-info.open .close-btn {
	opacity: 1;
}
.culture-overlay-info.open-out .close-btn {
	opacity: 0;
}

.culture-overlay-info .body .top-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px 10px;
}
.culture-overlay-info .body .theme-box {
	margin-top: 10px;
}
.culture-overlay-info .body .short-info dd {
	background: #eee;
	border: none;
	font-size: 14px;
}
.culture-overlay-info .body .coupon-box .coupon-list li {
	width: calc((100% - 20px) / 3);
}
.culture-overlay-info .body .coupon-box .coupon-list li p {
	font-size: 14px;
}

}

@media screen and (min-width: 1024px) {

.culture-search .type-box-group {
	top:20px;
	left: 36px;
}
.culture-search .current-type-btn {
	min-width: 80px;
	height:50px;
	padding: 0px 10px;
	font-size:12px;
	line-height: 140%;
}
.culture-search .type-box {
	top:60px;
}
.culture-search .type-box a {
	min-width: 80px;
	height:50px;
	padding: 0px 10px;
	font-size:12px;
	line-height: 140%;
}
.culture-search .search-toggle {
	display: none;
}
.culture-search .search-bar {
	display:flex;
	align-items: center;
	top: 20px;
	max-width: 560px;
	gap: 0px 10px;
}
.culture-search .search-bar .addition-btn-box {
	position: relative;
	top: unset;
	right: unset;
	flex-direction: row;
}
.culture-search .search-bar .addition-btn-box .filter-btn,
.culture-search .search-bar .addition-btn-box .all-select-btn {
	width: 95px;
	height: 56px;
	font-size: 14px;
}
.culture-search .search-bar .addition-btn-box .filter-btn:after {
	width: 16px;
	height: 16px;
	background-size: auto 16px;
}

#culture-list {
	gap: 40px 10px;
}
#culture-list .culture-item {
	width: calc((100% - 30px) / 4);
}
#culture-list .culture-item .thumb .type {
	top: 10px;
	left: 10px;
}
#culture-list .culture-item .thumb .status {
	top: 10px;
	right: 10px;
}
#culture-list .culture-item .thumb .view {
	bottom: 10px;
	left: 10px;
}
#culture-list .culture-item .thumb .like-btn {
	bottom: 10px;
	right: 10px;
}
#culture-list .culture-item .text {
	margin-top: 16px;
}
#culture-list .culture-item .text h6 {
	font-size: 16px;
}
#culture-list .no-data {
	padding: 120px 0px;
}
#culture-list .no-data p {
	font-size: 16px;
}
#culture-list .loading {
	padding: 120px 0px;
}
#culture-list .loading p {
	margin-top: 40px;
	font-size: 16px;
}

.culture-short-overlay {
	bottom: unset;
	right: unset;
	width: 360px;
	transform: translate(82px, calc(-50% + 80px));
}
.culture-short-overlay .inner {
	height: 100%;
	border-radius: 10px;
}
.culture-short-overlay .close-btn {
	right: -20px;
	top: -20px;
	width: 40px;
	height: 40px;
	margin-top: 0px;
	background-size: 40px 40px;
	border-radius: 20px;
	box-shadow: 5px 8.7px 20px 0 rgba(0, 0, 0, 0.20);
}
.culture-short-overlay .head-box {
	padding-right: 40px;
}
.culture-short-overlay .head-box h6 {
	font-size: 16px;
}
.culture-short-overlay .head-box p {
	font-size: 14px;
}

}

@media screen and (min-width: 1200px) {
}