@charset "utf-8";

@media (max-width: 1600px) {

}

/* Landscape tablet */
@media (max-width: 1200px) {
	
	.goods-list-wrap {flex-direction:column; gap:30px; padding-top:30px;}

	.goods-filter-area {display:flex; flex-wrap:wrap; width:auto;}
	.filter-group {flex:1 0 auto; min-width:160px; padding:0 24px; border-bottom:0; border-right:1px solid #dfdfdf;}
	.filter-group.first {padding-left:0;}
	.filter-group.last {padding-right:0; border-right:0;}
	.filter-select ul {gap:12px;}
	.filter-btns {width:100%; margin-top:30px; border-top:1px solid #dfdfdf;}

	.goods-list-area {width:auto;}

} 

@media (max-width: 1024px) {
	/* 쇼핑 상세 */
	.goods-info {padding:30px;}

	.goods-detail-wrap {gap:24px;}
	.goods-detail-sidebar {padding-top:45px;}

	.tour-grade .title input {margin-top:.05em !important;}
}

/* portrait tablet */
@media (max-width: 900px) {	
	/* list */
	.goods-list-wrap {display:block;}
	.goods-filter-area {display:block; margin-bottom:25px;}

	.filter-group {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; min-width:unset; padding:20px 0; border-right:0; border-bottom:1px solid #dfdfdf;}
	.filter-group > .filter-title {width:100px; margin:0;} 
	.filter-group .group {position:relative; width:calc(50% - 12px);}
	.filter-group .group:not(:last-child) {margin-bottom:0;}

	.filter-items {flex:1 1 auto; min-width:0; width:1%; overflow:auto; margin-top:0;}
	.filter-items::-webkit-scrollbar {display:none;}

	.filter-select {display:flex; width:max-content; font-size:13px;}
	.filter-select ul {display:flex; gap:6px;}
	.filter-select ul li {flex:1 0 auto;}
	.filter-select .checkbox {padding:0; margin:0;}
	.filter-select .checkbox label {padding:4px 12px; color:#767676; border:1px solid #dfdfdf; border-radius:4px;}	
	.filter-select .checkbox label:before {display:none;}
	.filter-select .checkbox input:checked + label {background-color:var(--color-primary); border-color:var(--color-primary); color:#fff;}
	.filter-select .checkbox input:checked + label small {color:inherit;}
	.filter-select .checkbox small {color:inherit; font-size:11px;}

	.goods-item .image {width:200px; margin-right:24px;}
	.goods-item .info .point {margin-bottom:10px;}
	.goods-item .info .title {margin-bottom:10px;}

	/* view */
	.goods-summary {flex-direction:column;}
	.goods-photo {width:auto;}
	.goods-photo .img {height:auto; padding-bottom:75%;}
	.goods-info {width:auto;}

	.product-information ul {gap:16px;}
	.product-information ul li {min-height:120px; font-size:14px; gap:12px; padding:10px;}

	.goods-detail-wrap {display:block;}
	.goods-detail-content {width:auto;}

	.goods-detail-sidebar {position:fixed; top:0; left:0; z-index:200; width:100%; max-width:100%; height:100%; background:none; transition:background .4s; pointer-events:none;}	
	.gs-selling-option {position:fixed; top:auto !important; left:0; bottom:0; width:100%; height:auto !important; max-height:80vh; padding:50px var(--contain-padding) 16px; background:#fff; border-radius:30px 30px 0 0; transition:transform .2s ease-in-out; transform:translateY(100%);}
	.goods-detail-sidebar.active {display:block;  background:rgba(0,0,0,.4); pointer-events:auto;}
	.goods-detail-sidebar.active .gs-selling-option {transform:translateY(0);}

	.gs-selling-handle {display:block; position:absolute; top:0; left:0; width:100%;}
	.gs-selling-handle:after {content:''; display:block; width:40px; height:6px; margin:16px auto; background:#ddd; border-radius:10px;}

	.goods-float-button {display:block;}

	/* wiget */
	.ws-wiget {width:100%;}
} 

/* Landscape phone */
@media (max-width: 640px) {	
	.goods-search .ico {margin-left:15px;}
	.goods-search .btn-pack {min-width:90px;}

	/* list */
	.goods-list-wrap {margin:0 -16px; padding-top:0;}
	.goods-filter-area {width:auto; margin:0 0 16px; border-bottom:8px solid #f4f4f4;}

	.filter-group {display:block; padding:16px 16px; border-bottom:1px solid #f4f4f4; overflow:hidden;}
	.filter-group.first {padding:5px 16px; overflow:unset;}
	.filter-group .filter-title {width:100% !important; margin-bottom:10px;}
	.filter-group .group {width:100%; padding:8px 0;}
	.filter-group .group:not(:last-child) {}

	.filter-title {font-size:14px;}

	.filter-items {width:auto; margin:0 -16px; padding:0 16px;}

	.filter-select ul {gap:5px;}
	.filter-select .checkbox label {padding:4px 10px;}

	.filter-btns {display:flex; justify-content: flex-end; padding:0 16px;}

	.goods-sort {padding:0 16px; margin-bottom:16px;}
	.goods-sort .sort .input {width:auto; height:32px;}

	.goods-item {display:block; padding:24px 16px;}
	.goods-item .left {display:block; width:auto;}
	.goods-item .image {width:100%; margin-bottom:20px;}
	.goods-item .info {width:100%;}
	.goods-item .right {margin:30px 0 0; padding:0; border:0; width:100%; }
	.goods-item .total strong  {font-size:22px;}
	.goods-item .total .percent {font-size:22px; margin-left:8px;}
	.goods-item .book-now {position:relative; bottom:auto; left:auto; right:auto; margin-top:16px;}

	.mypage-content .goods-item {padding-left:0; padding-right:0;}


	/* shop - view */
	.goods-top-info {margin-top:1.6rem; margin-bottom:-1.6rem; gap:16px;}
	.goods-top-info .btns {width:100%; justify-content:space-between;}

	.save-wishlist {font-size:14px;}

	.share-toggle-btn {font-size:14px;}
	.share-toggle-list {padding:20px;}
	.share-toggle-list .link-item {font-size:14px;}

	.goods-summary {gap:10px;}
	.goods-photo .slider {border-radius:16px;}
	.goods-photo .slide-btn {width:30px; height:30px; margin-top:-15px;}
	.goods-photo .fraction {width:46px; font-size:12px; line-height:24px;}

	.goods-info {padding:20px; border-radius:16px;}
	.goods-info .select-area {padding:30px 0;}
	.goods-info .select-area .ws-wiget {min-width:unset;}
	.goods-info .select-area .submit {margin-top:20px;}
	.goods-info .offer {margin-top:20px;}

	.product-information ul {display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 -5px;}
	.product-information ul li {width:calc(33.33333333% - 10px); gap:10px; border-radius:16px; font-size:14px; line-height:1.45em;}
	.product-information ul li:nth-child(4),
	.product-information ul li:nth-child(5) {width:calc(50% - 10px);}
	.product-information ul li img {width:30px;}

	.gs-content:not(:last-child) {margin-bottom:60px;}
	.gs-content .doc-tit {margin-bottom:16px; font-size:18px;}

	.tour-grade {border-radius:10px;}
	.tour-grade .title {padding:16px;}
	.tour-grade .title input {margin-right:10px !important;}
	.tour-grade .content {padding:0 16px 20px 16px;}

	.pickup-info-text {font-size:14px;}

	.pickup-wrapper {padding:24px 16px; border-radius:10px;}
	.pickup-wrapper h4 {margin-bottom:16px; font-size:16px;}
	.pickup-wrapper .tt {font-size:14px;}
	.pickup-wrapper .blank-link {margin-top:15px;}
	.pickup-wrapper .or {margin:24px 0;}

	.pickup-select-btn {height:44px; padding:5px 16px; gap:10px; font-size:14px;}
	.pickup-select-item {padding:10px 16px; gap:10px;}

	.course-description .acc-wrap {border-radius:10px;}
	.course-description .acc-head {padding:13px 16px;}
	.course-description .acc-body {padding:5px 16px 16px;}
	.course-description .acc-body .item {gap:10px; padding-bottom:30px;}

	.travel-checkup ul {grid-template-columns:unset;}

	.btn-sg-view-btn {padding:8px 16px;}

	/* 추천상품 슬라이더 */
	.recomm-slider .swiper {margin:0 -16px; padding:0 16px;}
	.recomm-slider .swiper-slide {width:230px;}

	/* 상품리뷰 */
	.mypage-review-header {padding:16px; border-radius:10px;}
	.mypage-review-header .txt {flex:1 1 auto; min-width:0; width:1%;}
	.mypage-review-header .txt p {font-size:var(--font-size-18); font-weight:600; line-height:1.5em; color:#2c2c2c;}

	.review-feed {padding:16px; border-radius:10px;}
	.review-feed .rating .ico img {width:18px; margin-top:-.2em;}

	.review-item {padding:22px 16px; border-radius:10px;}

	.mypage-content .review-item {padding:22px 0;}

	.ws-password .input-wrap .input {height:38px !important;}

	/* booking */
	.booking-page {padding-top:0;}

	.booking-container {margin-top:20px;}
	.booking-wrapper {padding:20px 16px; font-size:14px; border-radius:10px;}

	.booking-step {margin-bottom:16px;}

	.booking-text {margin-bottom:20px;}
	
	.booking-status {margin-bottom:16px;}

	.booking-goods-info {flex-wrap:wrap; gap:20px;}
	.booking-goods-info .image {width:100%;}
	.booking-goods-info .content {width:100%;}
	.booking-goods-info .content .title {font-size:17px;}
	.booking-detail {padding:30px 0;}

	.booking-detail:first-child {padding-top:24px; border-top:1px solid #dfdfdf;}
	.booking-detail .group:not(:last-child) {margin-bottom:24px;}
	.booking-detail h4 {margin-bottom:12px; font-size:16px;}
	.booking-detail .row {margin:-10px -8px;}
	.booking-detail .col {padding:10px 8px;}
	.booking-detail dl {font-size:14px;}
	.booking-detail dt {margin-bottom:6px;}
	.booking-detail .col .flex select {min-width:150px;}
	.booking-detail .agree {font-size:13px;}
	.booking-buttons {margin-top:30px;}

	/* wiget */
	.ws-wiget {padding:24px;}
	.ws-datepicker-header {margin-bottom:10px;}
	.ws-datepicker-title {font-size:16px; line-height:30px;}
	.ws-datepicker-calendar th {padding:5px 0; font-size:13px;}
	.ws-datepicker-calendar td {padding:5px 0; font-size:13px;}
	.ws-datepicker-calendar .ws-state-default {width:38px; height:38px;}
	

} 

@media (max-width: 360px) {
  
}

/* Landscape phones and down */
@media (max-width: 320px) {

}