@charset "UTF-8";
@media (max-width: 1180px) {
	html {
		overflow-x:hidden;
	}
	section.section-margin {
		padding:35px 0px;
	}

	.web {
		display: none; }
	.mobile {
		display: block; }

	.wrapper section .tit-box .main-txt {
		font-size: 20px;
		margin-bottom:10px;}
	.wrapper section .tit-box .sub-txt {
		font-size: 14px;
		letter-spacing: -0.175px; }

	.wrapper section .info-box {
		padding-top: 7px; }

	.wrapper section .info-box .title {
		font-size: 18px;
		letter-spacing:-0.45px; }

	.wrapper section .info-box .description {
		font-size: 12px;
		line-height: 18px;
		padding-top: 6px; }
	
	.wrapper section.main__staff .staff-list-box .img-box {
		height: auto;
		padding-bottom: 100%;
		position: relative; }
		.wrapper section.main__staff .staff-list-box .img-box img {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%; }

	.wrapper section.main__staff {
		padding: 35px 0 35px; }
	.wrapper section.main__gallery {
		padding: 35px 0 35px; }
	.wrapper section.main__gallery .staff-list-box .img-box {
		height: auto;
		padding-bottom: 100%;
		position: relative; }
		.wrapper section.main__gallery .staff-list-box .img-box img {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%; }

	.wrapper section.main__blog .blog-list-box {
		margin-top: 20px;}
	.wrapper section.main__blog .blog-list-box .img-box {
		height: auto;
		position: relative;
		padding-bottom: 60%; }
		.wrapper section.main__blog .blog-list-box .img-box img {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%; }
	.wrapper section.main__blog .blog-list-box .info-box {
		padding-top: 8px; }
	.wrapper section.main__blog .blog-list-box .info-box .nm-box {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.175px; }
	.wrapper section.main__blog .blog-list-box .info-box .sub-box {
		margin-top: 8px;
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		/* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 18px;
		height: 54px;
		/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
		max-width: 100%; }
	
.wrapper section .swiper-pagination-bullets, .wrapper section .swiper-pagination-custom, .wrapper section .swiper-pagination-fraction {
		bottom: -25px;
		font-size: 0;
		left: 0;
		right: 0;
		text-align: center; }
		.wrapper section .swiper-pagination-bullets .swiper-pagination-bullet, .wrapper section .swiper-pagination-custom .swiper-pagination-bullet, .wrapper section .swiper-pagination-fraction .swiper-pagination-bullet {
			margin: 0 4px;
			width: 10px;
			height: 10px;
			background-color: #bbbbbb;
			opacity: 1; }
		.wrapper section .swiper-pagination-bullets .swiper-pagination-bullet-active, .wrapper section .swiper-pagination-custom .swiper-pagination-bullet-active, .wrapper section .swiper-pagination-fraction .swiper-pagination-bullet-active {
			background-color: #ff6600; }

	/** type A **/
	.wrapper.type-a {
		padding-top: 60px;
		width: 100%;
		max-width: 100%;
		min-width: 100%; }

	.wrapper.type-a section.main__item .category-box {
		padding: 30px 24px 20px; }
	.wrapper.type-a section.main__item .category-box .category-list {
		overflow-x: auto;
		height: 30px; }
	.wrapper.type-a section.main__item .category-box .category-list ul {
		white-space: nowrap;
		font-size: 0; }
	.wrapper.type-a section.main__item .category-box .category-list ul li + li {
		margin-left: 38px; }
	.wrapper.type-a section.main__item .category-box .category-list ul li a {
		font-size: 16px;
		letter-spacing: -0.2px; }
	
	.wrapper.type-a section.main__item .item-list-box ul {
		margin: -6px; }
	.wrapper.type-a section.main__item .item-list-box ul li {
		width: calc(50% - 12px);
		margin: 6px; }

	.wrapper.type-a section.main__item .item-more-box {
		padding-top: 15px; }
	.wrapper.type-a section.main__item .item-more-box .more-btn {
		width: 100%;
		height: 40px; }
		.wrapper.type-a section.main__item .item-more-box .more-btn .web {
			display: none; }

	/** typeB **/
	.wrapper.type-b {
		padding-top: 50px;
		width: 100%;
		max-width: 100%;
		min-width: 100%; }
	
	.wrapper.type-b section.main__item .item-list-box {
		padding: 20px 24px 0;
		overflow: hidden; }
	.wrapper.type-b section.main__item.type-current .item-list-box .swiper-button-prev,
	.wrapper.type-b section.main__item.type-current .item-list-box .swiper-button-next {
		display: none; }
	.wrapper.type-b section.main__item .category-box {
		padding: 0 24px;
		position: relative;
		margin-top: 25px; }
		.wrapper.type-b section.main__item .category-box:after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 2px;
			background-color: #dbdbdb;
			z-index: 1; }
	.wrapper.type-b section.main__item .category-box .category-list {
		overflow-x: auto;
		height: auto; }
	.wrapper.type-b section.main__item .category-box .category-list ul {
		white-space: nowrap;
		font-size: 0; }
	.wrapper.type-b section.main__item .category-box .category-list ul li + li {
		margin-left: 38px; }
	.wrapper.type-b section.main__item .category-box .category-list ul li a {
		font-size: 16px;
		letter-spacing: -0.2px;
		height: 25px; }
	.wrapper.type-b section.main__item .category-box .category-list ul li a.on:after {
		bottom: -1px;
		z-index: 2;
		height: 2px; }
	.wrapper.type-b section.main__item .tit-box {
		padding-bottom: 0; }
	
	.wrapper.type-b section.main__item .item-list-box.type-box2 {
		overflow: hidden; }
		.wrapper.type-b section.main__item .item-list-box.type-box2 ul {
			margin: -5px;
			font-size: 0; }
			.wrapper.type-b section.main__item .item-list-box.type-box2 ul li {
				width: calc(50% - 10px);
				margin: 5px; }
	.wrapper.type-b section.main__item .item-more-box {
		padding-top: 15px; }
	.wrapper.type-b section.main__item .item-more-box .more-btn {
		width: 100%;
		height: 40px; }


	/** c **/
	/** typeB **/
	.wrapper.type-c {
		padding-top: 60px;
		width: 100%;
		max-width: 100%;
		min-width: 100%; }

	.wrapper.type-c section.main__item .item-list-box.type-swiper {
		padding: 0 0 0 24px;
		overflow: visible;
		margin-bottom: 50px; }
		.wrapper.type-c section.main__item .item-list-box.type-swiper ul {
			margin: 0; }
			.wrapper.type-c section.main__item .item-list-box.type-swiper ul li {
				margin: 0; }
		.wrapper.type-c section.main__item .item-list-box.type-swiper .item-layout3 a.link-box .sell-box .sell-img img {
			width: 26.5px;
			height: 19px;
			position: static;
			padding: 0; }
		.wrapper.type-c section.main__item .item-list-box.type-swiper .item-layout3 .img-box {
			position: relative;
			padding-bottom: 70%;
			height: auto; }
			.wrapper.type-c section.main__item .item-list-box.type-swiper .item-layout3 .img-box img {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0; }

	.wrapper.type-c section.main__item .item-list-box {
		padding: 0 24px; }
	.wrapper.type-c section.main__item .item-list-box ul {
		margin: -6px; }
	.wrapper.type-c section.main__item .item-list-box ul li {
		width: calc(50% - 12px);
		margin: 6px; }

	.wrapper.type-c section.main__item .tit-box {
		padding-bottom: 20px; }
	.wrapper.type-c section.main__item .item-more-box {
		padding-top: 25px; }
	.wrapper.type-c section.main__item .item-more-box .more-btn {
		height: 40px;
		width: 100%;
		font-size: 14px;
		letter-spacing: -0.42px; }
	.wrapper.type-c section.main__item {
		padding: 25px 0; }


	.wrapper.type-c.type-c2 header .header__wrap .top-box .mobile-menu-btn {
		background: url("../img/ic_mobile_menu2.png") no-repeat center/20px 20px; }
	.wrapper.type-c.type-c2 header .header__wrap .top-box .mobile-my-btn {
		background: url("../img/ic_mobile_my2.png") no-repeat center/20px 20px; } 


	.wrapper section.main__recommend {
		padding: 25px 24px; }
	.wrapper section.main__recommend .item-more-box {
		padding-top: 0; }
	.wrapper section.main__recommend .item-more-box .more-btn {
		height: 40px;
		width: 100%;
		font-size: 14px;
		letter-spacing: -0.42px; }
	.wrapper section.main__recommend .list-box ul {
		margin: 0; }
	.wrapper section.main__recommend .list-box ul li {
		width: 100%;
		margin: 0;
		max-height: 119px;
		height: auto;
		padding: 15px 15px 15px 90px; }
		.wrapper section.main__recommend .list-box ul li + li {
			margin-top: 12px; }
	.wrapper section.main__recommend .list-box {
		padding: 0 0 25px; }
	.wrapper section.main__recommend .tit-box .more-btn {
		display: none; }
	
	.wrapper section.main__recommend .list-box ul li .profile-box {
		width: 60px;
		height: 60px;
		top: 15px;
		left: 15px;
		transform: none; }
		.wrapper section.main__recommend .list-box ul li .profile-box img {
			width: 100%;
			height: 100%; }
	.wrapper section.main__recommend .list-box ul li .info-box .top-box {
		font-size: 14px;
		padding-bottom: 8px;
		letter-spacing: -0.175px; }
	.wrapper section.main__recommend .list-box ul li .info-box .bottom-box {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		/* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 18px;
		height: 72px;
		/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
		max-width: 100%;
		font-size: 12px;
		letter-spacing: -0.15px;
		height: auto; }

	.page__content {
		padding-top:10px;
	}

	.filter-box span.txt {
		display:none !important;
	}


	.page__content .list__wrap .search-result-box {
		padding:0px !important;
	}

	.page__content .list__wrap .search-result-box * {
		font-size:13px !important;
	}

	.page__content .list__wrap .search-result-box .filter-box .selectbox select {
		max-width:120px;}
}

/* article */
@media (max-width: 1180px) {

	article .like-box .like-btn {
		width: 28px !important;
		height: 28px !important; }
	
	article .floating-box {
		padding:10px;
	}	

	article.finished .sell-txt {
		font-size:18px !important;
	}

	article .subject {
		font-size:14px !important;
		letter-spacing: -0.175px !important;
		line-height: 15px !important;
		padding:5px 0px !important;
	}

	article .price {
		font-size:14px !important;
		letter-spacing: -0.175px !important;
		line-height: 15px !important;
	}


	article .img-box .floating-box .top-box {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		font-size: 14px;
		letter-spacing: -0.175px;
		padding-bottom: 8px; }

	article .img-box .floating-box .bottom-box {
		font-size: 14px;
		font-weight: 700; }	

	article.item-layout1 .img-box .like-box {
		top: 8px;
		right: 8px; }

		article.item-layout1 .info-box {
			padding: 6px 0; }

		article.item-layout1 .info-box .price {
			margin-bottom: 12px;
			padding-bottom: 12px;}

		article.item-layout1 .info-box .tags .badge {
			padding: 0 7px;
			font-size: 12px;
			letter-spacing: -0.15px; }

	article.item-layout2 .info-box {
		padding: 8px;}
		article.item-layout2 .info-box .category {
			font-size: 12px;
			line-height: 18px;
			letter-spacing: -0.15px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			/* 라인수 */
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			line-height: 16px;
			height: 16px;
			/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
			max-width: 100%;			
		}

		article.item-layout2 .img-box .like-box {
			top: 8px;
			right: 8px; }

		article.item-layout2 .tags {
			display: block;
			letter-spacing: -0.175px;
			line-height: 20px;}

		article.item-layout2 .info-box .tags .badge {
			padding: 0 8px; }

	article.item-layout3 .img-box .placeholder {
		height:160px;
	}

	article.item-layout3 .info-box {
		padding: 10px; }

	article.item-layout3 .info-box .tags .badge {
		padding: 0 10px;
		height: 20px; }
	article.item-layout3 .info-box .category {
		margin-bottom: 8px; 
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 18px;
		height: 18px;}
}

/*# sourceMappingURL=responsive.css.map */