/* article[class^="area_"] {padding:120px 0;} */
article[class^="area_"] .tit {text-align:center;padding-bottom:40px}
article[class^="area_"] .tit h3 {font-family: "Belleza", system-ui;font-size:66px;font-weight: 600;text-transform: uppercase;}
article[class^="area_"] .tit p {font-size:20px;color: #989898;}
article[class^="area_"] .tit .ov_hi:nth-child(2) {margin: 0px 0 0px;}
article[class^="area_"] .tit p > em {font-weight: 800;}
article[class^="area_"] .tit i {font-size:18px;display:block;}

/* area_visual */
/* .area_visual {width: 100%;height: 700px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;overflow: hidden;} */

@media (max-width: 991px) {
  .area_visual {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .area_visual {
    height: 500px;
  }
}

.area_visual .swiper-slide {overflow: hidden;color: #fff;}
.area_visual .swiper-container {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.area_visual .slide-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;text-align: left;}
.area_visual .swiper-button-prev,
.area_visual .swiper-button-next {display: block;}
.area_visual:hover .swiper-button-prev, .area_visual:hover .swiper-button-next {transform:translateX(0);opacity:1;visibility:visible;}
@media (max-width: 767px) {
  .area_visual .swiper-button-prev,
  .area_visual .swiper-button-next {
    display: none;
  }
}

.area_visual .swiper-button-prev,
.area_visual .swiper-button-next {background: #00000021;width: 90px;height: 90px;margin-top: -30px;text-align: center;/*border: 2px solid #d4d3d3;*/border-radius: 55px;opacity:0;visibility:hidden;transition:all .3s ease;display: flex;align-items: center;justify-content: center;}

.area_visual .swiper-button-prev {left: 25px;transform:translateX(50px);}
.area_visual .swiper-button-prev:before {display: inline-blockvertical-align: middle;}
.area_visual .swiper-button-next {right: 25px;transform:translateX(-50px);}
.area_visual .swiper-button-next:before {display: inline-blockvertical-align: middle;}

.area_visual .swiper-pagination-bullet {width: 150px;height: 4px;border-radius: 0;margin: 0 3px;background: #fff;}
.area_visual .swiper-pagination-bullet-active {opacity:1;}
.area_visual .swiper-container-horizontal > .swiper-pagination-bullets,
.area_visual .swiper-pagination-custom,
.area_visual .swiper-pagination-fraction {bottom: 30px;}
.swiper-button-next:after, .swiper-button-prev:after {color:#fff !important;}


/* visual */
.area_visual {width:100%;height:100vh;position: relative;overflow: hidden;}
.area_visual > div {width: 100%;height: 100%;}
.area_visual .swiper-slide .slide-bg-image {background-size: cover;background-position: center center;background-repeat: no-repeat;transition: 3s all;z-index: -1;}
.area_visual .wrap {display: flex;align-items: center;height: 100%;}
.area_visual .swiper-slide.slide01 .slide-bg-image {background-image: url(../img/main/visual01.jpg);}
.area_visual .swiper-slide.slide02 .slide-bg-image {background-image: url(../img/main/visual02.jpg);}
.area_visual .swiper-slide.slide03 .slide-bg-image {background-image: url(../img/main/visual03.jpg);}
.area_visual .slogan > * {color:#fff;}
.area_visual .slogan b {font-family: "Belleza", system-ui;font-size: 80px;line-height: 61px;display: block;font-weight: normal;text-transform: uppercase;}
.area_visual .slogan p {font-size: 40px;padding:50px 0 35px;font-weight: 700;}
.area_visual .slogan span {font-size: 18px;}
.area_visual .slogan span > i {font-weight: 700;}
.area_visual .slogan img + div {margin-top:80px;}
.area_visual .wrap.type2 {justify-content: center;}
.area_visual .wrap.type2 p {padding:0 0 35px 0;}
.area_visual .wrap.type2 .slogan_tx {padding-top:50px;text-align:center;}
.area_visual .wrap.type2 .slogan_tx i {font-size: 18px;font-weight: normal;}
.area_visual .wrap.type2 .slogan_tx em {width: 234px;text-align: right;display: inline-block;}

/* 01_area_program */
.area_program, .area_lounge, .area_dr, .area_tv, .area_poin2 {padding:100px 0;background:#fff;background-attachment: fixed;}
.area_program{background: url('/img/main/pro_bg.jpg') no-repeat center top/cover;}
.area_program .tab_container {padding-bottom:55px;}
.area_program .tabs {display: flex;flex-wrap: wrap;justify-content: space-evenly;    width: 1000px;margin: 0 auto;}
.area_program .tabs li {padding: 15px 0px;font-size: 24px;
    color: #fff;
    cursor: pointer;
    width: 24.9%;
    text-align: center;
    background: #d7ba90;
    border-left: 2px solid transparent;}
.area_program .tabs li.active, .area_program .tabs li:hover {    color: #393939;
    font-weight: 800;
    border-bottom: 2px solid #d7ba90;
    background: #fff;}
.pro_slide_cnt {display: flex;flex-wrap: wrap;align-items: center;padding: 0 160px;}
.pro_slide_cnt .txt {margin-left: 70px;}
.pro_slide_cnt .txt h5 {font-size: 55px;font-weight: 800;line-height: 60px;}
.pro_slide_cnt .txt i {font-size: 30px;color:#d7ba90;font-weight: 400;padding-bottom:10px;display: inline-block;}
.pro_slide_cnt .txt p{    margin-top: 15px;color: #787878;font-size: 16px;letter-spacing: -0.5px;}
.area_program .swiper-button-next, .area_program .swiper-button-prev {width:60px;height:37px;}
.area_program .swiper-button-next:after, .area_program .swiper-rtl .swiper-button-prev:after,
.area_program .swiper-button-prev:after, .area_program .swiper-rtl .swiper-button-next:after {font-size: 0 !important;width:60px;height:37px;background: url(../img/main/btn_arr.png) no-repeat center/100%;}
.area_program .swiper-button-prev:after, .area_program .swiper-rtl .swiper-button-next:after {transform: scaleX(-1);}
.area_program .btn_more {margin-top:45px;}

/* 02_area_poin */
.area_poin {position: relative;height: 700px;display: flex;align-items: center;background: #fff;}
.area_poin .box_bl {overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.area_poin .img {position: absolute;right: -50px;top: 50%;transform: translate(0, -50%);}
.area_poin .txt {font-size:30px;line-height: 52px;display: inline-block;width: 35%;}
.area_poin .video_cnt {background: #272727;padding-left: 80px;display: inline-block;width: 60%;float: right;height: 430px;display: flex;flex-direction: column;justify-content: center;}
.area_poin .txt p:nth-child(2) {padding-bottom:20px;}
.area_poin .txt p > em {font-weight: 800;}
.area_poin::after, .area_poin::before {content: '';display: inline-block;position: absolute;}
.area_poin::after {background: #e7ded3 url('../img/main/sec02_img.jpg') no-repeat center top/cover;width: 63%;height: 100%;left: 0;top: 0;z-index: 0;}
.area_poin::before {width: 62%;height: 430px;right:0;background: #272727;}

/* full */
.area_hope .area_full{position:relative;overflow:hidden;padding:10px 0;height: 100vh;}
.area_hope .area_full > div {display:block; position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; background-position: 50% 50%;background-attachment: fixed;}
.area_hope .area_full .video_wrap .video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;}
.area_hope .video-placeholder {position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);width: 100vw;min-width:177.77vh;min-height:100vh;height: 100vh;background-image: url('../img/main/celllove_move.jpg');background-size: cover;}
.video_wrap .video.mo {display: none;}
.video_wrap .video {width:100%;}
.video_wrap video {display:block;}

/* area_dr */
.area_dr {background: url(../img/main/bg_doc.png) no-repeat center top/cover;position:relative; padding-bottom: 0;}
.area_dr .tit {text-align: left !important;}
.area_dr strong {font-weight: 700;font-size:30px;display: block;padding-bottom: 15px;}
.area_dr .list_dot li {line-height: 46px;font-size: 20px;}
.area_dr .list_dot li:before {content: '';display: inline-block;width: 6px;height: 6px;background: #272727;border-radius: 10px;margin: 0 15px 5px 0;}
.area_dr .list_dot + .list_dot {padding-left: 40px;}
.dr_tx.MO {display:none;}
.area_dr .wrap {display: flex;justify-content: space-between;align-items: end;}
.area_dr .wrap > div {width: 45%;}
.area_dr .dr_tx {padding-bottom:120px}
.area_dr .dr_tx p {word-break: keep-all;}
.area_dr .dr_tx p + b {display: block;text-align: right;padding-top: 70px;font-weight: 400;padding-right: 20px;}
.area_dr .dr_tx p + b > em {font-family: "Belleza", system-ui;}

/* area_poin2  */
.area_poin2 {background: url(../img/main/bg_poin2.jpg) no-repeat center top/cover;position: relative;background-attachment: fixed;}
.area_poin2 .video_wrap {width:60%;}
.area_poin2 .txt {text-align:center;font-size:30px;line-height: 52px;}
.area_poin2 .txt > p:first-child {margin:50px 0 20px;}
.area_poin2 .txt > p:last-child {font-family: "Belleza", system-ui;font-weight: 800;}
.area_poin2 .video {box-shadow: 15px 20px 29px 0px rgb(0 0 0 / 40%);}
.area_poin2 .img_mo{display:none;}

/*area_lounge*/
.area_lounge .col_wrap {align-items: center;justify-content: space-between;}
.area_lounge .col_wrap + .col_wrap {flex-direction: row-reverse;padding-top: 65px;}

.area_lounge .tx b {font-size:30px;padding-bottom: 30px;display: block;font-family: "Belleza", system-ui;}
.area_lounge .tit + .col_wrap .tx {padding-right:90px;}

/*area_hope*/
.area_hope {background: url('../img/main/sec06_bg.jpg') center/cover;height:560px;}
.area_hope .wrap{display: flex;align-items: center;justify-content: space-between;    height: 100%;}
.area_hope .txt {display: flex;align-items: center;flex-direction: column;}
.area_hope .txt > * {color:#fff;display:block;font-size: 30px;}
.area_hope .txt .ov_hi {padding:30px 0 50px;}
.area_hope .txt span {font-family: "Belleza", system-ui;text-transform: uppercase;}
.area_hope .wrap .video_wrap{width:50%}

/* area_event */
.area_event {padding:120px 0;background: linear-gradient(#e7e7e76e, #fff);}
.event_inn {position:relative;}

/* area_tv */

@media screen and (min-width: 992px) {
  .area_visual .swiper-container-horizontal > .swiper-pagination-bullets,
  .area_visual .swiper-pagination-custom,
  .area_visual .swiper-pagination-fraction {
/*     display: none; */
  }
 article.area_program .tit{padding-bottom: 20px;}
  .area_program .tab_container{padding-bottom: 35px;}
  .area_program .tabs li {    padding: 10px 0px;}
  .pro_slide_cnt .img img{width:75%}
}
.swiper-pagination {text-align:left;}
.area_visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:80px;max-width: 1200px;padding: 0 15px;margin: 0 auto;left: 50%;transform: translateX(-50%);}
}
@media (min-width: 767px) {
  .area_visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
}
@media (max-width: 1460px) {
	.area_dr .dr_img.PC {right: 0;}
	.area_dr .dr_img.PC img {width: 84%;}
}
@media (max-width: 1320px) {
	.area_poin .img {right: 0;}
}

@media (max-width: 1200px) {
	.area_poin::after {width:100%;height: inherit;
        background-size: contain;
        background-color: white;}
	.area_poin::before {display:none;}
	.area_poin .txt {width:100%;padding-left: 0px;}
	.area_poin .img {right: 100px;}

	.pro_slide_cnt .img,	.pro_slide_cnt .txt {width:45%}

	.area_poin .video_cnt {padding: 0px 20px;}
}

@media (max-width: 1024px) {
	article[class^="area_"] .tit h3 {font-size: 34px !important;}
	article[class^="area_"] .tit p {font-size: 15px;}
	article[class^="area_"] .tit i {font-size: 14px;}
	article[class^="area_"] .btn_more {font-size: 14px;}
	article[class^="area_"] .tit {padding-bottom: 30px;}
	article[class^="area_"] .tit .ov_hi:nth-child(2) {margin: 5px 0 10px;}
	.area_visual .wrap.type2{}
	.area_visual {height: 90vh;}
	.area_visual .slogan b {font-size: 42px;line-height: 42px;}
	.area_visual .slogan p {font-size: 30px;padding: 20px 0;}
	.area_visual .wrap.type2 .slogan p {padding: 0 0 20px 0 !important;}
	.area_visual .slogan span > i {display: block;}
	.area_visual .slogan span {font-size: 16px;}
	.area_visual .slogan img {width:160px;}
	.area_visual .slogan img + div {margin-top: 50px;}
	.area_visual .swiper-container-horizontal > .swiper-pagination-bullets {max-width: 100%;width: 100%;}
	.area_visual .swiper-pagination-bullet {width:60px}
	.area_visual .swiper-slide.slide01 .slide-bg-image {background-image: url(../img/main/visual01_Mo.jpg);}
	.area_visual .swiper-slide.slide02 .slide-bg-image {background-image: url(../img/main/visual02_Mo.jpg);}
	.area_visual .swiper-slide.slide03 .slide-bg-image {background-image: url(../img/main/visual03_Mo.jpg);}
	.area_visual .wrap.type2 .slogan_tx em {width: 187px;}
	.area_visual .swiper-button-prev, .area_visual .swiper-button-next {width: 40px;height: 40px;}
	.area_visual .swiper-button-next:after, .area_visual .swiper-button-prev:after {font-size: 20px !important;}
	.area_visual .swiper-button-prev {left:5px;}
	.area_visual .swiper-button-next {right:5px;}

	/* area_program */
	
	.area_program #container {display: flex;flex-direction: column-reverse;}
	.area_program .tabs {margin-bottom:20px;width:94%}
	.area_program .tabs li {font-size: 15px;padding:  10px 0px;}
	.area_program .tab_container {padding-bottom: 0;padding-top: 30px;}
	.pro_slide_cnt {justify-content: center;padding: 0 20px;}
	.pro_slide_cnt .txt {margin-left:0;text-align:center;margin-top: 40px;width: 100%;}
	.pro_slide_cnt .txt i {font-size: 20px;padding-bottom: 0;}
	.pro_slide_cnt .txt h5 {font-size: 34px;line-height: 40px;}
	.pro_slide_cnt .txt p{margin-top:20px;}
	.pro_slide_cnt .img img {width:100%}
	.tit .ov_hi:nth-child(2) {margin: 25px 0 10px;}
	.area_program .swiper-button-next:after, .area_program .swiper-rtl .swiper-button-prev:after, .area_program .swiper-button-prev:after, .area_program .swiper-rtl .swiper-button-next:after {width: 30px;}
	.area_program .swiper-button-next,
	.area_program .swiper-button-next:after {right:-10px;top: 130px;}
	.area_program .swiper-button-prev,
	.area_program .swiper-button-prev:after{left:-10px;top: 130px;}
	.area_program .btn_more {margin-top: 25px;}
	.pro_slide_cnt .img, .pro_slide_cnt .txt {width:100%}


@media (max-width: 500px) {
	.pro_slide_cnt{padding: 0 0px;}
	.pro_slide_cnt .img{width:65%}
	.area_program .tab_container{        padding-top: 10px;}
    .pro_slide_cnt .txt p {margin-top: 10px;}
    article[class^=area_] {padding: 50px 0 30px;}
	article.area_program .tit{padding-bottom: 20px;}
	.pro_slide_cnt .txt{margin-top: 30px;}
}
	/* area_full */
	.area_full {height: 38vh;}
	.area_full .video_wrap .video{width:100vw;height: initial;}

	/* .video_wrap {display: flex;align-items: center;justify-content: center;} */
	.area_video {padding:0 !important;}

	/* area_poin */
	.area_poin .txt {padding-left:0;text-align:center;height: 100%;font-size: 18px;line-height: 28px;}
	/* .area_poin > div {margin-top: 30%;} */
	.area_poin {height:100%;}
	.area_poin .box_bl {display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;margin-bottom: 20px !important;/*padding: 40px 0;*/}
	/* .area_poin .img {position: inherit;transform: inherit;margin-top: 35px;}
	.area_poin .img img{width: 120px;} */
	.area_poin .video_cnt {background: transparent;width:100%;height: inherit;margin-top: 20px;}

	/* area_dr */
	.area_dr .list_dot li {font-size: 16px;line-height: 34px;}
	.area_dr .tit h3 {text-transform: capitalize;}
	.area_dr .col_wrap {flex-direction: column;width: 290px;margin: 0 auto;}
	.area_dr .dr_tx.MO {display:block;text-align: center;}
	.area_dr .dr_tx.MO img {width:80%}
	.area_dr .dr_img.PC, .area_dr strong {display:none;}
	.area_dr .list_dot + .list_dot {padding-left: 0;}

	.area_dr .wrap > div {width:100%;}
	.area_dr .dr_tx {padding-bottom: 20px;}
	.area_dr .dr_tx p + b {padding-top: 40px;}

	/* area_lounge */
	.area_lounge img {width:100%}
	.area_lounge .col_wrap {flex-direction: column;}
	.area_lounge .col_wrap > div {width:100%}
	.area_lounge .tit + .col_wrap .tx {padding-right: 0;}
	.area_lounge .col_wrap .tx {padding-top: 30px;}
	.area_lounge .tx b {font-size: 20px;padding-bottom: 20px;}
	.area_lounge .col_wrap + .col_wrap {padding-top: 35px;}
	
	/* area_hope */
	.area_hope {height: auto;}
	.area_hope img {width: 120px;}
	.area_hope .txt > * {font-size: 18px;}
	.area_hope .txt .ov_hi {padding: 25px 0 20px;}
	.area_hope .wrap{    flex-direction: column;}
	.area_hope .wrap .video_wrap{margin-top: 40px;}
	.area_full > div {position: inherit;}

	/* 	.area_poin2 */
	.area_poin2 {background: url(../img/main/bg_poin2_mo.jpg) no-repeat center top / cover;}
	.area_poin2 .txt {font-size: 18px;line-height: 28px;}
	.area_poin2 .video_wrap {width: 100%;}
	.video_wrap .video.mo, .area_poin2 .img_mo {display:block;}
	.video_wrap .video.pc {display:none;}
}

@media (max-width: 768px) {
	.video_wrap .video.mo {display: block;}
	.video_wrap .video.pc {display: none;}
	.area_hope .wrap .video_wrap {width: 100%;}
}



/* 리얼후기 */
.area_selfie {padding:120px 0;background:#f7f7f7;}
.sec_title{text-align: center; margin-bottom:40px;position: relative;}
.sec_title:after{ content: ''; bottom: 0px;left: 50%;margin-left: -20px;position: absolute;width: 40px;height: 1px; background:#222;}
.grid-container img {width: 100%; height: auto;}
.grid-container {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 5px;grid-row-gap: 5px;}
.grid-container article:nth-child(2){  grid-column: 2 ;  grid-row: 1 / 3;}
.grid_3 article:nth-child(3){border:1px solid red;}
.location-listing {position: relative;}
.location-image {line-height: 0;overflow: hidden;}
.location-image img {filter: blur(0px);transition: filter 0.3s ease-in;transform: scale(1.1);}
.location-image img.mo_img{display:none;}
.location-title {font-weight: bold;z-index: 1;position: absolute;height: 100%;width: 100%;top: 0;left: 0;opacity: 0;transition: opacity .5s;background: rgba(114,99,71,0.5);border:4px solid rgba(197,172,127,0.5);text-decoration: underline;color: #fff !important;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.location-title b{color: #e6cd6a;text-decoration: underline;display: inline-block;}
.location-listing:hover .location-title {opacity: 1;}

/* for touch screen devices */
@media (max-width: 768px){
	.grid-container {grid-template-columns: repeat(3, 1fr);
}
.grid-container article:nth-child(2){  grid-column: 2 ;  grid-row: 1 / 3;}
.grid-container article:nth-child(8){  grid-column: 3 ;  grid-row: 3 / 5;}
.grid-container article:nth-child(6){  grid-column: 1 ;  grid-row: 2 / 4;}
.grid-container article:nth-child(7){  grid-column: 1 ;  grid-row: 4;}
.grid-container article:nth-child(9){  grid-column: 2 ;  grid-row: 3;}
.grid-container article:nth-child(10){  grid-column: 1 / 3 ;  grid-row: 5;}
.location-image img.mo_img{display:block;}
.location-image img.pc_img{display:none;}

}
@media (max-width: 500px){
	.sec_title #h55{font-size: 14px !important;}
	.sec_title h2{ font-size: 40px;line-height: 100px;}
}