@charset "euc-kr";

#wrap{
    width: 100%;
}


/* s  Çì´õ¿µ¿ª */

#header{
    width: 100%;
    position: fixed;
    z-index: 300;
}

#headerIn{
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #303030;
    position: relative;
}

#headerIn h1{
    text-align: center;
    padding-top:12px;
}
#headerIn h1 img{
    width:150px;
    height:auto;
}

#headerIn .openM{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 20px 15px;
}
#headerIn .openM img{
    width: 25px;
    height: auto;
}

#headerIn .btn_reserve a{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 15.5px 15px;
}
#headerIn .btn_reserve img{
    width: 32px;
    height: auto;
}

/* e  Çì´õ¿µ¿ª */



/* s  »çÀ̵å¸Þ´º */

#sideM{
    width: 280px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: -280px;
    z-index: 200;
}


/* s  »ó´Ü¹Ù */
#sideM .utill{
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #dbdbdb;
    position: relative;
}

#sideM .utill h2{ 
    padding: 14px 0 11px 5px;
}

#sideM .utill h2 img{
    width:135px;
    height:auto;
    margin:0 0 0 7px;
}

#sideM .utill p{
    position: absolute;
    border-left: 1px solid #dbdbdb;
    top: 50%;
    transform: translateY(-50%);
}

#sideM .utill p:nth-child(2){
    right: 58px;
}

#sideM .utill p:nth-child(2) a{
    display: block;
    padding: 10px;
}
#sideM .utill p:nth-child(3){
    right: 0;
    padding: 20.5px 20px;
    cursor: pointer;
}
#sideM .utill p:nth-child(3) img{
    width:16px;
    height:17px;
}
/* e  »ó´Ü¹Ù */




/* s  ¸Þ´º */

#sideM .gnb h3{
    display: none;
}


#sideM .gnb ul .d1>a{
    text-align:center;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    line-height: 1em;
    display: block;
    padding: 17px 0 17px 0;
    border-bottom: 1px solid #dbdbdb;
}


#sideM .gnb ul .menu .d2{
	display: none;
}

#sideM .gnb ul:target .menu .d2{
	display: block;
}


#sideM .gnb ul .d2 li{
	width: 100%;
}

#sideM .gnb ul .d2 li a{
    text-align:center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
	box-sizing: border-box;
    background: #136396;
    color: #fff;
    border-bottom: 1px solid #1b405d;
}

/* e  ¸Þ´º */


.bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 100;
    display: none;
}

/* e  »çÀ̵å¸Þ´º */



/* s  ǪÅÍ¿µ¿ª */

#footer{
    padding:20px 0;
    border-top:1px solid #000;
}

#footerIn{
    margin: 0 15px;
}

#footerIn .f_info p{
    text-align:center;
    font-size: 13px;
    color: #000;
    font-weight:500;
    margin-bottom: 5px;
}
#footerIn .f_info p:last-child{
    margin:25px 0;
    line-height:20px;
}
#footerIn .f_info p:last-child img{
    width:68px;
    margin:3px 0 0 0;
}

#footerIn .login a{
    display:block;
    width:100%;
    height:auto;
    text-align:center;
    font-size:14px;
    font-weight:600;
}
/* e  ǪÅÍ¿µ¿ª */