@charset "utf-8";

@media (max-width: 1780px) {

	/*header*/

	/*main*/
	.main-product .productSlider .thumb {
		padding-bottom: 0;
		height: 100vh;
	}

	.main-product .group.left {
		width: 50%;
	}

	.main-newItem .group.left {
		width: 50%;
	}

	.scroll.ver2 {
		display: none;
	}

	.bottomSlider .item .left {
		padding-left: 0;
		width: 30%;
	}

	.main-bottom .btm-ctrl {
		left: 30px;
		bottom: 0;
		top: auto;
	}

	#footer .contain {
		padding: 0 30px;
	}

	/* content */
	.about .dc3 .deco-txt {
		font-size: 134px;
	}
}

@media (max-width: 1460px) {

	/*haeder*/
	.sitelogo {
		left: 30px;
	}

	#gnb {
		padding-left: 50px;
	}

	.btn-all-menu {
		right: 30px;
	}

	.util {
		right: 80px;
	}

	/*main*/
	.main-visual .cnt {
		padding: 0 30px;
	}

	.main-visual .mv-ctrl {
		padding: 0 30px;
	}

	.main-newItem .cnt {
		margin-top: 30px;
	}

	.main-newItem .txt-wrap {
		margin-bottom: 30px;
	}

	.bottomSlider ul li .in .cnt {
		padding: 20px;
	}

	.main-product .group.right {
		padding: 30px;
	}

	.main-product .slick-prev {
		left: 30px;
	}

	.main-product .slick-next {
		right: 30px;
	}

	.card-collection-wrapper {
		overflow-x: scroll;
	}

	/*content*/
	.path-wrap .inner {
		padding: 0 30px;
	}

	/* layout */
	.f-menu {
		width: 30%;
	}

	.scroll {
		width: 100px;
		height: 100px;
		right: 30px;
	}
}


@media (max-width: 1200px) {

	/*header*/
	#header .contain {
		height: 80px;
	}

	#gnb {
		display: none;
	}

	.btn-all-menu {
		display: none;
	}

	.btn-m-menu {
		display: block;
	}

	.util {
		display: none;
	}

	/*main*/
	.main-product .list ul li .image {
		margin-right: 20px;
	}

	.main-tit {
		margin-bottom: 40px;
	}

		.main-tit p {
			margin-bottom: 5px;
		}

		.main-tit h2 {
			font-size: 40px;
		}

	.main-cont-wrap {
		padding: 100px 0;
	}

	.main-review .review-ctrl {
		top: 90px;
	}

	.main-review .cnt {
		padding: 20px;
	}

	.main-review .name {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.main-review .grade-star {
		top: 23px;
	}

	.main-review .txt {
		line-height: 1.3em;
	}

	.main-review .main-tit {
		margin-bottom: 40px;
	}

	.bottomSlider ul li .tit {
		font-size: 20px;
		min-height: 78px;
	}


	/*content*/
	#sub #wrapper {
		padding-top: 80px;
	}

	.about .dc1 .txt-wrap {
		padding-bottom: 0;
		position: static;
	}

	.about .dc3 .deco-txt {
		font-size: 113px;
	}

	.goods-list ul li .thumb {
		margin-bottom: 10px;
	}

	.goods-list ul li .tit {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.goods-list ul li .price {
		font-size: 20px;
	}

	.goods-list ul li .cart {
		bottom: 0;
	}

	.goods-photo {
		width: 50%;
		margin-right: 40px;
	}

	.goods-info .tags {
		margin-bottom: 20px;
	}

	.page-menu2 ul li a {
		min-height: 50px;
		font-size: 15px;
	}

	.view-wrap .view-payment {
		top: 130px;
		height: calc(100vh - 130px);
	}

	.pop-cont.ver2 .group.left {
		widtH: 50%;
	}


	/*layout*/




}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {
		font-size: 15px;
	}

	/*header*/


	/*main*/
	.main-visual .cnt .tt {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.main-visual .cnt .tx {
		font-size: 50px;
	}

	.main-product .list ul li .image {
		width: 160px;
	}

	.main-product .list ul li .tit {
		font-size: 20px;
	}

	.main-product .list ul li .main-more {
		margin-top: 40px;
	}

	.main-newItem {
		display: block;
	}

		.main-newItem .group.left {
			widtH: 100%;
		}

		.main-newItem .cnt {
			max-width: 100%;
			padding: 30px;
			margin: 0;
		}

		.main-newItem .group.right {
			widtH: 100%;
		}

	.main-about {
		padding: 80px 0;
	}

		.main-about:before {
			top: 80px;
		}

		.main-about .main-tit {
			padding-top: 30px;
		}

	.card-collection .txt-box h4 {
		font-size: 20px;
		line-height: 20px;
	}

	.main-cont-wrap {
		padding: 80px 0;
	}

	.main-review .review-ctrl {
		top: 30px;
	}

	.main-review .main-tit {
		padding-top: 30px;
	}

	.main-review .slick-list {
		margiN: 0 -10px;
	}

	.main-review .slick-slide {
		margin: 0 10px;
	}

	.main-bottom {
		margin-top: 90px;
	}

	.bottomSlider .item {
		display: block !important;
	}

		.bottomSlider .item .left {
			width: 100%;
			margin-bottom: 30px;
		}

		.bottomSlider .item .right {
			widtH: 100%;
		}

	.main-bottom .btm-ctrl {
		left: auto;
		right: 30px;
		bottom: auto;
		top: 110px;
	}

	/* layout */
	.doc-cnt {
		margin-bottom: 80px;
	}

	.sub-title {
		margin: 60px 0;
	}

	.sub-title2 {
		margin: 60px 0;
	}

	.real-cont {
		padding-bottom: 100px;
	}

	.pt140 {
		padding-top: 100px;
	}

	/*content*/
	.collection .doc-cnt {
		margin-bottom: 100px;
	}

	.collection .top-cont .tit-wrap p {
		font-size: 24px;
	}

	.collection .top-cont .tit-wrap h3 {
		font-size: 60px;
	}

	.collection .dc2 .img {
		padding: 0 50px;
	}

	.collection .dc3 ul li {
		width: 180px;
		height: 180px;
	}

	.collection .dc4 .imgWrap {
		margin-bottom: 100px;
	}

		.collection .dc4 .imgWrap .img {
			widtH: 49%;
		}

	.collection .dc4 .txt-wrap p {
		font-size: 30px;
	}

	.collection .dc4 .txt-wrap .more a {
		padding: 20px 80px 20px 30px;
	}

		.collection .dc4 .txt-wrap .more a:before {
			width: 40px;
			right: 20px;
		}


	.about .dc3 .deco-txt {
		font-size: 98px;
	}

	.about .dc2 .wrap .box {
		width: 49%;
	}

	.about .dc2 .tit-wrap {
		margin-bottom: 100px;
	}

	.about .dc3 .tit-wrap {
		margin-top: -40px;
	}

	.video-gallery-list ul li .thumb {
		margin-bottom: 10px;
	}

	.video-gallery-list ul li .cate {
		margin-bottom: 10px;
	}

	.view-wrap {
		display: block;
	}

		.view-wrap .in {
			widtH: 100%;
		}

	.goods-info .btns {
		margin-bottom: 6px;
	}

		.goods-info .btns .row {
			display: block;
			margin: 0;
		}

		.goods-info .btns .col-x2 {
			widtH: 100%;
			margin-bottom: 6px;
			padding: 0;
		}

			.goods-info .btns .col-x2:last-child {
				margin-bottom: 0;
			}

	.onepage .section {
		padding-right: 0;
	}

	#viewQna, #viewDetail, #viewReview {
		margin-bottom: 0;
	}

	.view-wrap .view-payment {
		width: 100%;
		height: auto;
		position: static;
		padding: 0;
		border: 0;
		margin-top: 40px;
	}

	.shop-group-info .ingredirnts {
		display: block;
	}

	.shop-group-info .ingredirnts-cate {
		widtH: 100%;
		margin-bottom: 30px;
	}

	.shop-group-info .ingredirnts .inner {
		width: 100%;
	}

	.mypage-menu ul {
		justify-content: flex-start;
	}

		.mypage-menu ul li {
			flex: 1 0 auto;
		}

	.my-coupon-list ul li .cnt {
		padding: 20px 30px;
	}
	/* board */
	.input {
		padding: 5px 14px;
		height: 40px;
	}

	textarea.input {
		padding: 12px 14px;
	}

	.board-search .search input.input {
		width: 240px;
	}

	.board-list colgroup col {
		width: auto !important;
	}

	.board-list table thead th {
		font-size: 15px;
	}

	.board-list table tbody td {
		font-size: 15px;
	}

	.gallery-list ul li .tit {
		font-size: 15px;
	}

	.news-list .thumb {
		width: 200px;
	}

	.news-list .tit {
		font-size: 17px;
	}

	.news-list .txt {
		font-size: 14px;
	}

	.news-list .date {
		font-size: 13px;
	}

	.event-list ul li .tit {
		font-size: 15px;
	}

	.faq .tit {
		font-size: 15px;
	}

		.faq .tit a {
			padding: 9px 60px 9px 12px;
		}

			.faq .tit a:after {
				top: 14px;
			}

	.faq .q {
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
		font-size: 16px;
		line-height: 32px;
	}

	.faq .cnt {
		padding: 18px 25px 18px 60px;
	}

	.calendar-head h3 {
		font-size: 28px;
		margin: 0 30px;
	}

	.calendar-head .cal-btn {
		width: 40px;
		height: 40px;
	}

	.calendar table th {
		font-size: 15px;
	}

	.calendar table td {
		height: 110px;
		font-size: 14px;
	}

	.calendar ul li:before {
		top: 7px;
	}

	.board-white table {
		font-size: 15px;
	}

	.board-form table {
		font-size: 15px;
	}

	.files-upload-text .upfiles-alt {
		font-size: 14px;
	}

	.board-view-tit {
		padding: 14px 6px;
	}

		.board-view-tit h3 {
			font-size: 18px;
		}

	.board-view-info {
		padding: 13px 6px;
		font-size: 13px;
	}

	.board-view-cnt {
		padding: 15px 6px 40px;
	}

	.board-prev-next {
		font-size: 14px;
	}

	.btn-pack.medium {
		height: 40px;
		padding: 0 16px;
		font-size: 15px;
		line-height: 38px;
	}

	.btn-pack.large {
		min-width: 140px;
		height: 50px;
		font-size: 18px;
		line-height: 48px;
	}

	.product-list ul li {
		width: 25%;
	}

		.product-list ul li .tit {
			font-size: 15px;
		}

	.product-image {
		width: 350px;
	}

	.product-info .tit {
		font-size: 25px;
	}

	.store-search {
		padding: 22px 5%;
	}

		.store-search .map-area {
			width: 280px;
		}

		.store-search .map-img .local {
			padding: 0 10px;
			font-size: 13px;
			line-height: 22px;
		}

	.result-group .gall li {
		width: 25%;
	}

	/* member */
	.agree-wrap .agree-tit {
		font-size: 18px;
	}

	/* shop */


}

/* portrait tablet */
@media (max-width: 900px) {
	.only-desktop {
		display: none;
	}

	.only-tablet {
		display: block;
	}

	/*header*/


	/*main*/
	.main-product .list ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px -30px;
	}

		.main-product .list ul li {
			width: 50%;
			padding: 0 10px;
			display: block;
			margin-bottom: 30px;
		}

			.main-product .list ul li .image {
				margin: 0 auto 10px auto;
				width: 100%;
			}

			.main-product .list ul li .cnt {
				widtH: 100%;
			}

			.main-product .list ul li .main-more {
				margin-top: 20px;
			}

	.main-review .review-ctrl {
		top: 60px;
	}

	.main-review .slick-arrow {
		width: 40px;
		height: 40px;
	}

	.main-about .txt-wrap p {
		margin-bottom: 30px;
		font-size: 15px;
	}

	.card-collection-wrapper {
		height: 318px;
		margin-top: 0;
	}

	.card-collection-list {
		position: relative;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 280px;
		height: 318px;
	}

	.card-collection {
		position: absolute;
		top: 0 !important;
		left: 0 !important;
		z-index: 1;
		cursor: pointer;
		background: #fff;
		width: auto;
		height: auto;
	}

		.card-collection .img-box {
			width: 280px;
		}

			.card-collection .img-box img {
				width: 100%;
			}

		.card-collection .txt-box {
			margin-top: 209px !important;
			height: 108px;
			width: 280px;
			padding: 10px;
		}

			.card-collection .txt-box h4 {
				font-size: 16px;
				line-height: 1.2em;
			}

		.card-collection p {
			font-size: 14px;
			line-height: 1.4em;
		}

		.card-collection h4::after {
			transform: rotate(0deg) !important;
		}

		.card-collection.active {
			z-index: 2;
			border-radius: 0 !important;
		}

	.main-bottom {
		margin-top: 40px;
	}

		.main-bottom .btm-ctrl {
			top: 130px;
		}

		.main-bottom .slick-arrow {
			width: 40px;
			height: 40px;
		}

	.bottomSlider ul li .in .cnt {
		padding: 10px;
	}

	.bottomSlider ul li:hover .in {
		border-bottom-right-radius: 60px;
	}

	/* layout */
	.f-menu .cs {
		font-size: 16px;
	}

	.f-right .f-sns-link ul li {
		margin-right: 5px;
	}

		.f-right .f-sns-link ul li a {
			width: 40px;
		}

	.f-menu ul li {
		margin-right: 15px;
	}

	.real-cont {
		padding-bottom: 80px;
	}

	/*sub*/
	.path-wrap .home a {
		height: 60px;
	}

	.path-wrap .part > a {
		height: 60px;
	}

	.sub-title h2 {
		font-size: 34px;
	}

	.sub-title2 h2 {
		font-size: 34px;
	}


	/*content*/
	.pt120 {
		padding-top: 60px;
	}

	.pt100 {
		padding-top: 60px;
	}

	.pt140 {
		padding-top: 60px;
	}

	.collection .top-cont .img-wrap .img:before {
		right: -10px;
	}

	.collection .top-cont .img-wrap .inner {
		margin-top: 10px;
	}

	.collection .doc-cnt {
		margin-bottom: 80px;
	}

	.collection .dc2 .img {
		padding: 0 10px;
	}

	.collection .dc3 .tit {
		font-size: 40px;
	}

	.collection .dc3 .tt {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.collection .dc3 ul li {
		width: 140px;
		height: 140px;
		font-size: 16px;
	}

	.collection .dc4 .txt-wrap p {
		font-size: 24px;
	}


	.about .dc1 .txt-wrap {
		padding-left: 0;
	}

	.about .dc2 .wrap {
		height: 1000px;
		overflow: hidden;
	}

		.about .dc2 .wrap .box .img {
			margin-bottom: 20px;
		}

		.about .dc2 .wrap .tt {
			margin-bottom: 10px;
		}

		.about .dc2 .wrap .tx {
			font-size: 30px;
		}

	.about .dc3 .deco-txt {
		font-size: 68px;
	}

	.about .dc3 .tit-wrap {
		margin-bottom: 40px;
	}

		.about .dc3 .tit-wrap .tit {
			font-size: 50px;
		}

	.gallery-list ul li {
		margin-bottom: 30px;
	}

		.gallery-list ul li .thumb {
			margin-bottom: 10px;
		}

	.video-gallery-list ul li {
		margin-bottom: 30px;
	}

		.video-gallery-list ul li .tit {
			font-size: 16px;
		}

	.goods-list ul li {
		width: 33.333%;
		margin-bottom: 40px;
	}

		.goods-list ul li .price-wrap {
			margin-top: 10px;
		}

		.goods-list ul li .price {
			font-size: 18px;
		}

			.goods-list ul li .price .disc {
				margin-right: 5px;
			}

	.review-list > ul > li {
		padding: 20px 0;
	}

	.pop-cont {
		padding: 30px;
	}

	.popSlider .slick-arrow {
		width: 30px;
		height: 30px;
	}

	.popSlider .slick-prev {
		left: 10px;
	}

	.popSlider .slick-next {
		right: 10px;
	}

	.pop-cont.ver2 .group.left {
		margin-right: 20px;
	}

	.pop-cont .top-cont {
		margin-bottom: 10px;
	}

	.onepage {
		margin-bottom: 60px;
	}

		.onepage .section {
			padding-top: 90px;
		}

	.goods-summary {
		display: block;
	}

	.goods-photo {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.goods-info {
		widtH: 100%;
	}

		.goods-info .title h2 {
			font-size: 20px;
		}

		.goods-info .title p {
			font-size: 14px;
			margin-top: 10px;
		}

	#viewInfo .wrap {
		padding: 30px;
	}

		#viewInfo .wrap .col {
			display: block;
		}

		#viewInfo .wrap .inner {
			widtH: 100%;
		}

		#viewInfo .wrap .col-tit {
			min-width: 100%;
			margin-bottom: 15px;
		}

			#viewInfo .wrap .col-tit br {
				display: none;
			}

		#viewInfo .wrap .inner ul li {
			padding-left: 10px;
		}

			#viewInfo .wrap .inner ul li:before {
				width: 4px;
				height: 4px;
				top: 9px;
			}

	.shop-group-info .tit {
		padding: 20px;
		font-size: 18px;
	}

	.shop-group-info .cnt {
		padding: 20px;
		padding-top: 0;
	}

	.shop-group-info .ingredirnts-cate {
		margin-bottom: 15px;
	}

		.shop-group-info .ingredirnts-cate ul li {
			margin-bottom: 5px;
		}

	.goods-photo {
		margin-bottom: 20px;
	}

		.goods-photo .thumbSlider {
			padding: 0 40px;
			margin-top: 10px;
		}

		.goods-photo .slick-arrow {
			width: 30px;
			height: 30px;
			margin-top: -15px;
		}

		.goods-photo .slick-prev {
			left: -40px;
		}

		.goods-photo .slick-next {
			right: -40px;
		}

	.goods-info .title {
		margin-bottom: 20px;
	}

	.goods-info .tags {
		margin-bottom: 10px;
	}

	.goods-info .title h2 {
		font-size: 18px;
	}

	.goods-info .price-area .price {
		font-size: 18px;
	}

		.goods-info .price-area .price .disc {
			margin-right: 5px;
		}

	.goods-info .wrap dl {
		display: block;
	}

	.goods-info .wrap dt {
		width: 100%;
		min-width: 1px;
	}

	.goods-info .wrap dd {
		width: 100%;
	}

	.mypage-menu {
		margin-bottom: 40px;
	}

		.mypage-menu ul li {
			padding: 0 10px;
		}

			.mypage-menu ul li a {
				height: 50px;
			}

	.agree-cen .btn-pack.large {
		font-size: 14px;
	}

	.agree-cen img {
		margin-right: 3px;
	}

	.find-tab {
		margin-bottom: 30px;
	}

	.find-result {
		padding: 30px 0;
	}

	.non-member-order-tit {
		margin-bottom: 30px;
	}

	/* board */
	.gallery-list ul {
		margin: 0 -10px;
	}

		.gallery-list ul li {
			width: 33.33333333%;
			padding: 0 10px;
		}

	.event-list ul li {
		width: 50%;
	}

	.store-search {
		padding: 30px;
		margin-bottom: 30px;
	}

		.store-search .map-area {
			display: none;
		}

		.store-search .search-area h3 {
			text-align: center;
			margin-bottom: 30px;
		}

	/* member */

	/* shop */

}

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {
		font-size: 14px;
	}

	.only-desktop-tablet {
		display: none;
	}

	.only-tablet {
		display: none;
	}

	.only-mobile {
		display: block;
	}

	#header .contain {
		height: 60px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#header .sitelogo {
		left: 15px;
		margin-top: -14px;
	}

	.sitelogo a {
		width: 120px;
	}

	.btn-m-menu {
		right: 15px;
	}

	.contain {
		padding-left: 15px;
		padding-right: 15px;
	}

	/*main*/
	.main-visual .mv {
		background-position: 70% 50%;
	}

	.main-visual .cnt {
		padding: 0 15px;
	}

		.main-visual .cnt .tx {
			font-size: 40px;
			margin-bottom: 30px;
		}

	.main-visual .mv-ctrl {
		padding: 0 15px;
		bottom: 10px;
	}

		.main-visual .mv-ctrl .wrap {
			margin-left: 20px;
		}

	.scroll {
		display: none;
	}

	.main-product {
		display: block;
	}

		.main-product .group.left {
			width: 100%;
			position: static;
		}

		.main-product .productSlider .thumb {
			height: auto;
			padding-bottom: 93.85%;
		}

		.main-product .group.right {
			width: 100%;
			padding: 20px 15px;
		}

		.main-product .slick-arrow {
			width: 40px;
			height: 40px;
			bottom: 10px;
		}

		.main-product .slick-prev {
			left: 15px;
		}

		.main-product .slick-next {
			right: 15px;
		}

		.main-product .slick-dots {
			bottom: 25px;
		}


	.main-tit {
		margin-bottom: 20px;
	}

		.main-tit h2 {
			font-size: 30px;
		}

	.main-product .list ul {
		display: flex;
		flex-wrap: nowrap;
		margin: 0 -10px;
	}

		.main-product .list ul li .image {
			width: 200px;
		}

		.main-product .list ul li {
			width: auto;
			padding: 0 10px;
			flex: 1 0 auto;
		}

			.main-product .list ul li .tit {
				font-size: 18px;
			}

			.main-product .list ul li .txt {
				font-size: 14px;
			}

	.main-more a:before {
		width: 40px;
	}

	.main-newItem .cnt {
		padding: 20px 15px;
	}

	.main-about {
		padding: 60px 0;
	}

		.main-about .txt-wrap p {
			font-size: 14px;
			line-height: 1.6em;
		}

	.main-cont-wrap {
		padding: 60px 0;
	}

		.main-cont-wrap:before {
			height: 90%;
		}

	.bottomSlider ul {
		display: block;
		margin: 0;
	}

		.bottomSlider ul li {
			width: 100%;
			padding: 0;
			margin-bottom: 10px;
		}

			.bottomSlider ul li:last-child {
				margin-bottom: 0;
			}

	.main-bottom .btm-ctrl {
		top: 20px;
		right: 15px;
	}

	/* layout */
	#footer {
		padding: 20px 0;
		font-size: 12px;
		line-height: 1.5em;
	}

		#footer .contain {
			flex-direction: column-reverse;
			padding: 0 15px;
		}

	.f-sns-link {
		position: fixed;
		right: 10px;
		bottom: 10px;
	}

	.f-right .f-sns-link ul {
		display: block;
	}

		.f-right .f-sns-link ul li {
			margin: 0 0 5px 0;
		}

			.f-right .f-sns-link ul li:last-child {
				margin-bottom: 0;
			}

	.f-right {
		text-align: center;
		margin-bottom: 10px;
	}

		.f-right .f-logo {
			margin-bottom: 10px;
		}

			.f-right .f-logo img {
				height: 30px;
			}

		.f-right .f-util-menu ul {
			display: flex;
			justify-content: center;
		}

			.f-right .f-util-menu ul li {
				margin-right: 10px;
			}

				.f-right .f-util-menu ul li:last-child {
					margin-right: 0;
				}

				.f-right .f-util-menu ul li a {
					font-size: 12px;
					padding-left: 15px;
				}

					.f-right .f-util-menu ul li a:before {
						width: 10px;
						height: 10px;
						background-size: contain;
						top: 4px;
					}

	.f-menu {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

		.f-menu .tit {
			display: none;
		}

		.f-menu .cs {
			margin-bottom: 10px;
		}

		.f-menu p {
			line-height: 1.3em;
		}

	#footer .tit {
		margin-bottom: 5px;
		font-size: 14px;
	}

	.f-menu ul {
		justify-content: center;
		margin-top: 10px;
	}

	.f-cnt {
		width: 100%;
	}

	#footer address span {
		margin-right: 15px;
		display: inline-block;
	}

	#footer .copyright {
		margin-right: 0;
		margin-top: 10px;
	}

	#footer address .bar {
		width: 0;
		height: 0;
		display: block;
		margin: 0;
	}

	#contArea {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sub-title {
		margin: 30px 0;
	}

		.sub-title h2 {
			font-size: 28px;
		}

	.sub-title2 {
		margin: 30px 0;
	}

		.sub-title2 h2 {
			font-size: 28px;
		}


	.real-cont {
		padding-bottom: 40px;
	}

	/* content */
	#sub #wrapper {
		padding-top: 60px;
	}

	.path-wrap .home {
		display: none;
	}

	.path-wrap .inner {
		padding: 0 15px;
	}

	.path-wrap .part {
		width: 50%;
		min-width: 1px;
	}

		.path-wrap .part > a {
			height: 40px;
			padding-left: 10px;
		}

		.path-wrap .part ul {
			padding: 0;
		}

			.path-wrap .part ul li a {
				padding: 10px 5px;
				font-size: 12px;
			}

	.pt100 {
		padding-top: 40px;
	}

	.pt120 {
		padding-top: 40px;
	}

	.doc-cnt {
		margin-bottom: 50px;
	}

	.collection .doc-cnt {
		margin-bottom: 50px;
	}

	.collection .top-cont .tit-wrap p {
		font-size: 15px;
	}

	.collection .top-cont .tit-wrap h3 {
		font-size: 30px;
	}

	.collection .top-cont .img-wrap {
		margin-top: -15px;
	}

		.collection .top-cont .img-wrap .inner {
			display: block;
			text-align: center;
		}

		.collection .top-cont .img-wrap .tt {
			font-size: 20px;
			margin-bottom: 10px;
		}

		.collection .top-cont .img-wrap .tx {
			font-size: 14px;
			text-align: center;
		}

	.collection .dc3 .tit {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.collection .dc3 ul {
		display: block;
	}

		.collection .dc3 ul li {
			width: 100px;
			height: 100px;
			margin: -10px auto 0 auto;
		}

			.collection .dc3 ul li:first-child {
				margin-top: 0;
			}

	.collection .dc4 .imgWrap {
		margin-bottom: 60px;
	}

	.collection .dc4 .txt-wrap {
		display: block;
	}

		.collection .dc4 .txt-wrap p {
			font-size: 20px;
		}

		.collection .dc4 .txt-wrap .more {
			margin-top: 10px;
			text-align: right;
		}

			.collection .dc4 .txt-wrap .more a {
				padding: 10px 40px 10px 20px;
			}

				.collection .dc4 .txt-wrap .more a:before {
					width: 26px;
					right: 9px;
				}

	.about .dc1 .txt-wrap .tit {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.about .dc1 .txt-wrap p {
		padding-left: 10px;
	}

	.about .dc2 .tit-wrap {
		margin-bottom: 50px;
	}

		.about .dc2 .tit-wrap .img {
			margin-bottom: 20px;
		}

			.about .dc2 .tit-wrap .img img {
				height: 50px;
			}

		.about .dc2 .tit-wrap .tit {
			font-size: 20px;
		}

	.about .dc2 .wrap {
		height: auto;
	}

		.about .dc2 .wrap .box {
			position: static;
			width: 100%;
			margin-bottom: 30px;
		}

			.about .dc2 .wrap .box:last-child {
				margin-bottom: 0;
			}

	.about .dc3 .deco-txt {
		font-size: 34px;
	}

	.about .dc3 .tit-wrap {
		padding-left: 0;
		margin-top: -15px;
		margin-bottom: 20px;
	}

		.about .dc3 .tit-wrap .tit {
			font-size: 34px;
		}

	.about .dc3 ul {
		display: block;
		margin: 0;
	}

		.about .dc3 ul li {
			padding: 0;
			width: 100%;
			margin-bottom: 20px;
		}

			.about .dc3 ul li:last-child {
				margin-bottom: 0;
			}

	.video-gallery-list {
		padding-top: 0;
	}

		.video-gallery-list ul li .tit {
			font-size: 14px;
		}

	.product-cate {
		margin-bottom: 30px;
	}

		.product-cate ul {
			flex-wrap: wrap;
		}

			.product-cate ul li {
				margin-right: 15px;
			}

				.product-cate ul li a {
					padding-top: 10px;
				}

					.product-cate ul li a:before {
						top: 0;
						left: 0;
						width: 3px;
						height: 3px;
					}

	.goods-list ul li .tags span {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		min-width: 1px;
	}

	.goods-list ul li {
		width: 50%;
	}

		.goods-list ul li .tit {
			font-size: 14px;
		}

		.goods-list ul li .txt {
			font-size: 12px;
		}

		.goods-list ul li .line-txt {
			font-size: 12px;
		}

		.goods-list ul li .price {
			font-size: 14px;
		}

		.goods-list ul li .cart img {
			width: 20px;
			display: block;
		}

	.onepage .section {
		padding-top: 80px;
	}

	.page-menu-wrap.fixed {
		top: 60px;
	}

	.page-menu2 ul li a {
		font-size: 12px;
		text-align: center;
		min-height: 40px;
		padding: 0 5px;
	}

	#viewInfo .wrap {
		padding: 20px;
	}

		#viewInfo .wrap .col {
			padding: 20px 0;
		}

		#viewInfo .wrap .inner .tit {
			font-size: 15px;
		}

		#viewInfo .wrap .inner ul li {
			margin-bottom: 0;
		}

	.view-wrap .view-payment {
		display: none;
	}

	.goods-info .btns .btn {
		height: 40px;
	}

		.goods-info .btns .btn span {
			display: none;
		}

	.goods-info .btns .row {
		display: flex;
	}

	.goods-info .btns .col-x2 {
		padding: 0 5px;
		margin-bottom: 0;
	}

	.shop-group-info .tit {
		padding: 15px 0;
	}

	.shop-group-info .cnt {
		padding: 0 0 15px 0;
	}

	.review-list > ul > li .top-cont {
		flex-wrap: wrap;
	}

	.review-list > ul > li .image {
		margin-right: 20px;
	}

	.review-list > ul > li .tit-wrap {
		width: calc(100% - 100px);
	}

	.review-list > ul > li .grade-star {
		width: 60px;
		margin-bottom: 5px;
	}

	.review-list > ul > li .info-wrap {
		width: 100%;
		text-align: right;
	}

	.review-list .bottom-cont .tit {
		margin: 10px 0;
	}

	.pop-cont {
		padding: 20px;
		width: 87vw;
	}

		.pop-cont.ver2 {
			display: block;
		}

			.pop-cont.ver2 .group.left {
				width: 100%;
				margin-bottom: 20px;
			}

			.pop-cont.ver2 .group.right {
				width: 100%;
			}

		.pop-cont .top-cont .image {
			margin-right: 20px;
		}

		.pop-cont .bottom-cont .name {
			font-size: 16px;
		}

	.popSlider .slick-dots {
		margin-top: 10px;
	}

	.review-viewing .fancybox-close {
		widtH: 30px;
		height: 30px;
		right: 0;
		top: 0 !important;
	}

	.mypage-menu {
		margin-bottom: 30px;
	}

	.review-cate {
		margin-bottom: 10px;
	}

	.my-coupon-list ul li .discount {
		font-size: 18px;
	}

	.my-coupon-list ul li {
		display: block;
	}

		.my-coupon-list ul li .cnt {
			width: 100%;
			padding: 20px;
		}

		.my-coupon-list ul li .discount {
			margin-left: 0;
			margin-top: -1px;
			padding: 20px 10px;
			font-size: 16px;
		}

		.my-coupon-list ul li .cnt .tit {
			font-size: 18px;
		}

		.my-coupon-list ul li.none {
			padding: 40px 0;
		}

			.my-coupon-list ul li.none .tt {
				font-size: 15px;
			}

	.my-coupon-info {
		margin-top: 50px;
	}

	.agree-cen {
		display: block;
	}

		.agree-cen .btn-pack.large {
			widtH: 100%;
		}

		.agree-cen .btn {
			margin: 0 0 5px 0;
		}

			.agree-cen .btn:last-child {
				margin-bottom: 0;
			}

	.join-form dt {
		margin-bottom: 5px;
	}

	.join-form dl {
		margin-bottom: 15px;
	}

	.join-complete .inner {
		padding: 20px 0;
	}

	.join-complete .img {
		margin-bottom: 15px;
	}

	.pt140 {
		padding-top: 40px;
	}

	.find-tab {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

		.find-tab ul li {
			margin-right: 20px;
		}

			.find-tab ul li.active:after {
				width: 4px;
				height: 4px;
				top: -10px;
			}

	.login-content {
		display: block;
		margin: 0;
	}

		.login-content > .group {
			width: 100%;
			padding: 0;
			margin-bottom: 30px;
		}

			.login-content > .group:last-child {
				margin-bottom: 0;
			}

		.login-content .right .group .input {
			height: 38px;
			font-size: 14px;
		}

		.login-content .left .tit {
			font-size: 30px;
			margin-bottom: 20px;
		}

		.login-content .more a {
			padding: 10px 40px 10px 20px;
			font-size: 12px;
		}

			.login-content .more a:before {
				right: 15px;
				width: 13px;
			}

		.login-content .tx {
			margin-bottom: 20px;
		}

		.login-content .non-member-tab {
			margin-top: 20px;
		}

	.non-member-info {
		margin-top: 15px;
	}

	.login-content .btn-pack.xlarge {
		height: 38px;
		font-size: 14px;
		line-height: 36px;
	}

	.sns-login {
		margin-top: 20px;
	}

	.video-gallery-list ul li.over .over-txt span {
		font-size: 12px;
		width: 30px;
		height: 30px;
	}


	.return-wrap .fancybox-close {
		widtH: 30px;
		height: 30px;
		right: 0;
		top: 0 !important;
	}


	/* board */
	.input {
		font-size: 14px;
		padding: 0 10px;
		height: 38px;
	}

	select.input {
		padding-right: 26px;
		background-image: url("../images/bbs/select_x2.png");
		background-position: right 8px center;
		background-size: 12px auto;
	}

	textarea.input {
		padding: 7px 10px;
	}

	.radiobox input:checked + label:before {
		background-image: url("../images/bbs/radiobox_x2.png");
		background-size: 8px auto;
	}

	.checkbox input:checked + label:before {
		background-image: url("../images/bbs/checkbox_x2.png");
		background-size: 11px auto;
	}

	.board-search {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}

		.board-search .total-page {
			order: 3;
			float: none;
			font-size: 13px;
		}

		.board-search .cate {
			float: none;
			order: 1;
			margin-left: 0;
			margin-bottom: 5px;
		}

			.board-search .cate .input {
				display: block;
				width: 100%;
			}

		.board-search .search {
			float: none;
			order: 2;
			display: flex;
		}

			.board-search .search form {
				display: flex;
			}

			.board-search .search .input {
				flex: 1 1 auto;
				min-width: 0;
				width: 1%;
			}

	.board-list {
		display: none;
	}

	.board-list-m {
		display: block;
	}

	.gallery-list {
		padding-top: 15px;
	}

		.gallery-list ul {
			margin: 0 -7px;
		}

			.gallery-list ul li {
				width: 50%;
				padding: 0 7px;
				margin-bottom: 27px;
			}

				.gallery-list ul li .thumb {
					margin-bottom: 10px;
				}

				.gallery-list ul li .tit {
					font-size: 14px;
				}

				.gallery-list ul li .date {
					font-size: 12px;
					margin-top: 4px;
				}

	.news-list ul li {
		padding: 17px 0;
	}

	.news-list .thumb {
		width: 38%;
		margin-right: 14px;
	}

	.news-list .tit {
		font-size: 15px;
		max-height: 2.8em;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.news-list .txt {
		font-size: 13px;
		margin-top: 3px;
		max-height: 3em;
		-webkit-line-clamp: 2;
	}

	.news-list .date {
		display: none;
	}

	.event-list {
		padding-top: 20px;
	}

		.event-list ul li {
			width: 100%;
			margin-bottom: 32px;
		}

			.event-list ul li .thumb {
				margin-bottom: 10px;
			}

			.event-list ul li .tit {
				font-size: 15px;
			}

			.event-list ul li .date {
				font-size: 12px;
				margin-top: 4px;
			}

	.faq .tit a {
		padding: 7px 0 7px 5px;
	}

		.faq .tit a:after {
			display: none;
		}

	.faq .q {
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
		font-size: 15px;
		line-height: 26px;
		margin-right: 10px;
	}

	.faq .cnt {
		padding: 12px 12px 12px 15px;
	}

	.calendar-head {
		margin-bottom: 15px;
	}

		.calendar-head h3 {
			font-size: 20px;
			margin: 0 17px;
		}

		.calendar-head .cal-btn {
			width: 34px;
			height: 34px;
			background-size: 9px auto;
		}

		.calendar-head .cal-prev {
			background-image: url("../images/bbs/cal_prev_x2.png");
		}

		.calendar-head .cal-next {
			background-image: url("../images/bbs/cal_next_x2.png");
		}

	.calendar table th {
		padding: 6px 4px;
		font-size: 14px;
	}

	.calendar table td {
		height: 60px;
		padding: 5px 4px;
		font-size: 12px;
	}

	.calendar ul li {
		padding-left: 0;
		margin-bottom: 6px;
	}

		.calendar ul li:before {
			display: none;
		}

	.calendar .cal-date {
		font-size: 10px;
		margin-bottom: 8px;
	}

	.board-white table {
		display: block;
		border-top: 0;
		border-bottom: 0;
		font-size: 14px;
	}

		.board-white table tbody {
			display: block;
		}

		.board-white table tr {
			display: block;
			padding: 12px 0;
		}

		.board-white table th {
			display: block;
			border: 0;
			text-align: left;
			padding: 0;
			margin-bottom: 7px;
			font-size: 16px;
			background: none;
		}

		.board-white table td {
			display: block;
			border: 0;
			padding: 0;
		}

	.board-white .editor {
		padding: 0;
		margin-top: -12px;
	}

	.board-white .item {
		margin: 3px 12px 3px 0;
	}

	.board-white #user_name {
		max-width: 100% !important;
	}

	.board-white + .buttons {
		margin-top: 30px;
	}

	.board-form table tbody {
		display: block;
	}

	.board-form table tr {
		display: block;
		padding: 12px 0;
	}

	.board-form table th {
		display: block;
		border: 0;
		text-align: left;
		padding: 0;
		margin-bottom: 7px;
		font-size: 16px;
		background: none;
	}

	.board-form table td {
		display: block;
		border: 0;
		padding: 0;
	}

	.board-form + .buttons {
		margin-top: 30px;
	}

	.form-agree {
		margin: 30px 0 30px;
	}

		.form-agree h3 {
			font-size: 16px;
		}

		.form-agree .scroll-box {
			font-size: 12px;
			max-height: 110px;
			overflow: auto;
		}

		.form-agree .check {
			margin-top: 12px;
			font-size: 14px;
		}

	.board-view-tit h3 {
		font-size: 17px;
	}

	.board-view-info {
		font-size: 12px;
	}

	.board-prev-next dl {
		padding: 10px 6px;
	}

	.board-prev-next dt {
		width: 70px
	}

	.buttons {
		margin: 15px 0;
	}

	.btn-pack.small {
		height: 26px;
		padding: 0 8px;
		font-size: 11px;
		line-height: 24px;
	}

	.btn-pack.medium {
		height: 38px;
		padding: 0 14px;
		font-size: 14px;
		line-height: 36px;
	}

	.btn-pack.large {
		min-width: 120px;
		height: 42px;
		padding: 0 18px;
		font-size: 15px;
		line-height: 40px;
	}

	.btn-pack.xlarge {
		min-width: 120px;
		height: 50px;
		padding: 0 22px;
		font-size: 16px;
		line-height: 48px;
	}

	.btn-pack.comment {
		width: 80px;
		height: 32px;
		font-size: 14px;
	}

	.paginate {
		margin-top: 20px;
	}

		.paginate a,
		.paginate strong {
			margin: 0 1px;
			width: 30px;
			height: 30px;
			font-size: 14px;
			line-height: 30px;
		}

			.paginate a.direction {
				margin: 0;
				background-size: 11px;
			}

				.paginate a.direction.first {
					background-image: url("../images/bbs/btn_first_x2.png");
				}

				.paginate a.direction.prev {
					background-image: url("../images/bbs/btn_prev_x2.png");
					margin-right: 14px;
				}

				.paginate a.direction.next {
					background-image: url("../images/bbs/btn_next_x2.png");
					margin-left: 14px;
				}

				.paginate a.direction.last {
					background-image: url("../images/bbs/btn_last_x2.png");
				}

	.comment-area {
		margin-top: 37px;
	}

	.comment-total {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.comment-write {
		position: relative;
		padding: 10px;
	}

		.comment-write .byte {
			position: absolute;
			bottom: 15px;
			left: 12px;
			font-size: 12px;
		}

		.comment-write .write {
			display: block;
		}

			.comment-write .write textarea {
				display: block;
				width: 100%;
				height: 65px;
				margin-right: 0;
			}

			.comment-write .write .btn {
				text-align: right;
				margin-top: 6px;
			}

	.comment-item {
		padding: 17px 4px;
	}

		.comment-item.comment-reply {
			padding-left: 25px;
			background-image: url("../images/bbs/icon_reply_x2.png");
			background-position: 3px 18px;
			background-size: auto 13px;
		}

	.comment-info {
		font-size: 14px;
	}

		.comment-info .name {
			margin-right: 5px;
		}

		.comment-info .date {
			font-size: 11px;
		}

	.comment-ctr {
		font-size: 12px;
	}

		.comment-ctr .bar {
			vertical-align: middle;
			margin: -.2em 4px 0;
		}

	.comment-txt {
		font-size: 14px;
	}

	.comment-link {
		font-size: 13px;
	}

	.comment-input {
		padding: 10px;
	}

		.comment-input textarea {
			height: 48px;
		}

	.board-password {
		padding: 30px 20px;
	}

	.product-list ul {
		margin: 0 -7px;
	}

		.product-list ul li {
			width: 50%;
			padding: 0 7px;
			margin-bottom: 27px;
		}

			.product-list ul li .thumb {
				margin-bottom: 10px;
			}

			.product-list ul li .tit {
				font-size: 14px;
			}

	.product-summary {
		display: block;
	}

	.product-image {
		width: 100%;
		margin-bottom: 20px;
	}

	.product-info {
		width: 100%;
	}

		.product-info .tit {
			font-size: 22px;
			padding-bottom: 14px;
			margin-bottom: 14px;
		}

	.product-detail {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

		.product-detail .tit {
			font-size: 17px;
			padding-bottom: 10px;
			margin-bottom: 14px;
		}

	.store-search {
		padding: 0;
	}

		.store-search .search-area h3 {
			font-size: 16px;
			padding: 15px 25px;
			margin-bottom: 20px;
			background: #f4f4f4;
		}

		.store-search .search-area dl {
			display: block;
			padding: 0 15px;
			margin: 20px 0;
		}

			.store-search .search-area dl dt {
				width: auto;
				margin-bottom: 6px;
				font-size: 15px;
			}

			.store-search .search-area dl dd {
				width: auto;
			}

		.store-search .search-area input.input {
			width: calc(100% - 74px);
			margin-right: 4px;
		}

		.store-search .search-area select.input {
			width: calc(50% - 39px);
			margin-right: 4px;
		}

		.store-search .search-area .btn-pack.medium {
			width: 70px;
		}

	.result-top {
		font-size: 18px;
	}

	.result-group .gall {
		margin: 0 -7px;
	}

		.result-group .gall li {
			width: 50%;
			padding: 0 7px;
		}

	.result-group dl dt {
		font-size: 15px;
	}

	.result-group dl dd {
		font-size: 13px;
	}

		.result-group dl dd.date {
			font-size: 12px;
		}



	/* member */
	.login-tab {
		border-bottom-width: 2px;
		margin-bottom: 35px;
	}

		.login-tab ul {
			padding: 0 1px;
		}

			.login-tab ul li {
				border-width: 2px;
				margin: 0 -1px;
			}

				.login-tab ul li a {
					font-size: 16px;
					line-height: 46px;
				}

	.login-content .group .input {
		height: 48px;
		font-size: 14px;
	}

	.sns-login .tit {
		margin-bottom: 20px;
	}

		.sns-login .tit span {
			padding: 0 20px;
		}

	.sns-login a {
		margin: 0 8px
	}

	.sns-login img {
		width: 44px;
	}

	.agree-wrap {
		margin-bottom: 35px;
	}

		.agree-wrap .group {
			margin-top: 30px;
		}

		.agree-wrap .agree-tit {
			font-size: 16px;
		}

			.agree-wrap .agree-tit .checkbox label:before {
				background-image: url("../images/member/checkbox_x2.png");
				background-size: 11px auto;
			}

			.agree-wrap .agree-tit .checkbox input:checked + label:before {
				background-image: url("../images/member/checkbox_on_x2.png");
			}

		.agree-wrap .agree-box {
			margin-top: 7px;
			max-height: 130px;
			padding: 10px 13px;
		}

			.agree-wrap .agree-box .terms-wrap {
				line-height: 1.4em;
				word-break: break-all;
			}

	.terms-wrap .policy-contact {
		display: block;
		padding: 0 15px;
	}

		.terms-wrap .policy-contact dl {
			border-left: 0;
			padding: 20px 5px;
			border-top: 1px solid #e5e5e5;
		}

			.terms-wrap .policy-contact dl:first-child {
				border-top: 0;
			}

	.join-form table tbody {
		display: block;
	}

	.join-form table tr {
		display: block;
		padding: 12px 0;
	}

	.join-form table th {
		display: block;
		border: 0;
		text-align: left;
		padding: 0;
		margin-bottom: 7px;
		font-size: 16px;
		background: none;
	}

	.join-form table td {
		display: block;
		border: 0;
		padding: 0;
	}

	.join-form + .buttons {
		margin-top: 30px;
	}

	.join-form .help-text {
		display: block;
		clear: both;
		padding-top: 6px;
		margin-left: 0;
		font-size: 14px;
		line-height: 1.5em;
	}

	.join-form #user_id {
		float: left;
	}

		.join-form #user_id + .btn-pack {
			width: 90px;
			text-align: center;
		}

	.join-form #user_pw,
	.join-form #user_pw2,
	.join-form #user_name {
		width: 100% !important;
	}

	.join-form .id-btn {
		height: 38px;
		line-height: 38px;
		font-size: 12px;
	}

	.join-complete .tit {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.join-complete .txt {
		font-size: 16px;
	}

	.join-complete .icon {
		width: 110px;
		height: 110px;
		background-size: 48px;
	}

	.find-content .group .input {
		height: 48px;
		font-size: 14px;
	}

	.find-result {
		padding: 20px 10px;
		font-size: 16px;
	}

		.find-result h4 {
			font-size: 19px;
		}

		.find-result .name {
			font-size: 24px;
		}

	.member-leave .txt {
		margin-bottom: 27px;
	}

		.member-leave .txt .tit {
			font-size: 18px;
		}

	.member-leave .form {
		margin-bottom: 35px;
		padding: 35px 25px;
		font-size: 15px;
	}

		.member-leave .form .group .label-tt {
			width: 80px;
		}

	/* shop */

	.goods-info .total .price {
		font-size: 20px;
	}

	.goods-summary {
		display: block;
		margin-bottom: 40px;
	}

	.goods-photo {
		width: 100%;
		margin: 0 0 25px;
	}

	.goods-info {
		width: 100%;
	}

		.goods-info .title h2 {
			font-size: 20px;
		}

		.goods-info .title p {
			font-size: 13px;
		}

		.goods-info .price-area {
			margin-bottom: 20px;
		}

			.goods-info .price-area .price {
				font-size: 20px;
			}

				.goods-info .price-area .price strong {
					font-size: 24px;
				}

			.goods-info .price-area .price2 {
				font-size: 14px;
			}

		.goods-info .table table tbody th {
			font-size: 13px;
			width: 85px;
		}

		.goods-info .table table tbody td {
			font-size: 13px;
		}

		.goods-info .btns {
			margin-bottom: 10px;
		}

			.goods-info .btns .btn {
				line-height: 40px;
				font-size: 14px;
			}


		.goods-info .total {
			font-size: 14px;
			padding: 20px 0;
		}

			.goods-info .total .price {
				font-size: 20px;
			}

				.goods-info .total .price strong {
					font-size: 24px;
				}

		.goods-info .inner .in {
			padding: 10px 0;
		}

		.goods-info .btns .row2 .btn img {
			width: 40px;
		}

	.add-opt-select {
		margin-bottom: 5px;
	}

		.add-opt-select .select-input {
			padding: 0 35px 0 12px;
			height: 40px;
			font-size: 14px;
			line-height: 38px;
		}

		.add-opt-select .select-options {
			margin-top: 0;
			bottom: 39px;
		}

			.add-opt-select .select-options li {
				padding: 11px 12px;
			}

	.add-options {
		max-height: 230px;
		overflow: auto;
		margin-top: 0;
	}

		.add-options > ul > li {
			padding: 10px;
		}

		.add-options .opt-name .name {
			font-size: 14px;
		}

	.cart-opt {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 5px 10px;
		background: #fcfcfc;
		border-top: 1px solid #d8d8d8;
		z-index: 100;
	}

		.cart-opt .opt-toggle {
			position: absolute;
			top: -19px;
			left: 0;
			width: 100%;
			height: 19px;
			overflow: hidden;
			text-indent: -9999em;
			background: url("../images/shop/btn_view_cart_dropdonw.png") 50% 50% no-repeat;
			background-size: auto 100%;
		}

		.cart-opt .inner {
			display: none;
		}

		.cart-opt .btns.mobile-btn {
			display: block;
		}

		.cart-opt .table th {
			display: none;
		}

		.cart-opt .table td {
			border: 0 !important;
			padding: 0 !important;
		}

		.cart-opt.active {
			padding: 14px 10px;
		}

			.cart-opt.active .opt-toggle {
				display: block;
			}

			.cart-opt.active .inner {
				display: block;
			}

			.cart-opt.active .btns.mobile-btn {
				display: none;
			}

	.cart-all-select {
		padding: 0 5px;
		margin-bottom: 12px;
		font-size: 14px;
	}

	.shop-table ul li {
		flex-wrap: wrap;
		padding: 15px 5px;
		position: relative;
	}

	.shop-table .order-check {
		width: 35px;
		order: 1;
	}

	.shop-table .order-image {
		position: relative;
		width: 45px;
		height: 45px;
		overflow: hidden;
		margin-right: 15px;
		order: 2;
	}

		.shop-table .order-image img {
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			width: 100%;
			height: auto !important;
			max-width: 100%;
			min-height: 100%;
			object-fit: cover;
		}

	.shop-table .order-title {
		flex: 0 0 auto;
		width: calc(100% - 110px);
		order: 3;
	}

		.shop-table .order-title .tit {
			font-size: 15px;
			margin-bottom: 0;
		}

		.shop-table .order-title .opt {
			font-size: 12px;
			margin-top: 3px;
		}

	.shop-table .order-delete {
		position: absolute;
		top: 15px;
		right: 5px;
	}

	.shop-table .order-price {
		order: 4;
		width: auto;
		margin: 5px 0 0 0;
		text-align: left;
		margin-top: 6px;
	}

	.shop-table .order-quantity {
		order: 5;
		width: auto;
		display: flex;
		margin: 5px 0 0 60px;
	}

		.shop-table .order-quantity .input {
			width: 60px;
			height: 26px;
			margin-bottom: 0;
		}

	.shop-table .order-qnt {
		order: 3;
		width: auto;
		text-align: left;
		margin: 6px 15px 0 60px;
	}

	.shop-table .order-image + .order-title + .order-price {
		margin-left: 60px;
	}

	.shop-table .order-check + .order-image + .order-title + .order-quantity + .order-price {
		margin-left: 95px;
	}

	.shop-table .order-check + .order-image + .order-title + .order-quantity {
		margin-left: 95px;
	}

	.shop-table .order-btn {
		order: 10;
		display: flex;
		align-items: center;
		margin: 10px 0 0 60px;
		text-align: left;
		width: calc(100% - 60px);
		font-size: 12px;
	}

		.shop-table .order-btn p {
			width: calc(25% - 4px) !important
		}

		.shop-table .order-btn .btn-pack {
			width: calc(25% - 4px) !important;
			margin: 0 2px !important;
		}

	.total-price {
		margin: 20px 0;
		padding: 20px;
		font-size: 14px;
	}

		.total-price h3 {
			display: none;
		}

		.total-price ul {
			width: 100%;
		}

			.total-price ul li {
				padding: 13px 0;
			}

		.total-price + .buttons {
			margin-top: 40px;
		}

	.order-info-title {
		margin: 40px 0 8px;
	}

		.order-info-title h3 {
			font-size: 16px;
		}

		.order-info-title .chk {
			font-size: 12px;
		}

	.order-info-table colgroup col:nth-child(1) {
		width: 100px !important;
	}

	.order-info-table tbody th {
		padding: 6px 8px;
		height: 40px;
		line-height: 1.5em;
	}

	.order-info-table tbody td {
		padding: 6px 8px;
		line-height: 1.5em;
	}

	.order-info-table #orderName,
	.order-info-table #shipName,
	.order-info-table #bankType,
	.order-info-table #bankName,
	.order-info-table #bankDate {
		width: 100% !important;
	}

	.order-info {
		font-size: 12px;
		line-height: 1.5em;
		margin: 15px 0;
	}

	.order-complete {
		padding: 15px;
		font-size: 14px;
	}

		.order-complete .item {
			display: block;
			margin: 5px 0;
		}

	.order-date {
		padding: 15px;
		font-size: 14px;
		margin-top: 35px;
	}

		.order-date .bar {
			display: block;
			width: 100%;
			height: 0;
			overflow: hidden;
			text-indent: -999em;
			margin: 4px 0;
		}
}

@media (max-width: 570px) {
	.return-cont {
		padding: 30px 20px;
	}

		.return-cont h2 {
			padding-bottom: 10px;
			margin-bottom: 20px;
			font-size: 20px;
		}

		.return-cont .buttons {
			margin-top: 20px;
		}

		.return-cont dl {
			margin-bottom: 15px;
			font-size: 14px;
		}
}
/* Landscape phones and down */
@media (max-width: 320px) {
}