.menu-open {display:none; }
.mo-menu-wrap {display:none; }
.mo-logo-c {display:none; }


@media screen and (min-width:1400px) {}

#wrap {
    width:100%; 
    position:fixed; 
    height:120px; 
	z-index:100; 
}
#wrap header {
    width:100%; 
    height:120px;
    display:flex; 
    justify-content:space-between; 
    transition:0.25s all ease; 
	background:rgba(0,0,0,0); 
	border-bottom:0px solid rgba(255,255,255,0); 
}
#wrap:hover header{background:rgba(255,255,255,1);     height:250px; }
#wrap header.wrap-scroll  {  background:rgba(255,255,255,1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }

#wrap header.wrap-scroll .logo a{   color:#000000; }
#wrap header.wrap-scroll .menu-wrap .menu .main-menu > a {  color:#000000; }


#wrap header .logo{  position:relative;  width: 250px; padding:5px 0 0 200px;  height: 110px;}
#wrap header .logo img{  position:absolute;  width: 100%;  height: 100%;}

#wrap header .logo img.img-hover{  display:none;}
#wrap header .logo:hover img.img{  display:none;}
#wrap header .logo:hover img.img-hover{  display:block}

#wrap header.wrap-scroll .logo img.img-hover{  display:none;}
#wrap header.wrap-scroll .logo img.img-hover{  display:block}

#wrap:hover header .logo img.img-hover{  display:none;}
#wrap:hover header .logo img.img-hover{  display:block}


#wrap header .banner{display:block;  position:relative;  width:100%; padding-top:120px;  transition:0.5s ease;}
#wrap header .banner span{ display:block; width:200px;  position:absolute; transition:0.5s ease; }

#wrap header .banner span.img-hover{  display:none;}
#wrap header .banner:hover span.img{  display:none;}
#wrap header .banner:hover span.img-hover{  display:block}

#wrap header.wrap-scroll .banner span.img-hover{  display:none;}
#wrap header.wrap-scroll .banner span.img-hover{  display:block}

#wrap:hover header .banner span.img-hover{  display:none;}
#wrap:hover header .banner span.img-hover{  display:block}



#wrap header .menu-wrap {
    padding-left:20%; 
    box-sizing:border-box; 
}
#wrap header .menu-wrap .menu {
    display:flex; 
}
#wrap header .menu-wrap .menu .main-menu {
    text-align:left;  line-height:120%;
}
#wrap header .menu-wrap .menu .main-menu:hover > a {
    color:#FFFFFF; 
}
#wrap header .menu-wrap .menu .main-menu > a {
    display:inline-block; 
    padding:50px 50px 20px 0px;
    box-sizing:border-box; 
	font-family: 'S-CoreDream';
    font-weight:600; 
	letter-spacing : -0.9px;
	color:#FFFFFF; 
    font-size:1.3rem;
	width:200px;
	text-align:left;
	transition:0.3s ease;
}

#wrap:hover header  .menu-wrap .menu .main-menu > a {
 color:#000000; 
}

#wrap:hover header  .menu-wrap .menu .main-menu:hover > a {
 color:#1FADDC; 
}

#wrap header .menu-wrap .menu .main-menu ol {
    display:none; 
    opacity:0;
    transition:1s all ease; 
}
#wrap:hover header .menu-wrap .menu .main-menu ol{
    display:block; 
    opacity:1; 
	font-weight:600; 
}
#wrap header .menu-wrap .menu .main-menu ol > li > a {
    display:inline-block;
    padding:3px 0;
    box-sizing:border-box; 
    color:#E1E1E1; 
	letter-spacing : -0.9px;
    font-size:0.95rem;
    font-weight:300;
	transition:0.3s ease;
}
#wrap header .menu-wrap .menu .main-menu ol > li:hover > a {
    color:#FFFFB2; 
}   

#wrap:hover header  .menu-wrap .menu .main-menu ol > li > a {
color:#555555; 
font-weight:400; 
}

#wrap:hover header  .menu-wrap .menu .main-menu ol > li:hover > a {
color:#03C75A; 
margin:0 0px 4px ; 
font-weight:400; 
transition:0.3s ease;
}

#wrap header .quick-menu {
	margin-top:45px; 
    box-sizing:border-box; 
	color:#ffffff;
}

#wrap header .quick-menu a{
	padding:15px; border:1px solid rgba(255,255,255,0.3); padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	color:#ffffff;
	margin:5px; 
	font-size:1.0em;
}
#wrap:hover header .quick-menu a{
	padding:15px; 
	color:#000000;
	border:1px solid #E6E6E6; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	font-size:1.0em;
}

}




@media screen and (max-width:1400px) {
	.quick-menu {display:none; }
	.pc {display:none}
    #wrap {
        height:140px;
    }
    #wrap header {
        display:block;
        height:140px; 
    }
    #wrap:hover header {
        height:400px; 
    }

    #wrap header .logo {
        position:relative;
        margin:0 auto; 
        width:200px; 
        padding:0; 
        padding-top:10px; 
    }

    #wrap header .menu-wrap {
        padding: 0px 0 0 0 ;  
        width:100%; 
        margin:0 auto; 
    }
    #wrap header .menu-wrap .menu {
        display:flex;
        justify-content:space-evenly; 
    }
    #wrap header .menu-wrap .menu .main-menu > a {
        padding:20px 0px 10px 0px; 
    }

    #wrap header .quick-menu {
        width:100%; 
        position:fixed; 
        top:0px; 
		right:10px;
        padding-right:50px; 
    }
    #wrap header .quick-menu ul {
        float:right; 
    }
    #wrap header .quick-menu ul li a i#ico-calender:after {
        padding-left:5px; 
        font-size:13px; 
        font-weight:bold; 
    }


}
    


@media screen and (max-width:1300px) {
	.logo {display:none}
    .pc-logo {display:none; }
    .menu-wrap {display:none; }

    .menu-open {display:block; }
    .mo-menu-wrap {display:block; }
    .mo-logo-c {display:block; }

    #wrap {
        height:80px; 
        background:rgba(255, 255, 255, 1);
    }
    #wrap header {
        transition:none;
        height:0; 
    }
    #wrap:hover header {
        height:0px;
    }

    #wrap header .mlogo {
        width:200px; 
    }



#wrap header .mlogo a{
	font-size:30px;
	font-weight:300;
	color:#000000; 
}


    #wrap header .mlogo .mo-logo-c {
        width:100%; 
    }

    #wrap header .menu-open {
        position:fixed;
        top:20px;
        right:15px;
        width:30px;
        height:30px;
        display:block; 
        cursor:pointer; 
    }
    #wrap header .menu-open .line {
        position:absolute;
        width:30px;
        height:4px;
        background:#000; 
        transition:0.3s all ease; 
    }
    #wrap header .menu-open .line:nth-child(1) {
     }
    #wrap header .menu-open .line:nth-child(2) {
        top:10px;
    }
    #wrap header .menu-open .line:nth-child(3) {
        top:20px; 
        right:0; 
    }
    #wrap header .menu-open:hover .line:nth-child(1),
    #wrap header .menu-open:hover .line:nth-child(3) {
        width:30px; 
    }

    #wrap header .quick-menu {
        padding:0; 
    }
    #wrap header .quick-menu ul li a#ico-reserve {
        padding:10px;
        margin-top:10px;
    }

    .mo-bg {
        position:fixed; 
        background:rgba(0,0,0,0.5);
        inset:0px; 
        display:none; 
    }
    .mo-menu-wrap {
        width:60%; 
        height:100%; 
        background:#fff; 
        position:fixed; 
        z-index:100;
        top:0; 
        right:-1000px; 
        overflow:scroll; 
    }
    ::-webkit-scrollbar {
        display:none; 
    }
    .mo-menu-wrap .mo-menu-info {
        width:100%; 
        background:#03C75B; 
        text-align:center; 
        position:relative;
    }
    .mo-menu-wrap .mo-menu-info .menu-close {
        position:absolute; 
        top:15px;
        right:20px; 
    }
    .mo-menu-wrap .mo-menu-info .menu-close i {
        color:#fff; 
        font-size:30px; 
    }
    .mo-menu-wrap .mo-menu-info .mo-logo {
        padding:30px 0;
        box-sizing:border-box; 
    }
    .mo-menu-wrap .mo-menu-info .mo-logo .logo-img {
        width:90px;
        height:90px;
        background:#fff; 
        border-radius:50%;
        margin:0 auto; 
    }
    .mo-menu-wrap .mo-menu-info .mo-logo .logo-img img {
        width:80px; 
        margin-top:25px; 
    }
    .mo-menu-wrap .mo-menu-info .mo-logo .logo-tit {
        padding-top:15px;
        color:#FFFFFF; 
		font-size:24px; 
    }

    .mo-menu-wrap .mo-menu-info .mo-quick-menu {
        padding-bottom:10px; 
        box-sizing:border-box; 
    }
    .mo-menu-wrap .mo-menu-info .mo-quick-menu a {
        display:inline-block;
        width:25%; 
		padding-top:10px;
        color:#fff; 
		padding-bottom:10px;
		border:1px solid rgba(255, 255, 255, 0.2); 
        text-align:center; 
    }

    .mo-menu-wrap .mo-menu-info .mo-quick-menu a i {
        display:block; 
        font-size:18px; 
    }
    .mo-menu-wrap .mo-menu-info .mo-quick-menu a span {
        display:block; 
        padding-top:10px;
        font-size:12px;  
    }

    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li {
        margin:0 10px;
        padding:20px 10px; 
        box-sizing:border-box;
        border-bottom:1px solid #E4E4E4;
        position:relative; 
        clear:both; 
        overflow:hidden; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > span {
        font-weight:600; 
        color:#333; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > i {
        position:absolute; 
        right:10px; 
        color:#aaa; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > ol {
        margin:0 10px; 
        display:none; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > ol > li {
        width:50%; 
        margin-top:10px; 
        float:left; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > ol > li#pre-room {
        width:100%; 
        font-weight:bold; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > ol > li > a {
        color:#333; 
        font-size:13px; 
    }


    



}








/********** menu ¸¶¿ì½º¿À¹ö À̺¥Æ® ************/
.mline > a:before{
    content: '';
    display: block;
    position: absolute;
    bottom:5px;
    width: 0;
    height: 1px;box-shadow:3px 3px 0px rgba(0,0,0,0.05);
    background: #1FADDC;
    -webkit-transform: translateX(-25%);
    transform: translateX(0px 0px);
    -webkit-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;
  
}
.mline a{
  margin:0 auto;
  position:relative;
  text-align:center;
}
.mline a:hover:before{
  width:100%;
}