/* 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=Montserrat|Nothing+You+Could+Do|Noto+Sans+KR:100,300,400|Open+Sans&display=swap');

/* Reset */
* {margin:0; padding:0}
body {margin:0; padding:0; height:100%; font-size:0.9em; line-height:1.2; color:#5d5d5d; font-family:'Open Sans','Montserrat','Nothing You Could Do','Noto Sans KR','NanumbarunGothic','Malgun Gothic', 'NanumGothic','Nanum Gothic',Dotum, Arial, sans-serif, cursive;}
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; }
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; display:inline-block;}
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; }

/* layout */
#header {position:relative; z-index:999; }
#header h1 {padding:20px 0; margin:0 30px; display: inline-block;}
#header .btn_reserve {position:fixed; right:0; z-index:999;}
#header .btn_reserve a { border-bottom:1px solid rgba(255,255,255,0.5); width:222px; height:90px; display:block; padding:30px; text-align:center; }
#header .btn_reserve a:hover { background-color:#6f4835; transition: .3s ease-in-out;}
#header .btn_reserve a .text {display:inline-block; vertical-align:middle; color:#fff; text-align:left;}
#header .btn_reserve a .text p {font-family: 'NanumbarunGothic', sans-serif; color:#fff; font-size:14px;}
#header .btn_reserve a .text p.eng {font-family:'Open Sans'; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:8px; }
#header .btn_reserve a img {display:inline-block;}
#header .nav {position:absolute; width:100%; }
#header .nav li {display:inline-block; position:relative;}
#header .nav li a {display:block; padding:10px 55px 15px; color:#fff; font-size:1.1em; height:46px;}
#header .nav li a:hover {font-weight:600; }
#header .nav .sub_m {display:none; position:absolute; width:100%; top:46px;  z-index:999; background:#6f4835; 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:#eee; height:36px;}
#header .nav .sub_m li a:hover {color:#fff; font-weight:bold;}

#footer {background:#fff;}
#footer .ft_wrap {position:relative; width:100%; max-width:1280px; padding:55px 0 55px; margin:0 auto; color:#333;}
#footer .ft_infos_c {display:inline-block;}
#footer .ft_infos_c > div {display:inline-block; vertical-align:top;}
#footer .ft_infos_c .i_call {}
#footer .ft_infos_c .i_call .ttl {background:#26413c; color:#d4d9d8; padding:0 11px; line-height:19px; width:95px; height:19px;}
#footer .ft_infos_c .i_call .num {padding-right:78px;}
#footer .ft_infos_c .i_call .num p {font-size:50px; font-family: 'Nothing You Could Do', cursive;}
#footer .ft_infos_c .i_call .num p span {font-size:40px; color:#7f7f7f;}
#footer .ft_infos_c .i_call .num p span.kor {font-family: 'Noto Sans KR', sans-serif; color:#333; font-size:20px;}
#footer .ft_infos {margin-top:50px; margin-bottom:10px; color:#a3a3a3;}
#footer .common_btm { color:#ddd;}
#footer .quick {position:absolute; right:0; display:inline-block; }
#footer .quick li {display:inline-block; vertical-align:top;}
#footer .quick li a {width:154px; height:154px; text-align:center; background:#26413c; padding:35px 0; margin-left:12px;}
#footer .quick li a .eng {color:rgba(255,255,255,0.5); font-size:22px; text-transform:uppercase; padding:8px 0 5px;}
#footer .quick li a .kor {font-size:16px; color:#fff; }
#footer .sub_m_bar {position:relative; display:block; text-align:center; background:rgba(0,0,0,0.1); z-index:999;}
#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:4px 35px; line-height:2.4em; }
#footer .sub_m_bar li a:hover {font-weight:bold; color:#000;}
#footer .top {position:fixed; right:20px; bottom:20px; z-index:999;}
#footer .top a {width:50px; height:50px; line-height:50px; border:1px solid #000; background:rgba(255,255,255,0.5); color:#000; text-align:center;}

/* main */
.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 .img_txt {position:absolute;  z-index:999; right:50%; margin-right:-200px; margin-top:300px;}
.m_con .img_txt .btn {text-align:center; }
.m_con .img_txt .btn a {width:160px; height:40px; display:inline-block; text-align:center; margin:25px 2.5px; color:#fff; line-height:40px; font-size:12px;}
.m_con .img_txt .btn a.color_b {background:#6f4835;}
.m_con .img_txt .btn a.color_g {background:#26413c;}
.img_area  {height:950px; padding:0 !important;}
.img_area .img_slider {width:100%; height:100%;}
.img_area .img_slider li {width:100%; height:950px; background-position:center; background-size:cover; background-repeat:no-repeat;}

.m_spe {position:relative; height:900px; width:100%; }
.m_spe .right-top {position:absolute; top:-120px; right:0;}
.m_spe .right {position:absolute; right:0;}
.m_spe .left {position:absolute; top:65px; left:0;}
.m_spe .m_spe_img {width:100%;  }
.m_spe .m_spe_img .img {width:50%; height:700px; display:inline-block; }
.m_spe .m_spe_img .text {color:#000; font-family: 'Noto Sans KR', sans-serif; display:inline-block; width:600px; position:absolute; right:50%; margin-right:-90px; top:150px;}
.m_spe .m_spe_img .text .ttl01 { border-bottom:1px solid #d6d6d6; }
.m_spe .m_spe_img .text .ttl01 h4 {font-family: 'Nothing You Could Do', cursive; font-size:105px; line-height:40px; letter-spacing:-5px;}
.m_spe .m_spe_img .text .ttl01 h4 span {font-family: 'Montserrat', sans-serif; font-size:19px; letter-spacing:0; color:#ccc;}
.m_spe .m_spe_img .text .ttl02 {padding-top:58px;}
.m_spe .m_spe_img .text .ttl02 p {font-size:40px;}
.m_spe .m_spe_img .text .ttl02 p span { }
.m_spe .m_spe_img .text .con {padding-top:84px; }
.m_spe .m_spe_img .text .con p {line-height:25px; font-size:18px;}
.m_spe .m_spe_img a {display:block; margin-top:45px; width:257px; height:50px; line-height:50px; padding:0 26px; color:#fff; background:#26413c; /* border:1px solid #616161; */ }
.m_spe .m_spe_img a:hover {background:#6f4835; transition: .3s ease-in-out;}
.m_spe .m_spe_img .text_right {text-align:right; left:50%; margin-left:-90px;}
/*.m_spe .m_spe_img .text_right:before {content:""; display:block; height:700px; width:280%; background:#363530; position:absolute; top:-150px; margin-left:-480px; z-index:-1;}*/
.m_spe .m_spe_img .text_right .ttl01, .m_spe .m_spe_img .text_right .ttl02, .m_spe .m_spe_img .text_right .con  {color:#fff;}
.m_spe .m_spe_img .text_right a {position:absolute; right:0; background:none; text-align:right;  border:1px solid #616161; }
.m_spe .m_spe_img .text_right a:hover {background:#6f4835; transition: .3s ease-in-out;}
.m_spe .m_spe_img_right {width:100%; height:100%; position:relative;}
.m_spe .m_spe_img_right:before {content:""; display:block; height:700px; width:80%; background:#363530; position:absolute; right:0;  margin-left:-480px; z-index:-1;}

.m_spe_list {max-width:1718px; width:100%; height:334px; background:#26413c; margin-top:-60px; margin-bottom:87px; position:absolute; right:0;}
.m_spe_list ul {width:100%; text-align:center; padding:35px 0;}
.m_spe_list ul li {position:relative; width:15%; height:248px; margin:0.5%;  display:inline-block; vertical-align:middle;}
.m_spe_list ul li .mark {padding:56px 0;}
.m_spe_list ul li a {display:inline-block;  width:100%; height:100%; background:#000;}
.m_spe_list ul li a:hover {border:1px solid rgba(255,255,255,0.5);  }
.m_spe_list ul li a .img {width:100%; height:100%; opacity:0.5; }
.m_spe_list ul li a:hover .img {/*opacity:1;*/ transition:.3s ease-in-out ; transform:scale(1.1);  -webkit-transform:scale(1.1);     /*  Å©·Ò */ -moz-transform:scale(1.1);/* FireFox */ -o-transform:scale(1.1);/* Opera */ }
.m_spe_list ul li p {position:absolute; width:100%; left:50%; margin-left:-50%; top:110px; text-transform:uppercase; font-size:22px; font-family:'Montserrat', sans-serif; color:#fff; font-weight:600; vertical-align:middle; }


.m_rooms {background:#333; margin-top:387px; height:1279px;}
.m_rooms .m_r_ttl_p {max-width:1280px;  text-align:center; margin-left:-250px;}
.m_rooms .m_r_ttl_p img {margin-top:-68px;}
.m_rooms_list {max-width:1280px;  margin:0 auto;}
.m_rooms_list .ttl {margin-top:-38px; border-top:1px solid #717171; border-bottom:1px solid #717171; padding:30px; }
.m_rooms_list .ttl h4 {font-size:50px; display:inline-block; letter-spacing:-1px; font-weight:600; vertical-align:middle;}
.m_rooms_list .ttl p {font-size:13px; display:inline-block; padding-left:23px; padding-top:10px; vertical-align:middle;}
.m_rooms_list ul {margin:0 auto; width:100%; }
.m_rooms_list ul li {position:relative; width:391px; height:254px; margin:50px 15px; display:inline-block;}
.m_rooms_list ul li a {width:100%; height:100%;}
.m_rooms_list ul li a h4 {font-size:70px; font-family: 'Nothing You Could Do', cursive; color:#fff; z-index:9999;}
.m_rooms_list ul li a .img {position:relative; width:100%; height:100%; z-index:0; background-size:cover; background-position:center; padding:30px;}
.m_rooms_list ul li a .type {font-size:20px; z-index:10; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.5); }
.m_rooms_list ul li a .text {position:absolute; bottom:30px;font-size:13px; color:rgba(255,255,255,0.5); }
.m_rooms_list ul li a .btn {color:rgba(255,255,255,0.7); font-size:13px;  margin-top:22px; width:189px; height:37px; line-height:37px; padding:0 12px; border:1px solid #616161; }
.m_rooms_list ul li:hover a .img {box-shadow:0 0 35px 10px rgba(0,0,0,0.3);  transition: .3s ease-in-out; transform:scale(1.1);  -webkit-transform:scale(1.1);     /*  Å©·Ò */ -moz-transform:scale(1.1);/* FireFox */ -o-transform:scale(1.1);/* Opera */}
.m_rooms_list ul li:hover a .btn {background:#6f4835; border:none;}

.m_book {background:#fff; margin-top:0; height:680px;}
.m_book .m_b_ttl {}
.m_book .m_b_ttl img {margin-top:-90px;}
.m_book_list {}
.m_book_list .ttl {position:relative;}
.m_book_list .ttl .btn {position:absolute; right:0; display:inline-block; vertical-align:middle; padding-top:5px; }
.m_book_list .ttl .btn a {margin-left:5px; width:240px; height:48px; line-height:48px; text-align:center; color:rgba(0,0,0,,0.5); border:1px solid rgba(0,0,0,0.5);}
.m_book_list .ttl .btn a span {font-weight:600; padding-left:10px; color:#000;}
.m_book_list .ttl .btn a span.red {color:#ff0000; }
.m_book_list .ttl .btn a:hover {background:#6f4835; color:#fff; transition: .3s ease-in-out;}
.m_book_list .img_book {padding-top:60px;}
.m_book_list .img_book .img_b {width:415px; height:373px; display:inline-block; margin-right:13px;}
.m_book_list .img_book .img_b:last-child {margin-right:0px;}

.m_travels {background-color:#fff; padding-bottom:210px;}
.m_con .m_travels h3:after {background:#ccb692;}
.m_travels ul {width:1220px; margin:0 auto; overflow:hidden; position:relative;}
.m_travels ul li {float:left; width:25%; padding:0 10px;}
.m_travels ul li a {display:block; width:100%; height:100%; background:#fff6eb; padding:60px 30px;}
.m_travels ul li a .img {height:220px; margin:-60px -30px 50px;}
.m_travels ul li a h4 {font-weight:bold; color:#000;}
.m_travels ul li a h4 span {font-weight:normal; color:#666; font-size:0.8em;}
.m_travels ul li a h4:after {content:''; display:block; background:#ccb692; height:2px; width:40px; margin:20px 0;}
.m_travels ul li a .t_con {line-height:1.7; overflow:hidden; height:67px;}

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



/* contents */
#contents {position:relative;}
#contents .img_area_ttl_bg {background:#333; background-size:cover; width:100%; height:1350px; padding:0 !important;}
#contents .pg_tit {padding-top:150px; z-index:9; }
#contents .pg_tit .eng { /*text-transform: uppercase;*/ z-index:-1; text-align:center; }
#contents .pg_tit .eng p {text-transform:uppercase; padding:14px; color:#fff; letter-spacing:10px; }
#contents .pg_tit .eng p.large {padding:5px; text-transform:none; font-family: 'Nothing You Could Do', cursive; font-size:100px; line-height:85px; letter-spacing:-5px; color:#fff; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); width:max-content; margin:0 auto; max-width:300px;}
#contents .pg_tit .eng p.small {font-family:'Montserrat', sans-serif; font-weight:600; letter-spacing:1px; }
#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:120px; left:50%; margin-left:-155px; z-index:99; width:310px;}


#contents .photos {position:relative; height:1000px; padding-top:400px; margin-bottom: 180px; margin-top:-900px;}
/*#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:700px; left:50%; margin-left:-15%; line-height:1.9em; color:rgba(255,255,255,0.8);}
#contents .photos .txt .bigtxt {font-weight:bold; font-size:1.3em; padding-bottom:10px;}

#contents .about_spe {height:100px;}
#contents .map_bg {height:1300px;}
#contents .map {width:100%; max-width:1200px; margin:0 auto; margin-bottom:150px; margin-top:50px;}
#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_info {padding-top:80px;}
#contents .map_info .ttl {color:rgba(255,255,255,0.7); }
#contents .map_info .btn a {border:1px solid rgba(255,255,255,0.5);}
#contents .map_info .btn a span {color:#fff;}

#contents .room_bg {height:1450px;}
#contents .room_spe {height:700px; padding-top:150px; position:relative; }
#contents .room_spe .ttl {position:absolute; right:70%; top:80px; font-family:'Montserrat', sans-serif; text-transform: uppercase; font-size:58px; font-weight:600; color:#26413c;}
#contents .room_spe .m_spe_list {margin-top:0;}
#contents .room .img_area {width:100%; margin:0 auto;}
#contents .r_pg_tit {position:absolute; top:278px; left:50%; margin-left:-155px; z-index:99; width:310px; color:#fff; }
#contents .r_pg_tit .eng {font-family: 'Nothing You Could Do', cursive; font-size:180px;  text-transform: uppercase; z-index:-1; text-align:center;}
#contents .r_pg_tit .r_tit_border {font-family:'Montserrat', sans-serif; text-transform: uppercase; font-size:14px; font-weight:600; margin-top:-50px; }
#contents .r_pg_tit .r_tit_border span.border {width:250px; display:inline-block; vertical-align:middle; height:1px; border-bottom:1px solid #fff; margin-left:10px;}
#contents .r_pg_tit p {text-transform: uppercase; text-align:center; font-size:15px; letter-spacing:5px; padding:10px;}
#contents .r_pg_tit .btn {}
#contents .r_pg_tit .btn a {width:150px; height:47px; line-height:47px; text-align:center; border:1px solid #fff; font-size:12px;}
#contents .r_pg_tit .btn a:hover {background:#26413c; transition:.3s ease-in-out;}
#contents .room_info {position:relative; width:100%; max-width:1200px; margin:-50px auto; z-index:999;  }
#contents .room_info h1 {font-family:'Montserrat', sans-serif; font-size:72px; color:#e6e6e6; font-weight:600; letter-spacing:-3px;}
#contents .room_info h2 {font-family: 'Nothing You Could Do', cursive; color:#000; font-size:180px; margin-bottom:40px;}
#contents .room_info .room_txt {margin-top:68px;line-height:1.8em; font-size:18px;}
#contents .room_info .room_txt span {float:right;}
#contents .room_info .btn {margin-top:-168px; text-align:right;}
#contents .room_info .btn a {background:#26413c ; color:#fff; padding:12px 45px;}
#contents .room_info .btn a:hover {background:#6f4835 ; }
#contents .room_info .rate_table {margin-top:35px;}
#contents .room_info .rate_table table {margin-bottom:10px;}
#contents .room_info .rate_table .person {text-align:right; padding-bottom:7px;}
#contents .room_info .facilities {margin-top:38px;}
#contents .room_info .r_img_detail {}
#contents .room_info .r_img_detail .text {margin:80px -50px;}
#contents .room_info .r_img_detail .text p {display:inline-block;}
#contents .room_info .r_img_detail .text .ttl {font-size:130px; font-family: 'Nothing You Could Do', cursive; transform: rotate( -15deg ); letter-spacing:-10px; color:#e5e5e5;}
#contents .room_info .r_img_detail .text .ttl_con {position:absolute; margin:30px; font-size:13px; color:#e5e5e5; }
#contents .room_info .r_img_detail .detail {width:100%; height:500px;}
#contents .room_info .r_img_detail .detail .d_img {margin-top:-130px;}
#contents .room_info .r_img_detail .detail .d_img_box {display:inline-block; width:31.5%; height:333px; margin:0 0.5%;}

#contents .online {margin:50px auto; width:1200px;}
#contents .reser_bg {height:400px; background:url('../images/reser-bg.jpg') center; background-size:cover; }
#contents .reserve_list {width:100%; max-width:1200px; margin:50px auto; font-size:16px;}
#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 .room_spec {border-top:3px solid #26413c;}
#contents .room_spec th, #contents .room_spec td {border-bottom:1px solid  #d6d6d6; text-align:left; padding:5px; }
#contents .room_spec th:last-child, #contents .room_spec td:last-child {border-right:none;}
#contents .room_spec th {color:#383838; padding:24px 20px; font-weight:600;}
#contents .room_spec th span {font-size:0.8em; color:#545454;}
#contents .room_spec td {padding:20px;}
#contents .room_spec .border_r {border-right:1px solid #eee; }

#contents .tour_bg {height:5100px;}
#contents .tour {width:100%; max-width:1200px; margin:50px 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; color:#969696;}
#contents .tour li h4 {font-size:1.5em; margin-bottom:10px; color:#fff; font-weight:bold; margin-top:30px;}
#contents .tour li h4 span {font-size:0.8em; color:#
969696;}

#contents .spe_list {margin:100px auto; }
#contents .spe_list h4 { font-family: 'Noto Sans KR', sans-serif;}
#contents .spe_list p {padding-left:0; padding-top:25px; display:block;}
/*#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 {position:relative; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:3.4em; font-weight:800; color:#333; line-height:1em; letter-spacing:-0.05em; margin-bottom:60px; z-index:999;}
#contents .sp_box h3 span {display:block; font-weight:100; }
#contents .sp_box h3:before {content:''; position:absolute; left:-120px; top:-42px; background:#d4cec3; width:176px; height:176px; border-radius:50%; z-index:-1;}
#contents .sp_box .sp_txt {line-height:1.7em;}
#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;}*/

.board {width:100%; max-width:1200px; margin:50px 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 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; }
#header .banner {left:2%; margin-left:0;}
.img_area, .img_area .img_slider li  {height:650px;}
.m_reserve .img img{width:100%;}
.m_travels ul {width:100%;}
.m_con .img_txt {display: none;}
#contents .tour li .img {height:350px;}
#footer .common_btm {width:100%:}
#footer .btm_logo {display:none;}
#footer .ft_infos {text-align:center; margin-left:0px;}
#footer .common_btm { text-align: center;}
#contents .sp_box, #contents .sp_box .bx-wrapper {height:540px;}

}

@media (max-width:767px)/*ÅÂºí¸´ »çÀÌÁî*/ {
#contents .pc_view {display:none;}
#contents .mobile_view {display:block;}
#header h1 {display:block; text-align:center; padding: 45px 0;}
#header .nav li a {padding:10px 5px 15px;}
#header .btn_reserve a {position:absolute; top:50px; right:30px; width:50px; height:50px; border:1px solid #ccb692; display:block; color:#988249; text-indent:-9999px; background:url('../images/btn_reserve.png') center 9px no-repeat; letter-spacing:-0.1em;}
#header .btn_reserve a:hover {background:url('../images/btn_reserve.png') center 9px no-repeat;}
.img_area, .img_area .img_slider li  {height:400px;}
#header .nav  {text-align:center;}
#header .nav .sub_m {padding:0px 7px 5px;}
.m_reserve h3 {letter-spacing:-0.1em; word-spacing:-0.1em; font-size:4.8em;}.m_reserve .tit_txt {font-size:1.18em;}
#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:600px;}
#contents .photos:before {height:300px;}
#contents .photos .img1 {height:300px;}
#contents .photos .img2 {top:160px; height:240px;}
#contents .photos .img3 {height:270px; top:310px;}
#contents .photos .txt {top:420px;}
#contents .sp_box {height:auto; padding:0 !important; text-align:left !important;}
#contents .sp_box .bx-wrapper {height:380px; width:100% !important; position:relative;}
#contents .sp_box h3 {font-size:3.0em; margin-bottom:20px;}
#contents .sp_box h3:before {display:none;}
#contents .sp_box h3 span {display:inline;}
#contents .tour li .img {height:300px;}
#contents.room .img_area {width:100%;}
#contents .room_info .btn {margin-top:35px;}
#contents .online {width:100%;}
#footer .ft_wrap {padding:35px 2%;}
#header .nav li:hover .sub_m {display:none;}
.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;}

}