.futura {
	font-family: "futura-pt", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.pen {
	font-family: "Nanum Pen Script", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 21px;
	line-height: 21px;
}
.white{color:#fff !important;}
.orange {color: #ff710d !important;}
.gray {color: #999 !important;}
.text-sand {color: #bf6b4f !important;}
.text-cheongsudang {color: #4e2010 !important;}
.text-boyang {color: #c4a47e !important;}

.bg-orange, .bg-cheongsudang, .bg-sand {
    background: #ff710d;
    color: #fff;
    padding: 3px 15px;
    border-radius: 50px;
    margin-top: -3px;
    display: inline-block;
}
.bg-sand {background: #bf6b4f !important;}
.bg-cheongsudang {background: #4e2010 !important;}

/* header */
.top {width: 100%; text-align: center; padding: 20px; font-size: 15px;}
.logo {width: 130px; height: 58px; display: inline-block; background: url(/img/logo_white.png); background-repeat: no-repeat; cursor: pointer;}
.top-right, .top-left {position: absolute; right: 2.5%; display: inline-flex; font-weight: bold; top: 35px;}
.top-left {left: 3%; right: auto; margin-top: 20px;}
.top-right a {color: #fff; margin-left: 20px;}

#fh5co-header-section {
	width: 100%;
	position: fixed;
    z-index: 103;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}
#fh5co-header-section .border {
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    border-color: rgb(255, 255, 255, 0.5) !important;
    border-right: none !important;
    border-left: none !important;
}
.gnb a {color: #fff;}
.gnb ul {
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    text-align: center;
    list-style: none;
    padding: 20px 0px;
    margin: 0;
}
.gnb>ul>li {width: 20%;}
.gnb>ul>li>a {font-weight: bold;}
.gnb>ul>li>ul {display: flex; flex-direction: column;}
.gnb>ul>li>ul>li>a {cursor: pointer; line-height: 40px; font-size: 15px;}
#fh5co-header-section a:hover {color: #ff710d;}

/*다국어*/
.txt_global {display: block; cursor: pointer; width: 135px;}
.ul_global {background-color: #f26121; z-index: 999; list-style: none; margin: 0; margin-top: 15px; padding: 10px 0px; width: 135px; margin-left: 10px;}
.ul_global li {margin-top: 3px;}
.ul_global a{color:white !important}
.ul_global li a {margin: 0;}

/*헤더 스크롤내렸을때 css*/
#fh5co-header-section.fh5co-scrolled {background: rgba(0, 0, 0, 0.6);}
#fh5co-header-section.fh5co-scrolled .border {border-bottom: none !important;}
#fh5co-header-section.fh5co-scrolled .logo {background: url(/img/logo_orange.png); margin-top: 1px;}

/* nonetop style */
.nonetop #fh5co-header-section .logo {background: url(/img/logo_orange.png);  margin-top: -1px;}
.nonetop #fh5co-header-section .parallax > use {fill: #fff !important; box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);}
.nonetop .sub {padding-top: 150px; padding-bottom: 150px;}
.nonetop .hBook {padding-top: 150px; padding-bottom: 150px;}
.nonetop .top-right a, .nonetop .txt_global {color: #333;}
.nonetop #fh5co-header-section.fh5co-scrolled {background: #fff;}
.nonetop #fh5co-header-section .border {border-top: 1px solid #ddd !important; border-bottom: none !important;}
.nonetop .gnb a {color: #333;}
.nonetop #fh5co-logo-mobile-wrap svg {fill: #ff710d;}

/* waves */
.waves {
	display: none;
    position: absolute;
    width: 100%;
    margin-bottom: -7px;
    min-height: 60px;
    max-height: 60px;
    transform: rotate(180deg);
}
.wave-line {
    fill: none;
    stroke: #ccc; /* 선의 색상 */
    stroke-width: 2px; /* 선의 두께 */
  }
#fh5co-header-section:hover .waves {display: block;}
.parallax > use {animation: move-forever 25s cubic-bezier(0.55,.5,0.45,.5) infinite;}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
@media(max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}
.layer_popup {
    position: absolute;
    top: 15%;
    z-index: 99999;
    right: 2%;
    background-color: rgb(0 0 0 / 75%);
    width: 400px;
}
.popup.left .layer_popup {
    left: 2%;
}
.layer_popup .img {display: flex; flex-wrap: wrap; width: 40%; align-content: center;}
.layer_popup .img a {width: 50%;}
.layer_popup .close {
    padding: 7px 20px 7px 10px;
    font-size: 17px;
    line-height: 1.5;
    text-shadow: none;
    opacity: 1;
    font-weight: normal;
    position: relative;
    z-index: 99999;
    background-color: rgb(0 0 0);
    width: 100%;
    text-align: right;
}
.swiper-pagination-bullet {background: #fff;}
.popup.pc.left .swiper-button-box,
.popup.mobile .swiper-button-box  {
    position: absolute;
}
.popup.pc.left .swiper-button-next:after, 
.popup.pc.left .swiper-button-prev:after,
.popup.mobile .swiper-button-next:after, 
.popup.mobile .swiper-button-prev:after {
    font-size: 21px;
    color: #fff;
}
.popup.pc.left .swiper-button-next, 
.popup.pc.left .swiper-button-prev,
.popup.mobile .swiper-button-next,
.popup.mobile .swiper-button-prev {
    border: 1px solid #fff;
    padding: 5px 10px;
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
    display: inline-flex;
    left: 0 !important;
    align-items: center;
}
.popup.pc.left .close:not(:disabled):not(.disabled):focus, 
.popup.pc.left .close:not(:disabled):not(.disabled):hover {
	opacity: 1;
}
#close2 {
    display: inline-block;
}
.layer_popup .close a {color: #fff;}

.fwSwiper {
    width: 100%;
    height: 75vh;
}
.fwSwiper .swiper-slide {
    display: flex;
    text-align: left;
    color: #fff;
}
.fwSwiper h2 {
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 1em;
    margin-bottom: 15px;
    padding-top: 150px;
}
/* flex-container */
.main-business {
	position: relative;
	color: #fff;
	height: 100vh;
	scroll-behavior: smooth;
}
.flex-container {
    height: 100vh;
    width: 100%;
    display: flex;
    overflow: hidden;
}
.flex-slide {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	flex-basis: auto;
	overflow: hidden;
	width: 0%;	
}

.flex-slide .flex {
    position: absolute;
    z-index: 1;
	bottom: 5%;
    padding: 30px;
    opacity: 1;
    transition: all 500ms ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.flex-slide:hover .flex h2 {
	font-size: 51px;
	transition: all 300ms ease;
}
.flex-slide .flex h2 {
	font-weight: 900;	
}
.en .flex-slide .flex {top: 65%;}
.flex-about {
    opacity: 0;
    display: none;
    color: #fff;
    position: relative;
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: left;
    line-height: 1.2;
}
.flex-slide:hover .flex-about {
    display: block;
}
.flex-about a {color: #fff;}
.flex-slide:hover {width: 40%;}
.flex-slide:hover .flex {padding-left: 100px; opacity: 1;}
.flex-slide:hover .flex-about {opacity: 1; top: 25%;}
.brand_oasis {background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0)), url(/img/main/main-oasis.jpg);}
.brand_palm {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0)), url(/img/main/main-palm.jpg);}
.brand_mirage {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0)), url(/img/main/main-mirage.jpg);}
.brand_horizon {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0)), url(/img/main/main-horizon.jpg);}
.brand_sand {background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(/img/main/main-sand.jpg);}

/* 서브메뉴박스 */
.submenu_open {display: none;}

.boyang {background-color: #c4a47e; color: #fff;}
.boyang .row {display: flex; align-items: center;}
.boyang .col-4 {padding-right: 4em;}
.boyang .col-4:hover button {background: #5d2b00; color: #fff;}
.boyang h2 {font-size: 51px; font-weight: bold; margin-bottom: 50px;}
.boyang button {background: #c4a47e; color: #fff; border-radius: 150px; padding: 10px 25px; margin-top: 50px;}

/* Footer */
#footer .col-5.text-right img {width: 280px;}
#footer .footer-link {border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 35px 0px;}
#footer .footer-link .container {display: flex; justify-content: space-between;}
#footer .gray {font-size: 12px;}
.insta {
	background: url(/img/instagram_logo.png) 50% 50% / cover no-repeat;
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
	right: 5%;
    bottom: 50px;
    z-index: 9999;
}
.reservation {
    position: fixed;
    width: 274px;
    height: 170px;
    right: 2%;
    bottom: 30px;
    z-index: 9999;
    display: block;
    background: url(/img/reservation.png) 50% 50% / cover no-repeat;
}
.reservation img {position: absolute; right: 15px; top: 16px; transition: transform 0.5s ease;}
.reservation:hover img {transform: rotate(360deg);}
.reservation span {position: absolute; color: #fff; top: 72px; left: 33px;}

.theme .row {display: flex; align-items: center;}
.theme .col-4 {padding: 1em 4em;}
.theme h2 {color: #ff710d;	font-weight: 900; font-size: 51px; margin-bottom: 30px;}
.theme button {border: 1px solid #ff710d; color: #ff710d; border-radius: 150px; display: block;	padding: 10px 25px;	margin-top: 50px;}
.theme .col-4:hover button {background: #ff710d; color: #fff;}

/* Mobile Menu */
#fh5co-logo-mobile-wrap {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    width: 100%;
    z-index: 10001;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 10px 0px;
	top: 0;
}
#fh5co-logo-mobile-logo {
    background: url(/img/logo_white.png) no-repeat;
    display: block;
    top: 15px;
    width: 80px;
    height: 34px;
    background-size: 80px;
    margin-bottom: 0;
}
#fh5co-mobile-menu-btn i {font-size: 33px; color: #fff; padding-left: 15px;}
#fh5co-mobile-menu i.bi.bi-x-lg {font-size: 19px; padding-left: 0px;}
body.fh5co-mobile-menu-visible #fh5co-mobile-menu {
	-moz-transform: translateX(0);  
	-webkit-transform: translateX(0);  
	-ms-transform: translateX(0);  
	transform: translateX(0);
	transition: transform 0.3s ease;
}
#fh5co-mobile-menu {
	-moz-transform: translateX(-100%); 
	-webkit-transform: translateX(-100%);  
	-ms-transform: translateX(-100%);  
	transform: translateX(-100%);
	display: block;  
	height: 100%;  
	left: 0;  
	overflow-y: auto;
	position: fixed;  
	top: 0;  
	width: 100%;  
	z-index: 10002;  
	background: #fff;
	transition: transform 0.3s;
	background: #eee;
}
.mobile.sf-menu {margin: 0; padding: 0; border-top: 1px solid #e1e1e1;}
.mobile.sf-menu h3 {display: flex; justify-content: space-between; margin: 0; padding: 15px 25px; font-size: 16px; color: #444;}
.mobile_depth {border-bottom: 1px solid #e1e1e1; list-style: none; background: #fff;}
.mobile_depth.active h3 {background: #ff710d; color: #fff;}
.mobile_depth.active .fa-sort-down {transform: rotate(90deg); transition: 0.3s;}
.mobile_depth2 {padding: 0; margin: 0;}
.mobile_depth2 li {text-align: left; list-style: none; border-top: 1px solid #e1e1e1; padding: 0px 25px; font-size: 16px; background: #f5f5f5;}
.mobile_depth2 li a {display: block; line-height: 3em;}
#fh5co-mobile-menu .login {background: #ff710d; padding: 20px; display: flex; justify-content: space-between;}
#fh5co-mobile-menu .login a {color: #fff; font-size: 19px; font-weight: bold; margin-right: 20px;}
#fh5co-mobile-menu .login #close {margin-right: 0;}
#fh5co-mobile-menu .ticket {background: #cf5215; text-align: center; color: #fff; font-size: 19px; padding: 20px; margin-bottom: 0; display: flex; border: none; flex-direction: row; justify-content: center;}
#fh5co-mobile-menu .ticket a {font-weight: bold; color: #fff;}
#fh5co-logo-mobile-wrap .reservation-i {font-size: 24px; color: #fff; padding-right: 15px;}
#fh5co-logo-mobile-wrap.fh5co-scrolled {background: #fff;}
#fh5co-logo-mobile-wrap.fh5co-scrolled  #fh5co-mobile-menu-btn i,
#fh5co-logo-mobile-wrap.fh5co-scrolled .reservation-i i  {color: #ff710d;}
#fh5co-logo-mobile-wrap.fh5co-scrolled #fh5co-logo-mobile-logo,
.nonetop #fh5co-logo-mobile-logo {background: url(/img/logo_orange.png) no-repeat; background-size: 80px;}
.nonetop #fh5co-logo-mobile-wrap,
#fh5co-logo-mobile-wrap.fh5co-scrolled {box-shadow: rgba(221, 221, 221, 0.5) 0px 0.125em 0.125em 0; background: #fff;}
.nonetop #fh5co-mobile-menu-btn i,
.nonetop #fh5co-logo-mobile-wrap .reservation-i {color: #ff710d;}

.event .col {
    cursor: pointer;
}
.event .col:first-child {padding-right: 0px;}
.event .col:nth-child(2) {padding-right: 0px;}
.event .col:nth-child(3) {padding-right: 0px;}

/* food-map */
.food-main .accordion-button {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    height: 200px;
}
.food-main .accordion-button span {
    font-size: 16px;
    font-weight: bold;
    font-family: 'SUIT', sans-serif;
}
.food-lo {
    position: absolute;
    text-align: left;
}
.food-lo .fw-bold {
	font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0;
}
.food-lo .fw-bold.futura {
    font-weight: 500 !important;
}
.food-lo p {
	line-height: 21px;
    margin-bottom: 0;   
}
.food-zone .oasis-zone, .food-zone .cheong-zone, .food-zone .sand-zone {
    position: relative;
    width: 1370px;
}
.food-zone .scroll-zone {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-bottom: 100px;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}
.food-zone .m-p {display: none;}
.food-zone .scroll-zone button.btn {
	position: absolute;
    background: #ff710d !important;
    color: #fff;
    padding: 10px 15px;
    border-radius: 100px;
    min-width: 140px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.food-zone .scroll-zone button.btn:focus {
    box-shadow: none !important;
}
.food-zone .foodzone-4f {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/img/food/4f-10.jpg) top center;
    background-attachment: fixed;
    background-position: center;
    height: 500px;
    display: flex	;
    align-items: center;
    background-repeat: no-repeat;
    object-fit: cover;
}
.food-zone .foodzone-5f {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/img/food/5f-4.jpg) top center;
    background-attachment: fixed;
    background-position: center;
    height: 500px;
    display: flex	;
    align-items: center;
    background-repeat: no-repeat;
    object-fit: cover;
}
.food-zone .foodzone-6f {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/img/food/6f-1.jpg) top center;
    background-attachment: fixed;
    background-position: center;
    height: 500px;
    display: flex	;
    align-items: center;
    background-repeat: no-repeat;
    object-fit: cover;
}
.food.modal-dialog {
    max-width: 70%;
}
.food-zone .accordion-button {
    position: relative;
}
.food-modal .col-3 {
	flex: 0 0 20%;
    max-width: 20%;
}
.food-modal .col div,
.food-modal .col-3 div,
.food-modal .col-4 div,
.food-modal .col-6 div {
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 10px;
	padding-bottom: 15px;
}
.food-modal img {
    border-radius: 15px;
}
.food-modal p {
	margin-bottom: 0px;
	line-height: 21px;
}
.food-modal p.fw-bold {
	letter-spacing: 0px;
	font-weight: 700; 
}
.food-modal .col div div {
    border: none;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
}
.food-modal dl {display: flow-root;}
.food-modal dt {float: left;} 
.food-modal dd {float: right;}
.food-modal dt,
.food-modal dd {
    display: inline-block;
    z-index: 9;
    position: relative;
    background: #fff;
}
.hashtag {
    background: #ff710d;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    padding: 0px 15px;
    margin-bottom: 10px !important;
}
.food-time {
    position: relative;
    width: 1100px;
    height: 760px;
    margin: 0 auto;
}
.time-item, .food-item {
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	width: max-content;
}
.dot {
    background: #ff710d !important;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    display: inline-block;
}
.dot.bg-cheongsudang {
    background: #4e2010 !important;
    padding: 0;
}
.dot.bg-sand {
    background: #bf6b4f !important;
    padding: 0;
}
@media screen and (max-width: 550px) {
	h2 span {
	    display: block;
	}
	h2.display-3.mb-0.futura.text-boyang,
	h2.display-3.mb-0.futura {
	    font-size: 51px;
	}
	.food-zone h2.mb-3.orange {
	    font-size: 27px;
	}
	.food-zone .width33 {
	    width: 100% !important;
	}
	.food-zone .container-xl.py-5 {
	    padding-bottom: 0 !important;
	}
	.food-main .accordion-button {
	    height: 130px;
	}
	.food-main .accordion-button h2 {
		font-size: 27px;
	}
	.food-main .accordion-button img {
		width: 30px !important;
        margin-top: -4px !important;
	}
	#cheongsudang .modal-dialog .col .col-6 {
		flex: 0 0 100% !important;
	}
	#cheongsudang .modal-dialog .col {
        padding-right: 5px;
        padding-left: 5px;
    }
    #cheongsudang .modal-dialog .col-6 .col {
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 100%;
    }
   	#cheongsudang .modal-dialog .col-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
	#cheongsudang .modal-dialog .col-6:first-child {padding-right: 10px;}
	#cheongsudang .modal-dialog .col-6:last-child {padding-left: 10px;}
	
	.concept {
        background: none !important;
    }
    .py-5.concept {
	    padding-bottom: 0 !important;
	}
    .concept .text-center {
        text-align: left !important;
    }
	.food-zone .m-p {
		display: block;
		border: 1px solid #444;
	    padding: 15px 25px;
	    border-radius: 100px;
	    margin: 30px;
	}
	.food-zone .scroll-zone {
		display: block !important;
        overflow-x: scroll;
    }       
    .food-zone .display-5 {
	    font-size: 26px;
	}
	.food-zone .display-5 img {
        width: 30px !important;
    }
	.food-main .accordion-button span {
        display: block;
        font-weight: normal;
        font-size: 14px;
        margin-top: 10px;
        padding-right: 20px;
    }
    .food-modal .col-3 {
	    padding-right: 5px;
	    padding-left: 5px;
	    margin-bottom: 10px !important;
	    max-width: 33.3%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
	.mobile-close button {
        padding: 5px 15px;
        font-size: 12px;
    }
    .mobile-close {
        display: block !important;
        text-align: center;
        margin-bottom: 20px;
    }
    .food-modal .col-3 div p {
	    font-size: 12px;
	}
	.container-xl.pb-5.cheongsudang {
	    padding-bottom: 0 !important;
	}
	.food-zone .accordion-button:after {
    	font-size: 20px;
	}
	.food-time {
        width: 90%;
        margin-left: 30px;
        padding-left: 15px;
        border-left: 1px solid #ff710d;
		height: auto;
    }
	.time-item {
        width: 100%;
        text-align: left;
        display: inline-block;
        position: relative;
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 30px;
    }
	.dot {
        position: absolute;
        left: -23px;
        top: 3px;
        margin-bottom: 0;
        border-radius: 15px !important;
    }
    .pen {
    	font-size: 17px;
    	line-height: 17px;
    }
	.pen br {display: none;}
	.bg-orange, .bg-cheongsudang, .bg-sand {
	    border-radius: 0;
	}
	.food-item.oasis-1 {
        top: 54px !important;
        right: 10px !important;
        left: auto !important;
    }
	.food-item.oasis-2 {
	    top: 53px !important;
	    left: auto !important;
	    right: 117px !important;
	}
	.food-item.oasis-1 img,
	.food-item.oasis-2 img {
		    width: 110px !important;
	}	
	.food-item.oasis-3 {
        top: 287px !important;
        right: 13px !important;
    }
	.food-item.cheong-1 {
		top: 485px !important;
	    left: auto !important;
	    right: 37px !important;
	}
	.food-item.cheong-1 img {
		width: 120px !Important;
	}
	
	.food-item.cheong-2 {
        top: 630px ! Important;
        left: auto ! Important;
        right: 73px ! Important;
    }
	.food-item.cheong-3 {
		top: 625px !Important;
	    left: auto !Important;
	    right: 0px !Important;
	}
	.food-item.cheong-2 img,
	.food-item.cheong-3 img {
		width: 100px !important;
	}
	.food-item.sand-1 {
        top: 840px !important;
        left: auto !important;
        right: 5px !important;
    }
	.food-item.sand-2 {
		top: auto !important;
        right: 0px !important;
        bottom: 184px !important;
	}
	.food-item.sand-2 img {
		width: 135px !important;
	}
	.food-item.sand-5 {
		right: 15px !important;
	    bottom: 63px !important;
	    top: auto !important;
	}
	.food-item.oasis-4,
	.food-item.sand-3,
	.food-item.sand-4 {display: none;}
}	

/* iPad pro */
@media screen and (max-width: 1024px){
	.layer_popup .img {width: 80%;}
	.boyang h2 {font-size: 27px; margin-bottom: 20px;}
	.boyang button {margin-top: 10px; padding: 5px 20px;}
	.theme h2 {font-size: 41px; margin-bottom: 15px;}
	.theme .col-4 {padding: 4em; max-width: 100%; flex: 0 0 50%;}
	.theme button {padding: 5px 20px; margin-top: 20px; font-size: 14px;}
}

/* iPad Air */
@media screen and (max-width: 820px){
	body {
		font-size: 14px;
		line-height: 21px;
	}
	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	    padding-right: 30px;
	    padding-left: 30px;
	}
	.boyang button {margin-top: 0; font-size: 14px;}
	.boyang .col-4 {padding-right: 2em;}
	.main-business {height: auto;}
	.en #b-grounds {height: auto; padding: 5em 0em;}
	
	.main-business .black-box {top: 0; position: absolute;}
	.flex-container {display: inline-table;}	
	.flex-slide {background-size: 100% !important;}
	.flex-slide .flex, .flex-slide:hover .flex {padding: 10px 30px;}
	
	.flex-slide {width: 100% !important; padding: 5em 0em 4em;}
	.flex-about {opacity: 1; display: block;display: block;}
	.flex-about br {display: none;}
	.flex-slide .flex {position: relative; top: auto;}
}

/* Mobile */
@media screen and (max-width: 480px) {
	.row {margin: 0;}
	.col-4, .col-5, .col-6, .col-7, .col-8 {
		max-width: 100% !important;
	    flex: 0 0 100% !important;
    }    
    .nonetop .sub, .nonetop .hBook {padding-top: 50px; padding-bottom: 50px;}
    .reservation, .insta {display: none;}
	#footer .container.py-5 {padding: 2em;}
	#footer span {display: block;}
	#footer .col-5.text-right {text-align: center !important; margin-top: 20px;}
	#footer .col-5.text-right img {width: 200px;}
	#footer .footer-link {padding: 25px 0px;}
	#footer .footer-link .container a:first-child, 
	#footer .footer-link .container a:nth-child(2), 
	#footer .footer-link .container a:nth-child(3) {display: none;}
	.boyang .col-4 {padding: 4em 2em;}
	.boyang h5 {font-size: 14px;}
	.event .col {width: 100%; flex: 1 0 100%; margin-bottom: 20px;}
	.fwBoyang .col-5 {padding: 3em 2em;}	
	.fwBoyang .col-6 {height: 50vh;}
	
	.theme .row:first-child,
	.theme .row:nth-child(3) ,
	.theme .row:nth-child(5) {flex-direction: column-reverse;}

	#code .modal-body {width: 90%;}
	.layer_popup {right: 0; width: 100%;}
	.popup.left .layer_popup {left: 0;}
	.layer_popup .swiper {
        height: auto !important;
    }
    .food.modal-dialog,
    #cheongsudang .food.modal-dialog {
        max-width: 100% !important;
    }
}