@charset "UTF-8";

:root{
  --transition-custom02: all 0.2s ease-in-out;
	--transition-custom03: all 0.3s ease-in-out;
	--transition-custom08: all 0.8s ease-in-out;
  --transition-custom10: all 1.0s ease-in-out;
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-suit: 'SUIT', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-Myeongjo: 'NanumMyeongjo', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-IvyMode: 'IvyMode', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.main .wrapper:not(.gnb_open) #header,
.main .wrapper:not(.gnb_open) .hd_box { background:#f6f1ea; box-sizing: border-box;}


/* common */
.tx_ellip1 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.tx_ellip2 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}

.main .in_cover > .in_w { max-width:1400px;}

.main .contents { background:#f6f1ea;}
.main article { position:relative; width:100%; }
.main section { position:relative; overflow: hidden;}
.main .h2_main { margin-bottom:1.625rem; font-size:2.1875rem; font-weight: bold; color:#303030; letter-spacing: -0.048em;}

/*** main visual ***/
.sec_vis {}
.main_vis { padding:0 3.6875rem; }
.main_vis > .in_w { position:relative; margin:0 auto; width:100%; max-width:112.625rem; padding:6.375rem 0 5.5625rem; background:#e3d8c6; overflow: hidden; box-sizing: border-box;}
.main_vis > .in_w:before { content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; background: url(../images/main/main_vis0101.jpg) no-repeat 50% 50%; background-size:cover; animation:visAni 1.6s ease-out; animation-fill-mode:both;}
.main_vis .vis_w { position:relative; margin:0 auto; width:100%; max-width:87.625rem; padding:0 1.875rem; box-sizing: border-box;}

@keyframes visAni { from { opacity: 0; transform:scale(1.04); } to { opacity: 1; transform:scale(1); } }
@keyframes visTit_fade { to { opacity: 1; transform: translateY(0); } }

.main_vis .vis_w > * { opacity: 0; transform: translateY(-10px); animation: visTit_fade 0.7s ease-out forwards;}
.main_vis .vis_w > *:nth-child(1) { animation-delay: 0.1s; }
.main_vis .vis_w > *:nth-child(2) { animation-delay: 0.25s; }
.main_vis .vis_w > *:nth-child(3) { animation-delay: 0.4s; }
.main_vis .vis_w > *:nth-child(4) { animation-delay: 0.55s; }

.main_vis .tx { font-family: var(--font-family-Myeongjo); font-size:1.875rem; color:#303030; letter-spacing: -0.036em;}

.main_vis_tit { margin-top:1.375rem; max-width:49.25rem; }
.main_vis_tit .t_row { display: flex; }
.main_vis_tit .t_row + .t_row { margin-top:1.0625rem; }
.main_vis_tit .t_row > span { display: flex; align-items: center; justify-content: center; flex:1 1 0; min-width:0; height: 7.125rem; font-family: var(--font-family-Myeongjo); font-size:4.1875rem; color:#52443e; line-height: 1; border:3px solid #9f9186; box-sizing: border-box;}
.main_vis_tit .t_row > span + span {margin-left:-3px;}

.main_vis .x { margin-top:1.75rem; max-width:49.25rem; font-family: var(--font-family-Myeongjo); font-size:1.875rem; color:#303030; text-align: right; letter-spacing: -0.036em;}

.main_vis_tell { display: flex; align-items: center; gap:1.8125rem; margin-top:2.9375rem; }
.main_vis_tell .i_call { flex:none; display: flex; align-items: center; justify-content: center; width:5.4375rem; height: 6.8125rem; background:#303030; border-radius: 2.75rem;}
.main_vis_tell .i_call img {width:3rem;}
.main_vis_tell .t { display: block; font-size:2.1875rem; font-weight: bold; color:#303030; letter-spacing: -0.02em;}
.main_vis_tell .x { margin-top:0.8125rem; max-width:none; font-family: var(--font-family-noto); font-size:1.25rem; color:#303030; text-align: left; letter-spacing: -0.036em;}
.main_vis_tell .x em {font-weight: bold; color:#c65c28;}

@media (max-width:1500px) {
  .main_vis > .in_w {padding:5rem 0 4.5rem;}
  .main_vis_tit .t_row > span {height: 6rem; font-size:3.5rem;}
}
@media (max-width:1160px) {
  .sec_vis { padding-top:0; }
  .main_vis { padding:0; }
  .main_vis > .in_w { max-width:none; padding:3.5rem 0 4rem;}
  .main_vis > .in_w:before { background-size:100% auto; background-position:50% 100%;}
  .main_vis .vis_w { max-width:none; padding:0 30px;}
  .main_vis .tx {font-size:1.375rem;}
  .main_vis_tit { margin-top:1rem; max-width:56%;}
  .main_vis_tit .t_row > span { height: 3.75rem; font-size:2.25rem; border-width:2px;}
  .main_vis_tit .t_row > span + span {margin-left:-2px;}
  .main_vis_tit .t_row + .t_row {margin-top:0.625rem;}
  .main_vis .x { margin-top:1.25rem; max-width:54%; font-size:1.25rem; text-align: left;}
  .main_vis_tit { max-width:54%;}
  .main_vis_tell { gap:1.125rem; margin-top:2.25rem;}
  .main_vis_tell .x { max-width:none;}
  .main_vis_tell .i_call {width:3.75rem; height: 4.75rem; border-radius: 1.875rem;}
  .main_vis_tell .i_call img {width:2.125rem;}
  .main_vis_tell .t {font-size:1.625rem;}
  .main_vis_tell .x {margin-top:0.5rem; font-size:1rem;}
}
@media (max-width:768px) {
  .main_vis > .in_w { padding:2.5rem 0 44%;}
  .main_vis > .in_w:before { background-image: url(../images/main/main_vis0101_mo.jpg);}
  .main_vis_tit,
  .main_vis .x { max-width:none;}
  .main_vis .vis_w { padding:0 4.5vw;}
  .main_vis_tit .t_row > span { height: 2.875rem; font-size:1.625rem;}
  .main_vis .x {font-size:1.0625rem;}
  .main_vis_tell .t {font-size:1.375rem;}
}
@media (max-width:460px) {
  .main_vis .tx {font-size:1.125rem;}
  .main_vis_tit .t_row > span { height: 2.25rem; font-size:1.25rem;}
  .main_vis_tell .i_call {width:3.125rem; height: 4rem;}
  .main_vis_tell .t {font-size:1.1875rem;}
  .main_vis_tell .x {font-size:0.875rem;}
}

/*** main title ***/
.main_h2_w { display: flex; align-items: center; gap:1.75rem; margin-bottom:1.625rem; }
.main_h2_w .h2_main {margin-bottom:0;}
.main_h2_w .swiper_controll { display: flex; align-items: center; gap:0.25rem; }
.main_h2_w .swiper_controll .ico { position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:0; display: block; width:2.375rem; height: 2.375rem; background:#e5e2dd no-repeat 50% 50%; background-size:auto 0.8125rem; border-radius: 50%; cursor: pointer; transition: var(--transition-custom03);}
.main_h2_w .swiper_controll .ico:after {display: none;}
.main_h2_w .swiper_controll .ico:hover {background-color:#d0ccc5;}
.main_h2_w .swiper_controll .ico em { position:absolute; width:1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.main_h2_w .swiper_controll .swiper-button-prev,
.main_h2_w .swiper_controll .btn_prev { background-image: url(../images/main/main_icon_arw0101L.png);}
.main_h2_w .swiper_controll .swiper-button-next,
.main_h2_w .swiper_controll .btn_next { background-image: url(../images/main/main_icon_arw0101R.png);}
.main_h2_w .swiper_controll .btn_autoPlay { background-color:#303030;}
.main_h2_w .swiper_controll .btn_autoPlay:hover { background-color:#000;}
.main_h2_w .swiper_controll .btn_stop { background-image: url(../images/main/main_icon_0201_w.png);}
.main_h2_w .swiper_controll .btn_play { background-image: url(../images/main/main_icon_0202_w.png);}
@media (max-width:768px) {
  .main_h2_w { gap:1rem; margin-bottom:1.125rem;}
  .main .h2_main {font-size:1.625rem;}
  .main_h2_w .swiper_controll .ico {width:2rem; height: 2rem;}
}

/*** main binso ***/
.sec_binso { padding-top:3.5rem; }
.main_binso .x_tb_binso { width:100%; border-top:1px solid #303030;}
.main_binso .x_tb_binso.is_roll { display: block;}
.main_binso .x_tb_binso.is_roll colgroup { display: none;}
.main_binso .x_tb_binso.is_roll thead,
.main_binso .x_tb_binso.is_roll tbody tr { display: table; width:100%; table-layout: fixed;}
.main_binso .x_tb_binso.is_roll tbody { display: block; overflow: hidden;}
.main_binso .x_tb_binso.is_roll th:nth-child(1),
.main_binso .x_tb_binso.is_roll td:nth-child(1) {width:10%;}
.main_binso .x_tb_binso.is_roll th:nth-child(2),
.main_binso .x_tb_binso.is_roll td:nth-child(2) {width:14%;}
.main_binso .x_tb_binso.is_roll th:nth-child(4),
.main_binso .x_tb_binso.is_roll td:nth-child(4) {width:16%;}
.main_binso .x_tb_binso.is_roll th:nth-child(5),
.main_binso .x_tb_binso.is_roll td:nth-child(5) {width:16%;}
.main_binso .x_tb_binso.is_roll tbody td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_binso .x_tb_binso th,
.main_binso .x_tb_binso td { padding:0.9375rem 0.625rem; font-size:1.0625rem; text-align: center; letter-spacing: -0.036em; }
.main_binso .x_tb_binso thead th { color:#fff; font-weight: 500; background:#303030;}
.main_binso .x_tb_binso tbody td { color:#303030; background:#fff; border-bottom:1px solid #ece7e0;}
.main_binso .x_tb_binso tbody td.al_l {text-align: left;}
.main_binso .x_tb_binso .tx_noDate { display: block; padding:2.5rem 0; color:#888;}
@media (max-width:960px) {
  .main_binso .x_tb_binso { min-width:46rem; }
}
@media (max-width:768px) {
  .sec_binso { padding-top:2.5rem; }
  .main_binso .x_tb_binso th,
  .main_binso .x_tb_binso td { padding:0.75rem 0.5rem; font-size:0.9375rem;}
}

/*** main room ***/
.sec_room { padding-top:4.75rem; }
.main_room .room_w { display: flex; align-items: flex-start; gap:3.1875rem; }
.main_room .room_tx { flex:none; width:16.375rem; font-family: var(--font-family-Myeongjo); font-size:1.6875rem; color:#303030; letter-spacing: -0.036em; line-height: 1.65;}
.main_room .room_list_w { flex:1; min-width:0; }
.main_room .swiper-slide {height: auto;}
.xi_roomBox { display: block; position:relative; overflow: hidden;}
.xi_roomBox .img_w { display: block; position:relative; padding-top:67.05%; overflow: hidden;}
.xi_roomBox .img_w img { position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover; transition: var(--transition-custom08);}
.xi_roomBox .t_w { position:absolute; left:0; right:0; bottom:0; padding:2.75rem 1.25rem 1.125rem; color:#fff; font-size:1.25rem; font-weight: bold; text-align: center; letter-spacing: -0.036em; background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); box-sizing: border-box;}
.xi_roomBox:hover .img_w img { transform: scale(1.08);}
@media (max-width:1160px) {
  .sec_room { padding-top:3.5rem; }
  .main_room .room_w { display: block; }
  .main_room .room_tx { width:auto; margin-bottom:1.75rem; font-size:1.5rem;}
  .main_room .room_tx .m_none {display: none;}
}
@media (max-width:768px) {
  .sec_room { padding-top:2.5rem; }
  .main_room .room_tx { margin-bottom:1.25rem; font-size:1.25rem;}
  .xi_roomBox .t_w {padding:2rem 0.75rem 0.875rem; font-size:1.0625rem;}
}

/*** main quick ***/
.sec_quick { padding-top:4.9375rem; padding-bottom:6.25rem; }
.main_quick_list { display: flex; background:#b46942; }
.main_quick_list > li { position:relative; flex:1 1 0; }
.main_quick_list > li + li:before {content:''; display: block; position:absolute; left:0; top:0.125rem; bottom:0.125rem; width:1px; background:rgba(255,255,255,0.35);}
.main_quick_list a { display: flex; align-items: center; justify-content: center; gap:1.25rem; height: 4.5625rem; color:#fff; font-size:1.25rem; font-weight: bold; letter-spacing: -0.036em; transition: var(--transition-custom03);}
.main_quick_list a .b_i { display: flex; align-items: center; justify-content: center; width:2.25rem; height: 1.625rem;}
.main_quick_list a .b_i img {max-width:100%; max-height: 100%;}
.main_quick_list a:hover { background:rgba(0,0,0,0.12);}
@media (max-width:768px) {
  .sec_quick { padding-top:2.5rem; padding-bottom:4rem; }
  .main_quick_list { display: block; }
  .main_quick_list > li + li:before { left:1.25rem; right:1.25rem; top:0; bottom:auto; width:auto; height: 1px;}
  .main_quick_list a { gap:0.875rem; height: 3.75rem; font-size:1.0625rem;}
  .main_quick_list a .b_i {width:1.75rem; height: 1.375rem;}
}