@charset "utf-8";

a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none}

* {border:0; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;}

.noPadding {padding:0; margin:0;}
.textBold {font-weight:bold;}



/*
	머티리얼라이즈 커스터마이징
*/

/*아이콘이있는 인풋의 액티브 시 아이콘 색상*/
.input-field .prefix.active {
	color: #4692e7;
}

/*체크박스 색상 변경*/
[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 2px solid #666666;
	border-radius: 1px;
	margin-top: 2px;
	transition: .2s;
}

[type="checkbox"]:checked + label:before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #4692e7;
	border-bottom: 2px solid #4692e7;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

/*인풋텍스트 설정*/
.input-field label {color:#333333 !important;}
.input-field input:focus {border-bottom:1px solid #666666 !important; box-shadow: 0 1px 0 0 #666666 !important;}
.input-field input.valid {border-bottom:1px solid #666666 !important; box-shadow: 0 1px 0 0 #666666 !important;}
.input-field input {border-bottom:1px solid #423807 !important;}

/*검은버튼*/
.btn-default.black.button {color:#ffffff !important;}

/*
	페이지 공통
*/

#contentsWrap {max-width:1200px; width:100%; margin:0 auto; padding-bottom:50px; }

.widthSet {max-width:1200px; width:100%; margin:0 auto;}

.paginationSection {text-align:center;}
.paginationSection a {cursor:pointer;}

/*상단메뉴*/
#topMenuWrap {width:100%; height:40px; background-color:#000000;}
#topMenuArea {height:40px; line-height:40px; color:#ffffff; font-size:11px; text-align:right; vertical-align:middle;}
#topMenuArea #mMenuBtnCell {display:none; float:left; color:#ffffff; font-size:18px;}
#topMenuArea #mMenuBtnCell i {color:#ffffff;}
#topMenuArea .topMenuCell {float:right;}
#topMenuArea .topMenuCell span {margin-left:10px; margin-right:10px;}
#topMenuArea .topMenuCell span a {color:#ffffff; font-size:11px;}

/*상단영역*/
#topAreaWrap {width:100%;}
#topArea {position:relative; padding-top:30px; padding-bottom:15px;}
#topArea .mLogoCell {display:none; text-align:center; margin-bottom:10px;}
#topArea .searchCell {width:400px; border:solid 2px #489fdf; margin:0 auto; background-color:#489fdf;}
#topArea .searchCell input {width:340px; height:30px; padding:5px; margin:0; border-bottom:none; background-color:#ffffff;}
#topArea .searchCell i {font-size:25px; color:#ffffff; margin-left:8px;}
#topArea .keywordCell {text-align:center; color:#757575; font-size:11px; padding:10px;}
#topArea .keywordCell .keywordTitle {color:#109ebf;}

#pcLogo {position:absolute; top:20px; left:20px;}

/*gnb*/
#gnbWrap {width:100%; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
#gnb {height:50px; font-size:16px;}
#gnb ul {max-width:1140px; width:100%; list-style:none; margin:0 auto;}
#gnb ul li {width:12.5%; height:50px; float:left; line-height:50px; color:#4f4f4f; font-weight:bold; text-align:center; vertical-align:middle;}
#gnb ul li a {color:#4f4f4f;}
#gnb ul li.borderL {border-left:solid 1px #dcdcdc;}
#gnb ul li.borderR {border-right:solid 1px #dcdcdc;}

/*사이드 메뉴*/
#slide-out .userViewArea {color:#ffffff; background-color:#489fdf;}
#slide-out .userViewArea div:first-child {padding-top:20px;}
#slide-out .userViewArea div {text-align:center;}
#slide-out .userViewArea div i {font-size:50px; vertical-align:bottom;}
#slide-out .userViewArea .accountNameCell {font-size:14px;}
#slide-out .menuBtn {padding-left:20px;}
#slide-out .menuBtn i {margin-right:10px;}


/*
	메인 페이지
*/
/*메인배너*/
#mainBannerArea {position:relative;}
#mainBannerArea .swiper-wrapper img {width:100%; vertical-align:top;}
#mainBannerArea .swiper-wrapper .swiper-slide {position:relative; cursor:pointer;}
#mainBannerArea .swiper-wrapper .swiper-slide .slideContext {position:absolute; left:20%; top:50px; z-index:10000000;}
#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .bulletTitle {display:inline-block; border-radius:10px; padding:5px 10px 5px 10px; background-color:red; font-size:16px; font-weight:normal; color:#ffffff;}
#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .title {margin-top:15px; font-size:40px; font-weight:bold; color:#ffffff; }
#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .subTitle {margin-top:15px; font-size:20px; font-weight:bold; color:#ffffff; }
#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .button {margin-top:15px; display:inline-block; width:150px; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; color:#ffffff; background-color:#000000;}
#mainBannerArea .swiper-pagination {display:none;}
#mainBannerArea .slideCaptionWrap {position:absolute; bottom:0; width:100%; height:50px; background-color:rgba(0,0,0,0.3); z-index:3000;}
#mainBannerArea .slideCaptionWrap .slideCaption {font-size:0;}
#mainBannerArea .slideCaptionWrap .slideCaption .captionCell {display:inline-block; width:20%; height:50px; line-height:50px; font-size:16px; color:#ffffff; cursor:pointer; text-align:center; vertical-align:middle; padding:0; margin:0; border-top:solid 2px rgba(255,255,255,0);}
#mainBannerArea .slideCaptionWrap .slideCaption .captionCell.on {border-top:solid 2px #ffffff;}

#mainBannerArea .swiper-button-next {background-image:none; text-align:center; margin-right:10px;}
#mainBannerArea .swiper-button-next i {font-size:50px; color:#ffffff;}
#mainBannerArea .swiper-button-prev {background-image:none; text-align:center; margin-left:10px; left:0;}
#mainBannerArea .swiper-button-prev i {font-size:50px; color:#ffffff;}
#mainBannerArea .swiper-pagination .swiper-pagination-bullet {opacity:1; background-color:transparent; border:solid 1px #ffffff;}
#mainBannerArea .swiper-pagination .swiper-pagination-bullet-active {opacity:1; background-color:#ffffff; border:solid 1px #ffffff;}

/*상품 리스트 영역*/
.productListArea {padding:20px 20px; padding-bottom:0;}
.productListArea:first-child {margin-top:10px;}
.productListArea.grayBg {background-color:#f8f8f8;}
.productListArea .listTitleArea {color:#000000; margin-bottom:20px; text-align:left; border-bottom:1px solid #e2e2e2;}
.productListArea .listTitleArea .titleCell {display:inline; font-size:30px; margin-right:20px;}
.productListArea .listTitleArea .titleCell span {font-weight:bold;}
.productListArea .listTitleArea .subTextCell {display:inline; font-size:18px;}
.productListArea .listTitleArea .singleTitleCell {font-size:35px; text-align:left;}
.productListArea .listTitleArea .singleTitleCell span {font-weight:bold;}
.productListArea .row>div {padding:5px;}
.productListArea .card-content .card-title {height:50px;}

.productListArea .card .buttonCell {text-align:right;}
.productListArea .card .card-title {color:#353535; font-size:14px; font-weight:bold; line-height:20px;}
.productListArea .card .contentsCell {color:#999999; font-size:12px; margin-top:10px;}
.productListArea .card .priceCell {color:#f0302d; font-size:18px; text-align:right;}
.productListArea .card .btn-floating {z-index:1000;}

/*나만의 여행지*/
.myTravelArea .row>div {padding:20px;}
.myTravelArea .thumbnail {position:relative; padding:0; border:none;}
.myTravelArea .thumbnail img {width:100%; border-radius:10px;}
.myTravelArea .thumbnail .titleTextCell {position:absolute; top:20px; width:100%; font-size:16px; color:#ffffff; text-align:center;}
.myTravelArea .thumbnail .titleTextCell span {font-size:22px;}
.myTravelArea .thumbnail .buttonCell {position:absolute; bottom:15px; width:100%; text-align:center;}
.myTravelArea .thumbnail .buttonCell a {height:30px; font-size:13px; padding-left:10px; padding-right:10px; background-color:#ff9702;}

/*지역별여행지*/
.locationSelectArea {border:solid 1px #c6c6c6 !important;}
.locationSelectArea .locationTitleCell {color:#fdc45d; font-size:20px; text-align:center; padding-top:15px !important; padding-bottom:15px !important; background-color:#000000;}
.locationSelectArea .locationBtnCell {padding-top:15px !important; padding-bottom:15px !important;}
.locationSelectArea .locationBtnCell span {font-size:16px !important; margin-left:10px; margin-right:10px;}
.locationSelectArea .locationBtnCell span a {color:#000000;}
.locationSelectArea .locationBtnCell .categoryNameCell {min-height:40px !important;}

.locationProductArea .card-image {font-size:16px; font-weight:bold; color:#ffffff; padding:10px; background-color:#63bcaa;}
.locationProductArea .col:first-child .card-image {background-color:#fdc45d;}
.locationProductArea .barBullet {width:20px; height:2px; margin-top:10px; margin-bottom:10px; background-color:#ffffff;}

/*원트래킹 스페셜메뉴*/
.specialMenuArea {padding:50px 225px; background-color:#fff3e7;}
.specialMenuArea .row>div {padding:13px;}
.specialMenuArea .row div img {width:100%;}

/*그리드 게시판*/
#gridBoardArea {border:solid 1px #e1e1e1; margin-top:50px; margin-bottom:50px; padding:0;}
#gridBoardArea .row {margin:0; padding:0;}
#gridBoardArea .row>div {padding:0; margin:0;}
#gridBoardArea .gridTableSet {width:100%; border-collapse:collapse; border-spacing:0;}
#gridBoardArea .gridTableSet td {width:50%; vertical-align:top; padding:0;}
#gridBoardArea .gridTableSet td img {display:block; width:100%;}
#gridBoardArea .gridTableSet .contentsCell {padding:10px 20px;}
#gridBoardArea .gridTableSet td .titleCell {color:#555555; font-size:12px; margin-bottom:20px;}
#gridBoardArea .gridTableSet td .titleCell span {color:#000000; font-size:18px;}
#gridBoardArea .gridTableSet td ul {list-style:none;}
#gridBoardArea .gridTableSet td ul li {height:30px; line-height:30px; color:#555555; font-size:14px; border-bottom:solid 1px #ebebeb; vertical-align:bottom;}
#gridBoardArea .gridTableSet td ul li i {color:#c2c2c2;}
#gridBoardArea .gridTableSet td .customerCenterCell {color:#333333; font-size:13px; margin-top:20px;}
#gridBoardArea .gridTableSet td .callCell {font-size:26px; color:#798326;}
#gridBoardArea .gridTableSet td .callCell span {font-size:13px; color:#9c2828;}
#gridBoardArea .gridTableSet td .normalTextCell {font-size:12px; color:#555454;}
#gridBoardArea .gridTableSet td .timeCell {font-size:11px; color:#616161; padding:10px; margin-top:10px; background-color:#f1f1f1;}
#gridBoardArea .gridTableSet td .timeCell span {color:#7d7d7d;}

/*
	서브 공통
*/
#bannerArea img {width:100%; margin-bottom:15px;}
.normalPagePadding {padding:30px;}

/* 페이지 타이틀 */
.pageTitle {color:#000000; margin-bottom:20px; text-align:left; border-bottom:1px solid #e2e2e2;}
.pageTitle .titleCell {display:inline; font-size:30px; margin-right:20px;}
.pageTitle .titleCell span {font-weight:bold;}
.pageTitle .subTextCell {display:inline; font-size:18px;}
.pageTitle .singleTitleCell {font-size:35px; text-align:left;}
.pageTitle .singleTitleCell span {font-weight:bold;}


/*
	상품 상세 페이지
*/
.pdtCategoryPath {margin-top:15px; border-bottom:1px solid #e2e2e2; font-weight:normal; font-size:12px; padding-left:10px; padding-bottom:5px; color:#999999;}

#productDetailArea .pdtContentsWrap {padding:10px;}
#productDetailArea .row {margin:0; padding:0;}
#productDetailArea .row>div {padding:0; margin:0;}

#productDetailArea .pdtTitleCell {margin-bottom:20px; padding-right:10px;}
#productDetailArea .pdtTitleCell div:first-child {font-size:25px; font-weight:bold; color:#000000;}

#productDetailArea #galleryImg {margin:0; padding:0; border:none; background-color:transparent; padding-right:10px;}
#productDetailArea #galleryThumb {margin:0; padding:0; border:none; margin-top:10px; background-color:transparent; padding-right:10px;}
#productDetailArea #mdInfo {margin-top:10px; padding-right:10px;}
#productDetailArea #mdInfo table {width:100%; border:1px solid #e2e2e2;}
#productDetailArea #mdInfo table td {padding:10px; margin:0;}
#productDetailArea #mdInfo .photo {width:100px;}
#productDetailArea #mdInfo .photo img {width:100%; border-radius:50%;}
#productDetailArea #mdInfo .info h4 {font-size:16px; font-weight:bold;}
#productDetailArea #mdInfo .info li {font-size:14px; line-height:20px;}

#productDetailArea .pdtInfoArea {color:#000000; padding:20px !important; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
#productDetailArea .pdtInfoArea .infoHeadCell {border-bottom:solid 1px #ebebeb; color:#666666; padding-top:10px; padding-bottom:20px;}
#productDetailArea .pdtInfoArea .infoHeadCell .chip {background-color:#32CC27 !important; color:#ffffff;}
#productDetailArea .pdtInfoArea .priceCell {font-size:25px; color:#4692e7;}
#productDetailArea .pdtInfoArea .priceCell .priceCellGuide {font-size:14px; color:#999999;}
#productDetailArea .pdtInfoArea .infoBodyTable {width:100%; margin-top:20px; margin-bottom:20px;}
#productDetailArea .pdtInfoArea .infoBodyTable .titleCell {font-size:16px; font-weight:bold; vertical-align:top; padding:5px 10px; margin:0;}
#productDetailArea .pdtInfoArea .infoBodyTable .contentsCell {color:#333333; font-size:14px; text-align:left; padding:5px 10px; margin:0;}
#productDetailArea .pdtInfoArea .infoBodyTable .dateCell ul {list-style:none;}
#productDetailArea .pdtInfoArea .infoBodyTable .dateCell ul li {float:left;}
#productDetailArea .pdtInfoArea .infoBodyTable .dateCell ul li:first-child {padding-right:15px;}
#productDetailArea .pdtInfoArea .infoBodyTable .dateCell ul li .btn {font-size:12px; padding-left:10px; padding-right:10px; margin-top:5px; background-color:#4692e7;}
#productDetailArea .pdtInfoArea .infoBodyTable .dateCell ul li div {margin-bottom:5px;}
#productDetailArea .pdtInfoArea .infoBodyTable .dateCell ul li div span {color:#ffffff; font-size:12px; padding:5px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#4692e7;}
#productDetailArea .pdtInfoArea .infoBodyTable .reserveInfoCell div {margin-bottom:10px;}
#productDetailArea .pdtInfoArea .infoBodyTable .reserveInfoCell .reserveOn {color: #ffffff; font-size:12px; padding:5px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#ffb400;}
#productDetailArea .pdtInfoArea .infoBodyTable .reserveInfoCell .reserveOff {color:rgba(0,0,0,0.3); font-size:12px; padding:5px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:solid 1px rgba(0,0,0,0.3); background-color:transparent;}
#productDetailArea .pdtInfoArea .infoBodyTable .priceInfoCell th {padding:2px; border-top:1px solid #e2e2e2; text-align:center; font-size:14px;}
#productDetailArea .pdtInfoArea .infoBodyTable .priceInfoCell td {padding:2px; border-top:1px solid #e2e2e2; text-align:right; font-size:14px;}
#productDetailArea .pdtInfoArea .infoBodyTable .airlineLogo {height:20px; margin-right:10px; vertical-align:middle;}
#productDetailArea .pdtInfoArea .buttonCell {text-align:center; border-top:solid 1px #ebebeb; padding-top:20px; padding-bottom:10px;}
#productDetailArea .pdtInfoArea .buttonCell i {font-size:16px;}
#productDetailArea .pdtInfoArea .buttonCell .btnReserve {background-color:#ffb400;}
#productDetailArea .pdtInfoArea .buttonCell .btnZzim {color:#ffffff; background-color:#363636;}
#productDetailArea .pdtInfoArea .buttonCell .btnInquire {color:#ffffff; background-color:#363636;}

#productDetailArea .detailInfoArea {margin-top:50px; margin-bottom:50px;}
#productDetailArea .detailInfoArea .productDetailTabBar {width:100%; margin-top:30px; table-layout:fixed; border-collapse:collapse;}
#productDetailArea .detailInfoArea .productDetailTabBar td {border:1px solid #e2e2e2; text-align:center; cursor:pointer; background-color:#f1f1f1;}
#productDetailArea .detailInfoArea .productDetailTabBar td.active {background-color:#000000; color:#ffffff;}
#productDetailArea .detailInfoArea .contentsGallery {margin:0;}
#productDetailArea .detailInfoArea .detailInfoTitleCell {font-size:22px; font-weight:bold; color:#666666; margin-top:30px;}
#productDetailArea .detailInfoArea .detailInfoTitleCell i {color:#4692e7;}
#productDetailArea .detailInfoArea .detailInfoBox {font-size:12px; border:dashed 1px #999999; margin-top:10px; padding:10px; background-color:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#productDetailArea .detailInfoArea .detailInfoBox .row {padding:0; margin:0;}
#productDetailArea .detailInfoArea .detailInfoBox .row > div {padding:10px; margin:0;}

#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle1 {font-size:14px; color:#333333;}
#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle1 .headCell {font-weight:bold; background-color:#f5f5f5;}
#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle1 .bodyCell {}
#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle1 .groupText {margin-right:15px;}
#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle1 .groupText .fa-check {color:#4692e7;}

#productDetailArea .detailInfoArea .detailInfoBox table {width:100%; border-collapse:collapse; border-spacing:0; font-size:14px; color:#333333;}
#productDetailArea .detailInfoArea .detailInfoBox table th {font-weight:bold; padding:10px; text-align:center; background-color:#f5f5f5;}
#productDetailArea .detailInfoArea .detailInfoBox table td {padding:10px; text-align:right;}

#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea {color:#333333; font-size:14px; margin-bottom:30px;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .dayTitleCell {font-size:18px; font-weight:bold; color:#ffffff; padding:10px; background-color:#b7cf46;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .locationTitleCell {font-size:16px; font-weight:bold; padding:10px; padding-left:20px; border-bottom:dotted 1px #999999; background-color:#ebebeb;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .locationTitleCell i {color:#ffb400;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .contentsGallery {background-color:transparent; padding:10px; border:0;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .textCell {padding:10px; padding-left:20px;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .stayCell {padding:10px; padding-left:20px; border-top:dotted 1px #999999; background-color:#f1f1f1;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .mealCell {padding:10px; padding-left:20px; border-top:dotted 1px #999999; background-color:#f1f1f1; border-bottom:dotted 1px #999999;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .stayTitleCell {font-size:16px; font-weight:bold; margin-right:15px;}
#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .stayTitleCell i {color:#ffb400;}

#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle2 > div {padding:1px;}
#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle2 .infoHeadCell {font-weight:bold; padding:10px; text-align:center; background-color:#f5f5f5;}
#productDetailArea .detailInfoArea .detailInfoBox .infoTableStyle2 .infoBodyCell {padding:10px;}
#productDetailArea .detailInfoArea .detailInfoBox .detailImage {width:100%; max-width:1000px;}

#moreProductModal {width:70%;}
#moreProductModal td {font-size:14px;}
#moreProductModal td .selectButton {font-size:12px;}
#moreProductModal td .detailIcons {display:inline-block; font-size:11px; padding:2px 5px; border-radius:3px; color:#ffffff;}
#moreProductModal .reservFlagGuide {margin-top:5px; margin-bottom:5px; text-align:right; font-size:11px;}
#moreProductModal .reservFlagGuide .circularLabel {vertical-align:middle; margin-left:15px; display:inline-block; width:10px; height:10px; border-radius:50%;}

/*
	상품 예약
*/
#reserveArea {margin-top:50px;}
#reserveArea .titleCell {font-size:30px; font-weight:bold; color:#333333; margin-bottom:50px;}

.contentsBox {margin-bottom:50px;}
.contentsBox .boxTitle {font-size:22px; font-weight:bold; color:#666666;}
.contentsBox .boxTitle i {color:#4692e7;}
.contentsBox .boxContents {border:dashed 1px #999999; margin-top:10px; padding:10px; background-color:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.contentsBox .boxContents img {display:block; width:100%; margin:0; padding:0; border:0;}
.contentsBox .boxContents .row {padding:0; margin:0;}
.contentsBox .boxContents .row>div {padding:0; margin:0;}

#reserveArea .reserveInfoArea .reserveInfoCell {padding-left:20px;}
#reserveArea .reserveInfoArea .reserveInfoCell .pdtNameCell {font-size:20px; color:#333333; font-weight:bold; margin-bottom:20px;}
#reserveArea .reserveInfoArea .reserveInfoCell .pdtNameCell i {font-size:24px; color:#ffb400;}
#reserveArea .reserveInfoArea .reserveInfoCell .dateInfoCell {margin-bottom:20px;}
#reserveArea .reserveInfoArea .reserveInfoCell .dateInfoCell > div {padding-left:10px; margin-bottom:5px;}
#reserveArea .reserveInfoArea .reserveInfoCell .dateInfoCell span {color:#ffffff; font-size:12px; padding:5px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#4692e7;}
#reserveArea .reserveInfoArea .reserveInfoCell .priceTable {width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:20px; border-bottom:solid 1px #cccccc;}
#reserveArea .reserveInfoArea .reserveInfoCell .priceTable th {font-size:14px; color:#333333; border-bottom:solid 2px #cccccc; text-align:right; background-color:#f2f2f2;}
#reserveArea .reserveInfoArea .reserveInfoCell .priceTable th:first-child {text-align:left;}
#reserveArea .reserveInfoArea .reserveInfoCell .priceTable td {font-size:14px; color:#333333; text-align:right;}
#reserveArea .reserveInfoArea .reserveInfoCell .priceTable .tdTitle {text-align:left;}
#reserveArea .reserveInfoArea .reserveInfoCell .cellTitle {font-size:16px; font-weight:bold; color:#333333;}
#reserveArea .reserveInfoArea .reserveInfoCell .numPeopleTable {width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:20px; border-bottom:solid 1px #cccccc;}
#reserveArea .reserveInfoArea .reserveInfoCell .numPeopleTable th {font-size:14px; color:#333333; border-bottom:solid 2px #cccccc; background-color:#f2f2f2;}
#reserveArea .reserveInfoArea .reserveInfoCell .numPeopleTable td {font-size:14px; color:#333333;}
#reserveArea .reserveInfoArea .reserveInfoCell .numPeopleTable input {width:50px;}
#reserveArea .reserveInfoArea .reserveInfoCell .numPeopleTable .input-field label {font-size:12px;}
#reserveArea .reserveInfoArea .reserveInfoCell .numPeopleTable .input-field i {font-size:22px;}
#reserveArea .reserveInfoArea .reserveInfoCell .totalPriceCell {font-size:18px; color:#000000; font-weight:bold; text-align:right; margin-top:20px; margin-bottom:20px;}
#reserveArea .reserveInfoArea .reserveInfoCell .totalPriceCell span {font-size:25px; color:#ff0000; margin-left:20px;}
#reserveArea .reserveGuideCell {padding:10px; font-size:14px; color:#333333; background-color:#f2f2f2;}
#reserveArea .reserveGuideCell .guideTitleCell {font-size:16px; font-weight:bold;}

#reserveArea .inputTitleCell {color:#333333; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
#reserveArea .inputTextCell {color:#333333; font-size:16px; padding-top:10px; padding-bottom:10px; padding-left:10px;}

#reserveArea .userInfoArea .boxContents {padding:50px;}
#reserveArea .userInfoArea .mameInputCell {padding-right:20px;}
#reserveArea .userInfoArea .emailInputCell {padding-right:20px;}
#reserveArea .userInfoArea .phoneInputCell {}
#reserveArea .userInfoArea .phoneInputCell i {font-size:40px;}

#reserveArea .payInfoArea .boxContents {padding:50px;}
#reserveArea .payInfoArea .pointCell {margin-top:30px;}
#reserveArea .payInfoArea .pointCell i {font-size:25px;}
#reserveArea .payInfoArea .pointCell input {width:200px;}
#reserveArea .payInfoArea .pointCell .inputTextCell {color:#ff0000; font-size:14px;}

#reserveArea .etcArea .boxContents {padding:50px;}
#reserveArea .etcArea .recomIdInputCell input {width:300px;}

#reserveArea .agreeArea .agreeContentsCell {height:250px; padding:10px; border:solid 1px #cccccc; overflow-y:scroll;}
#reserveArea .agreeArea .agreeCheckCell {padding-top:10px; padding-bottom:10px;}
#reserveArea .agreeArea .agreeCheckCell label {font-size:14px; color:#333333;}
#reserveArea .agreeArea .cellUnderLine {border-bottom:solid 1px #cccccc; margin-bottom:20px;}

#reserveArea .reservationBtnCell {padding:20px; border-top:solid 1px #dddddd; margin-bottom:50px; text-align:center;}
#reserveArea .reservationBtnCell a {background-color:#4692e7;}

/*
	포토
*/
.photoPageList .locationSelectArea {border:solid 1px #c6c6c6 !important;}
.photoPageList .locationSelectArea .locationTitleCell {position:relative; color:#fdc45d; font-size:18px; text-align:center; padding-top:10px !important; padding-bottom:10px !important; background-color:#000000;}
.photoPageList .locationSelectArea .locationTitleCell i {position:absolute; top:15px; left:10px; color:#ffffff; cursor:pointer;}
.photoPageList .locationSelectArea .locationBtnCell {padding-top:10px !important; padding-bottom:10px !important;}
.photoPageList .locationSelectArea .locationBtnCell .row {margin-bottom:0 !important;}
.photoPageList .locationSelectArea .locationBtnCell span {font-size:15px !important; margin-left:10px; margin-right:10px;}
.photoPageList .locationSelectArea .locationBtnCell span a {color:#000000;}
.photoPageList .locationSelectArea .locationBtnCell .categoryNameCell {min-height:25px !important;}


/*
	멤버 페이지
*/

#memberArea {padding-top:100px; padding-bottom:100px;}
#memberArea .memberTitleCell {font-size:24px; font-weight:bold; color:#333333; text-align:center; margin-bottom:50px;}

/* 로그인 */
#memberArea .loginArea {width:100%; max-width:550px; margin:0 auto; padding:15px;}
#memberArea .loginArea .loginInputArea {margin-top:50px; margin-bottom:30px;}
#memberArea .loginArea .loginBtnCell a {width:100%; height:50px; line-height:50px; color:#ffffff; background-color:#4692e7;}
#memberArea .loginArea .joinCell {text-align:right; margin-top:20px;}
#memberArea .loginArea .joinCell a {font-size:14px; font-weight:bold; color:#666666;}
#memberArea .loginArea .findCell {text-align:right; font-size:14px; font-weight:bold; color:#666666; margin-top:10px;}
#memberArea .loginArea .findCell a {font-size:14px; font-weight:bold; color:#666666;}

/* 회원가입 */
#memberArea .joinArea {width:100%; max-width:600px; margin:0 auto; padding:15px;}
#memberArea .joinArea .inputWrap {border:dashed 1px #999999; padding:20px; margin-bottom:10px; border-radius:10px; background-color:#ffffff;}
#memberArea .joinArea .joinButtonCell {text-align:center; margin-bottom:30px;}
#memberArea .joinArea .joinButtonCell a {width:100%; height:50px; line-height:50px; color:#ffffff; background-color:#4692e7;}
#memberArea .joinArea .joinCheckArea .joinPolicyTable td {font-size:14px; padding:0; padding-bottom:10px;}
#memberArea .joinArea .joinCheckArea .joinPolicyTable .buttonCell {text-align:right;}
#memberArea .joinArea .joinCheckArea .joinPolicyTable .buttonCell a {font-size:12px; color:#333333; padding:0; padding-left:10px; padding-right:10px; background-color:#e0e0e0;}

/* 회원정보 찾기 */
#memberArea .findArea {width:100%; max-width:600px; margin:0 auto; padding:15px;}
#memberArea .findArea .boxTitleCell {font-size:18px; font-weight:bold; color:#333333; margin-bottom:15px;}
#memberArea .findArea .inputWrap {border:dashed 1px #999999; padding:20px; margin-bottom:10px; border-radius:10px; background-color:#ffffff;}
#memberArea .findArea .inputWrap .infoTextCell {font-size:12px; color:#999999; padding-left:50px;}
#memberArea .findArea .findBtnCell {margin-bottom:100px; text-align:center;}
#memberArea .findArea .findBtnCell .btnOk {color:#ffffff; background-color:#4692e7;}
#memberArea .findArea .findBtnCell .btnCancel {color:#ffffff; background-color:#333333;}
#memberArea .guideCell {width:100%; max-width:800px; margin:0 auto; padding:20px; font-size:12px; color:#333333; background-color:#eeeeee;}
#memberArea .guideCell .guideTitleCell {font-size:14px; font-weight:bold; margin-bottom:20px;}
#memberArea .guideCell li {list-style:disc; margin-left:20px;}

/*
	푸터
*/
#footerArea {width:100%;}
#footerArea .contactInfoCell {font-size:12px; color:#bcc0c4; padding:20px 30px;}
#footerArea .contactInfoCell .footerBoldText1 {font-size:16px; font-weight:bold; color:#65727d; margin-right:10px;}
#footerArea .contactInfoCell .footerBoldText2 {font-size:12px; font-weight:bold; color:#65727d; margin-right:10px;}
#footerArea .contactInfoCell .phoneNumberCell {font-size:16px; color:#f16321;}
#footerArea .footerCellWrap {background-color:#333333;}
#footerArea .footerCell {position:relative; padding:20px 30px;}
#footerArea .footerCell .footerLogoCell {text-align:center; padding-bottom:20px;}
#footerArea .footerCell .footerLogoCell img {width:100%; max-width:150px;}
#footerArea .footerCell .buttonCell {font-size:14px; color:#ffffff; margin-bottom:15px;}
#footerArea .footerCell .buttonCell span {color:#ffffff; margin-left:5px; margin-right:5px;}
#footerArea .footerCell .buttonCell span:first-child {margin-left:0;}
#footerArea .footerCell .buttonCell span a {color:#ffffff;}
#footerArea .footerCell .addressCell {font-size:12px; color:#ffffff; margin-bottom:15px;}
#footerArea .footerCell .copyrightCell {font-size:11px; color:#ffffff;}
#footerArea .footerCell .snsTable {position:absolute; top:0px; right:0px; width:250px;}
#footerArea .footerCell .snsTable td {text-align:center;}
#footerArea .footerCell .snsTable td img {width:30px;}





/*
	미디어 쿼리
*/
/* 중간 기기들 (데스크탑, 992px 이하) */
@media (max-width:992px) {
    /*상단 메뉴 영역*/
	#topMenuArea {padding-left:10px; padding-right:10px;}

	/*상단영역*/
    #topArea .mLogoCell {display:block;}
    #pcLogo {display:none;}
	
    /*지역별여행지*/
    .locationSelectArea .locationTitleCell {font-size:16px; padding-top:15px !important; padding-bottom:15px !important;}
    .locationSelectArea .locationBtnCell {padding-top:15px !important; padding-bottom:15px !important;}
    .locationSelectArea .locationBtnCell span {font-size:14px; margin-left:10px; margin-right:10px;}

    /*원트래킹 스페셜메뉴*/
    .specialMenuArea {padding:50px 50px;}

    /*상품 상세화면*/
    #productDetailArea .pdtTitleCell {margin-top:30px; margin-bottom:30px;}
    #productDetailArea .pdtTitleCell div:first-child {font-size:24px;}

    #productDetailArea #galleryImg {padding-right:0px;}
    #productDetailArea #galleryThumb {padding-right:0px;}

    #productDetailArea .pdtInfoArea {margin-top:10px;}

    /*푸터*/
    #footerArea .contactInfoCell {padding:20px 15px;}
    #footerArea .footerCell {padding:100px 10px 20px 10px;}
    #footerArea .footerCell .snsTable {position:absolute; top:0; left:10px;}
}


/* 작은 기기들 (태블릿, 600px 이하) */
@media (max-width:600px) {

    /*사이드 메뉴버튼*/
    #topMenuArea #mMenuBtnCell {display:inline;}

    /*검색창 사이즈*/
    #topArea .searchCell {width:300px; border:solid 2px #00a9cc; margin:0 auto;}
    #topArea .searchCell input {width:240px;}
    #topArea .searchCell i {vertical-align:middle;}
	
    /* 서브 공통 */
	.normalPagePadding {padding:5px;}

    /*gnb*/
    #gnb {display:none;}
	
    /* 페이지 타이틀 */
	.pageTitle {color:#000000; margin-bottom:20px; text-align:left; border-bottom:1px solid #e2e2e2;}
	.pageTitle .titleCell {display:inline; font-size:20px; margin-right:20px;}
	.pageTitle .titleCell span {font-weight:bold;}
	.pageTitle .subTextCell {display:none; font-size:16px;}

	/*메인배너*/
	#mainBannerArea .swiper-wrapper .swiper-slide .slideContext {position:absolute; left:20%; top:10px; z-index:10000000;}
	#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .bulletTitle {font-size:12px;}
	#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .title {font-size:14px;}
	#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .subTitle {display:none;}
	#mainBannerArea .swiper-wrapper .swiper-slide .slideContext .button {display:none;}
	#mainBannerArea .swiper-pagination {display:inline;}
	#mainBannerArea .slideCaptionWrap {display:none;}

    /*상품 리스트 영역*/
    .productListArea {padding:50px 10px;}
	.productListArea .listTitleArea {text-align:center; border:0;}
	.productListArea .listTitleArea .titleCell {display:block; font-size:26px; margin-right:0;}
    .productListArea .listTitleArea .subTextCell {display:block; font-size:14px;}
    .productListArea .card .card-content {padding:10px;}
    .productListArea .card .card-title {
	    width:100%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    line-height: 1.2; height: 3.4em;
	    white-space: normal;
    }
    .productListArea .card .priceCell {font-size:15px;}
    .productListArea .listTitleArea .singleTitleCell {font-size:26px;}

    /*나만의 여행지*/
    .myTravelArea .row>div {padding:10px;}
    .myTravelArea .thumbnail .titleTextCell {font-size:13px;}
    .myTravelArea .thumbnail .titleTextCell span {font-size:18px;}

    /*지역별여행지*/
    .locationSelectArea .locationTitleCell {font-size:14px; padding-top:15px !important; padding-bottom:15px !important;}
    .locationSelectArea .locationBtnCell {padding-top:15px !important; padding-bottom:15px !important;}
    .locationSelectArea .locationBtnCell span {font-size:14px; margin-left:5px; margin-right:5px;}

    /*원트래킹 스페셜메뉴*/
    .specialMenuArea {padding:50px 20px;}
    .specialMenuArea .row>div {padding:5px;}

    /*그리드 게시판*/
    #gridBoardArea .gridTableSet .imgCell {display:none;}
    #gridBoardArea .gridTableSet .contentsCell {padding:10px 10px;}
    #gridBoardArea .gridTableSet td .titleCell {font-size:12px; margin-bottom:15px;}
    #gridBoardArea .gridTableSet td .titleCell span {font-size:16px; font-weight:bold;}
    #gridBoardArea .gridTableSet td ul li {font-size:14px;}
    #gridBoardArea .gridTableSet td .customerCenterCell {font-size:16px; font-weight:bold; margin-top:0px;}
    #gridBoardArea .gridTableSet td .callCell {font-size:18px;}
    #gridBoardArea .gridTableSet td .callCell span {font-size:11px;}
    #gridBoardArea .gridTableSet td .normalTextCell {font-size:12px;}
    #gridBoardArea .gridTableSet td .timeCell {font-size:11px; color:#616161; padding:10px; margin-top:10px; background-color:#f1f1f1;}
    #gridBoardArea .gridTableSet td .timeCell span {color:#7d7d7d;}

    /*상품 상세화면*/
    #productDetailArea .pdtTitleCell {margin-top:30px; margin-bottom:30px;}
    #productDetailArea .pdtTitleCell div:first-child {font-size:22px;}

    #productDetailArea .pdtInfoArea .infoHeadCell {font-size:11px; padding-top:0px; padding-bottom:10px;}
    #productDetailArea .pdtInfoArea .priceCell {font-size:22px;}
    #productDetailArea .pdtInfoArea .infoBodyTable {margin-top:10px; margin-bottom:10px;}
    #productDetailArea .pdtInfoArea .infoBodyTable .titleCell {padding-bottom:0;}
    #productDetailArea .pdtInfoArea .infoBodyTable .contentsCell {padding-bottom:20px;}
	#productDetailArea .pdtInfoArea .buttonCell .btn-large {padding-left:15px; padding-right:15px;}
	
	#productDetailArea .detailInfoArea .detailInfoBox .dayScheduleArea .contentsGallery .singleImage {width:100%;}

	/*
		포토
	*/
	.photoPageList .locationSelectArea .locationTitleCell {font-size:15px; padding-top:10px !important; padding-bottom:10px !important;}
	.photoPageList .locationSelectArea .locationBtnCell {padding-top:10px !important; padding-bottom:10px !important;}
	.photoPageList .locationSelectArea .locationTitleCell i {top:13px;}
	.photoPageList .locationSelectArea .locationBtnCell span {font-size:14px !important; margin-left:10px; margin-right:10px;}
	.photoPageList .locationSelectArea .locationBtnCell .categoryNameCell {min-height:25px !important;}
	
	/*회원정보찾기*/
	#memberArea .findArea .findBtnCell {margin-bottom:70px;}

	/*푸터*/
	#footerArea .footerCell .snsTable {width:100%; top:0; left:0;}

}