@charset "utf-8";
 

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

	:root {--header-height:98px;}
	.contain {padding-right:20px; padding-left:20px;}

	/* header */
	.sitelogo {margin-left:0;}
	#gnb {display:none;}
	.header-bar .contain {gap:20px;}
	.header-search {flex:1; width:auto; max-width:350px;}
	.btn-m-menu {display:block; margin-left:auto;}
	.mobile-navigation {display:block;}
	.mobile-navigation .nav-menu .contain {display:block; max-width:none; padding:0;}
	.mobile-navigation .nav-menu ul {display:block;}
	.mobile-navigation .nav-menu li a {display:block; padding:15px 20px; border-bottom:1px solid #eee; color:#111; font-size:16px; font-weight:500; line-height:1.3;}
	.mobile-navigation .nav-menu li.active a {color:#ec4048; font-weight:700;}
	.mobile-navigation .nav-menu .gnb-promo {display:block; padding:15px 20px; border-bottom:1px solid #eee; color:#666; font-size:14px; font-weight:400;}
	.mobile-navigation .home {height:98px;}

	/* main */
	.cate-menu {grid-template-columns:repeat(6, minmax(0, 1fr)); column-gap:10px; padding:20px 15px;}
	.cate-option {column-gap:10px; padding:20px 15px;}
	.list-wrap {gap:24px;}
	.filter {width:200px;}
	.product-thumb {width:200px; height:200px;}
	.product-info {gap:30px;}

	/* sub */
	.dt-feature {padding:27px 20px;}
	.dt-feature-row {flex-wrap:wrap; justify-content:center; gap:20px 30px;}
	.dt-feature-row.row2 {justify-content:center; gap:20px 30px;}
	.dt-gal-btn.prev {left:8px;}
	.dt-gal-btn.next {right:8px;}
	.dt-body {flex-direction:column; gap:40px;}
	.dt-main {flex:none; width:100%;}
	.dt-side {position:static; order:-1; width:100%; padding:0;}
	.dt-side .dt-when,
	.dt-side .dt-price {width:100%;}

	/* content */

	/* board */


	/* member */

} 

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

	/* header */
	

	/* main */
	.cate-menu {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:15px 10px;}
	.cate-option {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:5px 10px;}
	.list-wrap {flex-direction:column; gap:0; margin-top:20px; padding-bottom:60px;}
	.filter {width:100%; margin-bottom:30px;}
	.product-area {width:100%;}
	.product-thumb {width:220px; height:220px;}

	/* footer */

	/* sub */
	.dt-head {padding-top:30px;}
	.dt-info {flex-wrap:wrap; gap:10px 20px;}
	.dt-gallery li {height:auto; aspect-ratio:390 / 250;}
	.dt-feature-row li img {max-width:100%;}
	.dm-popup {width:calc(100% - 40px); max-width:800px;}
	.dm-body {flex-direction:column; height:auto; max-height:calc(100vh - 100px); overflow-y:auto;}
	.dm-cal {width:100%;}
	.dm-cal-head {gap:40px;}
	.dm-list {width:100%; border-left:0; border-top:1px solid #f3f4f6;}
	.dm-items {overflow:visible;}
	.dm-items li {height:auto; padding-top:18px; padding-bottom:18px;}
	.dm-items .info {flex:1; width:auto; min-width:0;}

	/* content */


	/* board */	



} 

/* portrait phone */
@media (max-width: 767px) and (orientation: portrait) {
	body, input, textarea, select, button, table {font-size:15px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	:root {--header-height:64px;}
	.contain {padding-right:15px; padding-left:15px;}

	/* header */
	.header-bar {position:relative; height:64px;}
	.header-bar .contain {gap:14px;}
	.sitelogo img {width:100px; height:44px;}
	.btn-m-search {display:block; margin-left:auto;}
	.btn-m-menu {margin-left:0;}
	.mobile-navigation {width:280px;}
	.mobile-navigation .home {height:64px;}

	/* 검색 레이어 (검색 아이콘 클릭 시 노출) */
	.header-search {display:none; position:absolute; top:100%; left:0; z-index:1; width:100%; max-width:none; height:auto; padding:12px 15px; border:0; border-bottom:1px solid #eee; border-radius:0; background:#fff; box-shadow:0 6px 10px rgba(0, 0, 0, 0.08);}
	html.search-opened .header-search {display:block;}
	.header-search input {display:block; width:100%; height:44px; padding:0 50px 0 20px; border:1.5px solid #666; border-radius:30px;}
	.header-search button {position:absolute; top:50%; right:30px; transform:translateY(-50%);}

	/* main */
	.cate-head {padding:20px 0;}
	.cate-head .cate-title {margin-bottom:20px;}
	.cate-menu {padding:15px; gap:12px 8px;}
	.cate-option {grid-template-columns:repeat(2, minmax(0, 1fr)); padding:15px;}
	.cate-option .check {justify-content:flex-start;}
	.selected-filter {flex-wrap:wrap; gap:8px 10px;}
	.selected-filter .chips {flex-wrap:wrap; gap:8px;}
	.product {padding-bottom:20px;}
	.product + .product {padding-top:20px;}
	.product-body {flex-direction:column;}
	.product-thumb {width:100%; height:auto; aspect-ratio:16 / 10; border-radius:14px;}
	.product-info {width:100%; padding-left:0; padding-top:16px; gap:20px;}
	.product-opt {flex-wrap:wrap; gap:6px 10px;}
	.product-title {font-size:16px;}
	.product-desc br {display:none;}
	.depart {flex-wrap:wrap; gap:8px 15px;}
	.depart > span {display:none;}
	.depart dl {gap:8px;}
	.product-price {justify-content:flex-end;}
	.product-price strong {font-size:20px;}
	.product-event {flex-direction:column; align-items:flex-start; gap:8px; margin-top:15px; padding:15px;}
	.product-event p {font-size:14px; line-height:1.4;}

	/* footer */

	/* sub */
	.detail {padding-bottom:60px;}
	.dt-head {padding-top:20px;}
	.dt-name {font-size:18px; line-height:1.35;}
	.dt-info {flex-direction:column; align-items:flex-start; gap:10px; margin-top:15px;}
	.dt-info-item {flex-wrap:wrap; gap:6px 10px;}
	.dt-sep {display:none;}
	.dt-gallery {margin-top:20px;}
	.dt-gallery li {border-radius:14px;}
	.dt-gal-btn.prev {left:-8px;}
	.dt-gal-btn.next {right:-8px;}
	.dt-feature {gap:20px; margin-top:25px; padding:20px 12px; border-radius:14px;}
	.dt-feature-row,
	.dt-feature-row.row2 {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); align-items:end; gap:20px 6px;}
	.dt-feature-row li {gap:10px;}
	.dt-feature-row li span {font-size:12px; line-height:1.2; white-space:normal; word-break:keep-all;}
	.dt-body {gap:30px; margin-top:30px;}
	.dt-main {gap:40px;}
	.dt-sec {gap:20px;}
	.dt-sec-title {font-size:20px; line-height:1.3;}
	.dt-flight-row {align-items:flex-start; flex-direction:column; gap:8px; padding:14px;}
	.dt-route {flex-direction:column; align-items:flex-start; gap:4px;}
	.dt-pt {flex-wrap:wrap; gap:2px 8px; font-size:14px; line-height:20px;}
	.dt-prod {flex-direction:column;}
	.dt-prod-box {flex:none; width:100%;}
	.dt-prod-body {min-height:0;}
	.dt-day-head {height:60px; padding:10px 15px;}
	.dt-day-head .txt strong {font-size:16px;}
	.dt-day-body {padding:20px 12px;}
	.tl-row {gap:8px; padding:0 2px;}
	.spot-tit {height:auto; min-height:60px; padding:12px 15px;}
	.spot-tit .txt {flex-direction:column; align-items:flex-start; gap:2px;}
	.spot-tit .txt span {line-height:1.4;}
	.spot-info {padding:10px 15px;}
	.spot-img {gap:6px;}
	.dt-etc-row {flex-direction:column; gap:12px;}
	.dt-etc-tit {justify-content:flex-start; width:auto; padding:0;}
	.dt-etc-list {padding:0;}
	.dt-hotel-item {flex-wrap:wrap; gap:4px 7px;}
	.dt-meal {flex-direction:column; align-items:flex-start; gap:10px; width:100%;}
	.dt-meal p {width:auto;}
	.dt-tab button {height:44px; font-size:14px;}
	.dt-tab-cnt {padding:15px;}
	.dt-count {padding:12px;}

	/* modal */
	.dm-popup {width:calc(100% - 30px); border-radius:12px;}
	.dm-body {max-height:calc(100vh - 90px);}
	.dm-cal-head {gap:24px; padding:12px 10px;}
	.dm-week,
	.dm-days {padding-right:8px; padding-left:8px;}
	.dm-day {height:46px;}
	.dm-day .n {width:26px; height:26px; line-height:26px;}
	.dm-day .p {font-size:10px;}
	.dm-list-head {padding:14px 15px;}
	.dm-items li {align-items:flex-start; gap:10px; padding:15px;}
	.dm-items .d {width:44px;}
	.dm-items .term {flex-wrap:wrap; gap:2px 8px;}
	.dm-items .pay {flex-wrap:wrap; gap:6px 7px;}
	.dm-items .pay strong {font-size:16px;}

	/* content */
	
	
	/* board */
	.input {font-size:14px; padding:0 10px; height:40px;}
	select.input {padding-right:26px; background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.board-search {flex-direction:column; align-items: flex-start; gap:10px;}
	.board-search .search {width:100%;}
	.board-search .search input.input {width:100%;}
	.board-search .total-page {order:2;}

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

	.btn-pack.medium {min-width:90px; min-height:40px;}
	.btn-pack.large {min-width:140px; min-height:48px;}

	.paginate {margin-top:24px;}
	.paginate a, .paginate strong {width:32px; height:32px; font-size:13px;}

	
} 


/* portrait phones and down */
@media (max-width: 320px) {
	.dt-feature-row,
	.dt-feature-row.row2 {grid-template-columns:repeat(3, minmax(0, 1fr));}
}