/* 큰해상도 메인 */
@media (min-width: 2400px) and (max-width: 4000px){
	.fac_slide div{height: auto; max-height: none;}
	
}
@media screen and (min-width: 2000px){
	.promotion_slide div > a, .promotion_slide div .img_wrap img {width: 100%;}
	.room_view .outside {right: 30%;bottom: 40px;}
	.room_slide .room_detail {padding: 3%;}
}
@media screen and (min-width: 1920px){
	.sub_wrap .slick-slide img {width: 100%}
}

@media screen and (max-width: 1880px) {
	.main_slide .slick-dots{bottom: 43%;}
}
@media screen and (max-width: 1800px) {
	.wrap1920 {width: 100%; padding: 0 4%;}
	.promotion_wrap .wrap1920 {padding: 0;}
    .wrap1800 {width: 100%; padding: 0 4%;}
}


@media screen and (max-width: 1600px) {
	.wrap1400 {width: 100%; padding: 0 4%;}
	.ins > div {padding: 120px 0;}
	.ins > div.fac_view {padding: 160px 0;}
	
	html, body {font-size: 0.075vw;}
	
    .wrap1600 {width: 100%; padding: 0 4%;}
	.wrap1500 {width: 100%; padding: 0 4%;}
	
	#header #gnbMenu > ul > li > a {font-size: 18rem;}
	
	/* *************** COMPANY *************** */
	.intro1 .txt_wrap h2, .sub_visual .txt_wrap h2{font-size: 50rem;}
	.intro1 .txt_wrap p, .sub_visual .txt_wrap p{font-size: 18rem;}
	.intro2 .intro_bg2{width:700px; background-position: bottom left;}
	.intro2 .txt_wrap span, .sub_visual .txt_wrap span{font-size: 26rem;}
	.intro2 .txt_wrap h2{font-size: 38rem;}
	.intro .txt_wrap p{font-size: 16rem;}
	.intro3 .txt_wrap h2{font-size: 38rem; padding: 0 100px;}
	.intro3 .txt_wrap p{padding: 0 10px; font-size:15rem;}
	
	/* *************** LOCATION *************** */
	.loc2 .detali_list ul li p{font-size:17px;}
	.loc2 .detali_list2 ul li p{font-size:15px;}
	
	/* *************** MAIN CONTENT *************** */
	.room_slide .room_detail strong{font-size: 14rem;}
	.room_slide .room_detail h2{font-size: 27rem;}
	.room_slide .room_detail p{font-size: 14rem;}
	.room_slide .room_detail .view_more{font-size: 13rem;}
	.room_view .outside{right: 25%;}
	
	.fac_slide .fac_detail strong {font-size: 24rem;}
	.fac_slide .fac_detail p {font-size: 14rem;}
	
	.promotion_slide div h3{font-size: 18rem;}
	.promotion_slide div p {font-size: 14rem;}
	
	#bookArea .bookIns ul li.ci_date .innerBox{padding-left: 25px !important;}
	.footer_info{font-size: 13rem;}
	.footer_info .contact_wrap p{font-size: 26rem;}
	.footer_info .company_info .rules li{font-size: 15rem;}
	
	
}

@media screen and (max-width: 1400px) {
	
	#header #gnbMenu > ul > li {width: 10%;}
	
	.intro2 .intro_bg2{width: 600px; background-position: bottom left;}
	.intro3 .txt_wrap{padding: 0 50px;}
}

@media screen and (max-width: 1200px) {
	
	.ins > div{padding:100px 0;}
    .wrap1200 {width: 100%; padding: 0 4%;}
    
    .index_visual {position: relative;}
    .index_section{bottom: 50%;}
    
    .room_view .outside{right: 23%;}
    
    .fac_slide div .hover_wrap .view_btn {font-size: 21px; width: 110px; height: 110px; line-height: 110px;top: 34%; left: calc(50% - 55px);}
    
    .promotion_slide div h3 {max-width: 330px;}
    
	/* *************** COMPANY *************** */
	#about_fullpage .m_hidden {display: none;}
	.ins .intro1,
	.ins .intro4 {height: 100vh;}
	.ins .intro2 {min-height: 1740px;}
	.ins .intro3 {min-height: 600px;}
	
	.intro2 .intro_bg2 {background-size: contain; background-position: bottom center; bottom: 0; width: 100%; min-height: 500px; height: auto;}
	.intro3 .intro_bg3 {background-size: cover; background-position: bottom left; height: 220px;}
	.intro2 .txt_wrap, .intro3 .txt_wrap {padding: 0px 20px; display: block; float: none;}
	.intro2 .txt_wrap p,
	.intro4 .txt_wrap p {font-size: 16px;}
	.intro3 .txt_wrap p {padding: 20px 100px; font-size: 14px;}
	.intro3 .txt_wrap h2 {font-size: 35rem; padding: 50px 100px;}
	
}

@media screen and (max-width: 1084px) {
	.m_hidden {display: none;}	
}

@media screen and (max-width: 1024px) {
	
	
	html {font-size: 1px;}
	body {font-size: 16px;}
	
	.fac_bg {width: 80%; height: 60%; top: 0;}
	
	/* *************** LOGO *************** */
	.logo {width: 105px; height: 23px; top: 20px; left: 20px;}
	
	#header {height: 60px; transition: top 0.2s ease-in-out; width: 100%; background: transparent;}
	#header.nav_up {top: -60px;}
	
	#MgnbMenu {height: 100%;}
	#MgnbMenu.bg {background: #fff;}
	
	
	#header #MgnbMenu .logo {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/logo.svg) no-repeat; background-size: cover;}
	#header #MgnbMenu.bg .logo, .quick_menu .logo  {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/logo_black.svg) no-repeat; background-size: cover;}
	
	#header.nav_down .rMenu .side_menu .open_menu {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/menu_open.png) no-repeat;}
	
	
	/* *************** GNB *************** */
	
	#gnbMenu {display: none;}
	#gnbMenu > ul {display: none;}
	
	#MgnbMenu {display: block;}
	
	.rMenu {top: 20px; right: 20px;}
	.rMenu .lang_wrap {display: none;}
	/* #header.black-header.nav_down .rMenu .side_menu .open_menu {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/m_menu_open.png) no-repeat; background-size: cover;} */
	.rMenu .side_menu .close_menu {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/m_menu_close.png) no-repeat; background-size: cover;}
	
	.quick_menu {background: #fff;}
	.quick_menu.open {overflow: hidden; overflow-y: scroll;}
    .quick_menu .menu_list {display: block; color: #222; padding: 8% 10%; border-top: 1px solid #e9e9e9;  margin: 60px auto 0; position: relative; height: calc(100% - 60px);}
    .quick_menu .menu_list dl {float: none; width: 100%;}
    .quick_menu .menu_list dl dt {margin-bottom: 30px; font-size: 24px;}
    .quick_menu .menu_list dl dd {font-size: 18px; padding-left: 7%; display: none; padding-bottom: 20px; color: #666;}
    .quick_menu .menu_list dl dd a {margin-bottom: 20px;}
    .quick_menu .menu_list dl dd a:hover {text-decoration: none; color: #a8aba9;}
    
    .m_lang_wrap {display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 0;}
    .m_lang_wrap ul {overflow: hidden; width: 60%; margin: 0 auto;}
    .m_lang_wrap ul li {float: left; width: 25%; position: relative; text-align: center;}
    .m_lang_wrap ul li:after {content: ''; display: inline-block; width: 1px; height: 20px; position: absolute; right: 0; top: 0; background: #e5e5e5;}
    .m_lang_wrap ul li:last-child:after {display: none;}
    .m_lang_wrap ul li a {color: #999; font-size: 16px; font-weight: 400;}

	.promotion_wrap h1 span{padding-left: 0;}
	
	/* *************** COMPANY *************** */
	.ins .intro1,
	.ins .intro4 {height: 100vh;}
	.ins .intro2 {min-height: 1600px;}
	.ins .intro3 {min-height: 700px;}
	
	.intro2 .intro_bg2 {background-size: contain; background-position: bottom center; bottom: 0; width: 100%; min-height: 500px; height: auto;}
	.intro3 .intro_bg3 {background-size: cover; background-position: bottom left; height: 220px;}
	.intro2 .txt_wrap, .intro3 .txt_wrap {padding: 0px 20px; display: block; float: none;}
	.intro3 .txt_wrap h2{font-size: 32rem; padding: 50px 70px;}
	.intro2 .txt_wrap p,
	.intro4 .txt_wrap p {font-size: 16px;}
	.intro3 .txt_wrap p {padding: 20px 0; font-size: 15px;}
	
	.loc2 .loc_text ul li{padding:0 30px; font-size: 17rem;}
	.loc2 .detali_list h3, .loc2 .detali_list2 h3{font-size: 26rem;}
	
	
    /* *************** MAIN CONTENT *************** */
   	.room_view .outside {left: 4%;bottom: 35px;}
    .room_slide .room_detail {padding: 2rem;}
    .room_slide .room_list {height: 100%;}
	.room_slide {padding: 0;}
	.room_slide img {float: none; width: 100%;}
	.room_slide .room_detail {float: none; width: 100%; height: auto; padding: 30px 30px 30%; min-height: 485px;}
    
    .ins > .fac_view {display: flex; flex-wrap: wrap; align-content: space-around;}
    .fac_slide div {max-height: 600px;}
    
    .fac_slide .slick-dots {max-width: 100%;}
    
    /* *************** FOOTER *************** */
    .ins > .footer_view {padding: 100px 0;}
    
	.main_scroll_box {display: none;}
	
}

/* 푸터 노트북사이즈 조절 */
@media (min-width: 1000px) and (max-width: 1800px){
	.ins .footer_view{padding: 75px 0 100px;}
	.footer_info{padding: 40px 0;}
}

@media screen and (max-width: 970px) {
	
	#fullpage,
	#about_fullpage {overflow-x: hidden;}
	
	.ins > div {padding: 70px 0;}
	
	/* *************** MAIN ROOM *************** */
	.ins > .room_view {padding: 80px 0;}
	
	.room_slide .room_detail strong {font-size: 14px; margin-bottom: 20px;}
	.room_slide .room_detail h2 {font-size: 34px; margin-bottom: 15px;}
	.room_slide .room_detail p {font-size: 16px;}
	.room_slide .room_detail .view_more {margin-top: 20px;}

	.room_view .outside #prev1 {margin-right: 15px;}
	.room_view .outside #next1 {margin-left: 15px;}
	.room_view .outside #prev1:after {right: -15px; height: 15px;}
	
	.room_slide.active {transition: 1s}
	
	/* *************** MAIN FAC *************** */
	.fac_bg {width: 70%; height: 50%; top: 0;}
	
	.fac_slide .fac_detail {bottom: 50px;}
	.fac_slide .fac_detail strong {font-size: 26px;}
	.fac_slide .fac_detail p {font-size: 15px;}
	
	.promotion_slide div h3 {font-size: 19px;}
	.promotion_wrap h1 p {font-size: 28px; display: block;}
	.promotion_slide div p.date {font-size: 15px;}
	
	.fac_view .outside {left: 5%;}
	
	
	/* *************** MAIN PROMOTION *************** */
	.ins > .list_view {padding-top: 120px;} 
	
	
	/* *************** COMPANY *************** */
	#about_fullpage .m_hidden {display: none;}
	.ins .intro1,
	.ins .intro4 {height: 100vh;}
	.ins .intro2 {min-height: 1500px;}
	.ins .intro3 {min-height: 700px;}
	
	.intro2 .intro_bg2 {background-size: contain; background-position: bottom center; bottom: 0; width: 100%; min-height: 500px; height: auto;}
	.intro3 .intro_bg3 {background-size: cover; background-position: bottom left 30%; height: 280px;}
	.intro2 .txt_wrap, .intro3 .txt_wrap {padding: 0px 20px; display: block; float: none;}
	.intro2 .txt_wrap p,
	.intro4 .txt_wrap p {font-size: 16px;}
	.intro2 .txt_wrap h2, .intro3 .txt_wrap h2,
	.intro4 .txt_wrap h2 {float: none; width: 100%; padding: 0; font-size: 35px;}
	.intro3 .txt_wrap p {padding: 20px 0; font-size: 16px;}
	
	
	/* *************** FOOTER *************** */
	.footer_info .contact_wrap,
	.footer_info .company_info {float: none; width: 100%; text-align: center;}
	
	.footer_info .contact_wrap {text-align: center; margin-bottom: 40px;}
	.footer_info .contact_wrap > div.contact {display: none;}
	.footer_info .contact_wrap h3 {display: none;}
	
	.footer_info .company_info .rules {margin-bottom: 20px;}
	.footer_info .company_info .rules li {font-size: 15px; padding-right: 10px; margin-right: 7px; margin-bottom: 7px;}
	.footer_info .company_info .info_content {margin-bottom: 20px; font-size: 15px;}
	.footer_info .company_info .copyright {font-size: 14px;}
	
	#sub_fullpage .footer_info {margin-top: 200px;}
	
}

@media screen and (max-width: 768px) {
	#fp-nav {display: none;}
	
	.m_hidden {display: none;}
	.m_block {display: block;}
	
    .section.footer .area {height: 100%;}
    .ins {height: auto;}
	.ins > div {padding: 0; padding-top: 80px;}
	#about_fullpage .ins > div {padding: 0;}
		
	.px20 {padding: 0 20px;}
	
	.btn_wrap a {width: 48.5%; padding: 15px 0; margin-right: 5px; font-size: 16px;}
	.btn_wrap.w100 a {width: 100%; margin: 0;}
	
	
	
	/* *************** MAIN CONTENT *************** */
	.index_section {left: 0; padding: 20px; bottom: 50%;}
	.index_section h2 {font-size: 26px;}
	.index_section p {font-size: 15px;}
	
	.main_slide .slick-dots{left: 0; padding: 20px; bottom: 40%;}
	.main_slide .slick-dots li{width: 65px;}
	
	/* *************** MAIN ACC *************** */
	.room_view .outside {left: 6%;}
	
	/* *************** MAIN FAC *************** */
	.ins > .fac_view {padding: 20% 0 !important;}
	.fac_bg {width: 50%;}
	.fac_view .al-center {position: relative;}
	.fac_slide {width: 90%; margin: 0 auto; transition: 1.5s 0.2s; }
	.fac_view .outside {bottom: -8%; left: 9%;}
	.fac_slide_wrap .view_more {right: 5%;}
	
	.fac_slide.active {transition: 1s}


	/* *************** MAIN PROMOTION *************** */
	.ins > .list_view {padding: 20% 0;padding-top: 20% !important;} 
	.promotion_wrap {width: 90%; margin: 0 auto;}
	.promotion_wrap h1 {padding: 0; font-size: 34px; margin-bottom: 20px;}
	.promotion_wrap h1 span {font-size: 17px; padding-left: 0; margin-top: 15px;}
	
	.promotion_slide .slick-track,
	.promotion_slide .slick-list {padding: 0;}
	.promotion_slide .slick-slide {padding: 0;}
	.promotion_slide div p {font-size: 17px;}
	.promotion_slide div h3 {max-width: 290px;}
	
	.promotion_wrap .outside {top: unset; bottom: -5%; left: 0;}
	.promotion_wrap .outside #prev3 {margin-right: 15px;}
	.promotion_wrap .outside #next3 {margin-left: 15px;}
	.promotion_wrap .outside #prev3:after {right: -15px; height: 15px;}
	
	
	/* *************** ABOUT *************** */
	.intro .txt_wrap h2 {font-size: 22px;}
	.intro .txt_wrap p {padding: 50px 0;}
	
	.intro1 .txt_wrap h2 {font-size: 38px; margin-bottom: 15px;}
	.intro1 .txt_wrap span {font-size: 21px;}
	.intro1 .txt_wrap p {font-size: 18px; padding: 0;}
	
	.ins .intro2 {min-height: 1250px; margin-top: 40px;}
	.intro2 .txt_wrap h2 {margin-bottom: 40px;}
	.intro2 .txt_wrap span {font-size: 16px; margin-bottom: 30px;}
	.intro2 .txt_wrap p {padding: 0; font-size: 16px;}
	
	.intro4 .txt_wrap {padding: 0 20px;}
	.intro4 .txt_wrap h2 {padding: 0; margin-bottom: 0;}
	.intro4 .txt_wrap p {font-size: 17px; padding: 50px 0;}


	/* *************** LOCATION *************** */
	
	.loc2 .loc_text {padding: 80px 20px 200px;}
	.loc2 .loc_text ul li {display: block; border: none; padding: 0; margin-bottom: 30px; font-size: 17px;}
	.loc2 .loc_text ul li strong {margin-bottom: 0;}
	.loc2 .loc_detail iframe {height: 470px; margin-top: -160px;}
	
	.loc2 .detali_list, .loc2 .detali_list2 {margin-top: 66px;}
	.loc2 .detali_list ul, .loc2 .detali_list2 ul {width: 100%;}
	.loc2 .detali_list h3, .loc2 .detali_list2 h3 {width: 100%; font-size: 26px; margin-bottom: 25px;}
	
	.loc2 .detali_list ul li {padding-top: 25px;}
	.loc2 .detali_list2 ul li {padding: 40px 0;}
	
	.loc2 .detali_list .loc_toggle .list {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/down_arrow.png) right 20px top 30px no-repeat;}
	.loc2 .detali_list .loc_toggle .list.on {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/common/up_arrow.png) right 20px top 30px no-repeat;}
	
	.loc2 .detali_list .loc_toggle .toggle-box {font-size: 16px; padding: 0 20px; margin-top: 25px;}
	.loc2 .detali_list .loc_toggle .list h5 {font-size: 19px; margin-bottom: 25px;}
	
	/* *************** MAIN VISUAL *************** */
	.index_visual .main_slide_wrap .main_slide .main_visual01{background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/m_index_visual01.jpg?v=2) center center no-repeat; background-size: cover;}
	.index_visual .main_slide_wrap .main_slide .main_visual02{background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/m_index_visual01.jpg) center center no-repeat; background-size: cover;}
	.index_visual .main_slide_wrap .main_slide .main_visual03{background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/m_index_visual01.jpg) center center no-repeat; background-size: cover;}
	
	/* *************** SUB *************** */
	.sub_visual .txt_wrap span {font-size: 21px;}
	.sub_visual .txt_wrap span:after {height: 27px;}
	.sub_visual .txt_wrap h2 {font-size: 38px; margin-bottom: 15px;}
	.sub_visual .txt_wrap p {font-size: 18px;}
	
	.vis_board .txt_wrap h2 {font-size: 38px;}
	
	.sub_title {padding-top: 50px;}
	/* .btn_wrap {padding-bottom: 50px;} */
	.sub_title p {font-size: 18px; margin-bottom: 40px;}
	
	.sub_wrap .outside {bottom: 15px;}
	
	.sub_slide {margin-bottom: 50px;}
	.icon_wrap {margin-bottom: 10px;}
	.icon_wrap ul {display: flex; flex-wrap: wrap;}
	.icon_wrap ul li {width: 50%; margin-bottom: 50px;}
	.icon_wrap ul li img {max-height: 30px;}
	.icon_wrap ul li h4,
	.icon_wrap ul li p {font-size: 16px;}
	
	.sub_detail {margin-bottom: 90px;}
	.sub_detail div h3 {display: block; width: 100%; font-size: 25px; margin-bottom: 20px;}
	.sub_detail div ul {width: 100%;}
	.sub_detail .room_list ul li {width: 50%; margin-bottom: 40px;}
	.sub_detail .room_list ul li.w100 {width: 100%;}
	.sub_detail .room_list ul li:last-child {margin-bottom: 0; float: none;}
	
	
	/* VISUAL */
	.intro1 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/m_bg_01.jpg?v=1) center center no-repeat; background-size: cover;}
	.intro3 .intro_bg3 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/m_bg_03.jpg) center center no-repeat; background-size: cover;}
	.intro4 {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/company/m_bg_04.jpg) center center no-repeat; background-size: cover;}
	.vis_room {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/m_visual_room.jpg?v=1) center center no-repeat; background-size: cover;}
	.vis_din {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/m_visual_din.jpg) center center no-repeat; background-size: cover;}
	.vis_room {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/m_visual_room.jpg?v=1) center center no-repeat; background-size: cover;}
	.vis_din {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/m_visual_din.jpg?v=1) center center no-repeat; background-size: cover;}
	.vis_board {background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/visual/m_visual_board.jpg?v=1) center center no-repeat; background-size: cover;}
	/* OTHER ROOM */
	.otherRoom {padding: 50px 20px;}
	.otherRoom h2 {font-size: 30px; margin-bottom: 30px;}
	
	.otherRoom_slide .slick-slide {margin-right: 0;}
	.otherRoom .outside {top: 65px; right: 20px;}
	
	
	/* *************** FOOTER *************** */
	.footer {margin-bottom: 0;}
	.footer_info {position: relative; padding: 40px 0;}
	.ins > .footer_view {height: auto; padding: 0; padding-top: 40px; background: url(/GyeongwonjaeByWalkerhill_common/images/homepage/index/m_footer_bg.jpg?v=2) top center no-repeat; background-size: cover; background-position-y: -250px}
	
}
@media screen and (max-width: 640px) {
	/* *************** ABOUT *************** */
	.ins .intro2 {min-height: 1200px;}
}

@media screen and (max-width: 520px) {
	/* *************** ABOUT *************** */
	.ins .intro2 {min-height: 1150px;}
}

@media screen and (max-width: 470px) {
	
	/* *************** MAIN CONTENT *************** */
	
	.room_slide .room_detail strong {font-size: 13px;}
	.room_slide .room_detail h2 {font-size: 24px;}
	.room_slide .room_detail p {font-size: 15px;}
	
	.promotion_wrap h1 span {font-size: 15px;}
	.promotion_slide div p {font-size: 15px;  max-height: 36px;}
	.promotion_slide div p.date {font-size: 13px;}
	
	.footer_info .company_info .rules li,
	.footer_info .company_info .info_content,
	.footer_info .company_info .copyright {font-size: 13px;}
		
	
	.ins .intro2 {min-height: 1108px;}
	.ins .intro3 {min-height: 680px;}
	
	/* *************** MAIN ACC *************** */
	.room_view .outside {left: 8%;}
	
	/* *************** SUB *************** */
	.sub_detail div {padding: 40px 0;}
	.sub_title p {font-size: 16px;}
	
	.sub_detail .room_list ul li h4 {font-size: 16px;}
	.sub_detail div h3 {font-size: 21px;}
	.sub_detail div ul li {font-size: 15px;}
	
	.main_slide .slick-dots li{width: 55px;}
	.intro3 .intro_bg3{height: 230px;}

}
@media screen and (max-width: 400px) {
	.ins .intro2 {min-height: 1150px;}
}
/* *************** 화면 높이에 따라 css 조절 *************** */
@media screen and (max-height: 950px) {
	.ins > .list_view {padding-top: 150px;}
}
@media screen and (max-height: 800px) {
	.ins > .list_view {padding-top: 110px;}
}