
/*************** 공통 ***************/

/*************** 스마트폰 세로 ***************/
@media all and (min-width: 1px) and (max-width: 599px) {
   
}

/*************** 스마트폰 가로 ***************/
@media all and (min-width: 600px) and (max-width: 959px) {
    
}

/*************** 타블렛 가로 ~ 모니터 ***************/
@media all and (min-width: 960px) {
    
    .h2{
        font-size: 30px;
        line-height: normal;
        font-weight: 700;
    }
    .h3{
        font-size: 24px;
        line-height: normal;
        font-weight: 500;
    }
    .main {
        background-color: rgb(249, 249, 251);
    }
    .main__currentPosition{
        height: 35px;
        background-color: aliceblue;
        line-height: 35px;
    }
    .main__currentPosition>div {
        width: 1280px;
        margin:0 auto;
        padding-left: 10px;
    }
    .main__contents{
        min-width: 920px;
        max-width:1280px;
        position: relative;
        margin: 0 auto;
        padding: 0 10px 30px 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    /* 왼쪽 메뉴 */
    .main__contents__lNav{
        /* border: 1px solid black; */
        /* border-radius: 10px; */
        /* margin: 20px 0 0 0; */
        float:left;
        width:200px;
        height:100%;
        padding:10px 0 10px 0;
        /* background-color: rgb(217, 238, 225); */
        /* background-color: bisque; */
        /* text-align: center; */
    }
    .main__contents__lNav li{
        color: black;
    }
    .main__contents__lNav li.h2{
        border-bottom: 1px solid black;
        padding:0px 0 10px 0px;
        height: auto;
    }
    .main__contents__lNav li.h3{
        /* padding:10px 0 10px 0px; */
        border-bottom: 1px solid gray;
        cursor: pointer;
    }
    .main__contents__lNav li.h3:hover,
    .main__contents__lNav li.h3:focus {
        background-color: rgba(140, 205, 250, 0.3);
    }
    .main__contents__lNav li a{
        display: block;        /* a를 블록 레벨로 만들어서 */
        width: 100%;           /* li의 가로 전체 차지 */
        height: 90%;          /* li의 세로 전체 차지 */
        padding: 5% 0;         /* 클릭 영역 확보 */
        text-decoration: none; /* 기본 밑줄 제거 */
        color: inherit;        /* 부모 색상 따름 */
        font-size: 1rem;
    }
    /* 오른쪽 내용용 */
    .main__contents__rContents{
        min-height:600px;
        width: 1050px;
        padding:10px 0 0 20px;
    }
    .main__contents__rContents > :not(:first-child){
        display: none;
    }
    .main__contents__rContents__sector{
        scroll-margin-top: 180px; /* 헤더 높이에 맞게 값 조정 */
        animation: slideInUp 0.3s ease-in-out forwards, fadeIn 0.6s ease-in-out forwards;
    }
    .main__contents__rContents__sector__title{
        font-size:26px;
        line-height: 200%;
        font-weight: bolder;
        margin-bottom: 1rem;
    }
    .main__contents__rContents__sector__desc{
        font-size:20px;
        line-height: 200%;
        /* display: inline-block; */
    }
    .main__contents__rContents__sector__desc:first-child::first-letter{
        font-size: 30px;
        font-weight: bolder;
        letter-spacing: 3px;
    }
    /* .h3:hover{
        background-color: azure;
        } */
    }