@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;}
._up {margin-top:50px !important;}
._up.act {margin-top:0 !important;}
._down {margin-top:-50px !important;}
._down.act {margin-top:0 !important;}
._left {margin-left:50px !important;}
._left.act {margin-left:0 !important;}
._right {margin-left:-50px !important;}
._right.act {margin-left:0 !important;}

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



/* 인트로 팝업 영역 :: S */
.mainPopWrap {width:100%; max-width:800px; height:auto; position:absolute; top:30px; left:30px; z-index:9999; margin:0; padding:0;}
.mainPopWrap.close {display:none !important;}
.mainPopWrap ._in {width:100%; height:auto; position:relative; margin:0; padding:0; border:1px solid #555; box-sizing:border-box; background:#fff;}
.mainPopWrap ._in .banner {width:100%; position:relative;}
.mainPopWrap ._in .banner img {display:block; width:100%;}
.mainPopWrap ._in .btns {width:100%; height:30px; position:relative; margin:0; padding:5px; box-sizing:border-box;}
.mainPopWrap ._in .btns a {display:inline-block; height:20px; position:relative; vertical-align:top; margin:0; padding:0; font-size:12px; line-height:20px; font-weight:400; color:#333;}
.mainPopWrap ._in .btns ._r {display:block; float:right;}

.mainPopWrap .swiper-pagination {width:100%; height:10px; position:absolute; bottom:15px; left:0; text-align:center; margin:0; padding:0;}
.mainPopWrap .swiper-pagination span {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:top; margin:0 6px 0 0; padding:0; border:1px solid #fff; background:rgba(0,0,0,0.1); opacity:1;}
.mainPopWrap .swiper-pagination span:last-child {margin:0;}
.mainPopWrap .swiper-pagination span.swiper-pagination-bullet-active {background:rgba(0,0,0,1.0);}


@media screen and (max-width:960px){
  .mainPopWrap {max-width:600px; top:0; left:0;}
}
/* 인트로 팝업 영역 :: E */



/* 최상단 프로모션 배너 영역 :: S */
.conBody#home {background-size:contain !important; background:#fff7d6 url('/public/images/cm_common_bg_bluewall_1.jpg') top left repeat;}


.mainTopBannerWrap.con {}

.mainTopBanner {width:100%; position:relative;}
.mainTopBanner .swiper-slide {position:relative;}
.mainTopBanner .swiper-slide a {display:block; width:100%; position:relativel}
.mainTopBanner .swiper-slide a img {width:100%; vertical-align:top;}

.mainTopBanner .swiper-pagination {width:70px; height:30px; position:absolute; top:auto; bottom:20px; left:auto; right:20px; text-align:center; margin:0; padding:0; box-sizing:border-box; border-radius:15px; background:#fdd000;}
.mainTopBanner .swiper-pagination > * {display:inline-block; position:relative; vertical-align:middle; top:auto; left:auto; bottom:auto; right:auto; margin:0; padding:0;}
.mainTopBanner .swiper-pagination,
.mainTopBanner .swiper-pagination > * {font-size:15px; line-height:28px; font-weight:500; color:#fff; border:0;}
/* 최상단 프로모션 배너 영역 :: E */



/* 메인 섹션별 네비게이션 영역 :: S */
.mainSecNaviWrap.con {}

.mainSecNaviWrap .mainSecNaviPos {width:100%; height:30px; position:relative; margin:0; padding:0;}
.mainSecNaviWrap .mainSecNavi {display:block; width:100%; height:30px; position:absolute; top:0; left:0; text-align:center; margin:0 auto; padding:0; box-sizing:border-box; overflow:visible;}
.mainSecNaviWrap .mainSecNavi.fixed {position:fixed; top:90px; left:0; z-index:50;}
.mainSecNaviWrap .mainSecNavi li {display:inline-block; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; box-sizing:border-box;}
.mainSecNaviWrap .mainSecNavi li:last-child {margin:0;}
.mainSecNaviWrap .mainSecNavi li a,
.mainSecNaviWrap .mainSecNavi li a span {display:block; width:30px; height:30px; text-align:center; position:relative; margin:0; padding:0; box-sizing:border-box;}
.mainSecNaviWrap .mainSecNavi li a:before,
.mainSecNaviWrap .mainSecNavi li a:after {display:block; content:''; position:absolute; border-radius:50%; z-index:1;}
.mainSecNaviWrap .mainSecNavi li a:before {z-index:2;}
.mainSecNaviWrap .mainSecNavi li a span {font-size:14px; line-height:24px; font-weight:500; color:#20394c; background:#647889; border:3px solid #a2b2c3; border-radius:50%; z-index:5;}
.mainSecNaviWrap .mainSecNavi li a.active span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi li a.active:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi li a.active:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

/*
.mainSecNaviWrap .mainSecNavi._6F li:nth-child(1) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._6F li:nth-child(1) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._6F li:nth-child(1) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._5F li:nth-child(2) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._5F li:nth-child(2) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._5F li:nth-child(2) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._4F li:nth-child(3) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._4F li:nth-child(3) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._4F li:nth-child(3) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._3F li:nth-child(4) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._3F li:nth-child(4) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._3F li:nth-child(4) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._2F li:nth-child(5) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._2F li:nth-child(5) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._2F li:nth-child(5) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._1F li:nth-child(6) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._1F li:nth-child(6) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._1F li:nth-child(6) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._B1 li:nth-child(7) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._B1 li:nth-child(7) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._B1 li:nth-child(7) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}
*/

.mainSecNaviWrap .mainSecNavi._5F li:nth-child(1) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._5F li:nth-child(1) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._5F li:nth-child(1) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._4F li:nth-child(2) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._4F li:nth-child(2) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._4F li:nth-child(2) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._3F li:nth-child(3) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._3F li:nth-child(3) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._3F li:nth-child(3) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._2F li:nth-child(4) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._2F li:nth-child(4) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._2F li:nth-child(4) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._1F li:nth-child(5) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._1F li:nth-child(5) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._1F li:nth-child(5) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}

.mainSecNaviWrap .mainSecNavi._B1 li:nth-child(6) a span {color:#1a3d41; background:#bed3d2; border:3px solid #e3f1f2;}
.mainSecNaviWrap .mainSecNavi._B1 li:nth-child(6) a:before {width:32px; height:32px; top:-1px; left:-1px; background:#344438;}
.mainSecNaviWrap .mainSecNavi._B1 li:nth-child(6) a:after {width:36px; height:36px; top:-3px; left:-3px; background:#e6c107;}
/* 메인 섹션별 네비게이션 영역 :: E */



/* 메인 층별 섹션 영역 :: S */
.mainFloorSec.con {}

.mainFloorSec .floor {width:100%; position:relative; margin:0 auto 60px; padding:0;}
.mainFloorSec .floor:last-child {margin:0 auto;}

.mainFloorSec .floor .bannerArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.mainFloorSec .floor .bannerArea a {display:block; width:100%; position:relative; margin:0; padding:0;}
.mainFloorSec .floor .bannerArea a img {display:block; width:100%;}
.mainFloorSec .floor .bannerArea .title {width:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; z-index:5;}
.mainFloorSec .floor .bannerArea .title > * {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box;}
.mainFloorSec .floor .bannerArea .title > *:last-child {margin:0;}
.mainFloorSec .floor .bannerArea .title p {padding:15px 25px; font-size:24px; line-height:30px; font-weight:700; color:#fff; background:#2a3c59; border-radius:0 0 15px 0;}
.mainFloorSec .floor .bannerArea .title a {display:block; position:absolute; top:50%; right:30px; font-size:18px; line-height:30px; font-weight:600; color:#fff; margin:-15px 0 0 0; padding:0; text-align:right;}

.listWrap .listArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; background:#fff;}
.listWrap.floor .listArea {padding:30px 20px;}
.listWrap .listArea .category-tab {width:100%; position:relative; text-align:left; margin:0 auto 15px; padding:0;}
.listWrap .listArea .category-tab a {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; font-size:20px; line-height:30px; font-weight:700; color:#909090;}
.listWrap .listArea .category-tab a:last-child {margin:0;}
.listWrap .listArea .category-tab a.active {color:#202020; border-bottom:1px solid #202020;}

.listWrap .listArea .category-cons {}
.listWrap .listArea .category-con {}
.listWrap .listArea .mainPrdSlider {width:100%; position:relative; margin:0; padding:0;}
.listWrap .listArea .mainPrdSlider ul,
.listWrap .listArea .mainPrdSlider ul li {margin:0; padding:0;}
.listWrap .listArea .mainPrdSlider .swiper-slide {position:relative;}
.listWrap .listArea .listItem .thumbnail {width:100%; position:relative; margin:0 auto 15px; padding:0; background:#fff; border:3px solid #fdd000; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.listWrap .listArea .listItem .thumbnail .img {display:block; width:100%; height:0; position:relative; padding-bottom:100%; overflow:hidden; background-size:contain !important;
background-size:cover !important;}
.listWrap .listArea .listItem._noThumbnail .thumbnail .img {background-size:auto auto !important;}
.listWrap .listArea .listItem .thumbnail .img img {width:100%;}
.listWrap .listArea .listItem .thumbnail .fav {display:block; width:70px; height:40px; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; background:#fdd000; border-radius:0 0 10px 0; text-align:center;}
.listWrap .listArea .listItem .thumbnail .fav > * {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; font-size:15px; line-height:40px; font-weight:700; color:#fff;}
.listWrap .listArea .listItem .thumbnail .fav > *:last-child {margin:0;}
.listWrap .listArea .listItem .thumbnail .fav .img {width:22px; height:22px;}
.listWrap .listArea .listItem .thumbnail .fav .img img {display:block; width:100%; position:relative; z-index:1;}
.listWrap .listArea .listItem .thumbnail .fav .img img.on {position:absolute; top:0; left:0; z-index:5; opacity:0;
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;
}
.listWrap .listArea .listItem .thumbnail .fav.active .img img.on {opacity:1;}
.listWrap .listArea .listItem .thumbnail .fav span:before {content:'(';}
.listWrap .listArea .listItem .thumbnail .fav span:after {content:')';}
.listWrap .listArea .listItem .information {width:100%; position:relative; margin:0 auto; padding:0;}
.listWrap .listArea .listItem .information > * {display:block; text-align:left; position:relative; margin:0; padding:0;}
.listWrap .listArea .listItem .information > * img {display:inline-block; position:relative; vertical-align:middle; margin:0 3px 0 0; padding:0;}
.listWrap .listArea .listItem .information,
.listWrap .listArea .listItem .information * {font-size:15px; line-height:20px; font-weight:500; color:#777;}
.listWrap .listArea .listItem .information a:first-child {}
.listWrap .listArea .listItem .information a:first-child > * {display:inline-block; position:relative; vertical-align:middle; font-size:24px; line-height:30px; font-weight:900; color:#222;}
.listWrap .listArea .listItem .information a:first-child .name {}
.listWrap .listArea .listItem .information a:first-child .distance {font-size:14px; font-weight:700; color:#999; margin:0 0 0 5px;}
.listWrap .listArea .listItem .information .addr {margin:10px auto 0;}
.listWrap .listArea .listItem .information .tag {margin:10px auto 0;}
.listWrap .listArea .listItem .information .tag span {display:inline-block; position:relative; vertical-align:top; margin:2px; padding:0 6px; box-sizing:border-box; font-size:12px; line-height:18px; font-weight:500; color:#777; background:#ececec; border-radius:5px;}
.listWrap .listArea .listItem .information .tag span:before {content:'# ';}
.listWrap .listArea .listItem .information .desc {margin:10px auto 0; font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.listWrap .listArea .listItem .information .keyword {margin:0 auto 10px;}
.listWrap .listArea .listItem .information .keyword span {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0;}
.listWrap .listArea .listItem .information .keyword span:last-child {margin:0;}
.listWrap .listArea .listItem .information .keyword span:before {content:'#';}
.listWrap .listArea .listItem .information .call {margin:10px auto;}
.listWrap .listArea .listItem .information .time {width:120px; height:30px; text-align:center; line-height:30px; background:rgba(0,0,0,0.1); border-radius:15px;}
.listWrap .listArea .listItem .information .url {font-size:14px; line-height:16px; font-weight:500; color:#265ba9;}
.listWrap .listArea .listItem .information .url img {max-width:16px;}
.listWrap .listArea .listItem .information .engage {width:100%; position:relative; margin:1.0rem auto 0; padding:0;}
.listWrap .listArea .listItem .information .engage > * {display:block; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:500; color:#454545;}
.listWrap .listArea .listItem .information .engage a {text-align:center; width:80px; font-size:12px; line-height:24px; font-weight:500; color:#333; background:#e8e8e8; border-radius:15px;}
.listWrap .listArea .listItem .information .engage a:after {display:inline-block; content:''; width:9px; height:5px; position:relative; vertical-align:middle; line-height:24px; margin:-4px 0 0 3px; padding:0; box-sizing:border-box; background-size:cover !important; background:url('/public/images/cm_arrow_black_2_down.png') center center no-repeat; transform:rotate(0deg);
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;
}
.listWrap .listArea .listItem .information .engage div {height:0; padding:0 1.0rem; overflow:hidden;}
.listWrap .listArea .listItem .information .engage.open a {}
.listWrap .listArea .listItem .information .engage.open a:after {transform:rotate(180deg);}
.listWrap .listArea .listItem .information .engage.open div {height:auto; padding:1.0rem 1.0rem;}

.mainFloorSec .mainPrdSlider .swiper-arrow {width:28px; height:28px; top:calc(50% - 90px - 14px); margin-top:0; background-size:7.5px 15px !important; background-color:#265ba9 !important; border-radius:50%;}
.mainFloorSec .mainPrdSlider .swiper-arrow:after {display:none;}
.mainFloorSec .mainPrdSlider .swiper-button-prev {background:url('/public/images/history_arrow_left_fff.png') center center no-repeat; left:5px;}
.mainFloorSec .mainPrdSlider .swiper-button-next {background:url('/public/images/history_arrow_right_fff.png') center center no-repeat; right:5px;}

.mainFloorSec .mainPrdSlider .swiper-pagination {width:100%; height:12px; position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:30px auto 0; text-align:center;}
.mainFloorSec .mainPrdSlider .swiper-pagination span {display:inline-block; width:24px; height:12px; position:relative; vertical-align:top; margin:0 5px 0 0; padding:0; border-radius:12px; box-sizing:border-box; background:#8e8e8e; opacity:1;
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;
  }
.mainFloorSec .mainPrdSlider .swiper-pagination span:last-child {margin:0;}
.mainFloorSec .mainPrdSlider .swiper-pagination span.swiper-pagination-bullet-active {width:48px; background:#fdd000;}


.listWrap.boardListWrap .utilArea {margin:0 auto 20px;}

.listWrap.boardListWrap .utilArea.search {text-align:right;}
.listWrap.boardListWrap .utilArea.search > * {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0 5px; box-sizing:border-box; font-size:14px; line-height:30px; font-weight:500; color:#454545; border:1px solid #c4c4c4; border-radius:15px; box-shadow:none;}
.listWrap.boardListWrap .utilArea.search > *:last-child {margin:0;}
.listWrap.boardListWrap .utilArea.search input[type="text"] {width:240px;}
.listWrap.boardListWrap .utilArea.search a {width:60px; text-align:center; color:#fff; background:#333; border:1px solid #333;}

.listWrap.boardListWrap .listArea {margin:0 auto;}
.listWrap.boardListWrap .listArea .listItem {margin:0 auto 15px; padding:0 0 15px 0; border-bottom:1px solid #ececec;}
.listWrap.boardListWrap .listArea .listItem:last-child {margin:0 auto; padding:0; border-bottom:0;}
.listWrap.boardListWrap .listArea .listItem > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.listWrap.boardListWrap .listArea .listItem .thumbnail {width:150px;}
.listWrap.boardListWrap .listArea .listItem .thumbnail.small {width:100px;}
.listWrap.boardListWrap .listArea .listItem .information {width:100%;}
.listWrap.boardListWrap .listArea .listItem .thumbnail + .information {width:calc(100% - 154px); padding:0 0 0 15px;}
.listWrap.boardListWrap .listArea .listItem .thumbnail.small + .information {width:calc(100% - 104px); padding:0 0 0 15px;}
.listWrap.boardListWrap .listArea .listItem .information > * {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:22px; font-weight:400; color:#777;}
.listWrap.boardListWrap .listArea .listItem .information .title {font-size:18px; line-height:24px; font-weight:600; color:#333;}
.listWrap.boardListWrap .listArea .listItem .information .writer {margin:10px auto 0;}
.listWrap.boardListWrap .listArea .listItem .information .date {}
.listWrap.boardListWrap .listArea .listItem .information .view {width:80px; height:20px; margin:10px 0 0 0; text-align:left; font-size:13px; line-height:20px; font-weight:600; color:#333;}
.listWrap.boardListWrap .listArea .listItem .information .view:after {display:inline-block; content:''; position:relative; vertical-align:middle; width:12px; height:12px; margin:-2.5px 0 0 5px; background-size:cover !important; background:url('/public/images/cm_arrow_black_4_down.png') center center no-repeat; transform:rotate(0deg);
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;
}
.listWrap.boardListWrap .listArea .listItem .content {display:block; width:100%; height:0; position:relative; margin:10px auto 0; padding:0 10px; box-sizing:border-box; border-top:1px solid #f0f0f0; overflow:hidden;
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;
}
.listWrap.boardListWrap .listArea .listItem .content,
.listWrap.boardListWrap .listArea .listItem .content * {font-size:14px; line-height:22px; font-weight:400; color:#777;}
.listWrap.boardListWrap .listArea .listItem .content p {margin:0;}
.listWrap.boardListWrap .listArea .listItem .content img {max-width:100%; vertical-align:top;}
.listWrap.boardListWrap .listArea .listItem.open .content {height:auto; padding:10px 10px;}
.listWrap.boardListWrap .listArea .listItem.open .information .view:after {transform:rotate(180deg);}


.listWrap.boardListWrap .faqArea {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.listWrap.boardListWrap .faqArea .faqItem {display:block; width:100%; position:relative; margin:0 auto 15px; padding:0; box-sizing:border-box; border-radius:10px; border:1px solid #c4c4c4;}
.listWrap.boardListWrap .faqArea .faqItem > * {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.listWrap.boardListWrap .faqArea .faqItem > * div {width:100%; position:relative; margin:0; padding:0 0 0 20px; box-sizing:border-box; font-size:15px; line-height:24px; font-weight:500; color:#555;}
.listWrap.boardListWrap .faqArea .faqItem > * div:before {display:block; content:''; width:20px; height:20px; position:absolute; top:0; left:0; font-size:16px; line-height:20px; font-weight:700; color:#333;}
.listWrap.boardListWrap .faqArea .faqItem ._head {padding:15px;}
.listWrap.boardListWrap .faqArea .faqItem ._head div {}
.listWrap.boardListWrap .faqArea .faqItem ._head div:before {content:'Q';}
.listWrap.boardListWrap .faqArea .faqItem ._body {height:0; padding:0 15px 0 15px; overflow:hidden;}
.listWrap.boardListWrap .faqArea .faqItem.open ._body {height:auto; padding:15px 15px 15px 15px; border-top:1px solid #c4c4c4;}
.listWrap.boardListWrap .faqArea .faqItem ._body div {font-size:14px; font-weight:400; color:#777;}
.listWrap.boardListWrap .faqArea .faqItem ._body div:before {content:'A';}


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

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

@media screen and (max-width:640px){
	.mainFloorSec .floor .bannerArea .title p {padding:12px 20px; font-size:20px; line-height:26px;}
	
	.listWrap.floor .listArea {padding:25px 20px;}
	.listWrap .listArea .category-tab a {font-size:18px; line-height:28px;}
	
	.listWrap .listArea .listItem .thumbnail {border:3px solid #fdd000;}
	.listWrap .listArea .listItem .thumbnail .fav {width:65px; height:38px;}
	.listWrap .listArea .listItem .thumbnail .fav > * {margin:0 4px 0 0; font-size:14px; line-height:38px;}
	.listWrap .listArea .listItem .thumbnail .fav > *:last-child {margin:0;}
	.listWrap .listArea .listItem .thumbnail .fav .img {width:20px; height:20px;}
	
	.listWrap .listArea .listItem .information,
	.listWrap .listArea .listItem .information * {font-size:15px; line-height:20px;}
	.listWrap .listArea .listItem .information a:first-child > * {font-size:22px; line-height:28px;}
	.listWrap .listArea .listItem .information a:first-child .distance {}
	.listWrap .listArea .listItem .information .addr {}
	.listWrap .listArea .listItem .information .call {}
	.listWrap .listArea .listItem .information .time {}
	
	.mainFloorSec .mainPrdSlider .swiper-pagination {margin:25px auto 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span {width:22px; height:10px; margin:0 4px 0 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span:last-child {margin:0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span.swiper-pagination-bullet-active {width:44px;}
}

@media screen and (max-width:480px){
	.mainFloorSec .floor .bannerArea .title p {padding:10px 18px; font-size:18px; line-height:24px;}
	
	.listWrap.floor .listArea {padding:22px 15px;}
	.listWrap .listArea .category-tab a {font-size:16px; line-height:26px;}
	
	.listWrap .listArea .listItem .thumbnail {border:3px solid #fdd000;}
	.listWrap .listArea .listItem .thumbnail .fav {width:60px; height:36px;}
	.listWrap .listArea .listItem .thumbnail .fav > * {margin:0 3px 0 0; font-size:13px; line-height:36px;}
	.listWrap .listArea .listItem .thumbnail .fav > *:last-child {margin:0;}
	.listWrap .listArea .listItem .thumbnail .fav .img {width:20px; height:20px;}
	
	.listWrap .listArea .listItem .information,
	.listWrap .listArea .listItem .information * {font-size:14px; line-height:20px;}
	.listWrap .listArea .listItem .information a:first-child > * {font-size:20px; line-height:26px;}
	.listWrap .listArea .listItem .information a:first-child .distance {font-size:13px;}
	.listWrap .listArea .listItem .information .addr {margin:8px auto 0;}
	.listWrap .listArea .listItem .information .call {margin:8px auto;}
	.listWrap .listArea .listItem .information .time {width:110px; height:28px; line-height:28px;}
	
	.mainFloorSec .mainPrdSlider .swiper-pagination {margin:20px auto 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span {width:20px; height:8px; margin:0 3px 0 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span:last-child {margin:0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span.swiper-pagination-bullet-active {width:40px;}
}

@media screen and (max-width:420px){
	.mainFloorSec .floor .bannerArea .title p {padding:8px 15px; font-size:16px; line-height:22px;}
	
	.listWrap.floor .listArea {padding:20px 12px;}
	.listWrap .listArea .category-tab a {font-size:15px; line-height:25px;}
	
	.listWrap .listArea .listItem .thumbnail {border:2px solid #fdd000;}
	.listWrap .listArea .listItem .thumbnail .fav {width:56px; height:34px;}
	.listWrap .listArea .listItem .thumbnail .fav > * {margin:0 2px 0 0; font-size:13px; line-height:34px;}
	.listWrap .listArea .listItem .thumbnail .fav > *:last-child {margin:0;}
	.listWrap .listArea .listItem .thumbnail .fav .img {width:18px; height:18px;}
	
	.listWrap .listArea .listItem .information,
	.listWrap .listArea .listItem .information * {font-size:13px; line-height:20px;}
	.listWrap .listArea .listItem .information a:first-child > * {font-size:18px; line-height:24px;}
	.listWrap .listArea .listItem .information a:first-child .distance {}
	.listWrap .listArea .listItem .information .addr {}
	.listWrap .listArea .listItem .information .call {}
	.listWrap .listArea .listItem .information .time {}
	
	.mainFloorSec .mainPrdSlider .swiper-pagination {margin:18px auto 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span {width:18px; height:7px; margin:0 2px 0 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span:last-child {margin:0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span.swiper-pagination-bullet-active {width:32px;}
}

@media screen and (max-width:360px){
	.mainFloorSec .floor .bannerArea .title p {padding:6px 10px; font-size:15px; line-height:20px;}
	
	.listWrap.floor .listArea {padding:20px 10px;}
	.listWrap .listArea .category-tab a {font-size:14px; line-height:24px;}
	
	.listWrap .listArea .listItem .thumbnail {border:2px solid #fdd000;}
	.listWrap .listArea .listItem .thumbnail .fav {width:54px; height:32px;}
	.listWrap .listArea .listItem .thumbnail .fav > * {margin:0 2px 0 0; font-size:13px; line-height:32px;}
	.listWrap .listArea .listItem .thumbnail .fav > *:last-child {margin:0;}
	.listWrap .listArea .listItem .thumbnail .fav .img {width:16px; height:16px;}
	
	.listWrap .listArea .listItem .information,
	.listWrap .listArea .listItem .information * {font-size:12px; line-height:20px;}
	.listWrap .listArea .listItem .information a:first-child > * {font-size:16px; line-height:22px;}
	.listWrap .listArea .listItem .information a:first-child .distance {font-size:12px;}
	.listWrap .listArea .listItem .information .addr {margin:6px auto 0;}
	.listWrap .listArea .listItem .information .call {margin:6px auto;}
	.listWrap .listArea .listItem .information .time {width:100px; height:26px; line-height:26px;}
	
	.mainFloorSec .mainPrdSlider .swiper-pagination {margin:15px auto 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span {width:16px; height:7px; margin:0 1.5px 0 0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span:last-child {margin:0;}
	.mainFloorSec .mainPrdSlider .swiper-pagination span.swiper-pagination-bullet-active {width:26px;}
}
/* 메인 층별 섹션 영역 :: E */



/* 섹션페이지 관련 스타일 영역 :: S */
html body .pageBody {position:absolute; top:-999em; left:-999em; z-index:-1;}
html body .pageBody.active {position:relative; top:auto; left:auto; z-index:1;}

html body .conBody.layerBody {width:100%; max-width:10000px; height:100%; position:fixed; bottom:-100%; left:0; margin:0; padding:40px 0 0 0; box-sizing:border-box; background:#fff; z-index:95; opacity:0;
z-index:300;}
html body .conBody.layerBody.active {bottom:0; opacity:1;}

html body .conBody.layerBody > div {width:100%; max-width:960px; height:100%; position:relative; margin:0 auto; padding:90px 0 160px 0; box-sizing:border-box; overflow-y:auto;
padding:0 0 15px 0;}
html body .conBody.layerBody > div > .disT {}
html body .conBody.layerBody > div > .disT > .disTC {vertical-align:middle;}

html body .conBody.layerBody .closeBtn {width:100%; max-width:10000px; height:40px; position:absolute; top:0; left:0; margin:0; padding:0;}
html body .conBody.layerBody .closeBtn > div {width:100%; max-width:960px; height:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
html body .conBody.layerBody .closeBtn a {display:block; width:35px; height:30px; position:absolute; top:5px; left:10px;}
html body .conBody.layerBody .closeBtn a img {width:100%; vertical-align:top;}

html body .conBody.layerBody #sv_det_reservation {bottom:-100px !important;}
html body .conBody.layerBody.active #sv_det_reservation {bottom:90px !important;}

html body .conBody.layerBody .prdDetBannerWrap.con {margin:0 auto;}
html body .conBody.layerBody .prdDetInfoWrap.con {margin:30px auto 0;}
/* 섹션페이지 관련 스타일 영역 :: E */