/*=================================================
                컴포넌트 정보 페이지
=================================================*/
/*****#####===== 상단 헤더 =====#####*****/
.component-layout .header-wrap{
    background-color: var(--helper-color-primary);

    color: #ffffff;
}

.component-layout .header-wrap .line-header{
    padding-top: 0.5rem;
}

.component-layout .header-wrap .version-wrap{
    font-size: 0.75rem;
}

/*****##### 메뉴 이동 영역 #####*****/
.component-layout .header-wrap .form-header{
    padding: 1.5rem 0;
}

/*****#####===== 아이템 영역 =====#####*****/
/*****##### 아이템 타이틀 #####*****/
.component-layout .part-title-wrap {
    padding: 2.5rem 0;
}

.component-layout .part-title-wrap .part-title{
    font-size: 3.125rem;
    font-weight: bold;
}

.component-layout .part-title-wrap .part-subtitle{
    margin-top: 0.25rem;

    color: #555555;
}

/*****##### 주의사항 및 약속 #####*****/
.component-layout .part-caution-wrap{
    padding: 1rem;

    background-color: #E1E7F8;
}

.component-layout .part-caution-wrap .caution-item{
    font-size: 0.875rem;
    line-height: 1.3125rem;
}

.component-layout .part-caution-wrap .caution-item::before{
    content: "·";
    margin-right: 0.5rem;
    font-weight: bold;
}

/*****##### 아이템 영역 #####*****/
.component-layout .part-item-wrap{
    margin-bottom: 5rem;
}

.component-layout .part-item-wrap .part-item{
    padding: 2.5rem 0;
}

.component-layout .part-item .part-item-content:not(:first-child){
    margin-top: 1rem;
}