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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

@font-face {
    font-family:'IBMPlex';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Text.woff') format('woff');
    font-weight:normal; font-style:normal;}
@font-face {
    font-family:'IBMPlexR';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight:normal; font-style:normal;}
@font-face {
    font-family:'IBMPlexL';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
    font-weight:normal; font-style:normal;}
@font-face {
    font-family:'Cafe24night';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight:normal; font-style: normal;}
@font-face {
	font-family:'SCDream5';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {
	font-family:'SCDream4';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SCDream6';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	font-weight:normal; font-style:normal;
}
@font-face {
    font-family: 'MapoBackpacking';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoBackpackingA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Syongsyong';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Syongsyong.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe Script Regular'), url('Segoe Script.woff') format('woff');
    }
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('CaviarDreams-webfont.eot');
    src: url('CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('CaviarDreams-webfont.woff2') format('woff2'),
         url('CaviarDreams-webfont.woff') format('woff'),
         url('CaviarDreams-webfont.ttf') format('truetype'),
         url('CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('Caviar_Dreams_Bold-webfont.eot');
    src: url('Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Caviar_Dreams_Bold-webfont.woff2') format('woff2'),
         url('Caviar_Dreams_Bold-webfont.woff') format('woff'),
         url('Caviar_Dreams_Bold-webfont.ttf') format('truetype'),
         url('Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '국립박물관문화재단클래식B';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.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:'Open Sans','IBMPlexL',Dotum, Arial, sans-serif; position:relative;}
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;}
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}

@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%;2020-09-17}
}

.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*/

/* layout */
.pc_view {display:block;}
.mobile_view {display:none;}
.header {position:absolute; z-index:101; width:100%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; z-index:100;}
.header::before {content:""; display:block; width:100%; height:4.1vw; position:absolute; top:0; left:0;}
.header .header-inner {position:relative; top:0; width:100%; padding:1.2vw 0; -webkit-transition:padding 0.3s linear, center 0.3s linear; transition:padding 0.3s linear, center 0.3s linear;}
.header .logo {position:absolute; height:4vw; left:1.5vw; top:.35vw; z-index:5;}
.header .logo a {display:inline-block;}
.header .logo img {width:auto; height:100%;}
.header.fixhead .logo img {width:90%; height:100%;}
.header .logo .slogan {display:inline-block; margin-left:1vw; height:45%;}
.header .logo .slogan img {height:100%;}
.btn_menu, .btn_l_close {display:none;}
.header .nav {z-index:2; text-align:center; margin-right:8.5vw; margin-left:15vw; text-align:right;}
.header .nav .gnb > li {display:inline-block; vertical-align:top; font-weight:700; text-align:center;}
.header .nav .gnb > li + li {padding-left:1px;}
.header .nav .gnb > li + li::before {content:""; display:block; background:#8d8d8d; width:1px; height:.6em; position:Absolute; left:0; top:.65em}
.header .nav a {display:inline-block; white-space:nowrap;}
.header .nav .gnb > li > a {font-size:.7em; color:#000; padding:.5em 2vw;}
.header .nav .sub_m {position:relative; padding:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; font-size:.65em}
.header .nav .sub_m li {height:0; overflow:hidden;}
.header .nav .sub_m a {display:block; position:relative; z-index:2; font-family:'SCDream4'; padding:5px 0;}
.header .nav .sub_m a:hover {color:rgba(0,0,0,1); font-family:'SCDream5'; }
.header .nav .gnb > li:hover > a {color:#adadad;}
.header .right_btn {position:absolute; right:1.5vw; top:0;}
.header .right_btn::before {border-bottom: 1px solid #fff;}
.header .right_btn a {display:inline-block;height:2.84vw;text-align: center;font-size: 0.8em;line-height: 1.3em;background: #3f8c3c;color: #fff;padding: 1.2vw .4vw 3.3vw; font-weight: 600;}
.header .right_btn a::before {border-bottom: 1px solid #fff;}
.header .right_btn a .img_hover{display: none;}
.header .right_btn:hover a .img_hover {display: inline-block;}
.header .right_btn:hover a .none_hover {display: none;}
.header .right_btn a img {height:100%;}
.header .right_btn a.mobile_view {display:block;}
.header .right_btn a.mobile_view {display:none;}

.header.hover {background:rgba(255,255,255,.7);}
.header.hover .nav .gnb > li > a {color:#000; text-shadow:none; }
.header.hover .nav .sub_m {opacity:1; padding:3em 0 5px;}
.header.hover .nav .sub_m li {height:auto; overflow:visible;}
.header.hover .nav .sub_m li + li {margin-top:1px; }
.header.hover .btn_reserve a {background:#eaf2f8;}

.header.fixhead {position:fixed; padding:5px 0;}
.header.fixhead::before {height:61px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.header.fixhead .header-inner {padding:.45em 0; -webkit-transition:padding 0.2s linear, center 0.3s linear; transition:padding 0.2s linear, center 0.2s linear;}
.header.fixhead .logo {max-height:51px; top: .1vh;}
.header.fixhead .right_btn {top:-.3vw;}
.header.fixhead .right_btn a {height:2.5vw;}
.header.fixhead.hover .nav .sub_m {padding-top:28px;}
#lnb #menu li a.h_leisure {color: #cc4801; font-family:'SCDream5'; }

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

#lnb {position:fixed; right:-100%; top:0; z-index:9993; overflow:scroll; width:100%; height:100%; margin:0; padding:0; font-size:1.4em;}
#lnb .lnb_bg {display:none;position:fixed;right:0;top:0;z-index:901;width:100%;height:100%;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:70%;min-height:calc(100% - 180px);padding-bottom:180px;background:#f1f1f1;box-sizing:content-box}

.btn_menu  {display:block; position:fixed; right:15px; top:35px; width:40px; height:40px; z-index:9991; cursor:pointer;}
.btn_menu span,
.btn_menu span::before,
.btn_menu span::after {display:block; position:absolute; height:3px; background-color:#122844;}
.btn_menu span {right:5px; top:18px; text-indent:-9999px; width:20px; font-size:0;}
.btn_menu span::before,
.btn_menu span::after {content:''; width:26px; right:0; top:0; -webkit-transition:-webkit-transform .3s;  transition:-webkit-transform .3s; transition:transform .3s;  transition:transform .3s, -webkit-transform .3s;}
.btn_menu span::before {-webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.btn_menu span::after {-webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.btn_l_close {position:absolute; left:-55px; display:block; top:35px; width:40px; height:40px; z-index:9999; cursor:pointer;}
.btn_l_close span {background-color:transparent; text-indent:-9999px; font-size:0; display:block; position:absolute; height:3px; }
.btn_l_close span::before,
.btn_l_close span::after {content:''; width:26px; top:0; background-color:#fff; display:block; position:absolute; height:3px; }
.btn_l_close span::before {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	}
.btn_l_close span::after {
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	}

#lnb #menu {overflow:hidden; display:block}
#lnb #menu a {display:block}
#lnb #menu li {border-bottom:1px solid #ededed; display:block; width:100%; text-align:left;}
#lnb #menu li a {display:block;position:relative;height:100%;padding:0 1em; line-height:2.8em;text-transform:uppercase; color:#000;}
#lnb #menu > li > a.dep_m::before,
#lnb #menu > li > a.dep_m::after{content:"";display:block;position:absolute;right:2em;bottom:calc(50% - 4px);width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #6b6b6b;transition:all 0.3s ease}
#lnb #menu > li > a.dep_m::after{bottom:calc(50% - 3px);border-top-color:#f1f1f1}
#lnb #menu li a::before,
#lnb #menu li a::after {display:none}
#lnb #menu li a.on{color:#969696}
#lnb #menu li a.on::before,
#lnb #menu li a.on::after{-webkit-transform:rotate(-540deg);transform:rotate(-540deg)}
#lnb #menu li a.on::before{border-top-color:#6b6b6b}
#lnb #menu li a.on::after{bottom:calc(50% - 5px)}
#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;}
#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-left:1.5em;background-color:#fbfbfb;font-size:.9em;color:#696969 !important;}
#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;}
#lnb.on #menu .sub_m li.mobile_view {display:block;}
}

@media (max-width:600px) {
body {font-size:4vw; letter-spacing:-.08em; word-break:keep-all}
}

/* 페이지 하단 */
.bn_rsvt {background:url('../images/img_bn.jpg') no-repeat center; background-size:cover; padding:9vw 0 7.5vw; color:#fff; text-align:center;}
.bn_rsvt .engst1 {font-size:2.3em; margin-bottom:.5vw; color:#fff; font-family:'open sans'; font-weight:700;}
.bn_rsvt .txt {font-size:.7em; letter-spacing:-.02em; margin-bottom:1.9vw; color:#fff; font-family:'SCDream4';}
.bn_rsvt a {display:inline-block; border:1px solid #fff; padding:.7vw 1.6vw; font-size:.8em}
.bn_rsvt a.mobile_view {display:none;}
.bn_rsvt a.pc_view {font-family: 'IBMPlexL';}
.bn_rsvt a.pc_view:hover {font-weight: bold;}

footer {padding-top:3.2vw; width:96%; max-width:1520px; margin:auto; }
.ft_wrap {}
.ft_wrap .ft_logo {padding-bottom:2.5vw;width:8.5vw; z-index:2;}
.ft_wrap .ft_logo a {display:Block;}
.ft_wrap .ft_con {font-size:.8em; line-height:1.7; font-family:'IBMPlexL';}
.ft_wrap .ft_con .ft_links {position:absolute; right:0; bottom:0; text-align:right;}
.ft_wrap .ft_con .ft_links a {display:inline-block; color:#fff; padding:.45vw .6vw; background:#000; font-size:.85em;}
.ft_wrap .ft_con .ft_links a.return-top {background:#454545;}
.copy {border-top:1px solid #b2b2b2; padding:1.6vw 0; color:#585858; text-transform:uppercase; font-size:.55em; letter-spacing:0.1em;}
.copy .ninfo {position:absolute; right:0; top:1.6vw;}

/*레이어팝업*/
.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_layer {position:absolute; top:10%; left:50%; margin-left:560px; }
.player .btn_close_layer 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_layer {position:absolute; top:15%; left:50%; margin-left:620px;}
#mov.player .layer_con {top:15%; width:1200px; height:65%; padding:0; margin-left:-600px;}

/* 페이지 공통 */
.con_wrap {overflow:hidden;}
.con_wrap .img_area {z-index:0;}
/*.con_wrap .img_area::after {content:""; display:block; width:4.79vw; height:3.75vw; background:url('../images/txt_scroll.png') no-repeat center bottom; z-index:9999; position:absolute; bottom:0; left:50%; margin-left:-2.39vw;}*/
.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; z-index:0;}
.img_area .slide_txt {position:absolute; top:45%; left:50%; width:80vw; margin-left:-40vw; transform:translateY(-50%); z-index:99; color:#fff; text-align:center; font-family:'IBMPlexL'; font-size:2.3em; text-shadow:0 1px 3px rgba(0,0,0,.5);}
.img_area .slide_txt .engst1{font-family: 'RIDIBatang'; font-weight: 400;font-size: 2.2vw; text-shadow: 3px 3px 10px rgba(0,0,0,.3);}
.img_area .slide_txt .korst3 {font-family: 'SCDream4';font-size: .9vw;}
.img_area .slide_txt a {display:inline-block; margin-top:.8vw; padding:.2vw 3vw .4vw; font-size:.3em; letter-spacing:0.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 .owl-nav {position:absolute; top:43%; width:90%; left:5%;}
.img_area .owl-nav button {position:absolute; width:48px; height:48px; background-image:url('../images/btn_slide.png'); background-size:200%; text-indent:-9999px;}
.img_area .owl-nav button.owl-prev:hover {background-position:0 -100%;}
.img_area .owl-nav button.owl-next {background-position:-100% 0; right:0;}
.img_area .owl-nav button.owl-next:hover {background-position:-100% -100%;}

.ct_con {width:98%; max-width:1510px; margin:auto;}
.r_st {padding-left:12.5vw;}
.bgimg {background-size:cover; background-position:Center;}
.lout_con {margin-left:-2.5vw;}
.img100 {width:100%;}
.img100.lout_con {width:calc(100% + 2.5vw);}
.img100 img {width:100%;}
.rimg99 {margin: 0 auto; width: 83%;}
.ct_87 {width:96%; max-width:1660px; margin:auto;}
.ct_85 {width:96%; max-width:1610px; margin:auto;}
.ct_80 {width:92%; max-width:1300px; margin:auto;}
.engst1 {font-family:'SCDream4'; font-weight:500;}
.engst2 {font-family:'Frank Ruhl Libre', serif;}
.engst3 {font-family:'Roboto';}
.engst4 {font-family:'Roboto';}
.korst1 {font-family:'Cafe24night';}
.korst2 {font-family:'Cafe24night';}
.korst3 {font-family:'SCDream4';}
.korst6 {font-size: .6vw; line-height: 1em;}
.coloro {color:#636363;}

.tit_area {padding-top:5.2vw;}
.tit_area .top_eng {color:#8b8b8b; font-size:1.1em; display:inline-block; margin-bottom:1.5vw;}
.tit_area .top_eng::after {content:""; display:block; width:100%; height:2px; margin-top:.2em; background:#8b8b8b;}
.tit_area h3 {font-size:1.8em; margin-bottom:2vw; line-height:1.25;}
.tit_area h3 .rname {font-size:1.06em;}
.tit_area h3 span {font-size:.65em;}
.tit_area .korst1 {line-height:1.2; margin-bottom:5.2vw;}
.tit_area .korst1.plus {margin-bottom: 0;}
.tit_area .korst1::after {content:""; display:block; width:2.35vw; height:1.21vw; background:url('../images/icon_dn.png'); margin-top:2vw; background-size:contain; background-repeat:no-repeat;}
.tit_area .rm_btns {margin:2vw 0; color:#fff;}
.tit_area .rm_btns a {padding:.4vw 1.1vw; font-size:.8em; background:#3f8c3c;}
.tit_area .rm_btns a:last-child {background:#58b155;}
.tit_area .rm_btns a:hover {background:#6fcf6b;}

/* 메인리뉴얼 */
.renew_fir {margin-top: 10vw; position: relative;}
.renew_fir::before {content:""; display:block; width:100%; height:100vw; background-color: #f2f2f2; position: absolute; top: 5%;}
.renew_fir .tit_area {}
.renew_fir .fir_txt {margin-left: 4vw; overflow: hidden;}
.renew_fir .fir_txt .fir_timg{float: left; width: 63vw; }
.renew_fir .fir_txt .fir_timg img {width: 100%;}
.renew_fir .fir_txt .fir_ttxt {display: inline-block; float: right; width: 31vw; font-size: .7em; color: #aaa; padding: 21vw 10vw 10vw; text-align: center; position: relative;}
.renew_fir .fir_img {position: absolute; top: 0; right: 0; width: 52.4vw;}
.renew_fir .fir_img img {width: 100%;}

.renew_sec {margin: 12vw 0 5vw 0; width: 98%;}
.renew_sec::before {content: ''; display: block; border-right: 1px solid #ccc; top: -19vw; right: 13vw; position: absolute; width: 1vw; height: 30vw;}
.renew_sec img {width: 100%;}
/* //메인리뉴얼 */


/* 메인 */
.sps {padding-bottom:11.5vw;}
.sps::after {}
.sp_box {text-align:Right;}
.sp_box a {display:block; line-height:1; padding-bottom:2vw;}
.sp_box .sp_con {position:Absolute; bottom:2vw; padding-left:1vw; color: #fff;}
.sp_box2 .sp_con, .sp_box4 .sp_con {left: 0}
.sp_box .sp_con .arrow {width:4vw; height: 3vw; position:absolute; top:.8vw; background: url(../images/icon_sp.png) no-repeat; background-size: contain; content: ' '; right: 0;}
.sp_box1 .sp_con .arrow {width:4vw;height: 3vw;position:absolute;top:.8vw;background: url(../images/icon_sp.png) no-repeat;background-size: contain;content: ' '; right: 0;}
.sp_box2 .sp_con .arrow, .sp_box4 .sp_con .arrow {left: 0;}
.sp_box .sp_con .arrow:hover {}
.sp_box .sp_con .stit {font-size:.9em; margin:.5vw 0 .2vw; font-family:'Montserrat'; font-weight: 600; }
.sp_box .sp_con .tit {font-size:1.8em; font-family:'IBMPlex';}


.sp_box1 {margin-right:17.5vw; margin-bottom:4.8vw;}
.sp_box2, .sp_box4 {margin-left:53.125vw; text-align:left;}
.sp_box3, .sp_box5 {margin-right:53.125vw; margin-top:-30.5vw;}

.sp_box1 .img {width:100%; padding-bottom:41.2%;}
.sp_box2 .img, .sp_box4 .img {width:100%; padding-bottom:73%;}
.sp_box3 .img, .sp_box5 .img {width:100%; padding-bottom:73%;}

.sp_box3 .sp_con, .sp_box5 .sp_con {right:inherit; right:1vw; text-align:right;}
/*.sp_box3 .sp_con .arrow, .sp_box5 .sp_con .arrow {left:0;}*/

.bn::before {content:""; display:block; width:100%; height:35.5vw; background-image:url('../images/img_main2.jpg'); background-attachment:fixed; background-position:Center; background-size:cover; }
.bn .tbox {position:absolute;right: 4vw;top: -6em;text-align:right;text-shadow: 5px 3px 3px rgba(0,0,0,.1);}
.bn .tbox .engst2 {color:#3f8c3c; font-size:2.2em; margin-bottom:1.25vw}
.bn .tbox .korst1 {color:#fff; font-size:.9em; line-height:1.2;}
.rms {padding-top:1.7vw; padding-bottom:6.5vw;}
.rms .btn_all {display:block; width:12.5vw; background:#3f8c3c; color:#fff; border-radius:23px; font-size:.9em; text-align:center; padding:.5vw 0; margin-bottom:1.5vw; font-family: 'SCDream4';}
.rms .btn_all:hover {background: #58b155;}
.rms .item {width:28.1vw; text-align:center; margin-right: 1vw;}
.rms .item a {display:block;}
.rms .item .bgimg {padding-bottom:76%; margin-bottom:1.3vw;}
.rms .item:hover .bgimg::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;}
.rms .item h4 {font-size:1.3em; font-weight:600; margin-bottom:.15vw;}
.rms .item .txt {font-size:.7em; margin-bottom:.55vw;}
.rms .item .btn {border-top:1px solid #666; border-bottom:1px solid #666; padding:.45vw 2.5vw .5vw; width:11vw; margin:auto; text-align:left; font-size: .8em;}
.rms .item .btn .icon {display:block; position:absolute; right:1.5vw; top:50%; margin-top:-.38vw; width:1.6vw; height:.75vw; background:url('../images/icon_rarrow.png') no-repeat center; background-size:contain;}
.rm_all {margin-top:3.5vw;}
.rms.rm_all .item {width:31%; margin-right:3.5%; float:left; margin-top:4.2vw;}
.rms.rm_all .item:nth-child(3n+3) {margin-right: 0;}
.rms .owl-nav {position:absolute; top:-3.5vw; width:4.5vw; left:14vw;}
.rms .owl-nav button {position:absolute; width:2vw; height:2vw; background-image:url('../images/rm_slide.png'); background-size:200%; text-indent:-9999px;}
.rms .owl-nav button.owl-prev:hover {background-position:0 -100%;}
.rms .owl-nav button.owl-next {background-position:-100% 0; right:0;}
.rms .owl-nav button.owl-next:hover {background-position:-100% -100%;}

.rm_map {margin-bottom:6.5vw;}
.rm_map .map_bt {display:block; background:#000; color:#fff; padding:.45vw 0; text-align:center; width:7vw; font-size:.9em; position:absolute; border-radius:20px;}
.rm_map .map_bt:hover {background:#310f16;}
.rm_map .map_bt::before {content:""; display:block; width:1px; height:5vw; background:#3a3a3a; position:absolute; left:50%;}
.rm_map .map_bt::after {content:""; display:block; width:13px; height:13px; background:#3a3a3a; border:3px solid #fff; border-radius:6px; position:absolute; left:50%; margin-left:-6px}
.rm_map .map_bt:hover::after {background:#3a3a3a; border:2px solid #fff;}
.rm_map .upst::before {bottom:-5vw;}
.rm_map .upst::after {bottom:-5vw;}
.rm_map .dnst::before {top:-5vw;}
.rm_map .dnst::after {top:-5vw;}
.rm_map .btn1 {top:73.8%; left:16.5%;}
.rm_map .btn2 {top:73.8%; left:34.7%;}
.rm_map .btn3 {top:73.8%; left:59.4%;}
.rm_map .btn4 {top:73.8%; left:74.6%;}
.rm_map .btn5 {top:11.8%; left:14.8%;}
.rm_map .btn6 {top:11.8%; left:32.4%;}
.rm_map .btn7 {top:11.8%; left:58.8%;}
.rm_map .btn8 {top:11.8%; left:76.5%;}


/* 서브 */
.pg_tit {position:Absolute; top:45%; left:15.5vw; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#fff; z-index:9990;}
.pg_tit h2 {display:inline-block; font-size:3.25em; font-weight:600; text-transform:uppercase; letter-spacing:.05em;  line-height:1; margin-bottom:.5vw;  letter-spacing:.05em;}
.pg_tit h2 span {font-size:.76em; font-family: 'SCDream5';}
.pg_tit h2::after{content:""; display:block; width:100%; background:#fff; margin-top:-.14em; margin-left:-0.01em;}
.pg_tit p {font-size:1.1em; letter-spacing:-.05em; color:#fff;}
.con_wrap .img_area.no_slide .pg_tit {top:75%;}

.txt_c_box {text-align:center; padding:5vw 0 3vw;}
.txt_c_box .eng {color:#666; margin-bottom:2.6vw; font-size:.85em;}
.txt_c_box .kor {font-size:.8em; font-weight:bold; line-height:1.3;}
.pdt {padding-top:11.5vw;}
.pdb {padding-bottom:5.6vw;}
.map {width:90%; max-width:1400px; margin:auto; margin-bottom:7.5vw;}
.map .root_daum_roughmap .wrap_controllers {display:none;}

.room.pg_tit h2 {text-transform: none;}

.rm_con {margin:2vw 0 4vw; font-size:.8em; line-height:1.6;}
.rm_con p {margin-bottom:1.6vw;}
.sp_btm::before {content:""; display:block; width:100%; height:110%; position:absolute; bottom:0; z-index:-1; background:#dcdcdc;}
.r_st + .img100.ct_87 {margin-top:5vw;}
.rsvt_con {padding:3.5vw 0 1vw; font-size:.8em;}
.rsvt_con h4 {background:#ebebeb; font-size:1.5em; padding:.5vw 1vw; margin-top:2vw;}
.rsvt_con p {margin-top:1vw; display:block;}
.rsvt_con .box {border:1px solid #ccc; padding:1.3vw 1vw; margin-top:1.5vw; }
.wbox li {float:left; width:32%; margin-right:.5%; margin-bottom:.4vw; background:#e5e5e5; padding:1vw; color:#000;}
.rsvt_con + .bn {}

.tour {width:100%; max-width:1200px; margin:9.2vw auto 0;}
.tour li {position:relative; margin-bottom:9.2vw;}
.tour li .img {width:100%; background-size:cover; background-position:center; z-index:-1;}
.tour li .img::before {content:""; display:block; padding-bottom:39%;}
.tour li .ptit {position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; top:-50px; border-radius:50%; background:#999999; font-family: 'Open Sans', sans-serif; font-size:.9em; font-weight:300; margin-bottom:100px; color:#fff; text-align:center; padding-top:26px;}
.tour li .ptit span {display:block; font-weight:700; font-size:2em; line-height:1em; margin-top:-.1em;}
.tour li .txt {font-size:.8em; color:#666; line-height:1.7em;}
.tour li .txt h4 {font-size:1.25em; margin-bottom:10px; color:#333; font-weight:bold; margin-top:30px;}

.board_nav {width:100%; margin-bottom:80px; margin-top:6vw;}
.board_nav li {width:25%; float:left; text-align:center;}
.board_nav li a {display:block; color:#999; padding:15px 0; border:1px solid #ccc; border-bottom:1px solid #777; background:#eee; font-size:.9em;}
.board_nav li a.button_active {color:#000; font-weight:bold; border:1px solid #777;  border-bottom:1px solid transparent; background:#fff;}

.mobile_pmap {display:none;}

@media (max-width:1500px) {
body {}
.con_wrap div.tit_area.r_st.back::before {display: none;}
}

@media (max-width:1300px) {
body {font-size:16px;}
}

@media (max-width:1100px) {
body {font-size:14px;}
}


@media (max-width:800px) {
    .renew_fir .fir_txt .fir_ttxt {width: auto; margin-top: 9vw;}
    .renew_fir .fir_img {top: 84vw;}
    .renew_sec::before {right: 47%;}
    
.tit_area .rm_btns {margin: 6vw 0;}
.tit_area .rm_btns a {font-size: 1em; padding: 1.3vw;}
.header .header-inner {padding:4vw;}
.header .logo {position:relative;top:0;right: 0; height:auto;left: 0;text-align: center;}
.header .logo a {height:100%;}
.header .logo a img {height:10vw;}
.header .logo a::after {display:block; margin-top:.8vw; font-size:1.1em; font-weight:700; line-height:1;}
.header .logo .slogan {display:none;}
.header .right_btn {position:fixed; right:4vw; top:2vw; z-index: 999;}
.header .right_btn a {height:100%;}
.header .right_btn a.pc_view {display:none;}
.header .right_btn a.mobile_view {display:block;}
.header .btn_menu {left: 4vw;top:2vw;width:9vw;height:12vw;background:url('../images/btn_menu.png') no-repeat center;background-size:contain;}
.btn_menu span, .btn_menu span::before, .btn_menu span::after {display:none;}
.img_area .m_slide .item {height:initial; padding-bottom:66.67%;}
.img_area .slide_txt {display:none;}
.con_wrap .img_area::after {display:none;}
.con_wrap .img_area.no_slide {padding-bottom:40%;}
.img_area .owl-nav button {width:7vw; height:7vw;}
.r_st {padding-left:0;}
.r_st > * {padding:5.2vw 3% 0;}
.r_st .img100 {padding:0;}
.tit_area h3 {font-size:1.32em;}
.room.pg_tit {display:none;}
.pg_tit {left: 13.5vw; top: 50%;}
.pg_tit h2 {font-size: 2em;}
.pg_tit p {font-size: .8em;}
.sps::before {height:90%; background: none;}
.sp_box a {padding-bottom:14vw;}
.sp_box2 a, .sp_box3 a, .sp_box4 a, .sp_box5 a {padding-bottom:6vw;}
.sp_box1 {margin-right:0;}
.sp_box2, .sp_box3, .sp_box4, .sp_box5 {margin:6vw 9.5vw 0;}
.sp_box2 .sp_con {left:5vw;}
.sp_box3 .sp_con {right:5vw;}
.sp_box2 .img, .sp_box3 .img, .sp_box4 .img, .sp_box5 .img {padding-bottom:73%; background: no-repeat; background-size: contain;}
.sp_box .sp_con {margin-bottom: 10vw;}
.sp_box .sp_con .arrow {width:7vw; height: 7vh; background-size: contain; top: 0; display: none;}
.sp_box .sp_con .stit {font-size:.9em; margin-bottom:1vw;}
.sp_box .sp_con .tit {font-size:1.5em;}
.bn::before {background-attachment:local; background-position:Center; background-size:cover;}
.bn .tbox {position:static; text-align:center; padding:3.5vw 0 7vw; text-shadow: none;}
.bn .tbox .engst2 {font-size:1.5em; letter-spacing:-.02em; line-height:1;}
.bn .tbox .korst1 {color:#000; margin-top:5vw; font-size:.65em;}
.bn .tbox .korst1::after {content:""; display:block; width:6vw; height:3.2vw; background:url('../images/icon_dn.png'); margin:auto; margin-top:5vw; background-size:contain; background-repeat:no-repeat;}
.rms .btn_all {display:none;}
.mobile_pmap {display:inline-block; margin:3vw -2% 4vw; width:104%;}
.rms .item {width:46%; float:left; margin:0 2% 4vw;}
.rms .item .bgimg {margin-bottom:1.5vw;}
.rms .item h4 {margin-bottom:.5vw;}
.rms .item .txt {font-size:.9em; margin-bottom:4vw;}
.rms .item .btn {width:60%; border-top:1px solid #666; border-bottom:1px solid #666;}
.rm_all {margin-top:1.5vw;}
.rms.rm_all .item {width:46%; margin-right:2%; float:left;}
.rms.rm_all .item:nth-child(3n+3) {margin-right: 2%;}
.bn_rsvt .engst1 {font-size:1.85em;}
.bn_rsvt a {padding:3vw 7vw;}
footer {background:#161f28; width:100%; padding:7vw 4vw 15vw; color:#fff;}
.ft_wrap {padding-left:0;}
.ft_wrap .ft_logo {position:relative; width:40vw; margin:2vw 0 3vw;}
.ft_wrap .ft_logo img {width:100%;}
.ft_wrap .ft_con {font-size:.95em;}
.ft_wrap .ft_con .btn_call:first-of-type {font-weight:bold}
.ft_wrap .ft_con .ft_links {right:auto; left:0; bottom:-7.5em;}
.copy {color:#Fff; letter-spacing:-.01em; font-size:.7em; padding:4vw 0;}
.copy .ninfo {position:relative; right:auto; left:0; top:auto;}
.tour {width:96%; margin:auto; margin-top:4em;}
.tour li {margin-bottom:12vw;}
.tour li .ptit {width:5em; height:5em; margin-left:-2.5em; top:-2.5em; padding-top:1em;}
.tour li .txt h4 {margin-top:7px;}
.bn_rsvt a.mobile_view {display:inline-block;}
.bn_rsvt a.pc_view {display:none;}
    
    .leis_wrap .leis_container .leis_img li {width: 45.5%; height: 16vh; margin-bottom: 1vw;}
}


@media (max-width:650px) {
}