/*p nav */

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

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

nav {
    display: flex;
    width:100%;
    max-width:1400px;
    justify-content: space-between;
}

.navLeft{
    display: flex;
    justify-content: flex-start;
}


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

.date {
    padding:55px 0 0 0;
    width:300px;
    height:24px;
    margin-left: 20px;
}
.month>p{
    font-size: 1.8rem;
    font-weight: bold;
    color:#d93932
}



.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:70px 0 0  80px;
}

.side{
    margin-top: 6px;
}
.side:nth-of-type(1){
    color: #ef845c;
}
.side:nth-of-type(2),.side:nth-of-type(3){
    color: #4a815c;
}
.side:nth-of-type(4){
    color: #42459a;
}
.pcnav>li {
    font-size: 16px;
    width: 160px;
    height: 50px;
    text-align: center;

}

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

.pcnav>li>.menuSection1 {
    color: #ef845c;
}

.pcnav>li>.menuSection2 {
    color: #4a815c;
}


.pcnav>li>.menuSection3 {
    color: #42459a;
}


/* 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: #ef845c;
    /* padding: 10px 0; */
}

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

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

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


header .pcheadGnb nav .navRight{
    display: flex;
}
/* 지난호 보기 */
header .pcheadGnb nav .navRight .last{
    width:130px;
    height:40px;
    background-color: #adadad;
    color:#fff;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    margin-top: 70px;
    margin-right: 30px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}






/* monav */



.hambergar1{
    display: none;
}

.hambergarImg {
    /* position: absolute;
    top: 16%;
    right: 4%; */
    margin-top: 70px;
    cursor: pointer;
}

.monav {
    display: none;
}

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


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

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

.navigation {
    position: fixed;
    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;
}



.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: #ef845c;
}

.navigation>li>.momenuSection2 {
    color: #4a815c;
}

.navigation>li>.momenuSection3 {
    color: #42459a;
}


.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: #ef845c;;
    /* padding: 10px 0; */
}

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

.navigation>li>ol>.mosubHover2:hover {
    background-color: #4a815c;
    /* padding: 10px 0; */
}

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

.navigation>li>ol>.mosubHover3:hover {
    background-color: #42459a;
}

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




/* 호버 */

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

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

@media (max-width:1400px) {
    .date, .pcnav{
        display: none;
    }
    nav {
        padding:0 20px;
        box-sizing: border-box;
    }
}



@media (max-width:1024px) {
 
    .moheadGnb {

        height: 60px;
    }
 
   
    
}
@media screen and (max-width:480px){
    .pcheadGnb {
        height: 80px;
    }
    nav {
        padding:0 10px;
        box-sizing: border-box;
    }
    .hambergarImg{
        margin-top: 33px;
    }
    .hambergar1{
        display: block;
    }
    .hambergar2{
        display: none;
    }
    .monav{
        display: none;
    }
    .logo {
        padding:10px 0 0 0;
    }
    header .pcheadGnb nav .navRight .last{
        width:100px;
        height:30px;
        background-color: #adadad;;
        color:#fff;
        border-radius: 50px;
        text-align: center;
        line-height: 30px;
        margin-top: 40px;
        margin-right: 10px;
        font-size: 1rem;
    }
}

@media (max-width:375px) {
    /* .section3 {
        width: 335px;
    } */

    .navigation>li {
        width: 100%;
    }

    .navigation>li>a {
        width: 100%;
    }

}