@charset "utf-8";

@keyframes fadein {0%{opacity:0}to{opacity:1}}
@keyframes slideright {0%{transform:translateX(-45px)}to{transform:translateX(0)}}


/* Reset */
* {margin:0; padding:0; position:relative; /*border:1px solid #00f8ff;*/}
html {font-size:62.5%;}
body {margin:0; padding:0; height:100%; color:#333; font-family:'Noto Sans KR','Poppins','Open Sans',Dotum, Arial, sans-serif; position:relative; word-wrap: break-word; word-break: keep-all;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0; padding:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-weight:bold; letter-spacing:-0.05em;}
address,em {font-style:normal; color:#969696}
hr {display:none}
table {border-collapse:collapse; width:100%}
table tr:first-child th, table tr:first-child td {border-top:0;}
table tr th:first-child, table tr td:first-child {border-left: 0;}
table tr th:last-child, table tr td:last-child {border-right: 0;}
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer; outline:none; border: 0; box-shadow: none;}
a:link, a:visited, a:active, a:hover, a:focus {text-decoration:none; outline:none; color:inherit;}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0; outline:none;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow:inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
textarea:focus, button:focus, input:focus {outline: none;}
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle; background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

@supports (-ms-ime-align:auto)
{
	html{overflow:hidden; height:100%;}
	body{overflow:auto; height:100%; position:relative;}
}

/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
	html{overflow: hidden; height: 100%;}
	body{overflow: auto; height: 100%;}
}

.blind {position:absolute; left:0; top:0; font-size:0; visibility:hidden; width:0; height:0; line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}
.bx-wrapper, .bx-wrapper .bx-viewport {width:100% !important; height:100% !important; z-index:inherit;}
.slick-list, .slick-track {z-index:inherit;}

.square {position:relative;}
.square:after {content:""; display:block; padding-bottom:100%;}
.hsquare {position: relative;}
.hsquare:after {content:""; display:block; padding-bottom: 50%;}
.suqure_con {position:absolute; width:100%; height: 100%;}

.hidden_box,
.icon_trigger span,
.icon_trigger span::before,
.icon_trigger span::after {display:none;} /*pc*/

.scroll {position:absolute; left:3.15%; bottom:4.5%; background: transparent; /*background:rgba(0,0,0,.5);*/ font-family:'Poppins', sans-serif; font-size:11px; font-weight:500; color:#fff; letter-spacing:.12em; text-transform: uppercase; text-shadow: 1px 1px 3px rgb(0 0 0 / 20%); animation: none; z-index:99;}
.scroll i.material-symbols-outlined {font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24; margin-left:3px; color:#fff; vertical-align: middle;}


@-webkit-keyframes sdb {
	0% {
		transform: scaleY(0);
		transform-origin: 0 0;
	}
	40% {
		transform: scaleY(.99);
		transform-origin: 0 0;
	}
	40.01% {
		transform: scaleY(1);
		transform-origin: 0 100%;
	}
	80% {
		transform: scaleY(0);
		transform-origin: 0 100%;
	}
	100% {
		transform: scaleY(0);
		transform-origin: 0 100%;
	}
}

/* layout */
#wrap, #contents {/*background-color: #eee;*/ overflow: hidden;}

.main footer {background-color: #fff;}

/*#contents.main,
.main footer {background: #fff;}*/

.pc_view {display:block;}
.mobile_view {display:none;}

.show {opacity: 1; transform: translateY(0); animation-name: fadeInUp; animation-duration:2s; animation-duration: leaner; animation-iteration-count:1; animation-direction:normal; animation-fill-mode: forwards; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(15px); }
    100% { opacity: 1; transform: translateY(0); }
}


/* header */
.header {position:fixed; width:100%; top:0; left:0; z-index:9998;}
.header::before {content:''; display:block; width:100%; height: 150px; position:absolute; top:0; left:0; background:rgb(0 0 0 / 0%);}
.header .header-inner {display: flex; padding: 43px 0; margin:auto; width:94%; max-width:1800px; flex-wrap: nowrap; align-items: center; -webkit-transition:padding 0.3s linear, center 0.3s linear;transition:padding 0.3s linear, center 0.3s linear;}

.header a {display:block;}
.header h1 {width:155px; height:56px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; z-index:9999;}
.header h1 a {display:block; width:100%; height:100%; background-image:url('../images/logo.png'); background-size:contain; background-repeat:no-repeat;}

.header .right_btn {/*margin-left:auto;*/}
.header .right_btn a:not(:first-child) {margin-left: 5rem;}
.header .right_btn span {margin-left: 1vmin; font-family:'Poppins', sans-serif; font-size:calc(.9rem + .3125vw); color:#fff; letter-spacing:.08em; vertical-align: middle; text-shadow:1px 1px 2px rgb(0 0 0 / 30%);}
.header .right_btn i {display: inline-block; width:27px; height:27px; vertical-align: middle; background-size:contain; background-repeat:no-repeat;}
.header .right_btn i.icon_rsvt {background-image:url('../images/icon_rsvt.png');}

#lnb {margin: auto;}
#lnb #menu {display:flex; margin-left:3vw; width:100%; max-width:820px; text-align:center;}
#lnb #menu > li {float:left; width:8.6vw; position:Relative;}
#lnb #menu > li > a {padding:24px 0; text-transform:uppercase; /* font-family:"minion-pro-display", serif; */ font-size:1.6em; font-weight:500; color:#fff; letter-spacing: .06em; text-shadow:1px 1px 2px rgb(0 0 0 / 30%);}
#lnb #menu li .sub_m {opacity:0; height:0; font-size:0; position:absolute; width:100%; border-top: 1px solid #cbc7bd;}
#lnb #menu li:hover .sub_m {opacity:1; -webkit-transition:.2s ease-in-out; height:auto; font-size:1em;}
#lnb #menu .sub_m li a {padding:.7em 0; font-size:1.4em; color:#fff; background:rgb(0 0 0 / 50%);}
#lnb #menu .sub_m li:hover a {background: rgb(0 0 0 / 60%);}
#btn_lnb {display:none;}


.header.fixhead {position:fixed;}
.header.fixhead::before {height:70px; background: rgb(51 51 51 / 70%); backdrop-filter: blur(5px); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.header.fixhead .header-inner {padding: 0; -webkit-transition:padding 0.2s linear, center 0.3s linear; transition:padding 0.2s linear, center 0.2s linear;}
.header.fixhead h1 {max-height: 40px;}


@media (max-width:800px) { /*메뉴 관련 건드리지 마세요*/
.pc_view {display:none;}
.mobile_view {display:block;}

.con_wrap {padding-top: 60px;}

.header {}
.header::before {width: 100%; height:100%; background: rgb(255 255 255 / 95%); box-shadow: none;}
.header .header-inner {padding: 12px 0;}

.header h1 {width: 100px; height: 36px; z-index: 9;}
.header h1 a {background-image:url('../images/logo_b.png');}

.header .right_btn {margin-left:initial;}
.header .right_btn span {display:none;}
.header .right_btn i {width:22px; height:22px; background-size: contain; background-repeat: no-repeat;}
.header .right_btn i.icon_rsvt {background-image:url('../images/icon_rsvt_b.png');}


#lnb {position:fixed; right:-100%; top:0; z-index:9990; overflow:scroll; width:100%; height:100vh; margin-left:0; padding:0;}
#lnb .lnb_bg {display:none; position:fixed; right:0; top:0; z-index:901; width:100%; height:100vh; /*background:rgba(0,0,0,.7);*/}
#lnb.on .lnb_bg {display:block}
#lnb .lnb_box {position:absolute; right:-100%; top:0; z-index:902; width:80%; min-height:calc(100% - 180px); padding-bottom:180px; background:rgb(255 255 255 / 75%); backdrop-filter: blur(8px); box-sizing:content-box}

.header .btn_menu {position: relative; margin-left: auto; margin-right:10px; cursor: pointer; z-index: 9990;}
.header .btn_menu span {display: block; margin: 5px 0; width: 20px; height: 2px; background: #000;}

.header .btn_l_close {display:block; position:absolute; top:10px; right:10px; width:40px; height:40px; z-index:9999; cursor:pointer;}
.header .btn_l_close span {display: block; margin: 18px 0; width: 25px; height: 3px; background: #000;}
.header .btn_l_close span:nth-child(1) {transform:rotate(130deg)}
.header .btn_l_close span:nth-child(2) {position: absolute; top: 0px; transform: rotate(45deg);}


#lnb #menu {display:block; margin-left:auto; padding: 18vw 6vw; overflow:hidden;}
#lnb #menu a {display:block}
#lnb #menu li {display:block; width:100%; text-align:left; /*border-bottom:1px solid #e9e9e9;*/}
#lnb #menu li a {display:block; position:relative; height:100%; padding:0; font-size: 16px; color:#222; font-weight: 600; line-height:3; letter-spacing: normal; /*text-transform:uppercase;*/ text-shadow: none;}
#lnb #menu > li > a.dep_m::before,
#lnb #menu > li > a.dep_m::after{content:""; display:block; position:absolute; right:0; bottom:50%; /*bottom:calc(50% - 3px);*/ width: 10px; height: 2px; background-color: #222; transition:all 0.3s ease}
#lnb #menu > li > a.dep_m::after{}
#lnb #menu li a::before,
#lnb #menu li a::after {display:none}
#lnb #menu li a.on{color:#000}

#lnb #menu li a::before {}
#lnb #menu li a::after {-webkit-transform:rotate(90deg); transform:rotate(90deg);}
	
#lnb #menu li a.on::before {background-color:#000}
#lnb #menu li a.on::after {display:none;}

#lnb #menu > li + li {padding-left:0;}
#lnb #menu > li + li::before {display:none;}
#lnb #menu li:hover .sub_m { -webkit-transition:initial;}
#lnb.on #menu .sub_m {display:none; position:static; opacity:1; background:inherit; height:auto; width:100%; margin-left:0; padding:0; border-top:none;}
#lnb.on #menu .sub_m li {height:auto;}
#lnb.on #menu .sub_m li:last-child{border:none}
#lnb.on #menu .sub_m li a {padding:0 5px; font-size: 13px; color:#000; font-weight: normal; background-color:transparent;}
#lnb.on #menu .sub_m li a::hover {background-color:#f9f9f9; color:#555;}
#lnb.on #menu .sub_m li a::before, #menu .dep2 li a::after{display:none}
#lnb.on #menu .sub_m li.on a{background-image:none;color:#000}
#lnb.on #menu .sub_m .gnb_dep_nav a.on{position:relative}
#lnb.on #menu .sub_m .gnb_dep_nav a.on:before{content:""; display:block; position:absolute; top:50%; top:calc(50% - 2px); left:0.75em; width:4px; height:4px; border:0; border-radius:50%; background-color:#a6bdcd}

#lnb.on #menu .sub_m li.pc_view {display:none;}



}

@keyframes underline {
	from {transform: scale(0);}
	to {transform: scale(1);}    
}

/* footer */
footer {}
.ft_rsvt {position: relative; background:#000;}
.ft_rsvt .bgimg {width: 100%; height: 28.125vw; background-attachment:fixed; background-position:bottom; background-size:cover; opacity: .5;}
.ft_rsvt .txt {width: 80%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center;}
.ft_rsvt .kor {font-family: inherit; font-size:calc(.9rem + .3125vw); font-weight:300; color:#fff; text-align: center; line-height:2; text-transform: uppercase;}
.ft_rsvt .kor span {display: block; letter-spacing:.04em;}
.ft_rsvt .btn {margin-top: 3vmin; padding: 1.5vmin 2vmin; color:#fff; text-transform: uppercase; border: 1px solid #fff;}
.ft_rsvt .btn span::before, .ft_rsvt .btn span::after {background-color:#fff;}

.ft_wrap {position: relative;}
.ft_con {display: flex; align-items: center;justify-content: space-around;}
.ft_logo {margin-left: 2.5vw;}
.ft_logo img {width:155px;}

.ft_info {margin-left: auto; padding: 5vw 0;}
.ft_info::before {/*content: ''; display: block; width: 1px; height: 45%; position: absolute; background-color: #ccc;*/}
.ft_info ul {display: flex; padding-left: 7vw; border-left: 1px solid #ccc;}
.ft_info li {margin-right:8vw; font-family: 'SUIT'; font-size:calc(.9rem + .3125vw); line-height:1.6;}
.ft_info li span {font-size: 12px;}
.ft_info li h4 {padding-bottom:3vmin; font-size:13px; font-weight:500; color:#000; letter-spacing:.04em;}
.ft_info li p {font-family: 'SUIT'; font-size: calc(.9rem + .3125vw);}
.ft_info li .ft_call {font-family: 'Montserrat', sans-serif; font-size:calc(1.5rem + .8vw); font-weight:500; color:#000; letter-spacing: .02em;}
.ft_info li .ft_bank {padding-top:3vmin;}
.ft_info li .ft_bank span {display:block;}

.ft_btn {display: flex; padding: 2vmin 0; background: #f7f6f4; justify-content: center; align-items: center;}
.btn_con {display: flex; justify-content: flex-end; align-items: center;}

.ft_top {margin-left: 1vw;}
.ft_top a {display: block;}
.ft_top img {width: 35px;}

.copy {}
.copyright {font-family: 'SUIT'; font-size: calc(.6rem + .3125vw); color: #555; text-align: right;}
.copyright span {margin-left:5px; letter-spacing: normal; /*text-decoration: underline;*/}
.copyright span::after {content:''; display:block; margin-top:1px; width:100%; height:1px; position:absolute; right: 0; bottom:0; background-color:rgb(85 85 85 / 65%);}
.copyright i.ninfo_sb {display:inline-block; margin-left:3px; margin-right:1px; width: 1em; height: 1em; background:url('../images/ninfo_logo_b.png') no-repeat; background-size: contain; background-position: center;}


/* layer popup */
.player {position:fixed; top:0; left:0; width:100%; height:100%; background:Rgba(0,0,0,.7); z-index:9999; display:none;}
.player .btn_close {position:absolute; top:10%; left:50%; margin-left:560px; }
.player .btn_close button {width:33px; height:33px; text-indent:-9999px; background:url('../images/btn_close.png') no-repeat;}
.player .layer_con {position:absolute; top:10%; left:50%; margin-left:-556px; width:1100px; height:80%; padding:25px 0 25px 0; background:#fff;}
#mov.player .btn_close {position: absolute; top: 11%; left: 82%; margin-left: 0 !important;}
#mov.player .layer_con {padding: 0; transform: translateX(-50%); margin-left: 0; width: 60%;}


/* 페이지 공통 */
.con_wrap {/*overflow:hidden;*/}
.con_wrap .img_area {position: relative;}
.con_wrap .img_area.no_slide {/*height:auto; padding-bottom:25%;*/}
.con_wrap .img_area.no_slide::after {display:none;}
.img_area .m_slide .item {width:100vw; height:100vh; /*height:auto;*/ z-index:0;}
.img_area .m_slide .bgimg {/*padding-bottom: 56.25%;*/}
.img_area .slide_txt {position:absolute; top:70%; left:50%; transform:translate(-50%, -50%); color:#fff; text-align:center; text-shadow:0 1px 2px rgb(19 85 129 / 40%); z-index:9;}
.img_area .slide_txt h3 {margin-bottom:3vmin; padding:2vmin 1vmin; font-family: 'pretendard', sans-serif; font-size:calc(1.2rem + 1.4vw); text-transform: uppercase; border-bottom: 1px solid #fff;}
.img_area .slide_txt .kor {font-family: 'pretendard', sans-serif; font-size:calc(1.1rem + .3125vw);}
.img_area .slide_txt .eng {margin-left: 2vmin; font-family: 'mina', serif; font-size:calc(2.6rem + .3125vw); line-height: 1;}
.img_area .slide_txt a {display:inline-block; margin-top:.8vw; padding:.2vw 3vw .4vw; font-size:.3em; letter-spacing:.1em; font-weight:700; border:1px solid #fff; border-radius:20px; font-family:'open sans'; text-align:middle; text-shadow:none;}
.img_area .slide_txt a:hover {background:rgba(0,0,0,.3)}
.img_area .slide_txt a span {font-size:1.5em;}

.img_area .m_slide_txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 87.5%; color:#fff; text-align: center; text-shadow:0 1px 2px rgb(19 85 129 / 40%); z-index:9;}
.img_area .m_slide_txt .kor {font-family: 'Noto Sans KR'; font-size:calc(1rem + .53vw); font-weight: 500;}
.img_area .m_slide_txt h3 {padding: .5vw 0; font-family: 'Blinker', sans-serif; font-size:calc(1.5rem + 1.825vw); font-weight: 300; -webkit-animation: slideTextAni 1.8s cubic-bezier(0.4, 0, 0.2, 1) both; animation: slideTextAni 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;}

@-webkit-keyframes slideTextAni {
	from {
		opacity:0;
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1;
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes slideTextAni {
	from {
		opacity:0;
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1;
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}

.paging_custom {position: absolute; width: 16em; left: 50%; bottom: 4.5vmin; transform: translateX(-50%); text-shadow:0 1px 2px rgb(19 85 129 / 40%); z-index:10;}
.paging_custom .swiper-pagination-fraction {display:inline-block; font-family:'Poppins', sans-serif; font-size:calc(.9rem + .3125vw); font-weight: 300; letter-spacing: .12em; color:#fff; bottom:5px; pointer-events: none; flex-direction: row;}
.paging_custom .swiper-pagination-fraction span.swiper-pagination-total::before {content: '-'; display: inline-block; margin: 0 5px; font-size: calc(1.6rem + .3125vw); font-weight: 100; color: #fff; line-height: 1; vertical-align: middle;}

.paging_custom .swiper-button-prev,
.paging_custom .swiper-button-next {margin-top: -37px; width: 42px; height: 42px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size:auto; text-indent:-9999px;}
.paging_custom .swiper-button-next {background-image:url('../images/icon_arrow_r.png'); left: auto; right: 0;}
.paging_custom .swiper-button-prev {background-image:url('../images/icon_arrow_l.png'); left:0; right: auto;}


.ct_con {margin:auto; width:90%; max-width:1680px;}
.ct_con2 {margin:auto; width:90%; max-width:1560px;}
.ct_con3 {margin:auto; width:90%; max-width:1440px;}
.ct_con4 {margin:auto; width:90%; max-width:1320px;}
.ct_con5 {margin:auto; width:90%; max-width:1200px;}

.tcon {margin: 0 auto 6vmin !important; width:70%; max-width:480px;}

.r_st {padding-left:6.5vw;}
.t_st {padding-top:3vw;}
.mt_st {margin-top: 2rem;}
.mb_st {margin-bottom: 3rem;}
.bgimg {background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#607D8B;}
.bg_con {background:#e8e4dc}
.lout_con {margin-left:-2.5vw;}
.img100 {width:100%;}
.img100.lout_con {width:calc(100% + 2.5vw);}
.img100 img {width:100%;}

.eng1 {font-family: 'Noto Serif Display', serif;}

.kor1 {font-family: 'pretendard', sans-serif;}

.left {float:left;}
.right {float:right;}

.vline {overflow:initial;}
.vline::after {content:""; display:block; width:.5px; height:5%; position:absolute; bottom:0; left:50%; background:#fff; z-index:2;}

.rounded-corner-div {min-height: 100px; padding: 10px 20px; border: 1px #000 solid; position: relative;}
.rounded-corner-div::after,
.rounded-corner-div::before {content: ""; display: block; height: 10px; position: absolute; width: 10px;}
.rounded-corner-div::after {bottom: -1px; right: -1px;}
.rounded-corner-div::before {top: -1px; left: -1px;}

.imgbox::after {content:''; width:100%; height:100%; position:absolute; right:0; top:0; background:#fff; -webkit-transition:all 1.2s ease; transition:all 1.2s ease;}
.imgbox.aos-animate::after {width:0;}

.imgbox2::after {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; -webkit-transition:all 1.2s ease; transition:all 1.2s ease;}
.imgbox2.aos-animate::after {width:0;}

.btn_mov {display:block; position:Absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 4.742em; height: 4.742em; background-image:url('../images/btn_mov.png'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 100;}


/* tit_con */
.tit_con {display: flex; margin-bottom: 3vmin; padding-bottom:3vmin; /*width:100%; max-width:480px;*/ font-family: 'Poppins', sans-serif; font-size:12px; font-weight:500; letter-spacing:.14em; text-transform: uppercase; border-bottom: 1px solid #cbc7bd; justify-content: space-between;}
.tit_con .eng {color:#888;}
.tit_con .num {color:#97acaa;}


/* titbox */
.titbox {margin: auto; width: 97%; max-width: 960px;}
.titbox h3 {font-size:calc(1rem + 3.65vw); letter-spacing: -.02em; line-height: 1.2;}
.titbox h3 span {display:block; text-align: right;}
.titbox p {margin-left: 12.45vw; padding-top: 3vw; font-size: calc(.9rem + .3125vw); color:#888; line-height: 1.7;}


/* btn */
.btn {position: relative; display: inline-block; margin-top:3vmin; padding: 1.65vmin 2.5vmin; border: 1px solid #888; font-family: 'Poppins', sans-serif; font-size:calc(.5rem + .3125vw); font-weight: 500; color:#888; letter-spacing:.14em; text-transform: uppercase; background: transparent; cursor: pointer; transition: all 0.3s ease; z-index: 2;}
.btn span {display: inline-block; margin-top:-2px; margin-left: 9vmin; vertical-align: middle; transition: all 0.3s ease;}
.btn span::before {content: ''; display: block; width: 4px; height: 1px; background-color: #5c5c5c; position: absolute; top: 0; right: 0; transform: rotate(-45deg); transform-origin: bottom right;}
.btn span::after {content: ''; display: block; width: 4px; height: 1px; background-color: #5c5c5c; position: absolute; top: 0; right: 0; transform: rotate(45deg); transform-origin: top right;}

.btn:hover {border: none; color:#fff; background-color:#86a17e;}
.btn:hover span::before,
.btn:hover span::after {background-color: #fff;}


@-webkit-keyframes sdw {
    0% {
		transform: rotate(0deg)
	}
    50% {
		transform: rotate(3deg)
	}
    90% {
		transform: rotate(0deg)
	}
    100% {
		transform: rotate(0deg)
	}
}

/* textbox */
.textbox {margin: 0 auto 10vmin !important; width:70%; max-width:480px; text-align: center;}
.textbox .stit {font-size:calc(1rem + .3125vw); color:#666;}
.textbox h3 {padding:2vmin 0 1vmin; font-family: 'anth', sans-serif; font-size:calc(2rem + 1.775vw); font-weight:400; color:#1c71a7; letter-spacing:.02em; line-height:1; text-transform: uppercase;}
.textbox .eng {margin-bottom: 5vmin; padding-bottom:3vmin; font-family: 'Poppins', sans-serif; font-size:calc(.5rem + .3125vw); font-weight:200; color:#aaa; letter-spacing:.10em; text-transform: uppercase; border-bottom: 1px solid #dbdbdb;}
/*.textbox .eng::after {content:''; display:block; margin: 0 2vmin; width:4vmin; height:1px; background-color:#dbdbdb;}*/
.textbox p.kor {font-size:calc(1rem + .3125vw); color:#666; letter-spacing:-.02em; line-height:1.6; white-space: pre-line;}


/* main */
.mcon1 {position: relative; padding:12vmin 0 5vw; /*padding:12vmin 0 10vw;*/}
.mcon1 ul {display: flex; margin:auto; width:94%; max-width:1800px; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
.mcon1 li {width: 28.125vw;}
.mcon1 li:nth-child(2) {width: 31.25vw;}
.mcon1 li .bgimg {height: 38.542vw;}
.mcon1 li:nth-child(2) .img {height: 23.959vw;}
.mcon1 li:nth-child(3) .img {margin-left:auto;}
.mcon1 .txt {margin-top:3vmin;}
.mcon1 .txt h3 {font-family: 'Petit Formal Script', cursive; /*font-size: calc(.8rem + 1.25vw);*/ font-size: 32px; color:#86a17e; letter-spacing:-.04em; text-decoration: 1px underline; text-decoration-color: rgb(134 152 163 / 40%);}
.mcon1 .txt h4	{padding:2vmin 0 3vmin; font-size: calc(1rem + .3125vw);}
.mcon1 .txt p {font-size: calc(.8rem + .3125vw); color:#888; white-space: pre-line; line-height: 1.7;}

.mcon2 {}
.mcon2 .video .bgimg {width: 100%; height: 55.209vw}
.mcon2 .mov {position:relative; width:100%; /*height:100vh; min-height:500px;*/ overflow:hidden;}
.mcon2 .mov #ivideo {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; object-fit:cover; display:block; }

.mcon2 .img_con {position:relative; margin-bottom:10vw;}
.mcon2 .txt {position:absolute; top:15%; left:8%; color: #e9eaec; z-index: 5;}
.mcon2 .txt h4	{font-family: 'Noto Serif KR', serif;  font-size: calc(1.8rem + .3125vw);}
.mcon2 .txt p {padding-top:2vmin; font-size: calc(.8rem + .3125vw); font-weight: 200; white-space: pre-line; line-height: 1.8;}
.mcon2 .img1 {margin-left: 43.75%; margin-right: 6.25%; height: 52.084vw;}
.mcon2 .img2 {margin-top: -20vw; margin-left: 25%; margin-right: 40.625%; height: 40.625vw; z-index: 1}

.mcon2 .tbox {position:absolute; top:60%; left:8%; color:#fff; white-space: pre-line; z-index: 1;}
.mcon2 .tbox h3 {font-family: "minion-3-display", serif; font-size: 4.6875vw; font-style: italic; line-height: 1.1; opacity: .2;}
.mcon2 .tbox p {padding-top:1vmin; font-size: calc(.8rem + .3125vw); font-weight:300; letter-spacing:-.02em; line-height: 1.8;}

.mcon3 {padding:12vmin 0;}
.mcon3 .teng {padding-bottom:10vmin; font-family: "luxus-brut", cursive; font-size:2.5625vw; color:#3f3f3f; text-align: center; letter-spacing:-.04em;}
.mcon3 .img {width:100%; height:44.792vw;}

.mcon3 .tbox {margin-top:-3.7vw; text-align: center;}
.mcon3 .tbox h2 {font-family: 'Blinker', sans-serif; font-size: 4.6875vw; font-weight: 100; color:#1c71a7; line-height: .9; letter-spacing: .04em; text-transform: uppercase;}
.mcon3 .tbox h2 span {display:block; color:#fff;}
.mcon3 .tbox p {padding-top: 3vw; font-family: 'Northon DEMO Regular'; font-size: calc(2rem + .9375vw); color:#2c2c2c; line-height: 1.2; letter-spacing:-.04em; white-space: pre-line;}

.mcon3 .spe_list {margin-top: 12vmin;}
.mcon3 .spe_list li {margin-bottom:4vw; border-bottom: 1px solid #c5c5c5;}
.mcon3 .spe_list li a {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.mcon3 .spe_list li .item {width: 25vw; /* height: 15.625vw; */ padding-bottom: 20.834%;}

.mcon3 .spe_list li .info_box {display: flex; padding-left:2vw; align-items: center;}

.mcon3 .spe_list li .sicon {font-family:'Poppins', sans-serif; font-size: calc(.6rem + .3125vw); font-weight:500; color:#888; letter-spacing:.10em; text-transform: uppercase;}
.mcon3 .spe_list li i {display: block; margin: 0 auto 1.5vmin; width:5vmin; height:5vmin; background-size:contain; background-position:center; background-repeat:no-repeat;}
.mcon3 .spe_list li i.s_icon1 {background-image:url('../images/s_icon1.png');}
.mcon3 .spe_list li i.s_icon2 {background-image:url('../images/s_icon2.png');}
.mcon3 .spe_list li i.s_icon3 {background-image:url('../images/s_icon3.png');}
.mcon3 .spe_list li i.s_icon4 {background-image:url('../images/s_icon4.png');}

.mcon3 .spe_list li .txtbox {margin-left: 8vw;}
.mcon3 .spe_list li .txtbox h2 {font-family: 'Petit Formal Script', cursive; font-size:calc(.6rem + 2.3vw); color:#86a17e;}
.mcon3 .spe_list li .txtbox h2 .ktit {display:none;}
.mcon3 .spe_list li .txtbox .kor {padding-top:1vw; font-size: calc(1rem + .3125vw); color:#666; letter-spacing:-.02em;}
.mcon3 .spe_list li .txtbox .kor .etit {display:none;}

.mcon3 .spe_list li:nth-child(2n) .txtbox h2 {color:#eea451;}

.mcon3 .spe_list li .txtbox p {font-size: calc(.8rem + .3125vw);}
.mcon3 .spe_list li .txtbox p br {display:none;}
.mcon3 .spe_list li .txtbox .btn {margin-top: 3vw; padding: 0; color:#8f8f8f; border:none; background:none;}
.mcon3 .spe_list li .txtbox .btn span {margin-left: 1vmin; width:3vmin; height:1px; background-color:#8f8f8f;}
.mcon3 .spe_list li .txtbox .btn:hover span {width:5vmin;}
.mcon3 .spe_list li .txtbox .btn span::before,
.mcon3 .spe_list li .txtbox .btn span::after {background-color:#8f8f8f;}

.mcon4 {}
.mcon4 .eimg_area {position:relative;}
.mcon4 .eimg_area .slide .item {width:100vw; /*height:100vh;*/ padding-bottom: 51.042%; z-index:0;}
.mcon4 .eimg_area .paging_custom {width:auto; bottom: 1.5vw;}
.mcon4 .eimg_area .swiper-pagination-bullet {margin:0 1vmin;}
.mcon4 .eimg_area .swiper-button {position: absolute; top:50%; width:100%;}
.mcon4 .eimg_area .swiper-button-prev, .eimg_area .swiper-button-next {width: 37px; height: 72px; background-size: contain;}
.mcon4 .eimg_area .swiper-button-next {background-image:url('../images/eicon_arrow_r.png'); right: 4%;}
.mcon4 .eimg_area .swiper-button-prev {background-image:url('../images/eicon_arrow_l.png'); left: 4%;}

.mcon5 {padding:12vmin 0;}
.mcon5 .img_con {display: flex; margin:auto; width:94%; max-width:1800px; flex-wrap: wrap; justify-content: space-between;}
.mcon5 .img {width: 28.125vw; height: 38.542vw;}
.mcon5 .img:nth-child(2n) {width: 31.25vw; height: 23.959vw;}
.mcon5 .img:nth-child(4) {margin:-11.5vw auto 0;}

.mcon6 .bgimg {width: 100%; height: 44.792vw; background-attachment:fixed; background-position:bottom; background-size:cover; opacity: 1;}


/* view */
.view {position:relative; padding:12vmin 0;}
.view .textbox {max-width:540px;}
.view .view_list ul {display: flex; margin:auto; width:94%; max-width:1800px; flex-wrap: wrap; justify-content: space-between;}
.view .view_list li {width: calc(95%/3); margin-top: 4em;}
.view .view_list li .item {display:block; padding-bottom:80%;}
.view .view_list li .item:hover::before {content:""; display:block; width:100%; height:100%; position:Absolute; top:0; background:rgba(0,0,0,.3); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.view .view_list a {display:block;}
.view .view_list .btn_box {margin: 2.5rem auto 0; text-align: center;}
.view .view_list .btn_box .eng {padding-bottom:2vmin; font-family: 'Petit Formal Script', cursive; font-size:calc(1.2rem + .625vw); color:#7b5a33;}
.view .view_list .btn_box h2 {font-family: 'Noto Serif KR','Nanum Myeongjo', serif; font-size:calc(.8rem + .625vw); font-weight:500; color:#000;}
.view .view_list .btn_box h2::after {content:''; display:block; margin: 2vmin auto 1vmin; width:calc(50% + 30px); height:1px; background-color:#c3c3c3;}
.view .view_list .btn_box p {font-size:calc(.9rem + .3125vw);}
.view .view_list .btn_box .btn {padding: 6px 15px; font-family: 'Montserrat'; font-size: .8rem; letter-spacing: .26em; border-color: #c3c3c3;}


/*.view_button {width:100%; position: absolute; top: 50%; z-index: 9;}
.view_button .swiper-button-prev-unique,
.view_button .swiper-button-next-unique {width: 37px; height: 72px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: auto; text-indent: -9999px;}
.view_button .swiper-button-prev-unique {background-image:url('../images/ricon_arrow_l.png'); right: auto; left: 2%;}
.view_button .swiper-button-next-unique {background-image:url('../images/ricon_arrow_r.png'); left: auto; right: 2%;}

.view .item:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); transition: all 0.3s; opacity: 1;}

.view .swiper-slide-next .item:after,
.view .swiper-slide-duplicate-prev .item:after,
.view .swiper-slide-active .item:after,
.view .swiper-slide-duplicate-active .item:after {opacity: 0;}*/


/* sub_title */
.sub_title {padding: 8vmin 0;}
.sub_title .img {width: 16.95vmin; height: 21.188vmin; border-radius: 50vw 50vw 0 0;}
.sub_title .txtbox {text-align: center;}
.sub_title .eng {font-family: 'Blinker', sans-serif; font-size:calc(1rem + .625vw); font-weight:600; color:#999; letter-spacing:.24em;}
.sub_title h3 {padding:2vmin 0; font-family: 'anth', sans-serif; font-size:calc(2rem + 1.775vw); color:#1c71a7; text-transform: uppercase;}
.sub_title h5 {font-size:calc(1.6rem + .3125vw);}
.sub_title p {padding-top:3vmin; font-size:calc(1rem + .3125vw); color:#666; white-space: pre-line; line-height:1.6;}


/* sub_tbox */
.sub_tbox {margin:12vmin 0 7.5vmin; font-family: 'pretendard', sans-serif; letter-spacing:-.02em;}
.sub_tbox h2 {font-size:calc(0.6rem + 1.6vw); font-weight:500; color:#222; letter-spacing: normal; text-transform: uppercase;}
.sub_tbox h5 {padding:2vmin 0 4vmin; font-size: 18px;}
.sub_tbox p {font-size:calc(1rem + .3125vw); color:#666; white-space: pre-line; line-height:1.6;}

.sub_con .img_area .swiper-button {position: absolute; top:50%; width:100%; z-index:9;}
.sub_con .img_area .swiper-button-prev, .sub_con .img_area .swiper-button-next {margin-top:auto; width:32px; height:32px; transform: translateY(-50%); background-size: contain;}
.sub_con .img_area .swiper-button-next {background-image:url('../images/icon_arrow_r.png'); right: 2%;}
.sub_con .img_area .swiper-button-prev {background-image:url('../images/icon_arrow_l.png'); left: 2%;}



/* about */
.acon1 {}
.acon1 .sub_tbox {margin:12vmin 4vw 10vmin;}
.acon1 .sub_tbox p:not(:first-child) {padding-top: 3vmin;}

.acon2 {padding-bottom: 10vmin;}
.acon2 .a_info .img1 {width: 54.546%; padding-bottom: 60.607%; z-index: 1;}
.acon2 .a_info .img2 {margin-top: -5vw; margin-left: auto; width: 50%; padding-bottom: 34.849%;}
.acon2 .a_info {display: flex; margin-top:10vmin; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.acon2 .a_info .txt {margin-top: -5vw; margin-right: 3vw;}
.acon2 .a_info .eng {margin:auto; font-family: 'mina', serif; font-size:calc(.5rem + .68vw); color:#999; line-height:1.6; white-space: pre-line;}
.acon2 .a_info h3 {padding-bottom:3vw; font-family: 'active', sans-serif; font-size:calc(.8rem + 2.75vw); color:#8fb2c8; line-height:1; white-space: pre-line;}
.acon2 .a_info p {font-size:calc(.8rem + .3125vw); color:#888; white-space: pre-line; line-height:1.8;}

.acon2 .img_con {display: flex; margin-top: 18vmin; flex-wrap: nowrap; justify-content: space-between;}
.acon2 .img_con .img1 {width: 45.455%; height: 35.417vw;}
.acon2 .img_con .img2 {width: 36.364%; height: 32.292vw; margin-right: 4.5%;}

.acon3 {}
.acon3 .txt {padding-bottom: 10vmin; font-family: 'Petit Formal Script', cursive; font-size: calc(1rem + 1vw); color:#666; text-align: center;}
.acon3 .img {width: 100%; padding-bottom: 50%;}

/* about2 */
.about2 .acon1 {padding-bottom:0;}
.about2 .acon1 .sub_tbox {margin: 0 0 8vmin; text-align:center;}
.about2 .acon1 .sub_tbox h2 {line-height: 0;}
.about2 .acon1 .sub_tbox h5 {padding: 6.5vmin 0 5vmin;}

.about2 .acon2 {padding-bottom: 12vmin;}
.about2 .acon2::before {height: 78%;}
.about2 .acon2 .a_info {position: relative; margin-top:10vw; flex-wrap: wrap;}
.about2 .acon2 .a_info .img1 {width: 37.5vw; height: 41.667vw; z-index: 1;}
.about2 .acon2 .a_info .img2 {margin-top:-5vw; margin-left:auto; margin-right: 3.15vw; width: 31.25vw; height: 19.792vw;}

.about2 .acon2 .a_info .txt {margin-right:4.5vw;}
.about2 .acon2 .a_info h3 {padding: 0 0 6vw; font-size: calc(1.2rem + 2.5vw); color:#666; letter-spacing: .04em;}
.about2 .acon2 .a_info p {color:#888; line-height: 1.8;}
.about2 .acon2 .a_info .seng {position: absolute; left:0; bottom:5%; font-family: 'mina', serif; font-size:calc(.9rem + .3125vw); color:#999;}


.about2 .acon2 .img_con {margin-top:14vmin;}
.about2 .acon2 .img2 {margin-right: 6.3vw; width: 25vw; height: 32.292vw;}

.about2 .acon2 .img_area .paging_custom {width: auto; bottom:3%;}
.about2 .acon2 .img_area .swiper-pagination-bullet {margin: 0 .65vmin; width: 6px; height: 6px;}




/* location */
.map_info {padding-bottom: 5vmin; font-size:calc(.9rem + .3125vw); color:#666; text-align:center; line-height:1.8;}
.map_info p {padding-bottom:4vmin;}
.map {margin:0 auto;}
.root_daum_roughmap .map {border-bottom:1px solid #dbdbdb;}
.wrap_controllers.hide {display:none;}


/* preview */
.preview {}
.rmap_con {margin:0 auto; width:94%; max-width:1800px;}


/* rmap */
.rmap {position: relative;}
.rmap .title {position:absolute; left:50%; bottom:2vw; transform: translateX(-50%); color:#fff; text-align:center; z-index: 9;}
.rmap .title h2 {font-family: 'pretendard', sans-serif; font-size:calc(2.2rem + .3125vw); letter-spacing:-.02em;}
.rmap .title p {padding-top:1vmin; font-family: 'Blinker', sans-serif; font-size:calc(1.2rem + .3125vw); letter-spacing:.04em; text-transform: uppercase;}

.rmap .bgimg {/*height:43.75vw;*/ padding-bottom: 44.792%;}

.rm_map {position: relative;}
.rm_map .map_bt {display:flex; position:absolute; font-size:calc(1.2rem + .3125vw); color:#fff; line-height:1.6; text-align:center; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; z-index: 1;}
.rm_map .map_bt::before {content:''; display:block; width: 11vmin; height: 11vmin; position:absolute; background:#ff8400; border-radius: 50%; z-index: -1;}
.rm_map .map_bt:hover {}

.rm_map .map_bt.btn1::before {background:#97acaa}
.rm_map .map_bt.btn2::before {background:#8d7769}
.rm_map .map_bt.btn3::before {background:#949784}

.rm_map .map_bt .eng {font-family: 'Northon DEMO Regular'; font-size:calc(1.5rem + .3125vw); line-height:.6;}
.rm_map .map_bt span {font-size:calc(.6rem + .3125vw);}

.rm_map .btn1 {top:65%; left:45%;}
.rm_map .btn2 {top:40%; left:38%;}
.rm_map .btn3 {top:32%; right:25%;}


/* room */
.rcon1 {position: relative;}
.rcon1 .info {margin:3vmin 0 6vmin;}
.rcon1 .img_area {position:relative; border-radius: 4vmin; overflow: hidden;}
.rcon1 .img_area .slide .item {width:100%; /*height:43.433vh;*/ height: 21.3545vw; z-index:0;}
.rcon1 .video_img {padding-bottom:56.33%; margin-top: 30px; border-radius: 4vmin;}
.rcon1 .img_area .swiper-button-prev,
.rcon1 .img_area .swiper-button-next {width: 40px; height: 40px;}

.rcon1 h3 {margin-bottom:3vmin; font-family:'Noto Sans KR'; font-size: calc(1.2rem + .3125vw); color:#666; letter-spacing:.24em; text-align:center;}

.rcon1 .rinfo1 {position: relative; margin-bottom: 8vmin; border-bottom: 1px solid #ddd;}
.rcon1 .rbox {display: flex; position: absolute; top:0; right:0; flex-direction: column-reverse;}
.rcon1 .ricon_con {display: flex; margin-top:2vw; flex-wrap: nowrap;/*margin-top:5vw; flex-wrap: nowrap;*/}
.rcon1 .ricon_con li {display: flex; width: 8rem; height: 8rem; border: 1px solid #bbb; border-radius: 100%; flex-wrap: nowrap; align-items: center; justify-content: center;}
.rcon1 .ricon_con li i {display:block; width: 3.5rem; height: 3.5rem; background-size:contain; background-position:center; background-repeat:no-repeat; opacity: .5;}
.rcon1 .ricon_con li i.ricon1 {background-image:url('../images/room/r_glamping.png');}
.rcon1 .ricon_con li i.ricon2 {background-image:url('../images/room/r_stair.png');}
.rcon1 .ricon_con li i.ricon3 {background-image:url('../images/room/r_bed.png');}
.rcon1 .ricon_con li i.ricon4 {background-image:url('../images/room/r_bbq.png');}

.rcon1 .info2 {padding:8vmin 0 12vmin;}
.rcon1 .info2 ul {border-top: 1px solid #ddd;}
.rcon1 .info2 li {display: flex; padding: 3vmin 1vmin; font-size: calc(1rem + .3125vw); color:#666; border-bottom: 1px solid #ddd; flex-wrap: nowrap; align-items: center;}
.rcon1 .info2 li .tit {width:30%; letter-spacing:.24em;}
.rcon1 .info2 li .txt {width:70%;}
.rcon1 .info2 li p {padding: 3px 0px; letter-spacing: .05em; white-space: pre-line;}
.rcon1 .info2 li p span {display: inline-flex;}
.rcon1 .info2 li p span::before {content:'-'; display:inline-block; margin-right:3px; vertical-align:middle;}

.rcon1 .info3 {padding:6vmin 0 3vmin;}
.rcon1 .info3 ul {border-top: 1px solid #ddd;}
.rcon1 .info3 li {display: flex; padding: 0 1vmin; font-size: calc(.9rem + .3125vw); color:#666; flex-wrap: nowrap; align-items: center;line-height:1.6;}
.rcon1 .info3 li .tit {width:30%; letter-spacing:.24em;}
.rcon1 .info3 li p {width:70%; letter-spacing:.1em; white-space: pre-line;}
.rcon1 .info3 li p span {display: inline-flex;}
.rcon1 .info3 li p span::before {content:'-'; display:inline-block; margin-right:3px; vertical-align:middle;}


.btn_area {}
.btn_area .button {display: inline-block; padding:1.5rem 1.95rem; font-family:'Noto Sans KR'; color: #fff; text-align: left; font-weight: bolder;}
.btn_area .button a{font-size: 1.2em; }
.btn_area .button span {display: inline-block; margin-top:-2px; margin-left: 5.7em; vertical-align: middle;}
.btn_area .button span::before {content: ''; display: block; width: 4px; height: 1px; background-color: #fff; position: absolute; top: 0; right: 0; transform: rotate(-45deg); transform-origin: bottom right;}
.btn_area .button span::after {content: ''; display: block; width: 4px; height: 1px; background-color: #fff; position: absolute; top: 0; right: 0; transform: rotate(45deg); transform-origin: top right;}

.btn_area .button:last-child {}
.btn_area .button:last-child span {margin-left: 3.5em;}
.btn_area .button:last-child span::before,
.btn_area .button:last-child span::after {background-color: #5c5c5c;}

.button_rsvt {background: #86a17e; overflow: hidden;}
.button_rsvt:last-child {margin-left: 1vmin; color: #888; border: 1px solid #99a3a2; background-color: #fff;}

.rcon2 {position: relative; background-color:#000;}
.rcon2::before {content:''; display: flex; width:100%; height:calc(45vw + 176px); /*background-image:url('../images/rcon2_bg.jpg');*/ background-attachment:fixed; background-position:bottom; background-size:cover; justify-content: center; align-items: center; opacity: .2;}
.rcon2_1::before {background-image:url('../images/rcon2_bg1.jpg');}
.rcon2_2::before {background-image:url('../images/rcon2_bg2.jpg');}
.rcon2_3::before {background-image:url('../images/rcon2_bg3.jpg');}
.rcon2_4::before {background-image:url('../images/rcon2_bg4.jpg');}
.rcon2_5::before {background-image:url('../images/rcon2_bg5.jpg');}


.rcon2 .gallery {position: absolute; top:48%; left:50%; transform: translate(-50%,-50%); z-index:9;}
.rcon2 .gallery h2 {margin-bottom: 2vmin; font-family: 'anth', sans-serif; font-size: calc(2rem + .3125vw); color:#fff; letter-spacing:.24em; text-align:center;}
.rcon2 .gallery ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.rcon2 .gallery li {margin-top: 2.8%; width:calc(95%/3); padding-bottom: 28.788%; /*width: 19.792vw; height: 19.792vw;*/}


/* special */
.special .img_area .slide_txt .kor .etit {display:none;}

.scon1 {}
.scon1 .img {width:100%; padding-bottom: 34.167%; /* height: 21.3545vw; */ border-radius: 4vmin;}
.sub_tbox h2 .ktit {display:none;}
.sub_tbox h5 .etit {display:none;}

.scon2 {position: relative;}
.scon2 .txt {position: absolute; bottom: -25%; left:0; transform:translateY(150%); font-family:'Poppins', sans-serif; font-size: calc(.5rem + .3125vw); color:#aaa; line-height:1.8; letter-spacing: .1em; white-space: pre-line; text-transform: uppercase;}
.scon2 .img1 {margin-right: 40.91%; padding-bottom: 40.152%; /*height: 27.6042vw;*/}
.scon2 .img2 {margin-top: -23%; margin-left: 65.152%; padding-bottom: 39.395%; /*height: 27.084vw;*/}
.scon2 .img3 {margin-top: 10%; width:100%; padding-bottom: 52.273%; /*height: 35.938vw;*/}
/* .scon2 .img3::before {content:'13wol'; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family: 'Blinker', sans-serif; font-size:2.4vw; color:#fff; letter-spacing:.08em; opacity:.4;} */


/* special_list */
.spe_wrap {}
.spe_list {position: relative; margin:auto; width:90%; max-width:1420px;}

.spe_list .s_box {margin-bottom: 10vw; border-bottom: 1px solid #c2c2c2;}
.spe_list .s_slide {display: flex;}
.spe_list .img_area {width: 76.057%; margin: inherit;}
.spe_list .img_area .item {padding-bottom: 66.667%;}
.spe_list .img {width: 28.17%; height: 75%; position: absolute; right: 0; bottom: -5vw; z-index: -1;}

.spe_list .txt {padding:5vmin 0 10vmin;}
.spe_list .txt .eng {font-family:'Poppins', sans-serif; font-size:calc(.7rem + .3125vw); font-weight:500; color:#999; letter-spacing:.16em; text-transform: uppercase;}
.spe_list .txt h3 {padding:1.5vmin 0 3vmin; font-size:calc(1.6rem + .3125vw);}
.spe_list .txt h3 span {display:block;}
.spe_list .txt h3 span.etit {font-family: 'Blinker', sans-serif; font-size:calc(1.5rem + 3.3vw); color:#1c71a7;}
.spe_list .txt h3 span.ktit {letter-spacing: -.02em;}
.spe_list .txt p {font-size:calc(.9rem + .3125vw); color:#666; white-space: pre-line; line-height:1.6; letter-spacing: -.02em;}

.spe_list .s_box:nth-child(2n) .img_area {margin-left:auto;}
.spe_list .s_box:nth-child(2n) .img {left:0; right:auto;}
.spe_list .s_box:nth-child(2n) .txt {text-align:right;}

.spe_list .paging_custom {width:auto; left:50%; right:auto; bottom:3%; transform: translateX(-50%);}
.spe_list .paging_custom .swiper-pagination-fraction {font-size: calc(.8rem + .3125vw);}

.spe_list .navi_custom {position: absolute; top: 43%; left:50% !important; bottom:auto !important; transform: translate(-50%, -50%) !important; width: 95% !important; z-index: 10;}

.spe_list .img_area .swiper-button-prev,
.spe_list .img_area .swiper-button-next {width: 6.675vmin; height: 17.162vmin; background-size: contain;}

.spe_list .img_area .swiper-button-prev {background-image:url('../images/s_arrow_prev.png');}
.spe_list .img_area .swiper-button-next {background-image:url('../images/s_arrow_next.png');}
.spe_list .img_area .swiper-button-next::before {display:none}


/* reserve */
.rsvt_wrap {padding-bottom: 10vw;}
.rsvt_info {padding: 5vmin 0; border-top: 1px solid rgb(183 178 166 / 50%);}
.rsvt_info ul {display: flex; flex-wrap: wrap; justify-content: center;}
.rsvt_info li {display: flex; /* margin:0 7vmin; */ width: 50%; align-items: center;}
.rsvt_info li:nth-last-child(-n + 2) {padding-top: 5vmin;}
.rsvt_info li img {margin: 0 4vmin 0 2vmin; width: 40px; height: 40px;}
.rsvt_info li:first-child img {}
.rsvt_info li h5 {padding-bottom: 1vmin; font-size: 16px; font-weight: 500; color: #000;}
.rsvt_info li p {font-size: 15px; color: #555; line-height: 1.4; white-space: pre-line;}

.rsvt_con {padding-top: 7.5vmin; border-top: 1px solid rgb(183 178 166 / 50%);}
.rsvt_con .left, .rsvt_con .right {width:50%;}
.rsvt_con .tit_con {display:flex; margin:auto; padding-bottom:3.5vmin; width: 50%; max-width: 400px; text-align: center; border-bottom: 1px solid rgb(183 178 166 / 50%); flex-direction: column; align-items: center;}
.rsvt_con .tit_con img {width:30px; opacity: .5;}
.rsvt_con .tit_con h3 {padding:2vmin 0 1.5vmin; font-family: 'pretendard', sans-serif; font-size: calc(1.2rem + .3125vw); font-weight:500; color:#000; letter-spacing: normal;}
.rsvt_con .tit_con .eng {font-family: 'minion-pro', serif; font-size: calc(.9rem + .3125vw); color:#888; text-transform: uppercase;}

.rsvt_con .tbox {padding:7.5vmin 1vmin; font-size: 15px; color: #555; /*letter-spacing: -.02em;*/}
.rsvt_con .tbox.line {border-top: 1px solid rgb(153 145 133 / 50%); /*border-bottom: 1px solid rgb(153 145 133 / 50%);*/}
.rsvt_con .tbox h3 {padding-bottom:2vmin; font-family: 'Noto Serif KR', serif; font-size: 16px; font-weight: 600; color: #000;}
.rsvt_con .tbox .tit {padding-bottom: 3px; font-weight: 500; color: #000;}
.rsvt_con .tbox .tit:not(:first-child) {padding-top:3rem;}
.rsvt_con .tbox p {display: flex; margin-left: 10px; padding: 3px 0; white-space: pre-line;}
.rsvt_con .tbox p.t-deco {color:#000; line-height: 1.8; text-decoration: underline #a3a3a3; text-underline-offset: 6px;}
.rsvt_con .tbox p.t-deco::before {text-decoration:none;}
.rsvt_con .tbox p span {display: contents;}
.rsvt_con .tbox p::before {content:'-'; display: block; position: absolute; top: 3px; left: -10px; color: #555;}
.rsvt_con .tbox p.n::before {content:'※'; display: block; position: absolute; top: 3px; left: -15px; color:#ef0000;}

.rsvt_con .tbox.left p.t-deco {}
.rsvt_con .tbox.right p.t-deco {/*margin-bottom: 3rem;*/}

.wbox {padding-top:3vmin;}
.wbox li {float:left; width:24.25%; margin-right:1%; margin-bottom:1%; background:#f4f1eb; padding:2vw 0; color:#000; text-align: center;}
.wbox li:nth-child(4n + 4) {margin-right:0;}

.rsvt_con#rsvt2 {border-top:none;}
.rsvt_con#rsvt5 .tbox {padding-bottom: 0;}
.rsvt_con#rsvt3 .tbox.right h3:not(:first-child) {padding-top:6.5vmin;}
.rsvt_con#rsvt3 .tbox.right p.t-deco {margin-top: 0;}
#rsvt1 .rate_tb {padding-top:7.5vmin;}

.c1 {color:#1565c0 !important;}
.c2 {color:#ef0000 !important;}

.rate_tb {font-size: 1.4rem;}


/* travel */
.tour {}
.tour li {display: flex; padding-bottom:10vmin; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tour li .img {width: 50%; height: 27.6045vw;}

.tour li .img {/*width:52.5%; height:29.167vw;*/}

.tour li .con {width: 43%;}
.tour li .con .ptit {padding-bottom:2vmin; font-family:'Poppins', sans-serif; font-size:12px; color:#8d7769; letter-spacing:.14em;}
.tour li .con .txt {color:#000;}
.tour li .con .txt h4 {padding-bottom:3vmin; font-family: 'Noto Serif KR', serif; font-size: calc(1.6rem + .3125vw); line-height:1.8;}
.tour li .con .txt h4 span {display:block; font-size: 16px; color:#454545; font-weight: normal;}
.tour li .con .txt p {font-family: 'SUIT-Regular'; font-size: 15px; line-height: 1.7; color:#666; letter-spacing:-.04em; white-space: pre-line;}
.tour li .con .txt .kor {padding-top:2vmin; font-size: 14px; color:#999;}

.tour li:nth-of-type(2n) {flex-direction: row-reverse;}
.tour li:nth-of-type(2n) .con {text-align:right;}


/* board */
.board_con {margin:0 auto 15vmin; width:100%; max-width:1480px;}
.board_nav {width:100%; margin-bottom:80px;}
.board_nav li {width:33.33%; float:left; text-align:center;}
.board_nav li a {display:block; color:#999; padding:1em 0; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#eee; font-size:1.375rem;}
.board_nav li:last-child a {border-right:1px solid transparent;}
.board_nav li a.button_active {color:#000; font-weight:bold; border:1px solid #777;  border-bottom:1px solid transparent; background:transparent;}

.mobile_pmap {display:none;}


.main_slide_yt_con{overflow: hidden; max-width: 100%;}
.main_slide_yt{position: absolute; top: 0; left: 0; height: 55.9vw;}


@media (max-width:1200px) {
html {font-size:60%;}
.main_slide_yt{height: inherit;}

}


@media (max-width:1100px) {
.img_area .swiper-container-horizontal > .swiper-pagination-progressbar {display:none;}

}

@media (max-width:800px) {
html {font-size:58%; letter-spacing:-.04em;}
.sub_tbox h2 {font-size:calc(1.6rem + 1.8vw);}
.scroll {display:none;}

footer {}
.ft_rsvt .bgimg {background-attachment: initial; background-position: center;}
.ft_rsvt .btn {}
.ft_con {display: block; padding-top: 6.5vw;}
.ft_logo {margin-left: 0; text-align: center;}
.ft_logo img {width:100px;}
.ft_info {text-align: center;}
.ft_info::before {display: none;}
.ft_info ul {display: block; padding-left: 0; border-left: none;}
.ft_info li {margin-right:auto; font-size: 12px;}
.ft_info li span {display: table-column;}
.ft_info li.ft_text {margin-top: 2rem;}
.ft_info li p {font-size: 11px;}
.ft_info i {display:none}
.ft_btn {margin-right:auto; position: static;}
.btn_con {justify-content: center;}
.ft_icon {margin-right:2rem;}
.ft_icon:nth-child(2) {}
.ft_reser {margin-right:0}
.ft_reser a {margin: 2rem auto; width: 150px; height: 40px; font-size: 12px; line-height: 3;}
.ft_text p:nth-child(3), .ft_text p:nth-child(4) {/*display:inline-block; margin: 0 1vmin;*/}
.ft_text p br {/*display:none*/}

.copy {}
.copyright {margin-right:0; font-size: 10px; text-align: center; /*line-height: 1.6;*/ letter-spacing: normal;}
.copyright span {margin:2vmin auto; width: max-content; color:#000;}

.ft_top a.return-top, .ft_top a {display:none !important;}

/* .con_wrap {padding-top: 70px;} */

.img_area .m_slide .item {height: 360px;}
.img_area .m_slide .item2 {height: 360px;}
/*.img_area .m_slide .item {height:initial; padding-bottom:62.223%;}*/
.con_wrap .img_area button {display:none;}
.con_wrap .img_area::after {display:none;}
.con_wrap .img_area.no_slide .m_slide .item {height:initial; padding-bottom:50%;}
.img_area .slide_txt,
.img_area .slide_txt.sub {display:none;}
.img_area .m_slide_txt {display:none;}
.img_area .m_slide_txt img {width: 35vw;}
/*.paging_custom {top: initial; left:50%; right:auto; bottom: 5px; transform: translateX(-50%); opacity: .8;}
.paging_custom .swiper-pagination-fraction {display: inline-block; font-size:10px; color:#fff;}
.paging_custom .swiper-pagination-fraction span.swiper-pagination-total::before {content:'/'; display: inline-block; font-size: .9rem; background: transparent;}*/

.img_area .paging_custom {width: 10em; bottom: 3vmin;}
.img_area .swiper-button-prev, .img_area .swiper-button-next {margin-top: -22px; width: 18px; height: 18px; background-size: contain;}



/* main */
.mcon1 ul {justify-content: center;}
.mcon1 li {margin-bottom: 8vw; width: 85% !important;}
.mcon1 li:nth-child(2) {width: 31.25vw; text-align: right;}
.mcon1 li .bgimg {height: 90vw;}
.mcon1 li:nth-child(2) .img {height: 60vw;}
.mcon1 .txt {padding: 0 2vmin;}
.mcon1 .txt h3 {font-size: 20px;}
.mcon1 .txt h4 {font-size: 13px;}
.mcon1 .txt p {font-size: 11px;}

.mcon3 .spe_list li .item {width: 35vw; padding-bottom: 25%;}
.mcon3 .spe_list li .txtbox {margin-left: 4vw;}
.mcon3 .spe_list li .txtbox h2 {font-size:15px;}
.mcon3 .spe_list li .txtbox .kor {font-size:12px;}

.mcon4 .eimg_area .slide .item {height:initial; padding-bottom:54.67%;}
.mcon4 .eimg_area .swiper-button-prev, .eimg_area .swiper-button-next {width: 20px; height: 39px;}

.mcon6 .bgimg {background-attachment: initial; background-position: center;}


/* view */
.view .view_list li {width: calc(97%/2); margin-top: 10%;}
.view .view_list li:nth-child(-n + 2) {margin-top: 0;}
.view .view_list .btn_box h2 {font-size: 15px; text-transform: uppercase;}
.view .view_list .btn_box p {font-size: 12px;}
.view .view_list .btn_box .btn {margin-top: 2rem;}


/* sub_title */
.sub_title h5 {font-size: 14px;}


/* landscape */
.acon1 .sub_tbox p {white-space: inherit;}
.acon1 .img1 {margin-right: 55%; height: 42vw;}
.acon1 .img2 {margin-top: -17.5vw; margin-left: 55%; height: 20vw;}

.acon2 .a_info .txt {width: 40%;}
.acon2 .a_info .img1 {width: 48vw; height: 47vw;}
.acon2 .a_info .img2 {height: 30vw;}

.acon2 .img_con .img1 {height: 47vw;}
.acon2 .img_con .img2 {height: 42vw;}



/* preview */



/* rmap */
.rmap .title {display:none;}


/* room */
.rcon1 .img_area .slide .item {height:initial; padding-bottom:38.52%;}
.rcon1 .img_area .swiper-button-prev, .rcon1 .img_area .swiper-button-next {width: 28px; height: 28px;}

.rcon1 .rbox {position: static; flex-direction: column;margin-top:1vmin;}
.rcon1 .ricon_con {margin-top:auto;}
.rcon1 .ricon_con li {width:6rem; height:6rem;}
.rcon1 .ricon_con li i {width:2.5rem; height:2.5rem;}
.btn_area {margin:7.5vmin 0;}

/*.rcon1 .info2 {padding:0 0 3vmin;}*/
.rcon1 .info3 {padding:0 0 3vmin;}

.rcon2::before {background-attachment: inherit;}

.sub_tbox{/*margin:7.5vmin 0 0 0*/}
.sub_tbox h5 {font-size: 14px;}
.sub_tbox p {font-size: 11px;}

/* special */
.scon1 .sub_tbox {/*margin-bottom:18vw;*/}
.scon2 .txt {display:none;}


/* reserve */
.rsvt_info {width:100%;}
.rsvt_info li {width: 100%;}
.rsvt_info li:not(:first-child) {padding-top: 5vmin;}
.rsvt_info li img {width: 30px; height: 30px;}
.rsvt_info li h5 {font-size:12px;}
.rsvt_info li p {font-size:11px;}

.rsvt_con {padding-bottom:0;}
.rsvt_con .tit_con img {width:20px;}
.rsvt_con .left, .rsvt_con .right {float: inherit; width:100%;}
.rsvt_con .tbox.right {padding-top:0;}
.rsvt_con .tbox h3 {font-size:13px;}
.rsvt_con .tbox .tit,
.rsvt_con .tbox p {font-size:12px;}
.rate_tb {font-size:12px;}
.refund th {font-size:1em;}
.wbox li {width:100%; padding:1em; font-size: 11px; text-align: left;}


/* travel */
.tour {}
.tour li .con {width:100%; height:100%; padding:5vw 0;}
.tour li .con .txt p br {display:none;}
.tour li .con .ptit {font-size:10px;}
.tour li .con .txt h4 {font-size:17px;}
.tour li .con .txt h4 span {font-size:13px;}
.tour li .con .txt p {font-size:12px; white-space: inherit;}
.tour li .con .txt .kor {font-size:11px;}
.tour li .img {width:100%; height:60vw;}
.tour li:nth-of-type(2n) .con {text-align:left;}


/* board */
.board_con {width: 94%; font-size: 12px;}


/* mobile_popup */
.pop_layer {width: 75% !important; height:auto !important; top: 2.5% !important; left: 50% !important; transform: translateX(-50%);}
.pop_layer#pop7{top: 1% !important;}
.pop_layer .pop_content, .pop_layer table {width: 100% !important; height:auto !important;}
.pop_layer img {width:100% !important; height:auto !important;}
.pop_layer .pop_line {padding:8px !important; /*font-size:14px !important;*/}


.main_slide_yt{min-width: 200%; position: absolute; left: -50%;}
.main_slide_yt{height: inherit;}
#mov.player .btn_close {left: 50%; transform: translateX(-50%); top: 55%;}
#mov.player .layer_con{width: 95%; height: 40%;}

}



@media (max-width:373px) {
    .btn_area .button{padding: 1.3rem 1.35rem;}
    .btn_area .button a{font-size: 1.2em;}
    .btn_area .button span{margin-left: 2.3em;}
    .btn_area .button:last-child span{margin-left: 2.3em;}
}


@media (max-width:320px) {
.btn_area .button {padding: 1.2rem 1.5rem;}
.img_area .m_slide .item {height:300px;}

}