/* 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=Open+Sans:300,600,700,800|Lato');
@font-face { font-family: '¾çÁøü'; src: url('https://cdn.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; 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: 'S-CoreDream-4Regular'; 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: 'KCC-eunyoung'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Reset */
* {margin:0; padding:0}
body {margin:0; padding:0; height:100%; font-size:0.9em; line-height:1.2; color:#5d5d5d; font-family:'S-CoreDream-4Regular','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; }

/* layout */
#header {position:relative; border-bottom:1px solid #aaa;}
#header h1 {text-align:center; padding:55px 0 0;}
#header .btn_reserve {width:100%; max-width:1200px; margin:auto; margin-bottom:25px;}
#header .btn_reserve a {display:block; float:right; color:#fff; border-radius:40px; background-color:#f8598e; padding:10px 20px;}
#header .btn_reserve a:hover {background-color:#ff2e74;}
#header .nav {width:100%; text-align:center; clear:both;}
#header .nav li {display:inline-block; *display:inline; position:relative;}
#header .nav li a {display:block; padding:10px 55px 15px; color:#666; font-size:1.1em;}
#header .nav li a:hover {color:#000;}
#header .nav .sub_m {display:none; position:absolute; width:100%; top:42px;  z-index:9999; background:rgba(232,134,167,.8); padding:0px 15px 5px;}
#header .nav li:hover .sub_m, #header .nav li .sub_m:hover, #header .nav li:hover .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:#efefef; height:36px;}
#header .nav .sub_m li a:hover {color:#fff; font-weight:bold;}

#footer {background:#d7d7d7;}
#footer .ft_wrap {position:relative; width:100%; max-width:1200px; padding:45px 0 40px; margin:0 auto; color:#796e73;}
#footer .ft_wrap .btn_top {position:absolute; right:0; top:-30px; width:60px; height:60px; z-index:10; background:#f8598e; border-radius:50%;}
#chevron {
  position: absolute;
  text-align: center;
  margin-top:14px; margin-left:18px;
  padding: 12px;
}
#chevron:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 25%;
  width: 51%;
  background: #fff;
  transform: skew(0deg, -45deg);
}
#chevron:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 25%;
  width: 50%;
  background: #fff;
  transform: skew(0deg, 45deg);
}
#footer .btm_logo {margin-bottom:25px;}
#footer .ft_infos {margin-bottom:35px; line-height:1.5em;}
#footer .ft_infos .p_num {display:block; font-size:2.2em; color:#725f68; padding-bottom:20px; font-weight:bold;}
#footer .common_btm {border-top:1px solid #c5bdc1; padding-top:35px; color:#9f959a; font-size:0.8em;}
#footer .quick {position:absolute; right:0; top:70px;}
#footer .quick li {display:inline-block; width:50px; height:50px; margin-left:5px;}
#footer .quick li a {display:block; width:100%; height:100%; border:1px solid #fff; border-radius:50%; color:#fff; text-align:center; line-height:50px;}
#footer .quick li a:hover {background:#f8598e;}

/* main */
#contents.m_con {margin-bottom:0;}
.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: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:100px; line-height:1.7; color:#3e3e3e;}

.img_area  {height:880px; padding:0 !important; position:Relative; z-index:inherit;}
.img_area .img_slider {width:100%; height:100%;}
.img_area .img_slider li {width:100%; height:880px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.img_area .img_txt {position:absolute; bottom:180px; width:1200px; right:50%; margin-right:-600px; height:336px; background:url('../images/txt_bg.png') right no-repeat; z-index:100; text-align:right; padding:100px 135px 122px; color:#fff; font-size:2.6em; text-shadow:0 0 5px rgba(0,0,0,.7);}
.img_area .img_txt span {font-size:1.5em; font-weight:bold;}

.m_rooms {}
.m_rooms ul {margin:0 auto; width:100%; max-width:1200px;}
.m_rooms ul li {position:relative; float:left; width:48%; margin:1%; height:380px; background-color:#000; padding-top:200px; text-align:center; }
.m_rooms ul li h4 {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:7px 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_travels {background-color:#d4cec3; padding-bottom:210px;}
.m_con .m_travels h3:after {background:#fff;}
.m_travels ul {width:100%; max-width:1220px; margin:0 auto; overflow:hidden; position:relative;}
.m_travels ul li {float:left; padding:0 10px;}
.m_travels ul li a {display:block; width:100%; height:100%; background:#fff; padding:60px 30px;}
.m_travels ul li a .img {height:220px; margin:-60px -30px 50px; background-size:cover; background-position:center;}
.m_travels ul li a h4 {font-weight:bold; color:#000;}
.m_travels ul li a h4:after {content:''; display:block; background:#9d7e47; 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;}

.m_reserve {padding-top:50px 0; text-align:center; position:Relative; background:rgba(0,0,0,.6);}
.m_reserve:before {content:""; display:block; position:Absolute; top:0; left:0; width:100%; height:100%; background:url('../images/bn_img.jpg') center no-repeat; z-index:-1;}
.m_reserve h3 {font-size:5.7em; font-family:'Open Sans', sans-serif; font-weight:800; margin-bottom:65px; color:#fff; letter-spacing:-0.05em;}
.m_reserve h3:after {background:none; display:none;}
.m_reserve .tit_txt {color:#fff; font-size:1.3em; letter-spacing:-0.05em; margin-bottom:45px;}
.m_reserve .tit_txt  span {font-size:1.4em; padding-bottom:5px;}
.m_reserve  a {border:1px solid #fff; color:#fff; padding:10px 40px;}
.m_reserve  a:hover {background:#00000030; color:#fff;}
.m_reserve .img {margin-top:80px;}

/* contents */
#contents {margin-bottom:200px; position:relative;}
#contents .pg_tit {position:relative; margin:120px auto; text-align:center;}
#contents .pg_tit .eng {font-family: '¾çÁøü', cursive; font-size:4.5em; color:#000; text-transform: uppercase;}
#contents .pg_tit .kor {color:#fff; display:inline-block; padding:5px; background:#f8598e; letter-spacing:.2em; position:relative; margin-top:-15px;}
.pc_view {display:block;}
.mobile_view {display:none;}

#contents.exterior {position:relative; margin-bottom:0;}
#contents.room .pg_tit,
#contents.exterior .pg_tit {position:absolute; top:0px; z-index:99; width:100%; text-align:center;}

#contents .photos {position:relative; height:1000px; padding-top:400px;}
#contents .photos:before {content:''; display:block; background:#efefef; height:500px;}
#contents .photos .img {position:absolute; background-size:cover; background-position:center; width:27%; height:300px; left:50%;}
#contents .photos .img1 {margin-left:-50%; top:0;}
#contents .photos .img2 {margin-left:-23%; top:0;}
#contents .photos .img3 {margin-left:-50%; top:300px;}
#contents .photos .img4 {margin-left:-23%; top:300px;}
#contents .photos .txt {position:absolute; width:40%; top:520px; left:50%; margin-left:8%; line-height:1.9em;}
#contents .photos .txt .bigtxt {font-weight:bold; font-size:1.3em; padding-bottom:10px;}

#contents .map {width:100%; max-width:1200px; margin:0 auto;}
#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 .room_info {width:100%; max-width:1200px; margin:0 auto; margin-top:100px;}
#contents .room_info h2 {color:#000; font-size:2.4em; margin-bottom:40px;}
#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:#f8598e; color:#fff; padding:12px 45px;}
#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; width:850px;}
#contents .reserve_list {width:100%; max-width:1200px; 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 .room_spec {border-top:1px solid #b0a7ab;}
#contents .room_spec th, #contents .room_spec td {border-bottom:1px solid  #b0a7ab; text-align:center; border-right:1px solid #b0a7ab; }
#contents .room_spec th:last-child, #contents .room_spec td:last-child {border-right:none;}
#contents .room_spec th {background:#f4f1f2; 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.t_con {margin-bottom:0;}
#contents .tour {width:100%; max-width:1000px; margin:0 auto;}
#contents .tour li {position:relative; margin-bottom:180px; text-align:center;}
#contents .tour li .img {height:450px; width:100%; max-width:699px; background-size:cover; background-position:center; z-index:-1; margin:auto;}
#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;}
#contents .tour li h4 {font-size:1.5em; margin-bottom:10px; color:#000; font-weight:bold; margin-top:30px;}

#contents .sp_box {position:relative; margin-bottom:150px; padding-left:66%; padding-top:12%; height:640px;}
#contents .sp_box .bx-wrapper {position:absolute; top:0; left:0; width:65%; height:640px; 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:-100px; top:-42px; background:#eee; width:130px; height:130px; 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:0 auto;}
.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:767px)/*ÅÂºí¸´ »çÀÌÁî*/ {
body {font-size:0.8em; letter-spacing:-0.07em;}
.pc_view {display:none;}
.mobile_view {display:block;}

#header h1 {padding:25px; text-align:left; }
#header .nav li a {padding:10px 5px;}
.img_area, .img_area .img_slider li  {height:200px;}
#header .nav .sub_m {padding:0px 7px 5px;}
#header .btn_reserve {position:fixed; top:30px; right:5vw; z-index:9999;}
#header .btn_reserve a {padding:10px;}
#header .btn_reserve a span {display:none;}
.img_area .img_txt {display:none;}
.m_con>div {padding:14vw 0 10vw;}
.m_con .tit_txt {margin-bottom:7vw;}
.m_rooms ul li {height:45vw; padding-top:8vw;}
.m_reserve {margin-top:0px;}
.m_reserve .tit_txt {font-size:0.85em; letter-spacing:-0.1em;}
#footer .ft_wrap {padding:35px 2% 55px;}
#footer .ft_infos .p_num {font-size:1.7em;}
#footer .quick {position:static; margin-top:-30px; margin-bottom:10px;}
#footer .common_btm {padding-top:25px;}
.mobile_fixed {width:100%; position:fixed; bottom:0; background:#1e3152;}
.mobile_fixed li {width:33.3%; float:left;} 
.mobile_fixed li a {display:block; width:100%; height:100%; color:#fff; text-align:Center; padding:12px 0;}
#contents {padding-left:1%; padding-right:1%; margin-bottom:70px;}
#contents .pg_tit {position:relative; margin:10vw 0;}
#contents .pg_tit .eng {font-size:2em;}
#contents .pg_tit .kor {margin-top:-5px;}
#contents .photos {padding-top:250px; height:600px;}
#contents .photos:before {height:300px;}
#contents .photos .img1 {height:220px; width:100%; left:0; margin-left:0;}
#contents .photos .img2 {height:110px; top:220px; width:33%; margin-left:-50%;}
#contents .photos .img3 {height:110px; top:220px; width:33%; margin-left:-17%;}
#contents .photos .img4 {height:110px; top:220px; width:34%; margin-left:16%;}
#contents .photos .txt {top:380px; width:96%; margin-left:-48%;}
#contents .sp_box {height:auto; padding:0 !important; text-align:left !important;}
#contents .sp_box .bx-wrapper {height:60vw; width:100% !important; position:relative;}
#contents .sp_box h3 {font-size:2.0em; margin-bottom:20px;}
#contents .sp_box h3:before {display:none;}
#contents .sp_box h3 span {display:inline;}
#contents .tour li {margin-bottom:25vw;}
#contents .tour li .img {height:300px;}
#contents .room_info .btn {margin-top:35px;}
#contents .room_info .btn a {padding:12px;}
#contents .room_info .rate_table {margin-top:15vw;}
#contents .online {width:100%;}
#header .nav li:hover .sub_m {display:none;}
.sub_m_bar {display:block; border-bottom:1px solid #e1dcd3; text-align:center; background:#f7f4ee;}
.sub_m_bar li {display:inline-block; border-left:1px solid #e1dcd3;}
.sub_m_bar li:last-child {border-right:1px solid #e1dcd3;}
.sub_m_bar li a {padding:8px 5px; line-height:2.4em;}
.root_daum_roughmap_landing .wrap_map {z-index:-1;}
}

@media (max-width:480px)/*¸ð¹ÙÀÏ »çÀÌÁî*/ {
#header h1 img {width:40%;}
#header .nav li a {font-size:0.95em;}
#header .nav li a {padding:10px 3px; letter-spacing:-0.1em;}
#header .nav .sub_m li a {font-size:0.7em;}
}