/* eunsuk.choi.82 */

@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothiclight.css);
@import url(https://fonts.googleapis.com/css?family=Oswald|Open+Sans:300,600,700,800|Lato);
@import url('https://fonts.googleapis.com/css?family=Cormorant');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vollkorn+SC&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap');


/* Reset */
* {margin:0; padding:0; /*border:1px solid red;*/}
body {margin:0; padding:0; height:100%; font-size:0.9em; line-height:1.2; color:#5d5d5d; font-family:'Lato','NanumbarunGothic','Malgun Gothic', 'NanumGothic','Nanum Gothic',Dotum, Arial, sans-serif;}
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;}
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.03em;}
address,em {font-style:normal; color:#969696}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer}
a:link, a:visited, a:active, a:hover,a:focus {color:inherit; text-decoration:none}
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;}
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; }

/* header */
#header {position: relative; width: 100%; height:100px; top:0; z-index: 9999; border-bottom:1px solid #eee;}
#header .btn_reserve {position:absolute; padding:15px 20px; top:30px; right:3%; background:#9c5e63;}
#header .btn_reserve:hover {background:#a9575e;}
#header h1 {position: absolute; top:15px; left:3%;}
#header .nav {margin:15px auto 0; padding: 25px 0; width:885px;}
#header .nav li {display:inline-block; position:relative;}
#header .nav li a {display: block; padding: 10px 45px 15px; color: #222; font-size: 1.6em; height: 46px;}
#header .nav li a:hover {color:#9c5e63; }
#header .nav .sub_m {display:none; position:absolute; width:100%; top:46px; z-index:999; background:rgba(156,94,99,0.75); padding:0px 15px 5px;}
#header .nav li:hover .sub_m, #header .nav li .sub_m:hover {display:block;}
#header .nav li:hover .sub_m {transition: .5s ease-in-out;}
#header .nav .sub_m li {display:block; border-bottom:1px solid rgba(255,255,255,0.1);}
#header .nav .sub_m li:last-child {border-bottom:none;}
#header .nav .sub_m li a {display:block; font-size:0.88em; padding:10px 0; text-align:center; color:#fff; height:36px; }
#header .nav .sub_m li a:hover {color:#fcfccd; font-weight:bold;}

/* header2 */
#header2 {position: absolute; width: 100%; top:30px; z-index: 9999;}
#header2 .btn_reserve {position:absolute; padding:15px 20px; top:15px; right:3%; background:#9c5e63;}
#header2 .btn_reserve:hover {background:#a9575e;}
#header2 h1 {position: absolute; top:0; left:3%;}
#header2 .nav2 {margin:15px auto 0; width:885px; }
#header2 .nav2 li {display:inline-block; position:relative;}
#header2 .nav2 li a {display: block; padding: 10px 45px 15px; color: #fff; font-size: 1.6em; height: 46px; text-shadow: 0 0 3px rgba(0,0,0,0.65);}
#header2 .nav2 li a:hover {color:#fff; }
#header2 .nav2 .sub_m2 {display:none; position:absolute; width:100%; top:46px; z-index:999; background:rgba(156,94,99,0.85); padding:0px 10px 5px;}
#header2 .nav2 li:hover .sub_m2, #header2 .nav li .sub_m:hover {display:block;}
#header2 .nav2 li:hover .sub_m2 {transition: .5s ease-in-out;}
#header2 .nav2 .sub_m2 li {display:block; border-bottom:1px solid rgba(255,255,255,0.1);}
#header2 .nav2 .sub_m2 li:last-child {border-bottom:none;}
#header2 .nav2 .sub_m2 li a {display:block; font-size:0.9em; padding:10px 0; text-align:center; color:#fff; height:36px;}
#header2 .nav2 .sub_m2 li a:hover {font-weight:600;}

#header .nav li.ttl a, #header2 .nav2 li.ttl a {font-family:'Cormorant', serif;}

/* footer */
#footer {border-top: 1px solid #dbdbdb; background:#fff;}
#footer .ft_wrap {position:relative; width:100%; /*max-width:600px;*/ padding:45px 0 15px; margin:0 auto; color:#7f7575; max-width:1280px;}
#footer .btm_logo {text-align:center; margin-bottom:20px;}
#footer .ft_infos {margin-bottom:35px; max-width:1280px;}
#footer .ft_infos h2 {margin-bottom:15px; font-size:2em; color:#222; font-weight:600;}
#footer .ft_infos h2 span {font-size:0.6em; font-weight:normal; padding-left:15px;}
#footer .ft_infos h5 {font-size:1em; font-weight:normal; /* padding-left:15px; */}
#footer .ft_infos p {text-align:left;}
#footer .common_btm {background: #222; height:50px; padding-top:15px; font-size:0.9em; color:#868686; text-align:center;}
#footer .common_btm mark {color:#c1abad;}
#footer .quick {position:absolute; }
#footer .sub_m_bar {display:block; border-bottom:1px solid #dbdbdb; text-align:center;}
#footer .sub_m_bar li {display:inline-block; border-left:1px solid #e5e5e5;}
#footer .sub_m_bar li:first-child {padding-right:25px; border:0;}
#footer .sub_m_bar li:last-child {border-right:1px solid #e5e5e5;}
#footer .sub_m_bar li a {padding:8px 35px; line-height:2.4em; }
#footer .sub_m_bar li a:hover {color:#9c5e63;}
#footer .top  {position: absolute; top:70px; right:0;}
#footer .top a {font-family:'Cormorant', serif; padding:20px 17px; font-size: 1.25em; color:#fff; background:#c1abad; border-radius: 50%;}
/*#footer .top .diamond {position: relative; width: 0; height: 0; border: 45px solid transparent; border-bottom-color: #b6ddc8;}
#footer .top .diamond:after {content: ''; position: absolute; left: -45px; top: 45px; width: 0; height: 0; border: 45px solid transparent; border-top-color: #b6ddc8;}
#footer .top .diamond a {position: absolute; margin-left: -13px; top: 35px; color: #222; font-weight:400; z-index: 999;}*/
#footer .m_bn {margin: 0 auto; width: 400px; padding: 20px 0; border-top: 1px solid #dacfcf; text-align: center;}
#footer .pc_view {display:block;}
#footer .mobile_view {display:none;}

/* main */
.m_con>div {/*padding:120px 0 150px;*/}
.m_con h3 {font-size:2.5em; font-weight:bold; color:#000; text-align:center;}
.m_con h3 span {color:#333;}
.m_con h3:after {content:''; display:block; width:95px; height:2px; margin:25px auto 35px; background:#d4cec3; font-size:0;}
.m_con .tit_txt {text-align:center; margin-bottom:50px; line-height:1.7; color:#3e3e3e;}
.m_con .tit_txt span {color:#333;}
.m_con .m_txt {position:absolute;  margin-right:-295px; right:50%; top:8.5%; text-align:center;  color:#fff; z-index:999;}
.m_con .m_txt h2 {font-family:'Cormorant', serif; font-size:6em;}
.m_con .m_txt h2 span {font-weight:600;}
.m_con .m_txt h4 {font-family:'Cormorant', serif; font-size:1.8em;}
.m_con .m_txt p {padding-top:25px; font-size:1.25em;}

.m_con .btn_wrap {margin:0 auto;}
.m_con .btn {position:absolute; margin-right:-190px; right:50%; top:17%; width:391px; height:51px; background:url('../images/btn_line.png') no-repeat; text-align:center; z-index:999;}
.m_con .btn .txt {padding: 17px 0; font-family: 'Vollkorn SC', serif; color:#fff;}
.m_con .btn .txt a {}
.btn_m {padding-left:85px;}


.img_area  {height:970px; padding:0 !important;}
.img_area .img_slider {width:100%; height:100%;}
.img_area .img_slider li {width:100%; height:970px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.img_area .bx-wrapper .bx-pager {bottom:60px; }

.r_img_area  {height:970px; padding:0 !important;}
.r_img_area .img_slider {width:100%; height:100%;}
.r_img_area .img_slider li {width:100%; height:970px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.r_img_area .bx-wrapper .bx-pager { bottom:80px; }

.e_img_area  {height:970px; padding:0 !important;}
.e_img_area .img_slider {width:100%; height:100%;}
.e_img_area .img_slider li {width:100%; height:970px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.e_img_area .bx-wrapper .bx-pager { bottom:80px; }

/* m_about */
.m_about {position:relative; margin:0 auto; width:100%; height:765px; background:url('../images/abo_bg.png') left no-repeat;}
.m_about.bg {width:460px; height:765px; background:#c1abad;}
/*.abo_info {position:absolute; margin-right:-480px; width:380px; height:180px; padding:0 10px; top:40%; right:50%;}*/

.abo_info {margin:0 auto; padding:150px 0; width:1280px;}
.abo_info .txt {float: right; text-align:left;}
.abo_info .txt h2 {font-family:'Cormorant', serif; font-size:9em; color:#333;}
.abo_info .txt h2.eng {padding-bottom:40px; font-size:1.3em; color:#999; letter-spacing:-.03em;}
.abo_info .txt p {padding-bottom:15px; font-size:1.25em; color:#666; line-height:1.7em; letter-spacing:-0.05em;}


.m_rooms {/*padding:100px 0;*/}
.m_rooms h3 {font-size:30px; font-weight:bold; color:#000; text-align:center;}
.m_rooms .sub_tit {margin-top:10px; text-align:center; margin-bottom:85px;}

.site {position:relative; padding:90px 0; height:860px; background:url('../images/site_bg.png') right no-repeat;}
.site .sites {width:100%;}
.site .sites li {width:100% !important; height:685px;}
.site_wrap {width:100%;}
.site li .site_img {width:60%; height:685px; background-size:cover; background-position:center;}
.site li .site_con {position:absolute; margin-right: -610px; width:50%; right:50%; top:5%; height:600px; color:#fff; text-align:right;}
.site li .site_con h2 {padding-bottom:35px; font-family:'Cormorant', serif; font-size:7em;}
.site li .site_con h6 {font-size:4em;}
.site li .site_con h6 span {font-size:1em;}
.site li .site_con h4 {padding:0 0 15%;  font-size:3.8em;}
.site li .site_con p {padding:20px 0;  font-size:1.25em; line-height: 1.8em;}
.site li .site_con .more {position:relative; margin-top:100px;}
.site li .site_con .more:hover {color:#000;}
.site li .site_con .more p {display: inline-block; font-family:'Cormorant', serif; color:#fff; font-size:1.25em; letter-spacing:.03em;}
.site li .site_con .more img {display: inline-block; margin-bottom:10px; padding-left:15px;}

.site.m_rooms .bx-wrapper {/*margin:0; max-width:1152px;*/}
.site.m_rooms .bx-wrapper .bx-pager {display:none;}
.site.m_rooms .bx-wrapper .bx-controls-direction {}
.site.m_rooms .bx-wrapper .bx-controls-direction a {position: absolute; top:initial; bottom:0; outline: 0; width:62.5px; height:55px; text-indent: -9999px; z-index: 9999;}
.site.m_rooms .bx-wrapper .bx-prev {left:56.75%; background: url('../images/btn_slider_r_x.png') no-repeat -62.5px 0;}
.site.m_rooms .bx-wrapper .bx-next {right:initial; left:60%; background: url('../images/btn_slider_r_x.png') no-repeat 0 0;}


/*.m_rooms {}
.m_rooms ul {margin:0 auto; width:100%; max-width:1280px;}
.m_rooms ul li {position:relative; width:100%; height:200px; background-color:#000; padding:50px; text-align:center; }
.m_rooms ul li p {position:relative; font-size:2.5em; margin-bottom:30px; z-index:10; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.5); }
.m_rooms ul li a {position:relative; padding:10px 25px; border:1px solid #fff; z-index:10; color:#fff;}
.m_rooms ul li:hover a {background:rgba(0,0,0,0.5); border:rgba(0,0,0,0.5); transition: .3s ease-in-out;}
.m_rooms ul li .img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background-size:cover; background-position:center; opacity:0.5; filter:(alpha=50);}
.m_rooms ul li:hover .img {opacity:1; filter:(alpha=100); transition: .3s ease-in-out;}*/

/* m_special */
.m_special {position:relative; margin:80px auto 100px; height:800px; max-width: 1280px; overflow: hidden;}
.m_special h3 {padding-bottom:20px; font-size:7em; font-family: 'Cormorant', serif; color:#222; font-weight:normal;}
.m_special h3:after {display:none;}
.m_special h3 span {color:#c1abad;}
.m_special .tit_txt p {text-align: center; font-size: 1.1em; color: #999; line-height: 1.5em;}

/*.m_special .line {position: absolute; width: 305px; height:400px; margin: 10px; border: 1px solid #222; opacity:0.3;}*/

.m_special ul {margin:0 auto ; width:100%; max-width:1280px;}
.m_special ul li {float:left; padding: 0 10px; width: 23%; height:400px; text-align:center;}
/*.m_special ul li:first-child {padding-left: 0;}*/
.m_special ul li a {display:block; width:100%; /*! padding:10px 0px; */}

.m_special ul li a .img {height:400px; margin:0 0 35px; background-size: cover; background-position:center;}
.m_special ul li a p {font-family: 'Cormorant', serif; font-size: 1.25em; color:#999; letter-spacing: -.03em;}
.m_special ul li a p:after {content:''; display:block; background:#c1abad; height:1px; width:40px; margin:20px auto;}
.m_special ul li a h4 {font-family: 'Cormorant', serif; font-size: 1.45em; color:#000; letter-spacing: -.03em;}
.m_special ul li a h4 span {font-size:0.55em; font-weight:normal;}
.m_special ul li a h6 {padding-top:10px; font-size:1.25em; color:#999; letter-spacing:-0.03em;}
/*.m_special ul li a h4:after {content:''; display:block; background:#de0c33; height:2px; width:40px; margin:20px 0;}*/
.m_special ul li a .s_con {overflow:hidden; margin: 0 auto; padding-top:20px; width:240px; line-height:1.5;/*! text-align: center; */}
.m_special ul li a img {padding-top:20px;}
.m_special ul li a .spe_btn {margin:20px auto 0; width:85px; height:14px;  background:url('../images/arrow_l_2.png') no-repeat; }
.m_special ul li a .spe_btn:hover {background:url('../images/arrow_l_2o.png') no-repeat;}

.m_special ul .slick-arrow {position:absolute; background:url('../images/btn_roomp.png') no-repeat; border:none; height:31px; z-index:9999; text-indent:-9999px; top:65%;}
.m_special ul .slick-arrow.slick-prev {width:31px; left:0;}
.m_special ul .slick-arrow.slick-prev:hover {background-position:0 -31px;}
.m_special ul .slick-arrow.slick-next {width:31px; background-position:-31px 0; right:0;}
.m_special ul .slick-arrow.slick-next:hover {background-position:-31px -31px;}



/* m_reserve */
.m_reserve {margin:80px auto; width:100%; height:400px; background:url('../images/m_reser_bg.jpg') no-repeat; background-position: center; background-size: cover; text-align:center; max-width:1835px;}
.m_reserve h3 {font-size:7em; font-family: 'Cormorant', serif; font-weight: normal; padding-top:100px; color:#fff;}
.m_reserve h3:after {background:none; display:none;}
.m_reserve .tit_txt {font-family: 'Cormorant', serif; color:#fff; font-size:1.1em; letter-spacing:0.1em; margin-bottom:50px; opacity: 0.85; line-height: 1.3em; letter-spacing:0.03em;}
.m_reserve .tit_txt  span {font-size:1.4em; padding-bottom:5px; color:#fff;}
.m_reserve a {padding:10px 0;}
.m_reserve .img {border-top:1px solid #fff; }
.m_reserve .img img {width:100%;}


/* contents */
#contents {position:relative; display:inline-block; width:100%; overflow: hidden;}
#contents .pg_tit {position:relative; margin:150px auto;}
#contents .pg_tit .eng {font-family: 'Oswald', serif; font-size:5.9em; color:#333; text-transform: uppercase; z-index:-1; text-align:center;}
#contents .pg_tit .kor {position:absolute; bottom:-5px; left:50%; margin-left:-100px; background:#c1abad; padding:7px 10px; color:#fff; letter-spacing:0.3em; z-index:3; font-size:0.95em;}
#contents .img_area .kor {position:absolute; top:225px; left:50%; background:#ccb692; padding:7px 10px; color:#fff; letter-spacing:0.5em; z-index:999; font-size:0.85em;}
#contents .pc_view {display:block;}
#contents .mobile_view {display:none;}

#contents.exterior {position:relative; margin-bottom:0;}
#contents.room .pg_tit,
#contents.exterior .pg_tit {position:absolute; top:0px; left:50%; margin-left:-350px; z-index:99; width:700px;}

#contents .photos {position:relative; height:1000px; padding-top:400px; margin-bottom: 180px;}
#contents .photos:before {content:''; display:block; background:#efefef; height:500px;}
#contents .photos .img {position:absolute; background-size:cover; background-position:center;}
#contents .photos .img1 {width:41%; top:0; left:50%; margin-left:-25%; height:500px;}
#contents .photos .img2 {width:33%; top:200px; left:50%; margin-left:17%; height:400px;}
#contents .photos .img3 {width:30%; top:520px; left:0; height:450px;}
#contents .photos .txt {position:absolute; width:60%; top:570px; left:50%; margin-left:-15%; line-height:1.9em;}
#contents .photos .txt .bigtxt {color: #222; font-size:1.3em; padding-bottom:10px;}
 
#contents .map {width:100%; max-width:1280px; margin:0 auto; margin-bottom:150px;}
#contents .map .btn_map {text-align:center;}
#contents .map .btn_map a {display:inline-block; width:200px; height:50px; border:1px solid #dbdbdb; line-height:50px; text-align:center; margin-top:20px;}
#contents .map .btn_map a:hover {background:#c1abad; color:#fff;}
#contents .map .map_txt {margin-top:50px;}
#contents .map .map_txt dt {font-size:1.15em; font-weight:bold; margin-bottom:10px; margin-top:25px; color:#000;}
#contents .map .map_txt dd {margin-bottom:5px; line-height:1.6em;}
#contents .map .map_txt dd strong {padding-bottom:5px; color:#333;}
#contents .map .map_list dd ul {margin:20px 0;}
#contents .map .map_list dd li {margin-bottom:20px;}

#contents .room .img_area {width:100%; margin:0 auto;}
#contents .room_info {width:100%; max-width:1280px; margin:100px auto; }
#contents .room_info h2 {color:#000; font-size:3em; margin-bottom:10px;}
#contents .room_info .room_txt {line-height:1.8em;}
#contents .room_info .btn {margin-top:-36px; text-align:right;}
#contents .room_info .btn a {background:#dbdbdb; color:#555; padding:12px 45px;}
#contents .room_info .btn a:hover {background:#c1abad; color:#fff;}
#contents .room_info .rate_table {margin-top:85px;}
#contents .room_info .rate_table table {margin-bottom:10px;}
#contents .room_info .rate_table .person {text-align:right; padding-bottom:7px;}

#contents .online {margin:0 auto 80px; width:1100px;}
#contents .reserve_list {width:100%; max-width:1280px; margin:0 auto;}
#contents .reserve_list dt {font-size:1.15em; font-weight:bold; color:#000;}
#contents .reserve_list dt:after {content:''; display:block; height:2px; width:40px; background:#d3d3d3; margin:10px 0 12px;}
#contents .reserve_list dd {margin-bottom:70px; line-height:1.7em;}
#contents .reserve_list dd li {margin-bottom:5px;}
#contents .reserve_list dd li table {margin-left:10px; margin-top:7px;}
#contents .reserve_list .mobile_view strong {display:block; margin:10px 0 5px;}
#contents .refund span {color:#ff0000;}

#contents .room_spec {border-top:1px solid #d4cec3;}
#contents .room_spec th, #contents .room_spec td {border-bottom:1px solid  #d4cec3; text-align:center; border-right:1px solid #d4cec3; }
#contents .room_spec th:last-child, #contents .room_spec td:last-child {border-right:none;}
#contents .room_spec th {background:#f3f0ea; color:#383838; padding:10px 2px 8px;}
#contents .room_spec th span {font-size:0.8em; color:#545454;}
#contents .room_spec td {padding:10px 2px 8px;}
#contents .room_spec td.m {background:#1c959c; color:#fff;}
#contents .room_spec td.a {background:#c1abad; color:#fff;}

#contents .tour {width:100%; max-width:1280px; margin:0 auto;}
#contents .tour li {position:relative; margin-bottom:180px;}
#contents .tour li .img {height:470px; width:100%; background-size:cover; background-position:center; z-index:-1;}
#contents .tour li .ptit {position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; top:-50px; border-radius:50%; background:#333; font-family: 'Open Sans', sans-serif; font-size:1.2em; font-weight:300; margin-bottom:100px; color:#fff; text-align:center; padding-top:26px;}
#contents .tour li .ptit span {display:block; font-weight:700; font-size:2.3em; line-height:1em;}
#contents .tour li .txt {line-height:1.7em; clear:right;}
#contents .tour li h4 {font-size:1.5em; margin-bottom:10px; color:#000; font-weight:bold; margin-top:30px;}
#contents .tour li h4 span {font-size:0.8em; color:#666;}

#contents .sp_box {position:relative; margin-bottom:150px; padding-left:66%; padding-top:12%; height:700px;}
#contents .sp_box .bx-wrapper {position:absolute; top:0; left:0; width:65%; height:700px; z-index:0;}
#contents .sp_box .bx-wrapper .bx-viewport, #contents .sp_box .bx-wrapper .bx-viewport ul {width:100%; height:100%;}
#contents .sp_box .bx-wrapper li {width:100%; height:100%; background-size:cover; background-position:center;}
#contents .sp_box h3 {margin-top:100px; position:relative; /*text-transform:uppercase;*/ font-family: 'Open Sans', sans-serif; font-size:3.4em; font-weight:600; color:#222; line-height:1em; letter-spacing:-0.05em; margin-bottom:60px; z-index:999;}
#contents .sp_box h3 span {display:block; font-size:0.8em; font-weight:100; }
#contents .sp_box h3:before {content:''; position:absolute; left:-120px; top:-42px; background:#c1abad; width:176px; height:176px; border-radius:50%; z-index:-1;}
#contents .sp_box .sp_txt {padding:0 5%; line-height:1.5em;}

#contents .sp_box:nth-child(2n+1) {padding-right:67%; padding-left:0; text-align:right;}
#contents .sp_box:nth-child(2n+1) .bx-wrapper {top:0; right:0; width:65%; left:auto;}
#contents .sp_box:nth-child(2n+1) h3:before {right:-120px; left:auto;}

#contents .sp_box .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; text-indent: -9999px; display: block; width: 11px; height: 11px; margin: 0px 4px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 0px;}
#contents .sp_box .bx-wrapper .bx-pager.bx-default-pager a:hover,
#contents .sp_box .bx-wrapper .bx-pager.bx-default-pager a.active {background: #c1abad;}


.board {width:100%; max-width:1280px; margin:0 auto; margin-bottom:100px;}
.board .board_nav {width:100%; margin-bottom:80px;}
/*.board .board_nav li {width:25%; float:left; text-align:center;}*/
.board .board_nav li {width:100%; float:left; text-align:center;}
.board .board_nav li a {display:block; color:#999; padding:15px 0; border:1px solid #ccc; border-bottom:1px solid #777; background:#eee;}
.board .board_nav li a.button_active {color:#000; font-weight:bold; border:1px solid #777;  border-bottom:1px solid transparent; background:#fff;}
.sub_m_bar  {display:none;}



/* µð°Ô Çϱ⠽ÈÀº ¹ÝÀÀÇü */
@media (max-width:1200px)/*µ¥½ºÅ©Å¾ »çÀÌÁî*/ {
#header .nav li a {padding:10px 25px 15px; color:#666;}
#header .banner {left:2%; margin-left:0;}

#footer .common_btm {width:100%:}
#footer .btm_logo {display:none;}
#footer .ft_infos {margin-left:0px;}
#footer .common_btm { text-align: center;}

#header .nav, #header2 .nav2 {width: 720px;}
#header .nav li a, #header2 .nav2 li a {padding: 10px 30px 15px;}

.img_area, .img_area .img_slider li  {height:650px;}
.r_img_area, .r_img_area .img_slider li  {height:650px;}
.e_img_area, .e_img_area .img_slider li  {height:650px;}

.m_about .img img {width:100%;}

.abo_info .txt {margin-right:7%;}
.site li .site_con {margin-right: -540px;}

.m_reserve {margin-top:50px;}
.m_reserve .img img{width:100%;}

.m_special {padding-bottom:0;}
.m_special ul {width:100%;}
.m_special ul li a {padding:0;}
.m_special ul li a .img {height:220px; background-size: cover;}
.m_special ul li a h4 {padding-top: 20px;}
.m_special .spe_bg {height:400px; margin:150px 0 40px 0;}

.m_con .img_txt {display: none;}

.site.m_rooms .bx-wrapper .bx-prev {left:55%}
.site.m_rooms .bx-wrapper .bx-next {left:60%}


#contents .tour li .img {height:350px;}
#contents .sp_box, #contents .sp_box .bx-wrapper {height:540px;}
#contents .sp_box .bx-wrapper .bx-pager.bx-default-pager a {top:-20%;}


}



@media (max-width:767px)/*ÅÂºí¸´ »çÀÌÁî*/ {
#contents .pc_view {display:none;}
#contents .mobile_view {display:block;}
#footer .pc_view {display:none;}
#footer .mobile_view {display:block;}

#header {position:relative; height:120px; top:0;}
#header h1 {display:block; text-align:left; padding:0 15px; margin:0;}
#header h1 img {width:80%}
#header .nav li a {padding:10px 5px 15px; font-weight: 800;}
#header .btn_reserve {position:absolute;padding: 0;top: 0;right:3%;background: none;}
#header .btn_reserve a {position:absolute; top:18px; right:0; width:50px; height:50px; border:1px solid #a9575e; display:block; color:#988249; text-indent:-9999px; background:url('../images/btn_reser.png') center 9px no-repeat; letter-spacing:-0.1em;}
#header .btn_reserve a:hover {background:url('../images/btn_reser.png') center 9px no-repeat;}
#header .nav  {margin:0; padding: 85px 0 0; width: auto; text-align:center; color:#333;}
#header .nav .sub_m {padding:0px 7px 5px;}
#header .nav li:hover .sub_m {display:none;}

#header2 {position:relative; height:120px; top:0;}
#header2 h1 {display:block; text-align:left; padding: 15px 30px; margin:0;}
#header2 .nav2 li a {padding:10px 5px 15px;}
#header2 .btn_reserve {position:absolute;padding: 0;top: 0;right:3%;background: none;}
#header2 .btn_reserve a {position:absolute; top:18px; right:15px; width:50px; height:50px; border:1px solid #fff; display:block; color:#988249; text-indent:-9999px; background:url('../images/btn_reser2.png') center 9px no-repeat; letter-spacing:-0.1em;}
#header2 .btn_reserve a:hover {background:url('../images/btn_reser2.png') center 9px no-repeat;}
#header2 .nav2 {margin-top: 75px; width: auto; text-align:center;}
#header2 .nav2 .sub_m2 {padding:0px 7px 5px;}
#header2 .nav2 li:hover .sub_m2 {display:none;}

#header2 h1 img {width:80%;}

#footer .ft_wrap {padding:20px 2%;}
#footer .ft_infos .on_btn {padding-bottom:30px;}
#footer .ft_infos .on_btn a {padding:10px 35px; background:#a9575e; color:#fff;}
#footer .ft_infos h5 {font-size:1em;}

.img_area, .img_area .img_slider li  {height:300px;}
.r_img_area, .r_img_area .img_slider li  {height:300px;}
.e_img_area, .e_img_area .img_slider li  {height:300px;}

.img_area .bx-wrapper .bx-controls-direction a {width:40px; height:40px; top: 60%; bottom:0px; background-size:200%;}
.img_area .bx-wrapper .bx-prev {left:5%; background-position:0 0;}
.img_area .bx-wrapper .bx-prev:hover {background-position:0 -40px;}
.img_area .bx-wrapper .bx-next {right:5%; background-position:-40px 0;}
.img_area .bx-wrapper .bx-next:hover {background-position:-40px -40px;}

.m_reserve h3 {letter-spacing:-0.1em; word-spacing:-0.1em; font-size:4.8em;}.m_reserve .tit_txt {font-size:1.18em;}

.m_reserve h3 {letter-spacing:-0.1em; word-spacing:-0.1em; font-size:4.8em;}
.m_reserve .tit_txt {margin-bottom: 25px; font-size:1em;}

.m_about {margin-top: 0; padding-bottom:50px;}
.m_about .img img {width:100%;}
.abo_info {padding:15px 10px; width: auto;}
.abo_info p {font-size:1em;line-height:1.3em;}
.abo_info a {border:1px solid #bfbfbf; color:#909090; padding:10px 40px; font-size: 0.80em;}
.abo_info a:hover {background:#b6ddc8; color:#222;}
.abo_info img {width:100%;}

.abo_info .txt h2 {font-size:5.5em;}
.abo_info .txt h2.eng {padding-bottom:40px; font-size:1.15em; color:#666; letter-spacing:-.05em; line-height:1;}
.abo_info .txt p {font-size:1em; color: #222; letter-spacing:-0.08em;}

#contents.room .pg_tit {display:none;}
#contents {padding-left:1%; padding-right:1%;}
#contents .pg_tit {position:relative; margin:70px auto;}
#contents .pg_tit .eng {font-size:5.0em;}
#contents .pg_tit .kor {font-size:0.75em; letter-spacing:0.35em;}
#contents .img_area .kor {top: 135px; margin-left:-70px; font-size:0.75em; letter-spacing:0.35em;}
#contents .photos {padding-top:250px; height:520px;}
#contents .photos:before {height:430px;}
#contents .photos .img1 {width: 65%; height:200px; left:25%;}
#contents .photos .img2 {top:0; width: 50%; height:200px;}
#contents .photos .img3 {width: 100%; height:150px; bottom:0;}
#contents .photos .txt {margin-left: 0; width: 100%; top: 230px; left: 0; line-height: 1.4;}
#contents .photos:before {display:none;}
#contents .sp_box {margin-bottom: 80px; height:auto; padding:0 !important; text-align:left !important;}
#contents .sp_box .bx-wrapper {height:230px; width:100% !important; position:relative;}
#contents .sp_box .bx-wrapper li {height:250px;}
#contents .sp_box h3 {margin: 50px 0 20px; font-size:1.8em; text-align: center;}
#contents .sp_box h3:before {display:none;}
#contents .sp_box h3 span {display:inline;}
#contents .tour {padding-top:50px;}
#contents .tour li .img {height:300px;}
#contents .room .img_area {width:100%;}
#contents .room_info .btn {margin-top:35px;}
#contents .online {width:100%;}

.sub_m_bar {display:block; border-bottom:1px solid #e5e5e5; text-align:center; background:#f0f0f0;}
.sub_m_bar li {display:inline-block; border-left:1px solid #e5e5e5;}
.sub_m_bar li:last-child {border-right:1px solid #e5e5e5;}
.sub_m_bar li a {padding:8px 15px; line-height:2.4em;}

.m_con .m_txt {display: none;}
.m_con .m_txt h2 {font-size:2.4em;}
.m_con .btn {display:none;}

.img_area .bx-wrapper .bx-pager { bottom:30px; } 
.r_img_area .bx-wrapper .bx-pager { bottom:30px; } 
.e_img_area .bx-wrapper .bx-pager { bottom:30px; } 

.m_about {width:100%; height:590px; background-size: auto;}
.m_about img {width:100%;}
.m_about .txt {float: none; margin:5% 0; line-height:1.2;}

.site {padding:0; height:auto; background-position: center; background-size: cover;}
.site .sites li {width:100% !important; height:560px;}
.site li .site_img {position:relative; width:100%; height:200px;}
.site li .site_con {padding:30px 10px; width:100%; height:auto; top:auto; left:0; text-align: center;}

.site li .site_con h4 {padding: 0 0 8%; font-size:2.4em;}
.site li .site_con h2 {padding-bottom: 18px; font-size:3em;}
.site li .site_con h6 {font-size:2.4em;}
.site li .site_con p {padding:15px 0; font-size:unset; line-height: 1.5;}

.site li .site_con .more {margin-top: 15px;}

.site.m_rooms .bx-wrapper .bx-controls-direction a {width:34px; height:34px; top:22%; background-size:200%;}
.site.m_rooms .bx-wrapper .bx-prev {left:5%; background-position:-34px 0;}
.site.m_rooms .bx-wrapper .bx-next {left: 84.5%; background-position:0 0;}

.m_online {left:50px;}

.m_special ul {width:100%; max-width: none;}
.m_special ul li .img {width:100%;}
.m_special ul li a {padding:0;}
.m_special ul li a .img {width:100%; height:410px; background-size: cover;}
.m_special ul li a h4 {padding-top: 20px;}
.m_special .spe_bg {height:465px;}
.m_special .line {position: absolute; width:100%; height:500px; margin:10px 0; border: 1px solid #222; opacity:0.3;}

.m_reserve {margin-top:50px;}

#youtube_player{width: 100%; height: 100%;}

}



@media (max-width:480px)/*¸ð¹ÙÀÏ »çÀÌÁî*/ {

#header {position:relative; height:140px; font-size: 16px; clear:both; }
#header h1 {padding:5px 5px}
#header .btn_reserve a  {top:20px;}
#header .nav li a {padding:10px 4px; font-size:1.25em; letter-spacing:-0.05em;}
#header .nav .sub_m li a {font-size:0.7em;}

#header2 {position:absolute; height:180px; font-size: 16px; clear:both; }
#header2 h1 {padding: 18px 10px 0;}
#header2 .btn_reserve2 {right:0;}
#header2 .btn_reserve2 a  {top:15px;}
#header2 .nav2 li a {padding:10px 4px; font-size:1.25em; letter-spacing:-0.05em;}
#header2 .nav2 .sub_m2 li a {font-size:0.7em;}

#contents .pg_tit {position:relative; margin:20px auto;}
#contents .pg_tit .eng {font-size:4.2em;letter-spacing:-0.1em;}
#contents .pg_tit .kor {margin-left:-100px; letter-spacing:0.08em; padding:7px 6px; bottom:-10px;}
#contents .img_area .kor {top: 110px; margin-left:-50px; letter-spacing:0.2em; padding:7px 6px;}

#footer .sub_m_bar li:first-child {display:none;}
#footer .sub_m_bar li a {padding:8px 4px; font-size: 0.85em; line-height:2.4em;}
#footer .top {display:none;}

#footer .ft_infos h2 {margin-bottom:10px; font-size:2em; color:#222; font-weight:600;}
#footer .ft_infos h2 span {font-size:0.6em; font-weight:normal; padding-left:15px;}
#footer .ft_infos h5 {font-size: 1.2em;font-weight:normal;padding-bottom:15px;color: #222;padding-left: 0;}
#footer .ft_infos p {padding-top:15px; text-align: center; line-height: 1.5em;}

.m_about {width:100%;}

.img_area .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 11px; height:11px; margin: 0 5px; }
.img_area .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #de0c33;}

.r_img_area .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 11px; height:11px; margin: 0 5px; }
.r_img_area .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #de0c33;}

.e_img_area .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 11px; height:11px; margin: 0 4px; }
.e_img_area .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #de0c33;}

.m_special {margin: 50px auto; height: auto;}
.m_special h3 {font-size:3em;}
.m_special .tit_txt p {font-size:1em;}
.m_special ul li a h4 {padding-top: 20px;}
.m_special ul li {padding: 0 5px; width:100%; height: auto}
.m_special ul li a {padding:0;}
.m_special ul li a .img {width:100%; height:250px; background-size:cover;}
.m_special .spe_bg {height: 420px;}


.m_reserve {height:180px; margin:0;}
.m_reserve h3 { padding-top:30px; font-size:3em; letter-spacing: 0;}

#contents .room_info {margin:30px auto;}
#contents .room_info h2 {margin-bottom:0;}
#contents .room_info .rate_table {margin-top:40px;}
    
    #youtube_player{width: 100%; height: 100%;}
}