/* *************** booking custom *************** */
#bookArea .bookIns .fb_rsvn button {background: #534E4B!important;}
.wings_select .minus {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/minus.png) center center no-repeat;}
.wings_select .plus {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/plus.png) center center no-repeat;}

/* *************** FULLPAGE CUSTOM *************** */
#fp-nav.right {right: 0;}


/* *************** COMMON *************** */
.m_block {display: none;}

.wrap1920 {width: 100%; margin: 0 auto;}
.wrap1800 {width: 100%; padding: 0 3%; margin: 0 auto; overflow: hidden;}
.wrap1600 {width: 100%; padding: 0 8%; margin: 0 auto;}
.wrap1500 {width: 100%; padding: 0 11%; margin: 0 auto;}
.wrap1400 {width: 100%; padding: 0 14%; margin: 0 auto;}
.wrap1200 {width: 100%; padding: 0 18.5%; margin: 0 auto;}
.wrapper {position: relative;}
.btn_wrap{margin-top: 60px;}
.btn_wrap a {padding: 25px 90px; font-size: 19rem; font-weight: 500; margin-right: 20px;}
.btn_wrap a:last-child {margin-right: 0;}
.btn_wrap a.btn1 {background: #534E4B; color: #fff;}
.btn_wrap a.btn2 {border: 1px solid #534E4B; color: #534E4B;}


/* *************** LOGO *************** */
.logo {width: 210px; height: 60px; position: absolute; top: 30px; left: 60px;  z-index: 99;}
#header .logo {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/logo.svg?V=4) no-repeat; transition: all 0.4s ease-in-out;}
.quick_menu .logo {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/logo.svg) no-repeat;}


/* *************** GNB *************** */
#header {position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 9999;}
#header.gnb_bg {min-height: 350px;}

#header #gnbMenu {position:relative; height: 100%;}
#header #gnbMenu > ul {text-align:center; margin:0 auto;padding-left: 105px;}
#header #gnbMenu > ul > li {display:inline-block; position:relative; vertical-align:top; width: auto; transition: all 0.4s ease-in-out; color: #fff;padding: 0 20px;}
#header #gnbMenu > ul > li > a {display:block; font-size: 20rem; font-weight: 500; line-height: 110px; height: 110px;white-space: nowrap;}
#header #gnbMenu > ul > li > a:after {content: ''; position: absolute; top: 110px; width: 0; left: 50%; height: 3px; background: #534E4B; transition: all 0.4s ease-in-out;}
#header #gnbMenu > ul > li:hover a:after {width: 100%; left: 0;}
#header #gnbMenu ul.subMenu {opacity:0; display: none; width:100%; vertical-align:top; text-align:center; padding-top: 25px; padding-bottom: 25px;}  
#header #gnbMenu ul.subMenu li {margin:20px 0; width:100%; text-align:center; white-space:nowrap;}
#header #gnbMenu ul.subMenu li a {color:#666; font-size:16rem; display:block;}
#header #gnbMenu ul.subMenu li a:hover {color: #534E4B; font-weight: 600; text-decoration: underline;}

#header.on #gnbMenu:before {width: 100%; position: absolute; background: #e9e9e9; height: 1px; top: 110px; content: '';}
#header.on #gnbMenu ul.subMenu {opacity:1;}

#header.on #gnbMenu > ul > li {padding: 0 25px;transition: all 0.4s ease-in-out;}

#header.on #gnbMenu ul li, #header.black-header #gnbMenu ul li {color: #000;}
#header.on #gnbMenu .logo, #header.black-header .logo {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/logo_gold.svg) no-repeat; transition: all 0.4s ease-in-out;}
#header.on .rMenu .language a, #header.black-header .rMenu .language a {color: #000; transition: all 0.4s ease-in-out;}
#header.on .rMenu .language a:after, #header.black-header .rMenu .language a:after {content:url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/lang_arrow.png); transition: all 0.4s ease-in-out;}
#header.on .rMenu .lang_wrap.over .language a:after, #header.black-header .rMenu .lang_wrap.over .language a:after {content: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/lang_arrow_up.png); transition: all 0.4s ease-in-out;}
#header.on .rMenu .side_menu .open_menu, #header.black-header .rMenu .side_menu .open_menu {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/menu_open.png) no-repeat; transition: all 0.4s ease-in-out;}

#MgnbMenu {display: none;}

.gnb_bg {background: #fff; transition: all .3s ease-out;}

.rMenu {position: absolute; top: 45px; right: 60px;}
.rMenu .side_menu {display: inline-block; vertical-align: top;}
.rMenu .side_menu .open_menu {width: 26px; height: 22px; text-indent: -9999px; cursor: pointer; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/wh_menu_open.png) no-repeat; background-size: cover;}
.rMenu .side_menu .close_menu {width: 25px; height: 24px; text-indent: -9999px; cursor: pointer; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/menu_close.png) no-repeat; background-size: cover;}

.rMenu .lang_wrap {display: inline-block; margin-right: 30px;}
.rMenu .language {width: 100%; text-align: center; font-size: 14rem; font-weight:bold; padding: 0 10px;}
.rMenu .language a {display:block; color: #fff; transition: all 0.4s ease-in-out;}
.rMenu .language a:after {content:url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/wh_lang_arrow.png); display: inline-block; margin-left:16px; transition: all 0.4s ease-in-out;}
.rMenu .lang_list {margin-top: 15px; display:none;}
.rMenu .lang_list li {text-align: center; color: #fff; padding: 15px 0;}

.rMenu .lang_wrap.over .language a:after{content: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/lang_arrow_up.png);}
.rMenu .lang_wrap.over .lang_list {border: 1px solid #e5e5e5; background: #fff;}
.rMenu .lang_wrap.over .lang_list li:hover {background: #ebebeb;}
.rMenu .lang_wrap.over .lang_list li:hover a {color: #222;}
.rMenu .lang_wrap.over .lang_list li a {color: #666; font-weight: 500; font-size: 14rem;}

.m_lang_wrap {display: none;}

.quick_menu {position:fixed; width:0; height:100%; right:0; top:0; background: #534E4B; z-index:99999; opacity: 0; visibility: hidden; transition: all .5s ease-out;}
.quick_menu.open {width: 100%; opacity: 1; visibility: visible;}
.quick_menu.open .rMenu .lang_wrap a {color: #fff;}
.quick_menu figure {display:table; height:100%;}
.quick_menu .menu_list {display:table-cell; vertical-align:middle; color: #fff;}
.quick_menu .menu_list dl:after {content:''; clear:both; display:block;}
.quick_menu .menu_list dl {width: 14%; float: left;}
.quick_menu .menu_list dl dt {font-weight:500; font-size:30rem; margin-bottom: 90px;}
.quick_menu .menu_list dl dd {font-size:20rem; color: #a8aba9;}
.quick_menu .menu_list dl dd a {display: block; margin-bottom: 40px;}
.quick_menu .menu_list dl dd a:hover {text-decoration: underline; color: #fff;}

.quick_menu.open .rMenu .language a:after{content:url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/wh_lang_arrow.png); display:inline-block; margin-left:16px;}
.quick_menu.open .rMenu .lang_wrap.over .language a:after{content: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/wh_lang_arrow_up.png);}

.scroll {position: fixed; bottom: 50px; left: calc(50% - 14.5px); z-index: 9999; cursor: pointer;}
.area .scroll {position: absolute;}
.scroll .icon {height: 55px; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/scroll_icon.png) top center no-repeat;}
.scroll p {color: #fff; font-size: 13rem; text-align: center;}

.paging_info {color: #fff; letter-spacing: 3px; font-size: 15rem;}

/* *************** MAIN CONTENT *************** */
.index_section {color: #fff; position: absolute; left: 100px; bottom: 30%; z-index: 99;}
.index_section h2 {font-size: 55rem; font-weight: 600; margin-bottom: 30px; opacity: 0; transform: translateY(-40px); }
.index_section p {font-size: 24rem; opacity: 0; transform: translateY(40px); line-height: 1.6em;}

/* 메인 슬라이더 텍스트 애니메이션 */
.index_visual.active .index_section h2 {opacity: 1; transform: translate(0); transition: 2.5s 0.3s; }
.index_visual.active .index_section p {opacity: 1; transform: translate(0); transition: 3s 0.8s; }

/* 메인 슬라이더 배너 애니메이션 */
.main_slide_wrap .main_slide .slick-slide.slick-current.slick-active{animation: zoom-visual 7s;}

.index_visual .main_slide_wrap .main_slide .main_visual01{background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/index_visual01.jpg?v=6) center center no-repeat; background-size: cover; height: 100vh;}
.index_visual .main_slide_wrap .main_slide .main_visual02{background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/index_visual01.jpg) center center no-repeat; background-size: cover; height: 100vh;}
.index_visual .main_slide_wrap .main_slide .main_visual03{background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/index_visual01.jpg) center center no-repeat; background-size: cover; height: 100vh;}

/* 메인 슬라이더 버튼 */
.main_slide .slick-dots {max-width: 300px;position: absolute; left: 100px; bottom: 19%;}
.main_slide .slick-dots li {display: inline-block; width: 60px; height: 2px; background: #ecebe7; opacity: 0.5;}
.main_slide .slick-dots li.slick-active,
.main_slide .slick-dots li:hover {background: #ecebe7; opacity: 1;}
.main_slide .slick-dots li button {font-size: 0;}

.ins {height: 100vh;overflow: hidden;}
.ins > div {position: relative; height: 100%; padding: 160px 0;}
.ins .pd0{padding: 0;}

.outside span {position: relative; width: 25px; height: 18px; text-indent: -99999px; cursor: pointer;}
.outside span:hover,
.outside span:focus {filter: brightness(0); -webkit-filter: brightness(0);}
.outside span:hover:after {filter: brightness(1); -webkit-filter: brightness(1);}

.main_scroll_box {width: 51px; height: 66px; position: fixed; right: 10px; top: 80px; bottom: 0; margin: auto; text-align: center; z-index: 99999; opacity: 1; cursor: pointer;}
.main_scroll_box.none {display: none;}
.main_scroll_box.sub_scroll {bottom: 30px; top: unset; right: calc(50% - 25px); position: absolute;}
.main_scroll_box h6 {font-size: 13rem; font-weight: 500; color: #fff; margin-bottom: 10px;}
.main_scroll {width: 13px; height: 40px; margin: 0 auto; position: relative; overflow: hidden; }
.main_scroll span {position: absolute; left: 0; right: 0; margin: auto; top: -100%; width: 1px; height: 100%; background-color: #fff; }
.main_scroll:after {position: absolute; content:''; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); left: 0; bottom: 2px; right: 0; margin: auto; }
.scroll_circle {content:''; position: absolute; left: 0; right: 0; bottom: -12px; margin: auto; width: 35px; height: 35px; z-index: -1; }
.scroll_circle span {content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; width: 100%; height: 100%; border-radius: 100%; opacity: 0.2; }


.main_scroll_box.bl-scroll .main_scroll span {background-color: #333; }
.main_scroll_box.bl-scroll .main_scroll:after {border-right: 1px solid #333; border-bottom: 1px solid #333;}
.main_scroll_box.bl-scroll h6 {color: #333;}
.main_scroll_box.bl-scroll .scroll_circle span {background-color: #333;}


/* *************** MAIN ROOM *************** */
.room_view {display: flex; align-content: center; justify-content: center; align-items: center; height: 100%; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/room_bg.jpg?v=2) center center no-repeat; background-size: cover;}
.room_view .wrap1600 {position: relative;}
.room_slide .room_list {overflow: hidden; height: 650px;}
.room_slide img {float: left; width: 63%; height: 100%;object-fit: cover;}
.room_slide .room_detail {padding: 5%; float: left; width: 37%; background: #fff; height: 100%; position: relative;}
.room_slide .room_detail .anmt1 {opacity: 0; transform: translateY(50%);}
.room_slide .room_detail strong {display: inline-block; font-size: 17rem; color: #b1b0b0; margin-bottom: 50px; font-weight: 600;}
.room_slide .room_detail h2 {color: #222; font-size: 38rem; font-weight: 700; margin-bottom: 36px;}
.room_slide .room_detail p {color: #666; font-size: 16rem; font-weight: 400; line-height: 1.6em;}
.room_slide .room_detail .view_more {opacity: 0; transform: translateY(50%); color: #222; font-size: 16rem; font-weight: 400; margin-top: 50px;}
.room_slide .room_detail .view_more:before {content: ''; display: inline-block; height: 1px; width: 35px; margin-right: 10px; background: #1f3427; vertical-align: middle;}
.room_view .outside {position: absolute; bottom: 80px; z-index: 51; right: 27%;}
.room_view .outside #prev1:after {position: absolute; right: -20px;content: ''; display: inline-block; width: 1px; height: 17px; background: #e5e5e5; vertical-align: top;}
.room_view .outside #prev1 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_prev_btn.png) no-repeat; background-size: cover; margin-right: 20px;}
.room_view .outside #next1 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_next_btn.png) no-repeat; background-size: cover; margin-left: 20px;}

.acc_slide_wrap {opacity: 0; transform: translateY(50%);}
.acc_slide_wrap.active {opacity: 1; transform: translate(0); transition: 1s 0.5s; }
.acc_slide_wrap.active .room_detail .anmt1 {opacity: 1; transform: translate(0); transition: 1.2s 0.8s;}
.acc_slide_wrap.active .room_detail .view_more {opacity: 1; transform: translate(0); transition: 1.5s 1.1s;}


/* *************** MAIN FAC *************** */
.fac_bg {width: 1018px; height: 600px; position: absolute; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/fac_bg.jpg) left center no-repeat; top: 110px; opacity: 0; transform: translateX(-50%);}
.fac_bg.active {opacity: 1; transform: translate(0); transition: 1.5s; }
.fac_slide {position: relative;}
.fac_slide div {position: relative; max-height: 610px;}
.fac_slide div a {width: 100%;}
.fac_slide div a img {width: 100%;}
.fac_slide .fac_detail {position: absolute; bottom: 80px; width: 100%; text-align: center;}
.fac_slide .fac_detail strong {font-weight: 500; font-size: 30rem; color: #fff; display: inline-block; margin-bottom: 20px;}
.fac_slide .fac_detail p {color: #fff; font-size: 18rem; line-height: 1.6em;}
.fac_view .outside {position: absolute; bottom: 25%; z-index: 51; left: -8%;}
.fac_view .outside #prev2:after {position: absolute; right: -20px;content: ''; display: inline-block; width: 2px; height: 17px; background: #c3c3c3; vertical-align: top;}
.fac_view .outside #prev2 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_prev_btn.png) no-repeat; background-size: cover; margin-right: 20px;}
.fac_view .outside #next2 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_next_btn.png) no-repeat; background-size: cover; margin-left: 20px;}

.fac_slide div .hover_wrap {opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(55 86 54 / 95%); transition: 0.5s;}
.fac_slide div .hover_wrap .view_btn {border: 1px solid #ffffff4d; border-radius: 50%; color: #fff; font-size: 25rem; text-align: center; width: 150px; height: 150px; line-height: 150px; position: absolute; top: 34%; left: calc(50% - 75px);}
.fac_slide div a:hover .hover_wrap {opacity: 1; transition: 0.5s;}


.fac_slide_wrap {opacity: 0; transform: translateY(80px);}
.fac_slide_wrap.active {opacity: 1; transform: translate(0); transition: 1.5s .7s; }
.fac_slide_wrap .view_more {color: #222; font-size: 16rem; font-weight: 400; position: absolute; right: 0; top: -35px;}
.fac_slide_wrap .view_more:before {content: ''; display: inline-block; height: 1px; width: 35px; margin-right: 10px; background: #1f3427; vertical-align: middle;}

.fac_slide .slick-dots {max-width: 300px; text-align: center; margin: 40px auto 0;}
.fac_slide .slick-dots li {display: inline-block; width: 40px; height: 3px; background: #dcdcdc;}
.fac_slide .slick-dots li.slick-active,
.fac_slide .slick-dots li:hover {background: #090909;}
.fac_slide .slick-dots li button {font-size: 0;}


/* *************** MAIN PROMOTION *************** */
.ins > .list_view {padding-top: 200px; /* display: flex; flex-wrap: wrap; align-content: space-around; justify-content: center; */}
.promotion_wrap {position: relative;}
.promotion_wrap h1 {padding: 0 60px; margin-bottom: 50px; }
.promotion_wrap h1 p {font-size: 50rem; font-weight: 600; display: inline-block; opacity: 0; transform: translateY(30%);}
.promotion_wrap h1 span {color: #333; font-size: 19rem; font-weight: 500; padding-left: 30px; opacity: 0; transform: translateY(30%);}
.promotion_slide {opacity: 0; transform: translateX(30%);}
.promotion_slide div {padding: 0 20px;}
.promotion_slide div .img_wrap {margin-bottom: 40px; overflow: hidden; padding: 0;}
.promotion_slide div .img_wrap img {transition:all 0.5s ease-in-out 0.1s; -moz-transition:all 0.5s ease-in-out 0.1s; -webkit-transition:all 0.5s ease-in-out 0.1s;height: 319px;object-fit: cover;}
.promotion_slide div .img_wrap img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.promotion_slide div h3 {color: #222; font-size: 23rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; max-width: 430px;}
.promotion_slide div p {font-size: 19rem; color: #666; margin: 15px 0 30px; overflow: hidden; /* max-width: 430px;max-height: 46px; */white-space: normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.promotion_slide div p.date {font-size: 16rem; color: #a1a1a1;}
.promotion_wrap .outside {position: absolute; top: 5%; z-index: 51; right: 50px;}
.promotion_wrap .outside #prev3:after {position: absolute; right: -20px;content: ''; display: inline-block; width: 1px; height: 17px; background: #e5e5e5; vertical-align: top;}
.promotion_wrap .outside #prev3 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_prev_btn.png) no-repeat; background-size: cover; margin-right: 20px;}
.promotion_wrap .outside #next3 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_next_btn.png) no-repeat; background-size: cover; margin-left: 20px;}

.promotion_wrap.active h1 p {opacity: 1; transform: translate(0%); transition: 1s 0.5s;}
.promotion_wrap.active h1 span {opacity: 1; transform: translate(0%); transition: 1s 0.8s;}
.promotion_wrap.active .promotion_slide {opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }

.slick-arrow.slick-hidden {display: inline-block;}

/* *************** ABOUT *************** */
.intro .txt_wrap {text-align: center;}
.intro .txt_wrap h2 {font-size: 40rem; font-weight: 600; color: #101010; line-height: 1.5em;}
.intro .txt_wrap p {font-size: 19rem; color: #666; line-height: 1.5em; font-weight: 400;}
.intro1 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/bg_01.jpg?v=1) center center no-repeat; background-size: cover;  animation: zoom-visual 2s;}
.intro4 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/bg_04.jpg) center center no-repeat; background-size: cover;}

.intro1 .txt_wrap {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.intro1 .txt_wrap span {font-size: 25rem; position: relative; margin-bottom: 80px; color: #fff;/*  opacity: 0; transform: translateY(60px);  */}
.intro1 .txt_wrap span:after {content: ''; display: inline-block; position: absolute; bottom: -70px; left: 50%; height: 40px; width: 1px; background: rgb(255 255 255 / 50%);}
.intro1 .txt_wrap h2 {color: #fff; font-size: 70rem; font-weight: 500;/*  opacity: 0;  transform: translateY(60px); */}
.intro1 .txt_wrap p {color: #fff; font-size: 21rem; /* opacity: 0;  transform: translateY(60px); */}

/* .intro1.active .txt_wrap span {opacity: 1; transform: translate(0); transition: 3s 0.5s;}
.intro1.active .txt_wrap h2 {opacity: 1; transform: translate(0); transition: 1.3s 0.7s; }
.intro1.active .txt_wrap p {opacity: 1; transform: translate(0); transition: 1.5s 1.1s; } */

.intro2 .intro_bg2 {width: 1047px; height: 100%; opacity: 0; position: absolute; right: -15%; top: 0; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/bg_02.jpg) right center no-repeat; background-size: cover;}
.intro2 .txt_wrap {float: left; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: left; padding: 0 100px;}
.intro2 .txt_wrap span {font-size: 25rem; font-weight: 700; color: #222; margin-bottom: 50px; opacity: 0;  transform: translateY(50px);}
.intro2 .txt_wrap h2 {margin-bottom: 30px; opacity: 0;  transform: translateY(70px);}
.intro2 .txt_wrap p {margin-bottom: 30px; opacity: 0;  transform: translateY(80px);}

.intro2.active .intro_bg2 {opacity: 1; right: 0; transition: 1s 0.5s;}
.intro2.active .txt_wrap span {opacity: 1; transform: translate(0); transition: 0.7s 0.3s;}
.intro2.active .txt_wrap h2 {opacity: 1; transform: translate(0); transition: 1s 0.8s; }
.intro2.active .txt_wrap p {opacity: 1; transform: translate(0); transition: 1.1s 1.1s; }

.intro3 .intro_bg3 {width: 100%; height: 490px; opacity: 0; position: absolute; bottom: -20%; left: 0; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/bg_03.jpg) center bottom no-repeat; background-size: cover;}
.intro3 .txt_wrap {overflow: hidden; margin-top: 50px; text-align: left;}
.intro3 .txt_wrap h2 {float: left; width: 45%; padding: 0 150px; opacity: 0;  transform: translateX(20%);}
.intro3 .txt_wrap p {opacity: 0;  transform: translateX(80px);}

.intro3.active .intro_bg3 {opacity: 1; bottom: 0;  transition: 1s 0.5s;}
.intro3.active .txt_wrap h2 {opacity: 1; transform: translate(0); transition: 1s 0.5s; }
.intro3.active .txt_wrap p {opacity: 1; transform: translate(0); transition: 1s 0.8s; }

.intro4 .txt_wrap {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.intro4 .txt_wrap h2 {color: #fff; margin-bottom: 40px; opacity: 0;  transform: translateY(100%);}
.intro4 .txt_wrap p {color: #fff; font-size: 21rem; opacity: 0;  transform: translateY(40%); font-weight: 300;}

.intro4.active .txt_wrap h2 {opacity: 1; transform: translate(0); transition: 1s 0.2s; }
.intro4.active .txt_wrap p {opacity: 1; transform: translate(0); transition: 1.2s 0.5s; }


/* *************** LOCATION *************** */
.loc {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/loc_bg.jpg?v=1) center center no-repeat; height: 100%;}

.loc2 {padding: 0; margin-bottom: 130px;}
.loc2 .loc_text {background: #534E4B; padding: 120px 0 290px; text-align: center;}
.loc2 .loc_text ul {display: inline-block;}
.loc2 .loc_text ul li {display: inline-block; font-size: 20rem; color: #fff; text-align: left; padding: 0 80px; border-right: 1px solid #ffffff26; vertical-align: middle;}
.loc2 .loc_text ul li strong {color: #a8aba9; margin-bottom: 20px;}

.loc2 .loc_detail iframe {width: 100%; height: 720px; margin-top: -160px;}

.loc2 .detali_list {margin-top: 100px;}
.loc2 .detali_list h3 {width: 20%; font-size: 30rem; color: #333; display: inline-block; vertical-align: top;}
.loc2 .detali_list ul {width: 79%; display: inline-block; border-top: 1px solid #252525;}
.loc2 .detali_list ul li {padding-top: 35px; border-bottom: 1px solid #e2e2e2;}
.loc2 .detali_list ul li p {padding: 60px 0; line-height: 1.5em;}
.loc2 .detali_list ul li strong {font-weight: 800;}

.loc2 .detali_list2 {margin-top: 100px;}
.loc2 .detali_list2 h3 {width: 20%; font-size: 30rem; color: #333; display: inline-block; vertical-align: top;}
.loc2 .detali_list2 ul {width: 79%; display: inline-block; border-top: 1px solid #252525;}
.loc2 .detali_list2 ul li {padding: 60px 0; border-bottom: 1px solid #e2e2e2;}
.loc2 .detali_list2 ul li h5 {color: #222; font-size: 22rem; margin-bottom: 15px; font-weight: 600;}
.loc2 .detali_list2 ul li p {line-height: 1.5em; font-size: 16rem; font-weight: 400;}

.loc2 .detali_list .loc_toggle {}
.loc2 .detali_list .loc_toggle .list {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/down_arrow.png) right 20px top 45px no-repeat; cursor: pointer;}
.loc2 .detali_list .loc_toggle .list.on {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/up_arrow.png) right 20px top 45px no-repeat;}
.loc2 .detali_list .loc_toggle .list h5 {font-size: 23rem; font-weight: 500; margin-bottom: 35px;}
.loc2 .detali_list .loc_toggle .toggle-box {display: none; padding: 0 30px; color: #666; font-weight: 400; font-size: 18rem; background: #f9f9f9; margin-top: 35px;}
.loc2 .detali_list .loc_toggle .list.on .toggle-box {border-top: 1px solid #e2e2e2;}


/* *************** SUB *************** */
#container {position: relative;}
#container #header {position: absolute;}

.sub_visual {height: 100%; background-size: cover; animation: zoom-visual 2s;}
.sub_visual .txt_wrap {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.sub_visual .txt_wrap span {font-size: 25rem; position: relative; margin-bottom: 80px; color: #fff;}
.sub_visual .txt_wrap span:after {content: ''; display: inline-block; position: absolute; bottom: -70px; left: 50%; height: 40px; width: 1px; background: rgb(255 255 255 / 50%);}
.sub_visual .txt_wrap h2 {color: #fff; font-size: 70rem; font-weight: 500; line-height: 1.5em;}
.sub_visual .txt_wrap p {color: #fff; font-size: 21rem;}

@keyframes zoom-visual {
	0% { transform: scale(1.3); }
	100% { transform: scale(1); }
}

.bg_board {overflow: hidden;}

/* SUB VISUAL */
.section .area {height: 100vh; position: relative;}
.vis_room {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/visual_room03.jpg?v=3) center center no-repeat; background-size: cover;}
.vis_din {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/visual_din.jpg?v=1) center center no-repeat; background-size: cover;}
.vis_board {height: 420px; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/visual_board.jpg) center center no-repeat; background-size: cover; animation: zoom-visual 2s;}
.vis_board .txt_wrap {text-align: center; height: 100%; display: flex; align-items: center; justify-content: center;}
.vis_board .txt_wrap h2 {color: #fff; font-size: 70px; font-weight: 500;}

.sub_title {text-align: center; padding: 120px 0;}
.sub_title p {color: #444; font-size: 19rem; line-height: 1.6em; font-weight: 400;}

.sub_wrap {position: relative;}
.sub_wrap .outside {position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, -50%);}
.sub_wrap .outside span {width: 30px; height: 13px; text-indent: inherit; text-align: center;}
.sub_wrap .outside span.paging_info {width: 40px;}
.sub_wrap .outside span:hover,
.sub_wrap .outside span:focus {filter: none;}
.sub_wrap .outside #prev4 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/sub_prev_btn.png) no-repeat; margin-right: 10px; background-size: contain;}
.sub_wrap .outside #next4 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/sub_next_btn.png) no-repeat; background-size: contain;}
.sub_wrap .slick-dots {display: none!important;}

.sub_slide {margin-bottom: 100px;}

.icon_wrap {overflow: hidden; margin-bottom: 60px;}
.icon_wrap ul {overflow: hidden;}
.icon_wrap ul li {float: left; width: 25%; text-align: center;}
.icon_wrap ul li h4 {font-size: 17rem; color: #222; font-weight: 600; margin: 27px auto 13px;}
.icon_wrap ul li p {font-size: 17rem; color: #666; font-weight: 400;}
.sub_detail {margin-bottom: 150px;}
.sub_detail div {border-bottom: 1px solid #e2e2e2; padding: 55px 0;}
.sub_detail div ul {display: inline-block; width: 79%; overflow: hidden;}
.sub_detail div ul li {color: #666; font-weight: 400;}
/* .sub_detail div ul li:last-child {margin-bottom: 0;} */
.sub_detail div ul li em {display: inline-block; width: 97%; vertical-align: top; font-size: 16rem; margin-bottom: 3px;}
.sub_detail div h3 {color: #222; font-size: 30rem; font-weight: 600; display: inline-block; width: 20%; vertical-align: top;}
.sub_detail .room_list {border-top: 1px solid #e2e2e2;}
.sub_detail .room_list ul li {float: left; width: 33%; vertical-align: top;}
.sub_detail .room_list ul li h4 {color: #222; font-size: 18rem; margin-bottom: 15px;}
.sub_detail .room_list ul li span {line-height: 1.7em; font-size: 16rem;}

.sub_detail .fac_list {border-top: 1px solid #252525;}
.sub_detail .fac_list ul li {width: 24.5%;}

.sub_detail .use ul li {margin-bottom: 5px;}
.sub_detail .use ul li:before {content: ''; display: inline-block; width: 3px; height: 3px; background: #666; border-radius: 50%; vertical-align: middle; margin-right: 7px;}

.sub_detail.type2 .use ul li:before {display: none;}
.sub_detail.type2 div ul li em {width: 100%;line-height: 1.7;}

/* OTHER ROOM */
.otherRoom {background: #f7f7f7; padding: 80px 0 80px 60px; position: relative;}
.otherRoom h2 {font-size: 43rem; color: #222; font-weight: 600; margin-bottom: 60px;}
.otherRoom_slide .slick-slide {margin-right: 40px;}
.otherRoom_slide div {position: relative;}
.otherRoom_slide .img_wrap {overflow: hidden; display: block;}
.otherRoom_slide .img_wrap img {transition:all 0.5s ease-in-out 0.1s; -moz-transition:all 0.5s ease-in-out 0.1s; -webkit-transition:all 0.5s ease-in-out 0.1s;}
.otherRoom_slide div:hover > .img_wrap img {transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.otherRoom_slide a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgb(83 78 75 / 85%); color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.otherRoom_slide a:hover {opacity: 1;}
.otherRoom_slide a p {font-size: 35rem; font-weight: 500; text-transform: uppercase; margin-bottom: 35px;}
.otherRoom_slide a em {font-size: 18rem; font-weight: 400;}
.otherRoom_slide a em:before {background: #fff; height: 1px; width: 35px; content: ''; display: inline-block; vertical-align: middle; margin-right: 10px;}

.otherRoom .outside {position: absolute; top: 95px; z-index: 51; right: 60px;}
.otherRoom .outside #prev5:after {position: absolute; right: -20px;content: ''; display: inline-block; width: 1px; height: 17px; background: #d1d1d1; vertical-align: top;}
.otherRoom .outside #prev5 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_prev_btn.png) no-repeat; margin-right: 20px; background-size: cover;}
.otherRoom .outside #next5 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/rm_next_btn.png) no-repeat; margin-left: 20px; background-size: cover;}


/* *************** FOOTER *************** */
.ins .footer_view {position: relative; padding: 145px 0; height: 100%; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/footer_bg.jpg?v=2) top center no-repeat; background-size: cover; background-position-y: -250px;}
.footer_info {position: absolute; bottom: 0; width: 100%; background: #534E4B; padding: 70px 0; color: #a8aba9; font-size: 16rem;}
.footer_info .company_info {float: right; width: 60%;}
.footer_info .company_info .rules {overflow: hidden; margin-bottom: 55px;}
.footer_info .company_info .rules li {color: #fff; font-size: 18rem; display: inline-block; padding-right: 20px; margin-right: 20px; border-right: 1px solid #46534c;}
.footer_info .company_info .rules li:last-child {border: none;}
.footer_info .company_info .rules li b {font-weight: 600;}
.footer_info .company_info .info_content {margin-bottom: 55px; color: #a8aba9;}
.footer_info .company_info .info_content li {margin-bottom: 5px;}
.footer_info .company_info .info_content li span {margin-right: 20px;}
.footer_info .company_info .copyright {font-weight: 400; color: #a8aba9;}

.footer_info .contact_wrap {float: right; width: 40%;}
.footer_info .contact_wrap > div {display: inline-block; vertical-align: top; margin-right: 150px;}
.footer_info .contact_wrap > div.follow {margin-right: 0;}
.footer_info .contact_wrap h3 {font-weight: 600; margin-bottom: 22px;}
.footer_info .contact_wrap p {color: #fff; font-size: 35rem; font-weight: 100;}
.footer_info .contact_wrap .sns li {float: left; margin-right: 15px;}
.footer_info .contact_wrap .sns li a {background: #443E3B; border-radius: 50%; width: 39px; height: 39px; text-align: center; line-height: 38px;}

#sub_fullpage .footer_info {padding: 70px 0; min-height: 370px; margin-top: 140px;}

.ins .relative, .relative {position: static; height: auto; padding: 0;}
.relative .footer_info {position: relative;}

.booking {position: relative; opacity: 0; transform: translateY(50%);}
.booking.active {opacity: 1; transform: translate(0); transition: 1s 0.5s; }

#container .booking {opacity: 1; transform: translate(0); }