/*p nav */

.pcheadGnb {
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    position: fixed;
    height: 130px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 2000;
    border-bottom: 1px solid #ccc;
    top:0;
    left:0;
}

nav {
    display: flex;
}




.logo {
    width: 100%;
    padding:60px 0 0 20px;
}

.date {
    padding:90px 0 0 90px;
    width:182px;
    height:24px;
}


.centerlogo {
    width: 100%;
    padding:20px 0 0 150px;
}


/* pcnav */
.pcnav {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    width: 480px;
    height: 40px;
    line-height: 35px;
    padding:80px 0 0  80px;
}

.pcnav>li {
    font-size: 16px;
    width: 160px;
    height: 50px;

}

.pcnav>li>a {
    font-size: 20px;
    width: 160px;
    height: auto;
    line-height: 50px;
    box-sizing: border-box;
    transition: all 0.1s;
    padding-left: 10px;
}

.pcnav>li>.menuSection1 {
    color: rgb(220, 95, 37);
}

.pcnav>li>.menuSection2 {
    color: rgb(0, 156, 145)
}

.pcnav>li>.menuSection3 {
    color: rgb(101, 45, 141);
}


/* sub */
.pcnav>li>ol {
    background-color: rgb(255, 255, 255);
    width: 160px;
    height: auto;

    border-bottom: 2px solid #555;
    transition-property: visibility;
    transition-duration: 0.1s;
    transition-timing-function: linear;

}

.pcnav>li:hover>ol {
    visibility: visible;

}


.pcnav>li>ol>li {
    text-align: left;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.pcnav>li>ol>li>a {
    height:75px;
    width: 160px;
    height:50px;
    display: block;
    box-sizing: border-box;
    line-height: 50px;
    transition:all 0.1s;
    padding-left: 10px;
}


.pcnav>li>ol>li.subHover1>.subColor1, 
.pcnav>li>ol>li.subHover1,
.pcnav>li>ol>li.subHover2>.subColor2, 
.pcnav>li>ol>li.subHover2,
.pcnav>li>ol>li.subHover3>.subColor3, 
.pcnav>li>ol>li.subHover3{
    transition:all 0.1s;
}
.pcnav>li>ol>li.subHover1:hover {
    background-color: rgb(220, 95, 37);
    /* padding: 10px 0; */
}

.pcnav>li>ol>li.subHover1:hover>.subColor1{
    color: rgb(255, 255, 255);
}
.pcnav>li>ol>li.subHover2:hover {
    background-color: rgb(0, 156, 145);
    /* padding: 10px 0; */
}

.pcnav>li>ol>li.subHover2:hover>.subColor2{
    color: rgb(255, 255, 255);
}
.pcnav>li>ol>li.subHover3:hover {
    background-color: rgb(101, 45, 141);
    /* padding: 10px 0; */
}

.pcnav>li>ol>li.subHover3:hover>.subColor3{
    color: rgb(255, 255, 255);
}


/* monav */

.mobile {
    display: none;
}

.moheadGnb {


    width: 100%;
    height: 60px;
    background-color: rgb(255, 255, 255);
    position: fixed;
    z-index: 2000;
    left:0;
    top:0;
}

.hambergarImg {
    position: absolute;
    top: 16%;
    right: 4%;
}

.monav {
    display: flex;
    width: 100%;
    height: 60px;
}



.hidden {
    visibility: hidden;
}

.logoWrap {
    width: 100%;
    height: 60px;
    position: relative;
}

.monthHidden {
    position: absolute;
    top: 9%;
    left: 4%;
}

.mocenterLogoHidden {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22.5px;
    margin-left: -55px;
}

.Xicon {
    position: absolute;
    top: 16%;
    right: 4%;
}

.navigation {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100vh;
    text-align: center;
    /* display: flex;
    flex-direction: column; */
    justify-content: center;
    overflow: scroll;
}

.mocenterLogo {
    width: 150px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -32.5px;
}

.mocenterLogo {
    max-width: 100%;
}

.moLogo {
    width: 150px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    top: 20px;
    left: 15px;
}

.month {
    position: absolute;
    top: 9%;
    left: 4%;
}

.navigation>li>a {
    display: block;
    width: 400px;
    height: 80px;
    border-bottom: 1px solid #888;
}

.navigation>li>a {
    width: 400px;
    height:43px;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
}

.navigation>li>.momenuSection1 {
    color: rgb(220, 95, 37);
}

.navigation>li>.momenuSection2 {
    color: rgb(0, 156, 145);
}

.navigation>li>.momenuSection3 {
    color: rgb(101, 45, 141);
}


.navigation>li {
    width: 400px;
    height: auto;
    margin: 0 auto;
}

.navigation>li>ol>li {
    /* padding: 10px */
    height:50px;
}

.navigation>li>ol>li>a {
    /* padding: 10px */
    height:50px;
    line-height: 50px;
}

.navigation>li>ol>.mosubHover1:hover {
    background-color: rgb(220, 95, 37);
    /* padding: 10px 0; */
}

.navigation>li>ol>.mosubHover1:hover>a {
    color: rgb(255, 255, 255);
}

.navigation>li>ol>.mosubHover2:hover {
    background-color: rgb(0, 156, 145);
    /* padding: 10px 0; */
}

.navigation>li>ol>.mosubHover2:hover>a {
    color: rgb(255, 255, 255);
}

.navigation>li>ol>.mosubHover3:hover {
    background-color: rgb(101, 45, 141);
}

.navigation>li>ol>.mosubHover3:hover>a {
    color: rgb(255, 255, 255);
}




/* 호버 */

.pcnav>li>ol {
    display: none;
}

.pcnav>li:hover>ol {
    display: block;
}