.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:100px; 
	z-index:100; 
}
#wrap header {
    width:100%; 
    height:100px;
    display:flex; 
    justify-content:space-between; 
    transition:0.25s all ease; 
	background:rgba(0,0,0,0.1); 
	border-bottom:1px solid rgba(255,255,255,0); 
}

#wrap:hover header{background:rgba(255,255,255,1);  height:300px; }

#wrap header a{color:#fff;}

#wrap:hover header a{color:#000;}

#wrap header.wrap-scroll  a{color:#000;}

#wrap header.wrap-scroll {background:rgba(255,255,255,1); box-shadow:2px 2px 10px rgba(0,0,0,0.1);}

#wrap header .logo {
    padding-left: 50px; 
    padding-top:30px; 
    box-sizing:border-box; 
}


#wrap header .logo span{
	font-family: 'Cafe24Danjunghae';
    font-weight:400; 
	padding:30px 10px 40px 80px;
	background: url('/img/logo_t.png') no-repeat 0px 0px;
	font-size:2rem;
	text-shadow:2px 2px 3px rgba(0,0,0,0.1);
}
#wrap header .menu-wrap {
    padding-left:0%; 
    box-sizing:border-box; 
}
#wrap header .menu-wrap .menu {
    display:flex; 
}
#wrap header .menu-wrap .menu .main-menu {
    text-align:center;  line-height:120%;
}
#wrap header .menu-wrap .menu .main-menu > a {
    display:inline-block; 
    padding:40px 30px 20px 30px;
    box-sizing:border-box; 
	font-family: 'Cafe24Danjunghae';
    font-weight:400; 
	text-shadow:2px 2px 3px rgba(0,0,0,0.1);
    font-size:20px;  transition:0.5s all ease; 
}

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

#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; 
	font-family: 'Chosunilbo_myungjo';
    font-weight:700; 
	color:#565656;
	letter-spacing : -0.5px;
    font-size:0.91rem; 
    font-weight:400; 
}
#wrap header .menu-wrap .menu .main-menu ol > li:hover > a {
    color:#000000; 
	font-weight:700; 
}   

#wrap header .quick-menu {
    padding-right:25px; 
	 padding:25px 10px; 
    box-sizing:border-box; 
}

#wrap header .quick-menu span{
   font-family: 'Cafe24Danjunghae';
    font-weight:500; 
}

#wrap header .quick-menu span i{
   padding-right:15px; 
   font-size : 1.2rem; 
}

#wrap header .quick-menu ul a.window-size {
    position:relative; 
}
#wrap header .quick-menu ul a.window-size i {
    position:absolute; 
}
#wrap header .quick-menu ul a.window-size i#resize {
    display:none; 
}





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

    #wrap {
        height:140px;
    }
    #wrap header {
        display:block;
        height:140px; 
    }
    #wrap:hover header {
        height:450px; 
    }

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

    #wrap header .menu-wrap {
        padding: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 30px; 
    }

    #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:824px) {

    .pc-logo {display:none; }
    .menu-wrap {display:none; }

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

    #wrap {
        height:60px; 
        background:rgba(255, 255, 255, 1);
		border-bottom:1px solid #B7B7B7;
		box-shadow:3px 3px 10px rgba(0,0,0,0.1);
    }
    #wrap header {
        transition:none;
        height:0; 
    }
    #wrap:hover header {
        height:0px;
    }

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

    #wrap header .menu-open {
        position:fixed;
        top:20px;
        left: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; 
        left:-1000px; 
        overflow:scroll; 
    }
    ::-webkit-scrollbar {
        display:none; 
    }
    .mo-menu-wrap .mo-menu-info {
        width:100%; 
        background:#0A4EA2; 
        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; 
		font-family: 'Cafe24Danjunghae';
    }

    .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; 
		color:#fff; 
    }
    .mo-menu-wrap .mo-menu-info .mo-quick-menu a span {
        display:block; 
        padding-top:10px;
        font-size:13px;  
		color:#fff; 
    }

    .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:0px 0px 20px 5px; 
        display:none; 
    }
    .mo-menu-wrap .mo-menu-list .mo-mainMenu > li > ol > li {
        width:100%; 
        margin:5px; 
        float:left; 
		border-bottom:1px solid #F8F8F8;
    }

    .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; 
    }


    



}