@charset "utf-8";



/* Fullpage 관련 스타일 :: S */
/*
#fp-nav {}
#fp-nav ul {}
#fp-nav ul li {margin:0 auto 7px !important;}
#fp-nav ul li:last-child {margin:0 auto !important;}
#fp-nav ul li a {}
#fp-nav ul li a span {width:8px !important; height:8px !important; background:rgba(255,255,255,0.6) !important; border:2px solid #fff !important; box-sizing:border-box; margin:-4px 0 0 -4px !important; opacity:0.7; font-size:12px; line-height:16px;}
#fp-nav ul li a.active span {width:12px !important; height:12px !important; margin:-6px 0 0 -6px !important; background:rgba(255,255,255,0.8) !important; opacity:1;}
#fp-nav ul li div.fp-tooltip {height:20px; font-size:11px; line-height:20px; padding:0 12px; box-sizing:border-box; border-radius:10px; background:rgba(0,0,0,0.8); margin-top:-1px;}
*/

.twin.normal {
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
}
.twin.fast {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.twin.slow {
transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
}
.delay_100 {transition-delay:0.1s !important;}
.delay_200 {transition-delay:0.2s !important;}
.delay_300 {transition-delay:0.3s !important;}
.delay_400 {transition-delay:0.4s !important;}
.delay_500 {transition-delay:0.5s !important;}
.delay_600 {transition-delay:0.6s !important;}
._alpha {opacity:0 !important;}
._alpha.act {opacity:1 !important;}
.twin._up {margin-top:50px !important;}
.twin._up.act {margin-top:0 !important;}
.twin._down {margin-top:-50px !important;}
.twin._down.act {margin-top:0 !important;}
.twin._left {margin-left:50px !important;}
.twin._left.act {margin-left:0 !important;}
.twin._right {margin-left:-50px !important;}
.twin._right.act {margin-left:0 !important;}

.fullpage {}
.fullpage .section {box-sizing:border-box; background-size:cover !important;}
/* Fullpage 관련 스타일 :: E */



.conBody.main {padding:56px 0 0 0;}
.conBody.main .inner {padding:0;}



/* 상단 배너 & 카테고리 메뉴 영역 :: S */
.topBannerCategories {}

.topBannerCategories .banner {width:100%; position:relative; margin:0 auto 30px; padding:0;}
.topBannerCategories .banner .topBannerSlider {width:100%; position:relative;}
.topBannerCategories .topBannerSlider .swiper-slide {position:relative;}
.topBannerCategories .topBannerSlider .swiper-slide a {display:block; width:100%;}
.topBannerCategories .topBannerSlider .swiper-slide a img {width:100%;}
.topBannerCategories .topBannerSlider .swiper-pagination {position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:10px auto 0;}
.topBannerCategories .topBannerSlider .swiper-pagination span {margin:0 6px 0 0;}
.topBannerCategories .topBannerSlider .swiper-pagination span:last-child {margin:0;}

.topBannerCategories .categories {width:100%; position:relative; margin:30px auto; padding:0;}
.topBannerCategories .categories ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:left;}
.topBannerCategories .categories ul li {display:inline-block; vertical-align:top; width:calc(20% - 3px); position:relative; margin:15px 0; padding:0;}
.topBannerCategories .categories ul li a {display:block; width:100%; position:relative; margin:0; padding:0; text-align:center;}
.topBannerCategories .categories ul li a > * {display:block; width:100%; max-width:100%; text-align:center; position:relative; margin:0 auto; padding:0; font-size:16px; line-height:20px; font-weight:600; color:#333;}
.topBannerCategories .categories ul li a img {width:auto;}
.topBannerCategories .categories ul li a p {margin:5px auto 0;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.topBannerCategories .categories ul {}
	.topBannerCategories .categories ul li {width:calc(20% - 3px); margin:12px 0;}
	.topBannerCategories .categories ul li a {}
	.topBannerCategories .categories ul li a > * {font-size:15px; line-height:20px;}
	.topBannerCategories .categories ul li a img {}
	.topBannerCategories .categories ul li a p {margin:4px auto 0;}
}

@media screen and (max-width:640px){
	.topBannerCategories .categories ul {}
	.topBannerCategories .categories ul li {width:calc(25% - 3px); margin:10px 0;}
	.topBannerCategories .categories ul li a {}
	.topBannerCategories .categories ul li a > * {font-size:14px; line-height:20px;}
	.topBannerCategories .categories ul li a img {}
	.topBannerCategories .categories ul li a p {margin:3px auto 0;}
}

@media screen and (max-width:480px){
	.topBannerCategories .categories ul {}
	.topBannerCategories .categories ul li {width:calc(25% - 3px); margin:10px 0;}
	.topBannerCategories .categories ul li a {}
	.topBannerCategories .categories ul li a > * {font-size:14px; line-height:20px;}
	.topBannerCategories .categories ul li a img {}
	.topBannerCategories .categories ul li a p {margin:3px auto 0;}
}

@media screen and (max-width:420px){
	.topBannerCategories .categories ul {}
	.topBannerCategories .categories ul li {width:calc(33.33333333333333% - 3px); margin:10px 0;}
	.topBannerCategories .categories ul li a {}
	.topBannerCategories .categories ul li a > * {font-size:13px; line-height:18px;}
	.topBannerCategories .categories ul li a img {}
	.topBannerCategories .categories ul li a p {margin:3px auto 0;}
}

@media screen and (max-width:360px){
	
}
/* 상단 배너 & 카테고리 메뉴 영역 :: E */



/* 예약컨텐츠 리스트 영역 :: S */
.contentListWrap {}

.contentListWrap .titleArea {}
.contentListWrap .titleArea .searchSel {display:block; width:90px; height:32px; position:relative; margin:0; padding:0 5px; text-align:left; font-size:14px; line-height:32px; font-weight:400; color:#333; background:#f5f5f5; border-radius:18px;}

.contentListWrap .listArea {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.contentListWrap .listArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.contentListWrap .listArea ul li {display:inline-block; width:calc(50% - 10px); vertical-align:top; position:relative; margin:0 15px 20px 0; padding:0;}
.contentListWrap .listArea ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}

.contentListWrap .listArea .thumbnail {width:100%; position:relative; margin:0 auto; padding:0;}
.contentListWrap .listArea .thumbnail a {display:block; width:100%; position:relative; text-align:center; margin:0; padding:10px; box-sizing:border-box; background:#fff; border-radius:10px;
height:0; padding-bottom:56.25%; overflow:hidden;}
.contentListWrap .listArea .thumbnail a > div {width:100%; height:100%; position:absolute; top:0; left:0;}
.contentListWrap .listArea .thumbnail a .disT {}
.contentListWrap .listArea .thumbnail a .disTC {text-align:center; vertical-align:middle;}
.contentListWrap .listArea .thumbnail a img {max-width:100%; vertical-align:middle;}
.contentListWrap .listArea .thumbnail .contentThumbSlider {width:100%; position:relative; margin:0; padding:0;}
.contentListWrap .listArea .thumbnail .swiper-slide {position:relative;}
.contentListWrap .listArea .thumbnail .swiper-slide a {display:block; position:relative;
width:100%; height:0; padding-bottom:56.25%; overflow:hidden; background-size:cover !important; border-radius:10px;
padding-bottom:45.052083333333333333333333333333%;
background-size:contain !important;}
.contentListWrap .listArea .thumbnail .swiper-slide a img {width:100%; vertical-align:top;}

.contentListWrap .listArea .thumbnail .favorite {display:block; width:32px; height:32px; position:absolute; top:10px; right:10px; padding:5px; box-sizing:border-box; border-radius:50%; background:rgba(0,0,0,0.5); z-index:5; opacity:1;}
.contentListWrap .listArea .thumbnail .favorite img {display:block; width:100%; height:100%; position:relative; vertical-align:middle; z-index:1;}
.contentListWrap .listArea .thumbnail .favorite img.on {width:22px; height:22px; position:absolute; top:5px; left:5px; margin:0; z-index:5; opacity:0;}
.contentListWrap .listArea .thumbnail .favorite.active img.on {opacity:1;}

.contentListWrap .listArea .thumbnail .swiper-pagination {width:100%; height:8px; position:absolute; top:auto; left:0; bottom:15px; right:auto; margin:0; padding:0; text-align:center;
position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:10px auto 0;}
.contentListWrap .listArea .thumbnail .swiper-pagination span {display:inline-block; width:8px; height:8px; position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:0 6px 0 0; padding:0; background:#000; border:1px solid #fff; vertical-align:top; opacity:0.5;}
.contentListWrap .listArea .thumbnail .swiper-pagination span:last-child {margin:0;}
.contentListWrap .listArea .thumbnail .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;}
.contentListWrap .listArea .thumbnail .count {width:120px; height:36px; position:absolute; top:15px; left:15px; text-align:center; background:rgba(0,0,0,0.7); border-radius:5px; z-index:5; display:none !important;}
.contentListWrap .listArea .thumbnail .count p {display:inline-block; position:relative; vertical-align:middle; margin:0 1px; padding:0; font-size:14px; line-height:36px; font-weight:500; color:#fff;}

.contentListWrap .listArea .thumbnail .contentThumbSlider .kind {display:block; width:50px; height:30px; text-align:center; position:absolute; bottom:10px; left:10px; margin:0; padding:0; font-size:13px; line-height:30px; font-weight:400; color:#fff; background:rgba(0,0,0,0.9); border-radius:15px; z-index:5; display:none !important;}

.contentListWrap .listArea .information {width:100%; position:relative; margin:5px auto 0; padding:0;}
.contentListWrap .listArea .information ._row {width:100%; position:relative; margin:0 auto 15px; padding:0;}
.contentListWrap .listArea .information ._row:last-child {margin:0 auto;}
.contentListWrap .listArea .information ._row p,
.contentListWrap .listArea .information ._row a {display:block; position:relative; text-align:center; margin:0; padding:0;}
.contentListWrap .listArea .information ._row .kind {font-size:12px; line-height:18px; font-weight:500; color:#777; margin:0 0 5px 0;}
.contentListWrap .listArea .information ._row .name {font-size:16px; line-height:22px; font-weight:500; color:#333;}
.contentListWrap .listArea .information ._row .performance {font-size:12px; line-height:16px; font-weight:400; color:#606060; text-align:right; margin:10px auto 0;}


.contentListWrap .listArea ul li.favorite {width:calc(33.33333333333333% - 17.5px); margin:0 20px 20px 0;}
.contentListWrap .listArea ul li.favorite:nth-of-type(3n+3) {margin:0 0 20px 0;}
.contentListWrap .listArea li.favorite .information {margin:5px auto 0;}
.contentListWrap .listArea li.favorite .information ._row .name {font-size:14px; line-height:20px; font-weight:400;}
.contentListWrap .listArea ul li.favorite .delBtn {display:block; width:25px; height:25px; position:absolute; top:-5px; right:-5px; margin:0; padding:6px; box-sizing:border-box; background:#111; border-radius:50%; z-index:5;}
.contentListWrap .listArea ul li.favorite .delBtn img {max-width:100%; vertical-align:top;}


.contentListWrap._main {margin:0 auto;}
.contentListWrap._main .titleArea {margin:0 auto 15px;}
.contentListWrap._main .listArea {padding:50px 15px 40px 15px; background:#f5f5f5;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.contentListWrap .listArea ul li {}
	.contentListWrap .listArea .information {margin:4.5px auto 0;}
	.contentListWrap .listArea .information ._row .kind {}
	.contentListWrap .listArea .information ._row .name {font-size:15px; line-height:21px;}
	.contentListWrap .listArea .information ._row .performance {}
	
	.contentListWrap .listArea ul li.favorite {width:calc(33.33333333333333% - 12px); margin:0 12px 12px 0;}
	.contentListWrap .listArea ul li.favorite:nth-of-type(3n+3) {margin:0 0 12px 0;}
	.contentListWrap .listArea li.favorite .information {margin:4px auto 0;}
	.contentListWrap .listArea li.favorite .information ._row .name {font-size:14px; line-height:20px;}
	.contentListWrap .listArea ul li.favorite .delBtn {width:25px; height:25px; top:-5px; right:-5px; padding:6px;}
}

@media screen and (max-width:640px){
	.contentListWrap .listArea ul li {width:calc(50% - 7.5px); margin:0 10px 15px 0;}
	.contentListWrap .listArea .information {margin:4px auto 0;}
	.contentListWrap .listArea .information ._row .kind {}
	.contentListWrap .listArea .information ._row .name {font-size:14px; line-height:20px;}
	.contentListWrap .listArea .information ._row .performance {margin:8px auto 0;}
	
	.contentListWrap .listArea ul li.favorite {}
	.contentListWrap .listArea ul li.favorite {width:calc(50% - 9px); margin:0 8px 8px 0;}
	.contentListWrap .listArea ul li.favorite:nth-of-type(3n+3) {margin:0 8px 8px 0;}
	.contentListWrap .listArea ul li.favorite:nth-of-type(2n+2) {margin:0 0 8px 0;}
	.contentListWrap .listArea li.favorite .information {margin:4px auto 0;}
	.contentListWrap .listArea li.favorite .information ._row .name {font-size:13px; line-height:20px;}
	.contentListWrap .listArea ul li.favorite .delBtn {width:25px; height:25px; top:-5px; right:-5px; padding:6px;}
}

@media screen and (max-width:480px){
	.contentListWrap .listArea ul li {width:calc(50% - 5px); margin:0 5px 15px 0;}
	.contentListWrap .listArea .information {margin:3.5px auto 0;}
	.contentListWrap .listArea .information ._row .kind {}
	.contentListWrap .listArea .information ._row .name {font-size:14px; line-height:20px;}
	.contentListWrap .listArea .information ._row .performance {margin:6px auto 0;}
	
	.contentListWrap .listArea ul li.favorite {}
	.contentListWrap .listArea ul li.favorite {width:calc(50% - 8px); margin:0 10px 10px 0;}
	.contentListWrap .listArea ul li.favorite:nth-of-type(3n+3) {margin:0 10px 10px 0;}
	.contentListWrap .listArea ul li.favorite:nth-of-type(2n+2) {margin:0 0 10px 0;}
	.contentListWrap .listArea li.favorite .information {margin:4px auto 0;}
	.contentListWrap .listArea li.favorite .information ._row .name {font-size:13px; line-height:18px;}
	.contentListWrap .listArea ul li.favorite .delBtn {width:24px; height:24px; top:-5px; right:-5px; padding:6px;}
}

@media screen and (max-width:420px){
	.contentListWrap .listArea ul li {display:block; width:100%; margin:0 auto 20px !important;}
	.contentListWrap .listArea ul li:last-child {margin:0 auto !important;}
	
	.contentListWrap .listArea ul li.favorite {}
	.contentListWrap .listArea ul li.favorite {display:block; width:100%; margin:0 auto 10px !important;}
	.contentListWrap .listArea ul li.favorite:last-child {margin:0 auto !important;}
	.contentListWrap .listArea li.favorite .information {margin:3px auto 0;}
	.contentListWrap .listArea li.favorite .information ._row .name {font-size:12px; line-height:16px;}
	.contentListWrap .listArea ul li.favorite .delBtn {width:24px; height:24px; top:-5px; right:-5px; padding:6px;}
}

@media screen and (max-width:360px){
	
}
/* 예약컨텐츠 리스트 영역 :: E */



/* 최상단 프로모션 배너 영역 :: S */
.mainTopBannerWrap.con {}

.mainTopBanner {width:100%; position:relative;}
.mainTopBanner .swiper-slide {}
/* 최상단 프로모션 배너 영역 :: E */