/* BASIC css start */
.myp-title.mo, .mo_myp, .mypSide-mo {display:none;}
#contentWrap3 {
    margin-top: 55px;
}
.mypSide {
    width: 180px;
    float: left;
}
.mypSide + #content {
    float: left;
    width: calc(100% - 230px);
    padding: 0 0 0 50px;
}

.myp-title {
    font-size: 24px;
    font-weight: 700;
}

.mypSide .area {
    margin-top: 55px;
}

.myp-area-title {
    font-size: 17px;
    font-weight: 700;
}

.mypSide .area ul {}

.mypSide .area ul li {
    margin-top: 20px;
}

.mypSide .area ul li a {
    font-size: 15px;
}

.mypSide .area ul li a.on {
    font-weight: 700;
    color: var(--1);
}


/***
* 이 위로는 Pc
*
*
*
*
*
*
*
*
* 
*
*
*
*
*
*
*
*
* 여기부터 태블릿 모바일 공통
***/


/* 태블릿과 모바일 공통 스타일 */
@media only screen and (max-width: 1280px) {
    /* 여기에 태블릿과 모바일 공통 스타일을 정의합니다. */
#contentWrap3{margin-top:35px}    
.mypSide {
    float: none;
    width: 100%;
}

.mypSide + #content {
    float: none;
    width: 100%;
    padding: 0;
}

.myp-title {display:none;}
.myp-title.mo {
    text-align: center;
    padding: 33px 0;
    display:block;
}
.mypSide {display:none;}
.mypSide-mo {display:block;}


}


/***
* 이 위로는 태블릿 모바일 공통
*
*
*
*
*
*
*
*
* 
*
*
*
*
*
*
*
*
* 여기부터 태블릿
***/

@media all and (max-width: 1280px) and (min-width: 768px) {}

/***
* 이 위로는 태블릿
*
*
*
*
*
*
*
*
* 
*
*
*
*
*
*
*
*
* 여기부터 모바일
***/
/*max-width: 767px에서 767px로 변환함*/
@media all and (max-width: 767px) { 
} 

/* BASIC css end */