@CHARSET "UTF-8";

/*------ //woc - common ------*/
section {
	position:relative;width:100%;height:100%;overflow:hidden;
}
section .vd_frame {
	position:absolute;top:0;bottom:0;left:0;right:0;
	width:100%;height:100%;overflow:hidden;
}
section .vd_frame #woc_video {
	min-width:100%;min-height:100%;width:auto;height:auto;
	position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);
	object-fit:cover;
}

/* header */
header {position:fixed;z-index:1000;width:100%;height:70px;border-bottom:2px solid rgba(255,255,255,0.3);z-index:1000;}
header h1 {position:absolute;left:3%;top:15%;z-index:500;}
header .nav {position:absolute;left:50%;top:0;margin-left:-25%;width:50%;z-index:500;}
header .nav ul {width:100%;}
header .nav ul li {float:left;}
header .nav ul li.glst_01 {width:17%;}
header .nav ul li.glst_02 {width:14%;}
header .nav ul li.glst_03 {width:17%;}
header .nav ul li.glst_04 {width:18%;}
header .nav ul li.glst_05 {width:17%;}
header .nav ul li.glst_06 {width:15%;}

header .nav ul li a {padding:27px 0;color:#a0a0a0;font-size:15px;}
header .nav ul li a:hover {color:#565656;font-weight:bold;}

header .h_bak {width:100%;height:70px;background:#fff;position:absolute;left:0;top:0;z-index:320;}
#index header .h_bak {top:-70px;}
#index  header .nav {top:-70px;}
header .h_rv {position:absolute;right:3%;top:50%;margin-top:-11px;z-index:500;}

header a {display:block;text-align:center;}

/* footer */
footer {position:relative;background:#f3f3f3;width:100%;min-width:1200px;overflow:hidden;padding-top:60px;}
footer .footer_in {width:1200px;overflow:hidden;margin:0 auto 60px;}
footer .footer_in .f_logo {margin-left:50px;float:left;}
footer .footer_in .f_logo a {display:block;}
footer .footer_in .f_logo a img{width:90px; height:auto}
footer .footer_in address {float:left;margin-left:6%;}
footer .footer_in address p {color:#676767;opacity:1;float:left;margin-right:30px;margin-bottom:15px;}
footer .footer_in address p span {color:#a68c31;}
footer .footer_in address > span {display:block;line-height:1.5em;color:#676767;font-size:12px;font-family: 돋움, Dotum;}
footer .footer_in address > span.last {color:#a6a6aa;margin-top:15px;font-size:11px;}
footer .footer_in .sns {overflow:hidden;float:right;}
footer .footer_in .sns h5 {font-size:14px;color:#676767;float:left;margin-right:15px;padding:9px 0;}
footer .footer_in .sns a {display:block;float:left;margin:0 2px;}

footer .design {
	width:97%;padding:10px 0;border-top:1px solid rgba(202,202,202,0.4);display:block;text-align:right;color:#676767;font-size:11px;margin:0 auto;
	padding-right:3%
}

/*------ woc - index ------*/
#index .mov_ttl {position:absolute;left:51%;bottom:40%;margin-left:-195.5px;z-index:320;}
#index .mov_ttl a {display:block;width:30px;height:30px;position:absolute;left:50%;bottom:0;margin-left:-15px;}
#index .scroll {display:block;width:111px;height:52px;position:absolute;left:50%;bottom:5%;margin-left:-55.5px;z-index:320;}
#index .main_ex {position:relative;}
#index .main_ex h3 {
	position:absolute;left:0;bottom:18%;width:100%;text-align:center;color:#fff;font-size:42px;text-shadow:1px 0px 1px gray;z-index:320;
}
#index .main_ex h3 span {display:block;font-size:21px;margin-top:10px;text-shadow:1px 0px 1px gray;}
#index .main_box {padding-bottom:38px;}
#index .main_box h3 {font-size:28px;color:#676767;text-align:center;margin:38px 0;font-weight:500;}
#index .main_box h3 span {display:block;margin-top:10px;font-size:16px;color:#676767;}
/* #index .main_box .rv-img {width: 1200px; margin: 0 auto; overflow: hidden;}
#index .main_box .rv-img img{} */

#index .main_fc h4 {font-size:38px;color:#fff;position:absolute;left:10%;bottom:10%;z-index:320;text-shadow:1px 0px 1px gray;}
#index .main_fc h4 span {display:block;margin-top:10px;font-size:21px;text-shadow:1px 0px 1px gray;font-weight:lighter;}

#index .main_room {background:#f3f3f3;padding: 38px 0;}
#index .main_room .swiper-container {height:550px;}
#index .main_room .mroom_in {width:1100px;margin:0 auto;}
#index .main_room .mroom_in .img {width:100%;height:400px;}
#index .main_room .mroom_in h4 {font-size:30px;text-align:center;border-bottom:1px solid #beb6ad;width:100%;padding:15px 0;font-weight:500;color:#434343;}
#index .main_room .mroom_in a {display:block;padding:10px;color:#383838;font-size:20px;margin-top:30px;text-align:center;border:1px solid #383838;}
#index .main_room .mroom_in a:hover {background:#383838;color:#fff;}

#index .main_room .swiper-button-next,.main_room .swiper-button-prev {width:10px;height:20px;bottom:0;top:auto;margin-top:0;}
#index .main_room .swiper-button-prev,.main_room .swiper-container-rtl .swiper-button-next {background:url(../images/sprev.png) no-repeat 50% 50%;left:22%;}
#index .main_room .swiper-button-next,.main_room .swiper-container-rtl .swiper-button-prev {background:url(../images/snext.png) no-repeat 50% 50%;right:22%;}
#index .main_room .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:4px;}
#index .main_room .swiper-pagination-bullet {background:url(../images/bullet_02.png) no-repeat 50% 50%;} 
#index .main_room .swiper-pagination-bullet-active {background:url(../images/bullet_02_on.png) no-repeat 50% 50%;} 

#index .bak {width:100%;height:310px;}

#index .main_lo .mlo_in {width:1200px;margin:0 auto;overflow:hidden;}
#index .main_lo .mlo_in h3 {
	display:block;font-size:30px;color:#676767;float:left;border-bottom:1px solid #cacaca;
	padding-bottom:15px;width:100%;font-weight:500;margin-bottom:30px;
}
#index .main_lo .mlo_in h3 span {display:inline-block;float:right;font-size:16px;color:#909090;font-weiglt:lighter;margin-top:20px;}
/*#index .main_lo .mlo_in #map {width:100%;height:500px;position:relative;margin:30px 0 50px;overflow:hidden;}
#index .main_lo .mlo_in #map iframe {width:100%;height:500px;}*/

#index .lo_info .addr {margin-bottom:50px;}
#index .lo_info .addr span {display:block;font-size:17px;line-height:1.7em;color:#676767;font-weight:lighter;}
#index .lo_info ul {margin-bottom:130px;}
#index .lo_info ul li {line-height:1.5em;margin-bottom:30px;font-size:15px;color:#676767;font-weight:lighter;}
#index .lo_info ul li span {display:block;font-size:18px;color:#676767;font-weight:bold;margin-bottom:10px;}

/*------ woc - room ------*/

#room {min-width:1200px;}
#room .top_sd .ttl {
	font-size:40px;color:#fff;width:100%;text-align:center;position:absolute;left:0;bottom:15%;z-index:320;
	text-shadow:1px 0px 1px gray;
}
#room .info .box_01 {width:1200px;margin:50px auto 100px;}
#room .info .box .title {overflow:hidden;margin-bottom:50px;}
#room .info .box .title h3 {font-size:28px;color:#322f2f;float:left;font-weight:500;}
#room .info .box .title h3 span {display:inline-block;margin-left:10px;font-size:18px;color:#a9a9a9;}
#room .info .box .title a {display:block;width:170px;color:#fff;padding:11px 0;background:#950004;text-align:center;float:right;}
#room .info .box .title .dwn-paper{margin-left:10px}
 
#room .info .table table {width:100%;}
#room .info .table tbody {border-top:1px solid #878787;}
#room .info .table tbody tr {border-bottom:1px solid #878787;line-height:2em;}
#room .info .table tbody tr th {display:inline-block;font-size:18px;color:#4d473f;font-weight:500;text-align:center;padding:0 30px;}
#room .info .table tbody tr td {
	display:inline-block;color:#6b6b6b;padding:15px 0 15px 30px;text-align:left;border-left:1px solid #878787;font-size:18px;
	font-weight:lighter;
}
#room .info .box .img-notice {width:100%; margin-top:25px;}
#room .info .box .img-notice .img-info {display: flex; justify-content: space-between; gap:10px;}
#room .info .box .img-notice .img-info2 {margin-top:15px;}
#room .info .box .img-notice .img-info img{width:600px}


#room .info .box_02 {width:100%;background:#f7f7f7; margin-top:25px;}
#room .info .box_02 .box_in {width:1200px;padding:50px 0 100px;margin:0 auto;}
#room .info .rv_notice ul {margin-top:30px;}
#room .info .rv_notice ul li {line-height:1.5em;font-size:18px;color:#636363;font-weight:lighter;}



/*------------------------------------------------------------------------------------------------*/
/* offer */
#promotion .contents {position:relative;background:#fff;z-index:360;top:0;}
#promotion #list_item_btn {
	font-size:15px;color:#737373;border:1px solid #c6a582;text-align:center;display:block;margin:100px auto;width:210px;line-height:50px;transition:all 0.3s;-webkit-transition:all 0.3s;
	}
#promotion #list_item_btn:hover {letter-spacing:3px;}
/* promotion */
#promotion .list_wrap {margin:250px 0 250px;overflow:hidden;}
#promotion .list_wrap h3 {font-size:44px;color:#444444;margin:0 auto 130px;position:relative;margin-left: 10%;line-height: 1.5;}
#promotion .list_wrap .tab {width: 100%;padding: 40px 0;background-color: #f8f8f9;margin-bottom: 150px;}
#promotion .list_wrap .tab ul {width: 80%;margin: 0 auto;display: flex;justify-content: flex-start;}
#promotion .list_wrap .tab ul li {margin-right: 50px;}
#promotion .list_wrap .tab ul li a {font-size: 20px;color: #adadad;}
#promotion .list_wrap .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}
#promotion .list_wrap .offers {width:75%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
#promotion .list_wrap .offers dl {width:30.33%;margin:0 1.5% 80px;height:680px;position:relative;}
#promotion .list_wrap .offers dl dt {height:433px;width:100%;overflow:hidden;}
#promotion .list_wrap .offers dl dt .img {
	width:100%;height:100%;
	transform: scale(1);
	transition:all 0.3s ease-in-out;
}
#promotion .list_wrap .offers dl dd {margin-top:30px;word-break:keep-all;}
#promotion .list_wrap .offers dl dd a {display:block;}
#promotion .list_wrap .offers dl dd h4 {font-size:28px;color:#222222;margin-bottom:15px;line-height:1.5;font-weight:500;}
#promotion .list_wrap .offers dl dd h4 span {display: block;font-size: 14px;color: #585858;margin-bottom: 25px;}
#promotion .list_wrap .offers dl dd p {
	font-size:15px;color:#737373;line-height:1.5em;word-break:keep-all;
	white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
#promotion .list_wrap .offers dl dd span.date {display:block;font-size:16px;color:#737373;margin-top:50px;position:absolute;left:0;bottom:0;}
#promotion .list_wrap .offers dl dd .view_btn {width:160px;line-height:40px;text-align:center;color:#fff;background:#b49f82;margin-top:30px;transition:letter-spacing 0.3s ease-in-out;border:1px solid #b49f82}
#promotion .list_wrap .offers dl dd .view_btn:hover {background:none;color:#b49f82;letter-spacing:2px;border:1px solid #b49f82}

#promotion .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:90px 0 180px;}
#promotion .cont_wrap .tit_box{position:relative; display:block; padding:15px 0;}
#promotion .cont_wrap .tit_box .tit{color:#212121; font-size:40px;text-align:center;margin-bottom:50px;}
#promotion .cont_wrap .tit_box .tit .date{display:block; color:#737373;font-size:18px;margin-top:25px;}
#promotion .cont_wrap .cont {padding:40px 0 90px; }
#promotion .cont_wrap .cont h4 {font-size:33px;color:#212121;margin:80px 0 10px 0;text-align:center;font-weight:500;}
#promotion .cont_wrap .cont img {display:block;margin:0 auto;width:900px;height:auto;}
#promotion .cont_wrap .cont p{ color:#6d6d6e; font-size:16px; line-height:160%;text-align:center;line-height:1.8em;word-break:keep-all;}
#promotion .cont_wrap .cont .loca {line-height:2em;}
#promotion .cont_wrap a{
	margin:45px auto 0; width:215px; height:50px; line-height:55px; background-color:#c6a582; color:#fff; font-size:15px; display:block;
	text-align:center;
}

#promotion .iframe {margin:0 auto 150px;width: 1200px;}



/*------------------------------------------------------------------------------------------------*/