* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Nanum Gothic', sans-serif; font-size: 14px; }
img { vertical-align: top; }
a { text-decoration: none; }
ul li, ol li { list-style: none; }
input, select, textarea { font-family: 'Nanum Gothic', sans-serif; font-size: 14px; }
input[type=checkbox] { width: 12px; height: 12px; border: 1px solid #919191; outline: 0; -webkit-appearance: none; }
input[type=checkbox]:checked { background-color: #3aa1a9; }


/* daterangepicker */
.daterangepicker { font-family: 'Nanum Gothic', sans-serif; border: 0; background: none; }
.daterangepicker .date-content { border: 1px solid #3aa1a9; background-color: #fff; border-radius: 26px; box-shadow: 4px 4px 4px rgba(0,0,0,0.15); }
.daterangepicker:after { display: none; }
.daterangepicker .title { height: 63px; line-height: 63px; font-size: 16px; text-align: center; color: #fff; background-color: #3aa1a9; border-radius: 24px 24px 0 0; }
.daterangepicker .title a { display: none; position: absolute; top: 20px; right: 30px; }
.daterangepicker .drp-calendar { padding-bottom: 20px; max-width: 343px; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-width: 0 1px 1px 0; border-color: #7c7c7c; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { min-width: 37px; width: 37px; height: 30px; font-size: 12px; font-weight: normal; border: 0; color: #7a7a7a; border-radius: 0; }
.daterangepicker th.month { padding: 13px 0 20px; font-size: 16px; font-weight: normal; color: #2c9199; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: none; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: none; border-radius: 0; }
.daterangepicker td.in-range { background: none; }
.daterangepicker .calendar-table td { position: relative; }
.daterangepicker .calendar-table td span { position: relative; display: inline-block; position: relative; z-index: 2; width: 26px; height: 26px; border-radius: 26px; }
.daterangepicker td.in-range span { width: 100%; background-color: #f4f4f4; border-radius: 0; }
.daterangepicker td.available:hover span, .daterangepicker th.available:hover span { background-color: #f4f4f4; }
.daterangepicker td.active span, .daterangepicker td.active:hover span { width: 26px; color: #fff; background-color: #3aa1a9; border-radius: 26px; }
.daterangepicker .calendar-table td.active.start-date:before { position: absolute; top: 50%; left: 0; margin-top: -13px; width: 100%; height: 26px; content: ''; background: linear-gradient(to right, #fff 50%, #f4f4f4 50%); z-index: 1; }
.daterangepicker .calendar-table td.active.end-date:before { position: absolute; top: 50%; left: 0; margin-top: -13px; width: 100%; height: 26px; content: ''; background: linear-gradient(to right, #f4f4f4 50%, #fff 50%); z-index: 1; }
.daterangepicker .calendar-table td.active.start-date.end-date:before { display: none; }
.daterangepicker td.disabled { text-decoration: none; }
.daterangepicker td.disabled:before { background: none !important; }
.daterangepicker td.ends span { opacity: 0; }
.daterangepicker td.off span { color: #ccc; background: none; }
.daterangepicker td.off:hover span { background: none; }
.daterangepicker td.today { font-weight: bold; }
.daterangepicker td.today span { color: #3aa1a9 !important; }
.daterangepicker .desc { clear: both; padding: 39px 0 40px; font-size: 12px; text-align: center; color: #7a7a7a; border-top: 1px solid #e1edee; background-color: #f8f8f8; border-radius: 0 0 24px 24px; }
.daterangepicker .desc span { color: #3aa1a9; }
.daterangepicker.opensright:before, .daterangepicker.opensright:before { display: none; }
@media screen and (max-width: 840px){
	.daterangepicker { width: 341px; }
	.daterangepicker .drp-calendar { float: none !important; width: 260px; }
	.daterangepicker .drp-calendar.left { margin: 30px auto 0; padding: 0; }
	.daterangepicker .drp-calendar.left .calendar-table { padding: 0; }
	.daterangepicker .drp-calendar.right { margin: 30px auto 0; padding: 0; }
}
@media screen and (max-width: 540px){
	.daterangepicker { position: fixed; top: 0 !important; left: 0; margin-top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.59); }
	.daterangepicker .title a { display: block; }
	.daterangepicker .drp-calendar { float: none !important; width: 92%; max-width: none; }
	.daterangepicker th.month { padding: 12px 0; }
	.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { height: 40px; }
}

/* 상하단 공통 */
#wrap { position: relative; width: 100%; }

#header { position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 0 49px; width: 100%; height: 100px; border-bottom: 1px solid #BEBEBE; }
/* @media screen and (max-width: 840px){
	#header { padding: 0 4%; height: 14.63vw; }
	#header h1 img { height: 8.38vw; }
}
@media screen and (max-width: 735px){
	#header .btn-filter img { height: 3.63vw; }
} */

#footer { margin-top: 36px; background-color: #ededed; }
#footer .f-menu { border-bottom: 1px solid #d8d8d8; }
#footer .f-menu ul { display: flex; align-items: center; width: 100%; height: 72px; }
#footer .f-menu ul li { position: relative; width: 25%; text-align: center; }
#footer .f-menu ul li:after { position: absolute; top: 50%; right: 0; margin-top: -5px; width: 1px; height: 9px; content: ''; background-color: #b3b3b3; }
#footer .f-menu ul li:first-child:before { position: absolute; top: 50%; left: 0; margin-top: -5px; width: 1px; height: 9px; content: ''; background-color: #b3b3b3; }
#footer .f-menu ul li a { font-size: 12px; color: #767d7d; }
#footer .site-info { position: relative; }
#footer .site-info .f-logo { position: absolute; top: 49px; left: 46px; }
#footer .m-info-btn { display: none; justify-content: center; margin-bottom: 40px; }
#footer .m-info-btn a { padding-right: 20px; font-size: 12px; color: #767d7d; background: url(/camjigi/camper/images/arr_select.png) no-repeat right center; }
#footer .site-info .business-info { padding: 75px 0; font-size: 11px; }
#footer .site-info .business-info p { display: flex; justify-content: center; line-height: 24px; }
#footer .site-info .business-info p span { position: relative; margin-right: 10px; padding-left: 11px; color: #767d7d; }
#footer .site-info .business-info p span:before { position: absolute; top: 50%; left: 0; margin-top: -5px; width: 1px; height: 10px; content: ''; background-color: #767d7d; }
#footer .site-info .business-info p span:first-child:before { display: none; }
#footer .site-info .business-info p span i { font-style: normal; color: #3aa1a9; }
#footer .site-info .business-info p span a { color: #767d7d; }
#footer .site-info .sns { display: flex; position: absolute; top: 91px; right: 49px; }
#footer .site-info .sns li { position: relative; padding: 0 20px 0 19px; }
#footer .site-info .sns li:after { position: absolute; top: 50%; right: 0; margin-top: -4px; width: 1px; height: 7px; content: ''; background-color: #a7a7a7; }
#footer .site-info .sns li:first-child { padding-left: 20px; }
#footer .site-info .sns li:first-child:before { position: absolute; top: 50%; left: 0; margin-top: -4px; width: 1px; height: 7px; content: ''; background-color: #a7a7a7; }
#footer .site-info .sns li a { display: block; width: 38px; height: 38px; text-indent: -9999px; border-radius: 50%; }
#footer .site-info .sns li a.fb { background: url(../images/ico_fb.png) no-repeat center #e4e4e4; }
#footer .site-info .sns li a.ig { background: url(../images/ico_ig.png) no-repeat center #e4e4e4; }
#footer .site-info .sns li a.nv { background: url(../images/ico_nv.png) no-repeat center #e4e4e4; }
#footer .site-info .sns li a.fb:hover { background: url(../images/ico_fb_on.png) no-repeat center #3aa1a9; }
#footer .site-info .sns li a.ig:hover { background: url(../images/ico_ig_on.png) no-repeat center #3aa1a9; }
#footer .site-info .sns li a.nv:hover { background: url(../images/ico_nv_on.png) no-repeat center #3aa1a9; }
@media screen and (max-width: 1096px){
	#footer .f-menu ul { flex-wrap: wrap; margin: 0 4%; padding: 15px 0; width: 92%; height: auto; }
	#footer .f-menu ul li { width: 25%; height: 20px; line-height: 20px; }
	#footer .site-info .f-logo { position: static; margin: 40px 0; text-align: center; }
	#footer .m-info-btn { display: flex; }
	#footer .site-info .business-info { display: none; padding: 0 0 40px; text-align: center; }
	#footer .site-info .business-info p span { display: inline-block; }
	#footer .site-info .sns { position: static; justify-content: center; padding-bottom: 60px; }
}
@media screen and (max-width: 640px){
	#footer { margin-top: 5.7vw; }
	#footer .f-menu ul { padding: 2.4vw 0; }
	#footer .f-menu ul li { height: 3.05vw; line-height: 3.05vw; }
	#footer .f-menu ul li:nth-child(1), #footer .f-menu ul li:nth-child(2) { width: 20%; }
	#footer .f-menu ul li:nth-child(3) { width: 35%; }
	#footer .f-menu ul li:after { margin-top: -0.7vw; height: 1.4vw; }
	#footer .f-menu ul li:first-child:before { margin-top: -0.7vw; height: 1.4vw; }
	#footer .f-menu ul li a { font-size: 2vw; }
	#footer .site-info .f-logo { margin: 6.25vw 0; }
	#footer .site-info .f-logo img { width: 20vw; }
	#footer .m-info-btn { margin-bottom: 6.3vw; }
}
@media screen and (max-width: 554px){
	#footer .site-info .business-info p { display: inline; }
}
@media screen and (max-width: 509px){
	#footer .site-info .business-info p:first-child span:last-child:before { display: none; }
	#footer .site-info .business-info p:nth-child(2) span:first-child:before { display: block; }
	#footer .site-info .business-info p:nth-child(2) span:last-child:before { display: none; }
	#footer .site-info .business-info p:nth-child(3) span:last-child:before { display: none; }
}

#contents { padding-top: 100px; margin: 0 auto; max-width: 1920px; }
.center-wrap { position: relative; margin: 0 auto; width: 1080px; overflow: hidden; }
@media screen and (max-width: 1096px){
	.center-wrap { width: 100%; }
}
@media screen and (max-width: 773px){
	#contents { padding-top: 14.63vw; }
}


/* 검색 공통 */
.search { display: flex; align-items: center; justify-content: center; }
.search .search-row { display: flex; align-items: center; justify-content: center; }
.search dl { position: relative; margin: 0 5px; padding-top: 11px; width: 107px; height: 55px; text-align: center; border: 1px solid #3aa1a9; background-color: #fff; border-radius: 27px; transition: all .3s ease; }
.search dl.check-in { margin-right: 0; border-right: 0; border-radius: 27px 0 0 27px; }
.search dl.check-in:after { position: absolute; top: 50%; right: 0; margin-top: -6px; width: 1px; height: 12px; content: ''; background-color: #3aa1a9; }
.search dl.check-out { margin-left: 0; border-left: 0; border-radius: 0 27px 27px 0; }
.search dl.amount { cursor: pointer; }
.search dl dt { font-size: 12px; color: #3aa1a9; transition: all .3s ease; }
.search dl dd { margin-top: 4px; text-align: center; }
.search dl dd input { width: 90%; font-size: 14px; text-align: center; color: #8e8e8e; border: 0; border-radius: 10px; background: transparent; outline: 0; transition: all .3s ease; }
.search dl dd input.date { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.search dl.active { background-color: #3aa1a9; }
.search dl.check-in.active:after { background-color: #fff; }
.search dl.active dt { color: #fff; }
.search dl.active dd input { color: #ccc; }
.search dl.active dd input::placeholder { color: #ccc; }
.search dl.active dd input::-webkit-input-placeholder { color: #ccc; }
.search dl.active dd input:-ms-input-placeholder { color: #ccc; }

.search dl label { display: block; cursor: pointer; }
.search dl input { cursor: pointer; }
.search .keyword { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 5px; padding: 0 18px; width: 333px; height: 55px; text-align: center; border: 1px solid #3aa1a9; background-color: #fff; border-radius: 27px; }
.search .keyword:after { position: absolute; top: 50%; right: 60px; margin-top: -6px; width: 1px; height: 12px; content: ''; background-color: #3aa1a9; }
.search .keyword input[type=text] { flex-grow: 1; position: relative; margin-right: 15px; font-size: 14px; text-align: center; color: #8e8e8e; border: 0; outline: 0; }
.search .keyword input[type=text]::placeholder { font-size: 12px; }
.search .keyword input[type=text]::-webkit-input-placeholder { font-size: 12px; }
.search .keyword input[type=text]:-ms-input-placeholder { font-size: 12px; }
.search .filter { margin: 0 5px; }
.search .filter button { cursor: pointer; border: 0; background: transparent; }
@media screen and (max-width: 840px){
	.search { flex-wrap: wrap; }
	.search .search-row { margin-bottom: 3vw; width: 100%; }
	.search .keyword { width: 276px; }
}
@media screen and (max-width: 718px){
	.search dl { padding-top: 8px; height: 49px; }
	.search .keyword { height: 49px; }
	.search .filter button img { height: 49px; }
}
@media screen and (max-width: 500px){
	.search dl { padding-top: 6px; width: 82px; height: 40px; }
	.search dl dt { font-size: 11px; }
	.search dl dd { margin-top: 0; }
	.search dl dd input { font-size: 12px; }
	.search .keyword { padding: 0 10px; width: 215px; height: 40px; }
	.search .keyword:after { right: 9vw; }
	.search .keyword input[type=image] { height: 24px; }
	.search .filter button img { height: 40px; }
}

#pop-amount { display: none; position: fixed; top: 502px; left: 50%; margin-left: -300px; z-index: 20; }
#pop-amount .pop-content { position: relative; border: 1px solid #3aa1a9; background-color: #fff; border-radius: 28px; box-shadow: 4px 4px 4px rgba(0,0,0,0.15); }
#pop-amount .title { display: flex; align-items: center; justify-content: center; height: 62px; font-size: 16px; color: #fff; background-color: #3aa1a9; border-radius: 26px 26px 0 0; }
#pop-amount a.close { display: none; position: absolute; top: 20px; right: 30px; }
#pop-amount .data { padding: 0 58px 6px; }
#pop-amount .data .row { display: flex; align-items: center; justify-content: space-between; width: 312px; height: 92px; border-top: 1px solid #cee7e9; }
#pop-amount .data .row:first-child { border: 0; }
#pop-amount .data .row .head .tit { font-size: 16px; color: #3aa1a9; }
#pop-amount .data .row .head .desc { margin-top: 8px; font-size: 12px; color: #7a7a7a; }
#pop-amount .data .row .cnt { display: flex; align-items: center; }
#pop-amount .data .row .cnt img { cursor: pointer; }
#pop-amount .data .row .cnt input { width: 38px; font-size: 16px; text-align: center; color: #3aa1a9; border: 0; }
#pop-amount .guide { padding: 39px 0 40px; line-height: 15px; font-size: 12px; text-align: center; color: #7a7a7a; border-top: 1px solid #e1edee; background-color: #f8f8f8; border-radius: 0 0 26px 26px; }
#pop-amount .guide span { color: #3aa1a9; }
@media screen and (max-width: 840px){
	#pop-amount { margin-left: -215px; }
}
@media screen and (max-width: 500px){
	#pop-amount { position: fixed; top: 0 !important; left: 0; margin: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.59); }
	#pop-amount .pop-content { position: absolute; bottom: 0; left: 0; width: 100%; }
	#pop-amount a.close { display: block; }
}


#filter { position: fixed; top: 0; right: -383px; z-index: 20; width: 383px; height: 100%; background-color: #fff; transition: all .3s ease; }
#filter:before { position: absolute; top: 93px; left: 0; width: 1px; height: 100%; content: ''; background-color: #98b4ba; }
#filter.on { right: 0; }
#filter .head { display: flex; align-items: center; justify-content: space-between; padding: 0 30px 0 38px; height: 93px; border-bottom: 1px solid #6db4bd; background-color: #3aa1a9; }
#filter .head .title { font-size: 16px; color: #fff; }
#filter .data { position: absolute; top: 130px; bottom: 201px; left: 0; right: 12px; overflow-y: auto; padding: 0 18px 0 38px; }
#filter .data::-webkit-scrollbar { width: 5px; }
#filter .data::-webkit-scrollbar-thumb { width: 5px; background-color: #40a0a9; border-radius: 5px; }
#filter .data::-webkit-scrollbar-track { display: block; position: relative; border: 1px solid transparent; z-index: -1; background-color: #eee; border-radius: 3px; background-clip: padding-box; }
#filter .data .row { padding: 37px 0; border-bottom: 1px solid #deeff0; }
#filter .data .row:first-child { padding-top: 0; }
#filter .data .row .title { margin-bottom: 13px; font-size: 14px; color: #3aa1a9; }
#filter .data .row ul { display: flex; flex-wrap: wrap; margin-left: -23px; }
#filter .data .row ul li { margin: 13px 0 0; padding-left: 23px; width: 100%; font-size: 12px; color: #858585; }
#filter .data .row ul.col2 li { width: 50%; }
#filter .data .row ul.col3 li { width: 33.33%; }
#filter .data .row ul.col4 li { width: 25%; }
#filter .data .row ul li label input { margin-right: 6px; vertical-align: middle; }
#filter .command { position: absolute; bottom: 0; left: 0; width: 100%; padding: 60px 0 61px; text-align: center; border-top: 1px solid #deeff0; border-left: 1px solid #98b4ba; background-color: #f7f7f7; }
#filter .command input { width: 120px; height: 41px; color: #fff; cursor: pointer; border: 0; background-color: #3aa1a9; border-radius: 20px; }
#filter .command input.reset { color: #7a7a7a; border: 1px solid #3aa1a9; background-color: #fff; }
@media screen and (max-width: 640px){
	#filter:before { top: 14.8vw; }
	#filter .head { height: 14.8vw; }
	#filter .head .title { font-size: 3.7vw; }
	#filter .head .filter-close img { width: 6.7vw; }
	#filter .data { top: 23.5vw; bottom: 150px; }
	#filter .command { padding: 35px 0; }
}


/* 박스 리스트 */
.box-list .title { height: 126px; line-height: 126px; font-size: 24px; text-align: center; color: #278c93; }
.box-list ul.list { display: flex; flex-wrap: wrap; margin-left: -24px; }
.box-list ul.list li { margin: 0 0 60px 24px; width: 344px; text-align: center; }
.box-list ul.list li.no-data { display: flex; align-items: center; justify-content: center; width: 100%; height: 350px; color: #ababab; }
.box-list ul.list li .img { display: flex; align-items: center; justify-content: center; width: 100%; height: 313px; overflow: hidden; border-radius: 28px; }
.box-list ul.list li .img img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.box-list ul.list li .info { margin: 38px 0 17px; color: #4ea2a8; }
.box-list ul.list li .name { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #767d7d; }
@media screen and (max-width: 1096px){
	.box-list ul.list { justify-content: space-between; margin: 0 4%; }
	.box-list ul.list li { margin-left: 0; width: 48%; }
	.box-list ul.list li .img { height: 39.54vw; }
}
@media screen and (max-width: 640px){
	.box-list .title { height: 19.7vw; line-height: 19.7vw; font-size: 4.5vw; }
	.box-list ul.list li { margin-bottom: 9.4vw; }
	.box-list ul.list li .info { margin: 5.9vw 0 2.7vw; font-size: 2.8vw; }
	.box-list ul.list li .name { font-size: 3.2vw; }
}


/* 더보기 */
.box-list .more { text-align: center; }
.box-list .more input { margin: 30px 0 63px; width: 200px; height: 41px; color: #fff; cursor: pointer; border: 0; background-color: #3aa1a9; border-radius: 20px; }
@media screen and (max-width: 840px){
	.box-list .more input { margin: 0 0 6.7vw; }
}
@media screen and (max-width: 640px){
	.box-list .more input { font-size: 2.8vw; }
}


/* 페이징 */
.paging { display: flex; align-items: center; justify-content: center; margin: 20px 0 70px; }
.paging span { position: relative; display: flex; align-items: center; justify-content: center; }
.paging span.pages { display: flex; align-items: center; margin: 0 10px; }
.paging span.pages span { width: 27px; height: 25px; }
.paging span.pages span a { color: #777; }
.paging span.pages span.cur { color: #3aa1a9; background: url(../images/bg_cur.gif) no-repeat; }


/* 메인 */
#contents.main { padding-top: 0; }
.main .visual { position: relative; display: flex; align-items: center; justify-content: center; height: 807px; overflow: hidden; }
.main .visual .txt { position: absolute; top: 187px; left: 0; width: 100%; z-index: 2; font-family: 'Nanum Myeongjo', serif; text-align: center; color: #fefefe; }
.main .visual .txt .tit { font-size: 50px; }
.main .visual .txt .tit span { color: #4fb3b9; }
.main .visual .txt .desc { margin: 43px 0 44px; line-height: 26px; }

.main .visual video.m { display: none; width: 100%; }
.main .visual .bg-m { display: none; justify-content: center; width: 100%; height: auto; }
.main .visual .bg-m img { width: 100%; }

.main .search { position: absolute; top: 413px; left: 0; width: 100%; z-index: 2; }
.main .search dl { border: 0; }
.main .search .keyword { border: 0; background-color: #fff; border-radius: 27px; }
@media screen and (max-width: 1079px){
	.main .visual { height: 74.8vw; }
	.main .visual video.pc { height: 100vw; }
}
@media screen and (max-width: 840px){
	.main .visual { width: 100%; height: auto; /*height: 131.25vw;*/ }
	.main .visual .txt { top: 26vw; }
	.main .visual .txt .tit { font-size: 7vw; }
	.main .visual .txt .desc { margin: 5.5vw 0; line-height: 3.9vw; font-size: 2.5vw; }
	.main .visual video.pc { display: none; }
	.main .visual video.m { display: block; width: 100%; }
	.main .visual .bg-m { display: flex; }
	.main .search { top: 57vw; }
}


/* 검색결과 */
#contents.search-result { padding-top: 126px; }
#contents.search-result .search { margin-bottom: 34px; }
ul.filter-options { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 34px; }
ul.filter-options li { display: flex; align-items: center; justify-content: center; margin: 0 4px; padding: 0 15px; height: 34px; border: 1px solid #3aa1a9; border-radius: 17px; }
ul.filter-options li span { margin-right: 10px; font-size: 12px; color: #8e8e8e; }
ul.filter-options li a { display: flex; align-items: center; }
@media screen and (max-width: 708px){
	#contents.search-result { padding-top: 17.8vw; }
	#contents.search-result .search { margin-bottom: 0; }
}


/* 캠핑장정보 */
.view { color: #767d7d; }

.view .photos-m { display: none; position: relative; height: 618px; overflow: hidden; }
.view .photos-m .swiper-container { width: 100%; height: 100%; }
.view .photos-m .swiper-container .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 3vw; left: 0; width: 100%; z-index: 2; }
.view .photos-m .swiper-container .swiper-pagination span { margin: 0 5px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; opacity: 1; transition: all .3s ease; }
.view .photos-m .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { margin: 0 3px; width: 10px; height: 10px; background-color: #3aa1a9; }
.view .photos-m .swiper-container .swiper-wrapper .swiper-slide { display: flex; align-items: center; justify-content: center; height: 100%; }
.view .photos-m .swiper-container .swiper-wrapper .swiper-slide img { min-width: 100%; min-height: 100%; width: auto; height: auto; }

.view .place-header { position: relative; }
.view .place-name { padding: 46px 0 18px; font-size: 24px; }
.view .reserve-m { display: none; position: absolute; top: 47px; right: 0; text-align: center; }
.view .reserve-m a { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 86px; height: 86px; font-size: 13px; color: #fff; background-color: #3aa1a9; border-radius: 50%; }
.view .reserve-m .summary { margin-top: 13px; line-height: 15px; font-size: 11px; text-align: center; }
.view .price-keyword { display: flex; align-items: center; color: #3aa1a9; margin: 0 0 34px; }
.view .price-keyword .price { margin-right: 25px; font-size: 18px; }
.view .price-keyword .keywords { display: flex; align-items: center; margin-top: 24px; }
.view .price-keyword .keywords li { display: flex; align-items: center; justify-content: center; margin-right: 2px; padding: 0 14px; height: 20px; font-size: 12px; border: 1px solid #3aa1a9; border-radius: 10px; }

.view .photos { display: flex; justify-content: space-between; margin-bottom: 31px; height: 483px; overflow: hidden; }
.view .photos .img { display: flex; align-items: center; justify-content: center; width: 528px; height: 483px; overflow: hidden; border-radius: 26px; }
.view .photos .img img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.view .photos .imgs { display: flex; flex-wrap: wrap; justify-content: space-between; width: 529px; }
.view .photos .imgs li { display: flex; align-items: center; justify-content: center; margin-bottom: 13px; width: 258px; height: 235px; overflow: hidden; border-radius: 26px; }
.view .photos .imgs li img { min-width: 100%; min-height: 100%; width: auto; height: auto; }

.view .sec-title { margin-bottom: 28px; font-size: 18px; color: #3aa1a9; }
.view .content-price { display: flex; justify-content: space-between; }
.view .content-price.bottom { align-items: flex-end; }
.view .content-price .left { width: 704px; }
.view .content-price .left .line { margin: 44px 0; border-bottom: 1px solid #d7d7d7; }
.view .content-price .left ul.option { display: flex; flex-wrap: wrap; }
.view .content-price .left ul.option li { display: flex; align-items: center; justify-content: center; margin: 28px 0; width: 33.33%; position: relative; padding: 0 30px 0 30px;}
.view .content-price .left ul.option.no-flex li { justify-content: flex-start; width: 100%; }
.view .content-price .left ul.option.no-flex li:after, .view .content-price .left ul.option.no-flex li:before { display: none; }
.view .content-price .left ul.option.service li { justify-content: flex-start; margin: 14px 0; width: 100%; font-size: 15px; }
.view .content-price .left ul.option.service li:after, .view .content-price .left ul.option.service li:before { display: none; }
.view .content-price .left ul.option.service li span { margin-left: 4px; color: #3aa1a9; }
.view .content-price .left ul.option li:after { position: absolute; top: 50%; right: 0; margin-top: -7px; width: 1px; height: 14px; content: ''; background-color: #a5a5a5; }
.view .content-price .left ul.option li:nth-child(3n+1):before { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 1px; height: 14px; content: ''; background-color: #a5a5a5; }
.view .content-price .left ul.option li img { margin-right: 18px; width: 37px; }
.view .content-price .left dl.option { margin-top: 50px; }
.view .content-price .left dl.option dt { margin-top: 32px; font-size: 15px; }
.view .content-price .left dl.option dd { margin-top: 28px; line-height: 22px; }
.view .content-price .left .host .host-data { display: flex; align-items: center; margin-top: 62px; }
.view .content-price .left .host .host-data .profile { margin-right: 45px; width: 111px; text-align: center; }
.view .content-price .left .host .host-data .profile .pic { display: flex; align-items: center; justify-content: center; width: 111px; height: 111px; overflow: hidden; border: 1px solid #3aa1a9; border-radius: 50%; }
.view .content-price .left .host .host-data .profile .pic img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.view .content-price .left .host .host-data .profile .name { margin-top: 23px; font-size: 14px; }
.view .content-price .left .host .host-data .intro { margin-bottom: 39px; max-height: 65px; line-height: 22px; overflow: hidden; }
.view .content-price .left .host .more { margin: 35px 0 -8px; text-align: right; }
.view .content-price .left .host .more a { display: inline-block; padding-right: 27px; font-size: 12px; color: #767d7d; background: url(../images/arr_right_c.png) no-repeat right center; }
.view .content-price .left .site-photo { display: flex; flex-wrap: wrap; margin-left: -11px; }
.view .content-price .left .site-photo li { display: flex; align-items: center; justify-content: center; margin: 11px 0 0 11px; width: 227px; height: 206px; overflow: hidden; border-radius: 26px; }
.view .content-price .left .site-photo li img { min-width: 100%; min-height: 100%; width: auto; height: auto; }

.view .content-price .right { padding-top: 5px; width: 329px; }
.view .content-price .right .reserv-box { border: 1px solid #3aa1a9; background-color: #fff; border-radius: 28px; box-shadow: 5px 5px 5px rgba(0,0,0,0.08); }
.view .content-price .right .reserv-box.fixed { position: fixed; top: 30px; width: 329px; }
.view .content-price .right .reserv-box .price-per-day { padding: 0 43px; height: 55px; line-height: 55px; font-size: 18px; color: #3aa1a9; }
.view .content-price .right .reserv-box .reserv-data { display: flex; flex-wrap: wrap; padding: 0 43px 25px; border-top: 1px solid #e7f4f5; border-bottom: 1px solid #e7f4f5; }
.view .content-price .right .reserv-box .reserv-data dl { width: 50%; }
.view .content-price .right .reserv-box .reserv-data dl dt { margin-top: 25px; font-size: 12px; }
.view .content-price .right .reserv-box .reserv-data dl dd { margin-top: 9px; color: #3aa1a9; }
.view .content-price .right .reserv-box .command-desc { padding: 28px 34px; background-color: #f8f8f8; border-radius: 0 0 26px 26px; }
.view .content-price .right .reserv-box .command-desc input { width: 100%; height: 41px; color: #fff; cursor: pointer; border: 0; background-color: #3aa1a9; border-radius: 21px; }
.view .content-price .right .reserv-box .command-desc .summary { margin-top: 10px; font-size: 11px; text-align: center; }

.view .review { margin-top: 44px; padding-top: 44px; border-top: 1px solid #d7d7d7; }
.view .review ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -27px; }
.view .review ul li { margin-top: 69px; width: 279px; }
.view .review ul li .profile { display: flex; align-items: center; margin-bottom: 42px; }
.view .review ul li .profile .g-img { display: flex; align-items: center; justify-content: center; width: 83px; height: 83px; overflow: hidden; border: 1px solid #d7d7d7; border-radius: 50%; }
.view .review ul li .profile .g-img img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.view .review ul li .profile dl { margin-left: 37px; }
.view .review ul li .profile dl dt { font-size: 15px; }
.view .review ul li .profile dl dd { margin-top: 10px; font-size: 13px; color: #3aa1a9; }
.view .review ul li .keyword-more { display: flex; align-items: center; justify-content: space-between; }
.view .review ul li .keyword-more .review-keyword { display: flex; flex-wrap: wrap; width: 180px; }
.view .review ul li .keyword-more .review-keyword span { display: flex; align-items: center; margin-right: 2px; padding: 0 14px; height: 20px; font-size: 12px; color: #3aa1a9; border: 1px solid #3aa1a9; border-radius: 10px; }
.view .review ul li .keyword-more .more a { display: inline-block; padding-right: 27px; font-size: 12px; color: #767d7d; background: url(../images/arr_right_c.png) no-repeat right center; }

.view .position { margin-top: 44px; padding-top: 44px; border-top: 1px solid #d7d7d7; }
.view .position .sec-title { margin-bottom: 44px; }
.view .position #map { width: 100%; height: 480px; }
.view .guide { margin-top: 47px; padding-top: 44px; border-top: 1px solid #d7d7d7; }
.view .guide .sec-title { margin-bottom: 61px; }
.view .guide ul {
    display: flex; align-items: center; justify-content: left; margin-bottom: 63px; padding-top: 30px; padding-bottom: 30px;
    background-color: #f8f8f8; border-radius: 31px;
}
.view .guide ul li { position: relative; padding: 0 55px 0 56px; }
.view .guide ul li:after { position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 11px; content: ''; background-color: #a5a5a5; }
.view .guide ul li:first-child { padding-left: 55px; }
.view .guide ul li:first-child:after { display: none; }
.view .guide ul li span { color: #3aa1a9; }
.view .back { text-align: center; }
.view .back input { margin: 30px 0 63px; width: 200px; height: 41px; color: #fff; cursor: pointer; border: 0; background-color: #3aa1a9; border-radius: 20px; }
@media screen and (max-width: 1200px){
	.view.center-wrap { margin: 0 4.38%; width: 91.24%; }
	.view .photos { height: 40.25vw; }
	.view .photos .img { width: 44vw; height: 40.25vw; }
	.view .photos .imgs { width: 44.1vw; }
	.view .photos .imgs li { width: 21.5vw; height: 19.6vw; }
	.view .content-price .left { width: 58.6vw; }
	.view .content-price .right { width: 27.4vw; }
	.view .content-price .right .reserv-box.fixed { width: 27.4vw; }
	.view .content-price .left .site-photo { display: flex; flex-wrap: wrap; margin-left: -2%; }
	.view .content-price .left .site-photo li { display: flex; align-items: center; justify-content: center; margin: 2% 0 0 2%; width: 48%; height: 25vw; overflow: hidden; border-radius: 26px; }
	.view .content-price .left .site-photo li img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
}
@media screen and (max-width: 999px){
	.view .review { margin-top: 6.8vw; padding-top: 6.8vw; }
	.view .review ul { margin-top: -4.2vw; }
	.view .review ul li { margin-top: 6.9vw; width: 45%; }
	.view .position { margin-top: 6.8vw; padding-top: 6.8vw; }
	.view .position .sec-title { margin-bottom: 6.8vw; }
}
@media screen and (max-width: 800px){
	.view.center-wrap { margin: 0; width: 100%; }
	.view .photos-m { display: block; height: 77.2vw; }
	.view .photos { display: none; }
	.view .content-price { margin: 0 4.38%; width: 91.24%; }
	.view .content-price .left { width: 100%; }
	.view .content-price .right { display: none; }
	.view .place-header { margin: 0 4.38% 6.6vw; padding-bottom: 1.8vw; border-bottom: 1px solid #d7d7d7; }
	.view .place-header .reserve-m { display: block; top: 30px; }
	.view .place-header .reserve-m a { margin: 0 auto; width: 13.4vw; height: 13.4vw; font-size: 2vw; }
	.view .place-header .reserve-m .summary { margin-top: 2vw; line-height: 2.5vw; font-size: 1.8vw; }
	.view .content-price .left .site-photo li { height: 38vw; }
	.view .review { margin: 6.8vw 4.38%; }
	.view .position { margin: 6.8vw 4.38%; }
	.view .guide { margin: 6.8vw 4.38%; padding-top: 6.8vw; }
	.view .guide .sec-title { margin-bottom: 6.8vw; }
	.view .guide ul { margin-bottom: 6.8vw; }
	.view .guide ul li { padding: 0 5.4vw 0 5.5vw; font-size: 1.75vw; }
	.view .guide ul li:after { margin-top: -0.9vw; width: 1px; height: 1.8vw; content: ''; background-color: #a5a5a5; }
	.view .guide ul li:first-child { padding-left: 5.4vw; }
	.view .back input { margin: 4.8vw 0 6.8vw; font-size: 2.2vw; }
}
@media screen and (max-width: 640px){
	.view .place-name { padding: 7.1vw 0 2.9vw; font-size: 3.7vw; }
	.view .addr { font-size: 2.8vw; }
	.view .price-keyword { flex-wrap: wrap; margin: 0 0 3.5vw; width: 60vw; }
	.view .price-keyword .price { margin: 0 2vw 2vw 0; font-size: 3.2vw; }
	.view .price-keyword .keywords { flex-wrap: wrap; margin-top: 3.7vw; }
	.view .price-keyword .keywords li { margin-bottom: 2vw; }
	.view .place-header .reserve-m { top: 7.4vw; }
	.view .place-header .reserve-m a { width: 14vw; height: 14vw; font-size: 2.8vw; }
	.view .place-header .reserve-m .summary { line-height: 2.7vw; font-size: 2vw; }
	.view .sec-title { margin-bottom: 4.6vw; font-size: 3.2vw; }
	.view .content-price .left .line { margin: 5.7vw 0 7.2vw; }
	.view .content-price .left ul.option li { margin: 2.82vw 0; width: 33.33%; font-size: 2.8vw; }
	.view .content-price .left ul.option.service li { margin: 2.2vw 0; width: 100%; font-size: 3vw; }
	.view .content-price .left ul.option.service li:after, .view .content-price .left ul.option.service li:before { display: none; }
	.view .content-price .left ul.option.service li span { margin-left: 0.8vw; color: #3aa1a9; }
	.view .content-price .left ul.option li:after { position: absolute; top: 50%; right: 0; margin-top: -1.1vw; width: 1px; height: 2.2vw; content: ''; background-color: #a5a5a5; }
	.view .content-price .left ul.option li:nth-child(3n+1):before { position: absolute; top: 50%; left: 0; margin-top: -1.1vw; width: 1px; height: 2.2vw; content: ''; background-color: #a5a5a5; }
	.view .content-price .left ul.option li img { margin-right: 2.9vw; width: 5.78vw; }
	.view .content-price .left dl.option { margin-top: 7.8vw; }
	.view .content-price .left dl.option dt { margin-top: 5vw; font-size: 3.2vw; }
	.view .content-price .left dl.option dd { margin-top: 4.4vw; line-height: 3.44vw; font-size: 2.8vw; }
	.view .content-price .left .host .host-data { margin-top: 7vw; }
	.view .content-price .left .host .host-data .profile { margin-right: 7.05vw; width: 15.7vw; }
	.view .content-price .left .host .host-data .profile .pic { width: 15.7vw; height: 15.7vw; }
	.view .content-price .left .host .host-data .profile .name { margin-top: 3.5vw; font-size: 2.8vw; }
	.view .content-price .left .host .host-data .intro { margin-bottom: 6.5vw; max-height: 10.5vw; line-height: 3.7vw; font-size: 2.8vw; }
	.view .content-price .left .host .more { margin: 5.5vw 0 0; }
	.view .content-price .left .host .more a { padding-right: 4.2vw; font-size: 2.6vw; }
	.view .review ul li .profile { margin-bottom: 6.5vw; }
	.view .review ul li .profile .g-img { width: 13.5vw; height: 13.5vw; }
	.view .review ul li .profile dl { margin-left: 5.8vw; }
	.view .review ul li .profile dl dt { font-size: 3.4vw; }
	.view .review ul li .profile dl dd { margin-top: 1.7vw; font-size: 2.8vw; }
	.view .review ul li .keyword-more .review-keyword { width: 27vw; }
	.view .review ul li .keyword-more .review-keyword span { margin: 0 2px 2px; padding: 0 2vw; height: 20px; font-size: 2.6vw; color: #3aa1a9; }
	.view .review ul li .keyword-more .more a { padding-right: 4.2vw; font-size: 2.6vw; }
	.view .position #map { height: 50vw; }
	.view .guide ul li { padding: 0 2.9vw 0 3vw; font-size: 2.6vw; }
	.view .guide ul li:first-child { padding-left: 2.9vw; }
	.view .back input { font-size: 2.8vw; }
}

/* 리뷰 사진 팝업 */
#pop-review-photo { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.87); z-index: 1000; }
#pop-review-photo .close { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 42px; margin-top: -398px; width: 50px; height: 50px; z-index: 2; }
#pop-review-photo .page { position: absolute; top: 50%; left: 0; margin-top: -380px; width: 100%; font-size: 18px; text-align: center; color: #fff; }
#pop-review-photo .page span { font-size: 24px; color: #3aa1a9; }
#pop-review-photo .pop-content { position: absolute; top: 50%; left: 50%; margin: -270px 0 0 -405px; width: 810px; height: 540px; overflow: hidden; background-color: #fff; border-radius: 57px; }
#pop-review-photo .pop-content .photo-list {}
#pop-review-photo .pop-content .photo-list li { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; }
#pop-review-photo .pop-content .photo-list li:first-child { left: 0; }
#pop-review-photo .pop-content .photo-list li img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
#pop-review-photo .arrow a { position: absolute; top: 50%; margin-top: -28px; }
#pop-review-photo .arrow a.prev { left: 50px; }
#pop-review-photo .arrow a.next { right: 50px; }
@media screen and (max-width: 905px){
	#pop-review-photo .close { right: 3.5vw; margin-top: -43.9vw; }
	#pop-review-photo .page { margin-top: -42vw; font-size: 2vw; }
	#pop-review-photo .page span { font-size: 2.7vw; }
	#pop-review-photo .pop-content { margin: -29.85vw 0 0 -44.75vw; width: 89.5vw; height: 59.7vw; border-radius: 6.5vw; }
	#pop-review-photo .arrow { position: absolute; top: 50%; left: 0; margin-top: 38.7vw; width: 100%; text-align: center; }
	#pop-review-photo .arrow a { position: static; display: inline-block; margin: 0 2px; }
}
@media screen and (max-width: 640px){
	#pop-review-photo .close { right: 4.7vw; margin-top: -55vw; width: 5.2vw; height: 5.2vw; }
	#pop-review-photo .close img { width: 4.5vw; }
	#pop-review-photo .page { margin-top: -49.4vw; font-size: 3.8vw; }
	#pop-review-photo .page span { font-size: 5.6vw; }
	#pop-review-photo .pop-content { margin: -29.55vw 0 0 -45.4vw; width: 90.8vw; height: 59.1vw; border-radius: 6.5vw; }
	#pop-review-photo .arrow { margin-top: 42.85vw; }
	#pop-review-photo .arrow a img { width: 7.4vw; }
}

/* 리뷰 사진 팝업 */
#pop-place-photo { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.87); z-index: 1000; }
#pop-place-photo .close { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 42px; margin-top: -398px; width: 50px; height: 50px; z-index: 2; }
#pop-place-photo .page { position: absolute; top: 50%; left: 0; margin-top: -380px; width: 100%; font-size: 18px; text-align: center; color: #fff; }
#pop-place-photo .page span { font-size: 24px; color: #3aa1a9; }
#pop-place-photo .pop-content { position: absolute; top: 50%; left: 50%; margin: -270px 0 0 -405px; width: 810px; height: 540px; overflow: hidden; background-color: #fff; border-radius: 57px; }
#pop-place-photo .pop-content .photo-list {}
#pop-place-photo .pop-content .photo-list li { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; }
#pop-place-photo .pop-content .photo-list li:first-child { left: 0; }
#pop-place-photo .pop-content .photo-list li img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
#pop-place-photo .arrow a { position: absolute; top: 50%; margin-top: -28px; }
#pop-place-photo .arrow a.prev { left: 50px; }
#pop-place-photo .arrow a.next { right: 50px; }
@media screen and (max-width: 905px){
	#pop-place-photo .close { right: 3.5vw; margin-top: -43.9vw; }
	#pop-place-photo .page { margin-top: -42vw; font-size: 2vw; }
	#pop-place-photo .page span { font-size: 2.7vw; }
	#pop-place-photo .pop-content { margin: -29.85vw 0 0 -44.75vw; width: 89.5vw; height: 59.7vw; border-radius: 6.5vw; }
	#pop-place-photo .arrow { position: absolute; top: 50%; left: 0; margin-top: 38.7vw; width: 100%; text-align: center; }
	#pop-place-photo .arrow a { position: static; display: inline-block; margin: 0 2px; }
}
@media screen and (max-width: 640px){
	#pop-place-photo .close { right: 4.7vw; margin-top: -55vw; width: 5.2vw; height: 5.2vw; }
	#pop-place-photo .close img { width: 4.5vw; }
	#pop-place-photo .page { margin-top: -49.4vw; font-size: 3.8vw; }
	#pop-place-photo .page span { font-size: 5.6vw; }
	#pop-place-photo .pop-content { margin: -29.55vw 0 0 -45.4vw; width: 90.8vw; height: 59.1vw; border-radius: 6.5vw; }
	#pop-place-photo .arrow { margin-top: 42.85vw; }
	#pop-place-photo .arrow a img { width: 7.4vw; }
}


/* 호스트정보 */
.host-info { color: #767d7d; }
.host-info .back { display: inline-block; margin: 43px 0 7px; }
.host-info .profile { text-align: center; }
.host-info .profile .pic { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 145px; height: 145px; overflow: hidden; border: 1px solid #d7d7d7; border-radius: 50%; }
.host-info .profile .pic img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.host-info .profile .name { margin: 40px 0 18px; font-size: 24px; }
.host-info .profile .intro { line-height: 22px; }
.host-info .sec-title { margin: 44px 0; font-size: 18px; color: #3aa1a9; }
.host-info .camp-list { display: flex; flex-wrap: wrap; margin-left: -24px; }
.host-info .camp-list li { margin: 0 0 60px 24px; width: 344px; }
.host-info .camp-list li .img { display: flex; align-items: center; justify-content: center; width: 344px; height: 313px; overflow: hidden; background-color: #fff; border-radius: 26px; }
.host-info .camp-list li .img img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.host-info .camp-list li .c-name { margin-top: 40px; font-size: 16px; text-align: center; color: #767d7d; }
@media screen and (max-width: 1200px){
	.host-info.center-wrap { margin: 0 4.38%; width: 91.24%; }
}
@media screen and (max-width: 1096px){
	.host-info .camp-list { justify-content: space-between; margin: 0; }
	.host-info .camp-list li { margin-left: 0; width: 48%; }
	.host-info .camp-list li .img { width: 100%; height: 39.54vw; }
}
@media screen and (max-width: 640px){
	.host-info .back { margin: 6.7vw 0 1.1vw; }
	.host-info .back img { width: 14.4vw; }
	.host-info .profile .pic { width: 22.6vw; height: 22.6vw; }
	.host-info .profile .name { margin: 6.35vw 0 2.7vw; font-size: 3.7vw; }
	.host-info .profile .intro { font-size: 2.8vw; line-height: 4vw; }
	.host-info .sec-title { margin: 6.85vw 0; font-size: 3.2vw; }
	.host-info .camp-list li { margin-bottom: 9.4vw; }
	.host-info .camp-list li .c-name { margin: 5.9vw 0 0; font-size: 2.8vw; }
}


/* 일반 콘텐츠페이지 */
.content-page { color: #767d7d; }
.content-page .title { padding: 46px 0 18px; font-size: 24px; text-align: center; color: #3aa1a9; }
.content-page .content { margin: 30px 0 63px; line-height: 22px; }
.content-page .text-box { padding: 30px; width: 100%; height: 600px; overflow: auto; border: 1px solid #d7d7d7; }
.content-page h3 { margin-top: 50px; font-size: 18px; font-weight: normal; color: #3aa1a9; }
.content-page h3:first-child { margin-top: 0; }
.content-page dl { margin-top: 20px; }
.content-page dl:first-child { margin-top: 0; }
.content-page dl dt { margin: 50px 0 10px; font-weight: bold; color: #3aa1a9; }
.content-page dl dt:first-child { margin-top: 0; }
.content-page .tab { display: flex; justify-content: center; margin-top: 30px; width: 100%; }
.content-page .tab a { display: flex; align-items: center; justify-content: center; margin-right: 10px; width: 200px; height: 41px; color: #3aa1a9; cursor: pointer; border: 1px solid #3aa1a9; background-color: #fff; border-radius: 20px; }
.content-page .tab a.on { color: #fff; background-color: #3aa1a9; }
@media screen and (max-width: 1200px){
	.content-page.center-wrap { margin: 0 4.38%; width: 91.24%; }
}
@media screen and (max-width: 840px){
	.content-page .title { padding: 8vw 0 2.7vw; font-size: 4vw; }
	.content-page .content { margin: 5vw 0 10vw; }
}
@media screen and (max-width: 640px){
	.content-page .tab { margin-top: 4.3vw; }
	.content-page .tab a { margin-right: 5px; width: 22vw; height: 7vw; font-size: 2.7vw; border-radius: 3.5vw; }
	.content-page .text-box { padding: 4.38%; height: 93.6vw; }
	.content-page h3 { margin-top: 7vw; font-size: 3.7vw; }
	.content-page dl { margin-top: 4vw; }
	.content-page dl:first-child { margin-top: 0; }
	.content-page dl dt { margin: 5vw 0 1.4vw; font-size: 2.7vw; }
	.content-page dl dt:first-child { margin-top: 0; }
	.content-page dl dd { line-height: 3.5vw; font-size: 2.7vw; }
}


/* 앱 링크 */
.app_download {
  transition: all .3s ease;
  height: 320px;
  background-image: url(../images/app_download_bg.png);
  background-position: center;
}
.app_download_dim {
  transition: all .3s ease;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.app_download_txt {
  transition: all .3s ease;
  margin-top: 12px;

  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 58px;
  text-align: center;

  color: #CECECE;
}
.app_download_txt_bold {
  transition: all .3s ease;
  color: #FFFFFF;
  font-size: 48px;
  font-weight: 700;
}
.app_download_txt_bold_color {
  transition: all .3s ease;
  color: #01C56B;
}
.app_download_link {
  transition: all .3s ease;
  margin-top: 12px;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.app_download_link_ios {
  transition: all .3s ease;
  margin-right: 50px;

  width: 191px;
  height: 64px;
}
.app_download_link_ios>img {
  transition: all .3s ease;
  width: 191px;
  height: 64px;
}
.app_download_link_aos {
  transition: all .3s ease;
  width: 191px;
  height: 64px;
}
.app_download_link_aos>img {
  transition: all .3s ease;
  width: 191px;
  height: 64px;
}
@media screen and (max-width: 840px){
  .app_download {
    height: 280px;
  }
  .app_download_txt {
    font-size: 24px;
    line-height: 48px;
  }
  .app_download_txt_bold {
    font-size: 38px;
  }
  .app_download_link_ios {
    margin-right: 42px;
  
    width: 155px;
    height: 52px;
  }
  .app_download_link_ios>img {
    width: 155px;
    height: 52px;
  }
  .app_download_link_aos {
    width: 155px;
    height: 52px;
  }
  .app_download_link_aos>img {
    width: 155px;
    height: 52px;
  }
}
@media screen and (max-width: 640px){
  .app_download {
    height: 220px;
  }
  .app_download_txt {
    font-size: 16px;
    line-height: 30px;
  }
  .app_download_txt_bold {
    font-size: 28px;
  }
  .app_download_link_ios {
    margin-right: 26px;
  
    width: 143px;
    height: 48px;
  }
  .app_download_link_ios>img {
    width: 143px;
    height: 48px;
  }
  .app_download_link_aos {
    width: 143px;
    height: 48px;
  }
  .app_download_link_aos>img {
    width: 143px;
    height: 48px;
  }
}

/* 약관선택*/
.selectWrap{
    padding-top:10px;
}
.dateSelectBox {
    width: 150px; 
    height: 38px;
    color:#555;
    padding:10px 20px; 
    font-size: 1rem;
    font-weight: 600;
    background: url('../images/arrow-down.png') no-repeat 90% 53%; 
    background-size: 15px 15px;
    border: 1px solid #7e7e7e;
    background-color: #fff;
    border-radius:7px; 
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
.dateSelectBox option {
    color: #555;
    padding: 3px 0;
} 

/* 약관 테이블*/
.termsTb {
    display: table;
    width:95%;
    color:#222;
    border-collapse: separate;
    text-indent: initial;
    border-spacing:0;
    border:1px solid #E0E0E0;
    margin-left:auto;
    margin-right:auto;
    font-size:0.9em
}
.termsTb th{
    padding:8px;
    background-color: #EFEFEF;
    border:1px solid #E0E0E0;
}
.termsTb td{
    border:1px solid #E0E0E0;
    padding:8px;
}