/* eunsuk.choi.82 */
@charset "euc-kr";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');


@font-face {font-family:'Cafe24Danjunghae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff'); font-weight:normal; font-style:normal; }
@font-face {font-family:'MapoFlowerIsland'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff'); font-weight: normal; font-style: normal; }


/* Reset */
* {margin:0; padding:0; position:relative;}
body {margin:0; padding:0; height:100%; font-size:20px; color:#000; font-family:'Montserrat','Roboto','Noto Sans KR','NanumbarunGothic','Malgun Gothic',Dotum, Arial, sans-serif; position:relative; font-weight:400;}
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%}
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer; outline: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; }
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}

.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;}
.pop_layer {z-index:99999 !important;}

.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%;}


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;}

/* layout */
.wrap {position:relative; overflow:hidden;}
header {position:fixed; z-index:12; font-family:'Montserrat'; text-align:center; font-size:.85vw; width:100%; padding:3vh 12vw 2vw;}
header::before {content:""; display:block; position:Absolute; top:0; left:0; width:100%; height:120%; z-index:-1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.6+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
header a {display:block; width:100%; height:100%; line-height:2.2em;}
header .logo {display:inline-block; margin-right:17px;}
header #menu {display:inline-block; width:calc(100% - 495px);}
header #menu > li {display:inline-block; width:12%; color:#fff; font-weight:400;}
header #menu > li > a {text-shadow:0 0 2px rgba(0,0,0,.7);}
header #menu .sub_m {display:none; position:absolute; width:80%; left:10%; top:2.19em; font-size:.9em; line-height:1.9em; background:rgba(185,150,136,.9); font-family:'Noto Sans KR','NanumbarunGothic';}
header #menu .sub_m li:hover {background:#b99688; font-weight:bold;}
header #menu li:hover .sub_m {display:block;}
header #menu li:hover .sub_m .etit {display:none;}
header .btn_rsvt {display:inline-block; width:8.5vw; margin-left:17px;}
header .btn_rsvt a {background:#b99688; color:#fff;}
header .btn_rsvt a:hover {background:#c2a89d;}

.bn {height:62vh; font-family:'Playfair Display', serif; background:url('../images/bn_img.jpg') no-repeat; background-attachment:fixed;}
.bn p {left:20vw; width:50vw; top:60%; transform:translateY(-50%); color:#c9bab4; font-size:1.2vw;}
.bn p a {display:table; width:fit-content; border:1px solid rgba(255,255,255,.6); color:#c9bab4; font-family:'Montserrat'; padding:.4vw 2vw; font-size:.8vw; margin-top:5vh;}
.bn p a:hover {background:#000; border:1px solid rgba(255,255,255,.8);}

footer {height:38vh;}
footer .ft_wrap {width:75vw; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);}
.ft_wrap h2 {margin-bottom:4vh;}
.ft_wrap .ft_info {font-size:.85vw;}
.ft_wrap .ft_info span {color:#444;}
.ft_wrap .tel {font-weight:600; font-size:1.4vw; margin-bottom:.5vh; color:#74605a;}
.ft_wrap .copy {font-size:.7em; color:#222; margin-top:1vh;}
.ft_wrap .ft_rms {position:Absolute; right:0; bottom:.5vh; width:26vw;}
.ft_wrap .ft_rms li {float:left; width:4vw; height:6vh; margin-right:2px; margin-bottom:2px;  text-align:center;}
.ft_wrap .ft_rms li a {display:block; width:100%; height:100%; background:rgba(0,0,0,.6); color:#fff; text-align:Center; font-size:.8vw; line-height:6vh;}
.ft_wrap .ft_rms li a:hover {background:rgba(0,0,0,.2);}

.section {width:100%; height:100vh; background-size:cover; background-position:center;}
.m_slide, .item {width:100%; height:100vh; z-index:0;}
.bgimg {background-size:cover; background-position:center;}
.eng1 {font-size:1.5vw; margin-bottom:6vw; font-weight:200;}
.eng1 span {font-weight:600;}
.eng2 {font-size:3.2vw; font-weight:200;}
h2 {font-size:5.2vw; font-weight:900; line-height:.8; letter-spacing:.01em; color:rgba(255,255,255,.9);}
.stxt {font-size:.9em;}

.m_img .slide_txt {font-family:'Cafe24Danjunghae'; position:absolute; width:50vw; left:14.5vw; top:50%; transform:translateY(-50%); font-size:1.8vw; color:#fff; line-height:1.4; text-shadow:0 0 5px rgba(0,0,0,.5);}
.m_img .slide_txt.not {position:static; padding-left:14.5vw;}
.m_img .slide_txt span {font-size:2.5vw;}
.m_img .slide_txt .etit {display:none;}
.m_slide.owl-carousel .owl-nav {position:absolute; bottom:38vh; left:14.5vw;}
.m_slide.owl-carousel .owl-nav button {border:1px solid #fff; width:3vw; height:3vw; text-align:center; border-radius:1.5vw; font-size:3vw; color:#fff; transition:all 0.1s ease-out;}
.m_slide.owl-carousel .owl-nav button span {display:none;}
.m_slide.owl-carousel .owl-nav button:hover {box-shadow:0 0 5px rgba(0,0,0,.3); background:#fff; color:#74605a;}
.m_slide.owl-carousel .owl-nav button.owl-prev {position:Absolute; left:0;}
.m_slide.owl-carousel .owl-nav button.owl-prev::before {content:"\f104"; font-family:"Font Awesome 5 Free"; font-weight:900; -webkit-font-smoothing:antialiased; display:block; font-size:1.5vw; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}
.m_slide.owl-carousel .owl-nav button.owl-next {position:Absolute; left:3.7vw;}
.m_slide.owl-carousel .owl-nav button.owl-next::before { content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; -webkit-font-smoothing:antialiased; display:block; font-size:1.5vw; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}

.mcon::before {content:""; display:block; width:75vw; height:65vh; position:absolute; right:0; top:0; background:#c9bab4;}
.mcon .img {position:Absolute; top:22vh; left:0; width:65vw; height:38vw; overflow:hidden; background-size:cover; background-position:center;}
.mcon .embed-container {position:Absolute; top:0; left:0; width:100%;}
.mcon .embed-container iframe {position:absolute; top:0; left:0; /*pointer-events:none;*/ }
.mcon .con {position:Absolute; top:19vh; right:11vw; text-transform:uppercase; color:#fff; line-height:1; text-align:right;}
.mcon h2 {line-height:.8; margin-bottom:3vw;}
.mcon .kor {font-size:.9vw; line-height:1.6; margin-bottom:5vw;}
.mcon .btn_line {display:inline-block; padding:.5vw 1vw;  border:1px solid #c9bab4; color:#c1a79d; font-size:.7em; font-weight:bold;}
.mcon .btn_line i {margin-left:.7vw;}

.sps {width:100%; height:100%; text-align:center; color:#fff;}
.sps li + li {border-left:1px solid #fff;}
.sps a {display:block; width:100%; height:100%; background:#000;}
.sps a:hover {background:none;}
.sps .box {padding-top:17vw;}
.sps h4 { text-transform:uppercase; font-weight:700; font-size:2vw;}
.sps h4::after {content:""; display:block; background:rgba(255,255,255,.5); width:80px; height:1px; margin:35px auto;}
.sps h4 .ktit {display:none;} 
.sps p {font-size:.9vw;}
.sps p .real_txt {display:none;}
.sps .bgimg {position:absolute; width:100%; height:100%; opacity:.4; filter:alpha(opacity=40); -webkit-transition:.4s ease-in-out;}
.sps a:hover .bgimg {opacity:.8; filter:alpha(opacity=80);}
/* .accordion */
.accordion {height:100%; overflow:hidden; position:relative;}
.accordion:after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:#fff;}
.accordion._create:after {display:none;}
.accordion__ul {width:9999px; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.accordion__li {height:100%; float:left; overflow:hidden; transition:all 0.3s ease-out; background:#2e2a27;}
.accordion__li::after {content:""; display:block; width:40vw; height:0; position:absolute; top:0; left:0;}
/* /.accordion */

.rms {background:#74605a;}
.rms .con {position:absolute; top:18vh; left:11vw; width:20vw; height:1px;  color:#fff; text-transform:uppercase; z-index:10;}
.rms .eng1 {margin-bottom:3vw; font-size:1.2vw; margin-right:-20vw;}
.rms h2 {font-size:4.7vw; margin-bottom:1.3vw; margin-right:-20vw;}
.rms h2 span {font-size:.7em; text-transform:normal;}
.rms .kor {font-size:.9vw;}
.rms .rm_slide {position:absolute; top:30vh; right:0; width:70vw; height:60vh;}
.rm_slide .item {height:60vh; margin-right:5vw; overflow:hidden; background:#b38d7f; transition:all 0.3s ease-out;}
.rm_slide .item:hover {background:#cab1a6;}
.rm_slide .item a {display:block; width:100%; height:100%;}
.rm_slide .item .bgimg {position:absolute; left:0; top:0; width:100%; height:100%; opacity:.7; filter:alpha(opacity=70); transition:all 0.3s ease-out;}
.rm_slide .item:hover .bgimg {opacity:.2; filter:alpha(opacity=20); width:110%; height:110%; left:-5%; top:-5%;}
.rm_slide .item p {position:absolute; left:8%; top:42%; width:80%; font-size:.85vw; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out;}
.rm_slide .item:hover p {opacity:1; filter:alpha(opacity=100);}
.rm_slide .item p span {font-weight:600; font-size:1.5vw;}
.rm_slide .item p::after {content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; -webkit-font-smoothing:antialiased; display:block; position:Absolute; right:0; top:20px; font-size:1.5vw; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}
.rm_slide.owl-carousel .owl-nav {position:absolute; top:35vh; left:-18vw;}
.rm_slide.owl-carousel .owl-nav button {background:#d0b8b1; width:3vw; height:3vw; text-align:center; border-radius:1.5vw; font-size:3vw; color:#fff; transition:all 0.1s ease-out;}
.rm_slide.owl-carousel .owl-nav button span {display:none;}
.rm_slide.owl-carousel .owl-nav button:hover {box-shadow:0 0 5px rgba(0,0,0,.3); background:#e9dcd8; color:#74605a;}
.rm_slide.owl-carousel .owl-nav button.owl-prev {position:Absolute; left:0;}
.rm_slide.owl-carousel .owl-nav button.owl-prev::before {content:"\f104"; font-family:"Font Awesome 5 Free"; font-weight:900; -webkit-font-smoothing:antialiased; display:block; font-size:1.5vw; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}
.rm_slide.owl-carousel .owl-nav button.owl-next {position:Absolute; left:3.7vw;}
.rm_slide.owl-carousel .owl-nav button.owl-next::before { content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; -webkit-font-smoothing:antialiased; display:block; font-size:1.5vw; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}


#fp-nav ul li a span {background:#b38d7f;}
#fp-nav ul li a.active span, #fp-nav ul li a.active:hover span {background:#cab1a6; height:6px; width:24px; margin:-3px 0 0 -18px; border-radius:3px;}

.pg_first {background-size:cover; background-position:Center;}
.pg_first::before {content:""; display:block; width:100%; height:100%; position:Absolute; top:0; left:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&0.4+0,0+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.6) 0%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.6) 0%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.6) 0%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.pg_first .slide_txt::after {content:"\f107"; font-family:"Font Awesome 5 Free"; font-weight:600; -webkit-font-smoothing:antialiased; display:block; position:Absolute; bottom:-18vh; font-size:1.5vw; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}

.about {text-align:center;}
.about .illust {width:14vw; margin-bottom:7vh; margin-top:-4vh;}
.about .tit {font-family:'MapoFlowerIsland'; color:#3f352c; margin-bottom:3vh; font-size:1.3vw;}
.about .contxt {color:#888; font-size:.8vw;}
.ab_sps h2 {position:absolute; top:12vh; left:20vw; font-size:10vw; font-weight:600; color:rgba(202,177,166,.8); letter-spacing:-.15em}
.ab_sps ul {height:50vh; width:90vw; margin:15vh auto 0;}
.ab_sps li {float:left; width:24%; margin:0 .5%; height:50vh;}
.ab_sps li:nth-child(2) {margin-top:12vh;}
.ab_sps li:nth-child(3) {margin-top:-7vh;}
.ab_sps li a {display:block; width:100%; height:100%; background:rgba(50,44,38,.5); -webkit-transition:.4s ease-in-out;}
.ab_sps li a:hover {background:Rgba(0,0,0,.1);}
.ab_sps li .eng {text-transform:uppercase; color:rgba(255,255,255,.8); font:800 2.7vw 'Montserrat'; position:Absolute; left:-3.3vw; top:8vh; letter-spacing:-.02em;  transform:rotate(90deg); width:160px;}
.ab_sps li .eng .ktit {display:none;}
.ab_sps li h4 {text-align:right; position:absolute; bottom:calc(3.8vw + 10px); right:10px; color:#fff; font-weight:600;}
.ab_sps li h4 .etit {display:none;}
.ab_sps li .txt {font-size:.8vw; text-align:right; position:Absolute; right:10px; bottom:10px; line-height:1.4; color:#f2e7dc;}
.ab_sps li .txt .real_txt {display:none;}
.map {width:63vw; margin-left:7vw; height:70vh; margin-top:12vh; margin-left:29vw;}
.map .root_daum_roughmap .wrap_controllers {display:none;}
.map_info {width:26vw; position:absolute; top:-5vh; left:-23vw; background:#e5dacf; z-index:100;}
.map_info img {width:100%;}
.map_info .con {padding:2vw 2vw 1vw; color:#8e8e8e; font-size:.85vw;}
.map_info .con h4 {font-size:1.1vw; color:#8e8e8e; margin-bottom:.8vw;}
.map_info .con span {color:#b38d7f;}

.ex_imgs {overflow:hidden;}
.ex_imgs .line_txt {position:Absolute; left:10vw; top:25vh; font-size:8vw; font-family:'IM Fell French Canon SC', serif; z-index:10; color:#f1dfcd; }
.ex_imgs .right_txt {position:absolute; right:-16.5vw; bottom:33vh; font:900 6vw 'Montserrat'; letter-spacing:2px; text-transform: uppercase; transform: rotate(-90deg); color:rgba(255,255,255,.7); letter-spacing:-.03;}
.ex_imgs .img {background-position:center; background-size:cover;}
.ex_imgs .img1 {position:Absolute; left:0; top:37vh; width:36vw; height:40vh;}
.ex_imgs .img2 {margin-left:50vw; margin-right:22vw; height:75vh;}
.ex_imgs .img3 {position:Absolute; right:0; top:0; width:36vw; height:100vh; z-index:-1;}

.rinfo::before {content:""; display:block; width:100%; height:42vh; position:absolute; top:0; left:0; background:#d9c6b8;}
.rinfo .con {width:80vw; height:60vh; padding-left:27%; padding-top:10vh; margin:auto; font-size:.85vw; color:#47423e;}
.rinfo .con .img {position:absolute; top:0; left:0; width:28%; height:100%; background-size:cover; background-position:center;}
.rinfo .con h3 {font-family:'Cafe24Danjunghae'; font-size:2.2vw; color:#fff; margin-bottom:1vh;}
.rinfo .con .person {color:rgba(255,255,255,.7); margin-bottom:7vh;}
.rinfo .con .facilities {margin-bottom:3vh;}

.sp_wrap {position:Relative; padding-top:2vh;}
.sp_wrap::before {content:""; display:block; position:Absolute; width:100%; height:36vh; left:0; top:0; background:#d9c6b8; z-index:-1;}
.sp_wrap .sp_tit {position:absolute; left:45vw; top:22vh; color:#fff;}
.sp_wrap .sp_tit .engst3 {font-size:.75em; color:rgba(255,255,255,.5); text-transform:uppercase;}
.sp_wrap .sp_tit .tit {font-size:2.9vw; line-height:1.1; margin-bottom:50px; font-family:'Cafe24Danjunghae';}
.sp_wrap .sp_tit .tit .etit {display:none;}
.sp_wrap .sp_tit .bgtit {font-family:'Allura', cursive; font-size:7vw; line-height:1.1; opacity:.1; filter:alpha(opacity=10); position:Absolute; left:-5.5vw; top:-7vh; text-transform:capitalize;}
.sp_wrap .sp_tit .bgtit .ktit {display:none;}
.sp_wrap .sp_tit .sp_txt {font-size:.8em; line-height:1.6; color:#47423e;}
.sp_wrap .sp_tit .sp_txt .main_txt {display:none;}
.sp_wrap .img {background-position:center; background-size:cover;}
.sp_wrap .img1 {position:relative; width:25vw; margin-left:10vw; height:65vh;}
.sp_wrap .img1::after {content:'red-clover have a something special.'; position:absolute; right:0; bottom:-40px; font-family: 'Sacramento', cursive; color:rgba(68,106,131,.6); font-size:1.25em;}
.sp_wrap .img2 {position:absolute; left:45vw; top:50vh; width:48vw; height:50vh;}
.sp_wrap .img3 {position:Relative; width:15vw; height:15vw; margin-top:10vh; margin-left:30vw; z-index:10; margin-bottom:50px;}

.pg_top {background-size:cover; background-position:Center; color:#fff;}
.pg_top::before {content:""; display:block; width:100vw; height:65vh; position:relative; top:0; left:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 z-index:1;}
.pg_top .top_txt {position:absolute; left:15vw; width:50vw; transform:translateY(-50%); text-shadow:0 0 5px rgba(0,0,0,.5); font-family:'Cafe24Danjunghae';z-index:2;}
.pg_top h3 {font-size:3.5vw; font-weight:700; text-transform:uppercase; letter-spacing:-.08em; font-family:'Montserrat';}
.pg_top .links {position:Absolute; left:13vw; bottom:-3.5vw; width:77vw; height:7vw; z-index:10; text-align:Center;}
.pg_top a {display:inline-block; margin:0 .2vw; width:7vw; height:7vw; background:#d5ac9c; border-radius:50%; -webkit-transition:.2s ease-in-out; text-align:Center; font-size:.9vw; padding:1.8vw 0; letter-spacing:-.08em;}
.pg_top .links a.button_active {background:#c2a093;}
.pg_top a i {display:block; font-size:1.7vw; margin-bottom:5px;}
.pg_top a:hover {background:#dbbdb2;}
.pg_top .links a p {text-transform:uppercase; color:rgba(255,255,255,.7); font-size:.7em; margin-bottom:3px; margin-top:.5vw; letter-spacing:-.01em;}

.scroll .fp-auto-height {overflow:hidden;}
.scroll .pg_top {overflow:auto;}
.rsvt_con {width:70vw; margin:10vh Auto 14vh; font-size:.85vw; color:#74605a; padding:2vw 4vw;}
.bg_con {margin-top:15vh;}
.bg_con::before {content:""; display:block; width:50%; height:100%; position:absolute; left:-15vw; top:-15vh; background:#ebe4dc;}
.rsvt_con h3 {color:#504336; font-weight:bolder; font-size:1.2vw; margin-bottom:10vh;}
.rsvt_con h3::before {content:""; display:Block; position:Absolute; left:-20px; top:0; width:1px; height:90px; background:#d5c9bc;}
.rsvt_con li {padding-left:8px; margin-bottom:8px;}
.rsvt_con li::before {content:""; display:block; width:3px; height:3px; position:Absolute; top:12px; left:0; background:#74605a;}

.ratetb {border-top:3px solid #ac8762; background:#fff;}
.ratetb th, .ratetb td {padding:1vw .6vw; border:1px solid #d7cabd; text-align:left;}
.ratetb tr th {color:#555; background:#f1efec;}
.ratetb tr:first-child th {color:#111; text-align: center;}
.ratetb th span {display:block;}
.wbox {margin-top:1vh;}
.wbox li {float:left; width:19%; margin-right:1%; margin-bottom:.8vw; background:#ece5de; padding:1vw; font-size:.85vw; color:#000; }
.wbox li:last-child {background:#e4d7d4;}
.wbox li::before {display:none;}
.online {padding:12vh 0;}
.travel {margin:7vh auto 3vh; text-align:center; font-size:.85vw; color:#49423b;}
.travel::first-child {margin-top:13vh;}
.travel .img {width:100%; max-width:1000px; margin:auto; margin-bottom:3vh;}
.travel .img::after {content:""; display:block; padding-bottom:55.6%;}
.travel .eng {color:#bbb; text-transform:uppercase; font-size:.7vw; margin-bottom:-.25vw;}
.travel h4 {font-size:1.5vw; font-weight:bold; color:#74605a;}
.travel h4::after {content:""; display:block; width:3vw; height:1px; background:#ab9e91; margin:1vw auto;}
.travel .con {width:100%; max-width:1000px; margin:auto; letter-spacing:-.02em;}

.img .embed-container {position:relative; width:100%; height:100%;}
.img .embed-container iframe {position:absolute; width:100%; height:100%;}