@charset "utf-8";

.pdall {
border-radius: 8px;
border: 1px solid #E6E6E6;
display: flex;
flex-direction: column;
} 

.pdInfo {
    background-color: #F0F3F7;
    padding: 1.125rem 4rem;
    text-align: center;
}
.pdInfo h2 {
    color: #222;
font-family: Pretendard;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 24px */
letter-spacing: 0.12px;
}

.pdName {
    text-align: center;
    padding:3.7rem 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdName p {
    color: #222;
font-family: Pretendard;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.16px;
margin-bottom: 0;
}


.pdCharacter h3 {
    color: #222;

    /* H4-28 */
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 28px */
    letter-spacing: 0.07px;
}
.pdCharacter h3 img {
    margin-right: 0.5rem ;
}
.pdCharacter ul {
    padding-left: 1rem;
    margin-bottom: 0;
    margin-top: 2rem;
}
.pdCharacter ul li {
    color: #222;
font-family: Pretendard;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.16px;
list-style-type: disc;
}
.pdCharacter ul li span {
    color: #406DB9;
font-family: Pretendard;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.16px;
}
.pdCharacter button {
    display: flex;
padding: 14px 24px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 8px;
border: 1px solid #406DB9;
color: #406DB9;

/* Sub Title-16 */
font-family: Pretendard;
font-size: 1rem;
font-style: normal;
font-weight: 700;
background-color: transparent;
line-height: 100%; /* 16px */
min-width: 12rem;
}

.pdName.mus {
    text-align: left;
    padding:2.125rem;
    display: flex;
    align-items: center;
    justify-content: start;
}

.listBox li {
    list-style-type: disc;
    font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.16px;
color: #222;
}

.listBox li span {
    color: #406DB9;
}
.sub_tit_box p {
   justify-content: flex-start;
}
.pdName p {
    text-align: left;
}
.listBox .btn-primary {
    background-color: #406DB9;;
    padding: 0;
}
.flex_box_yo ul {
    margin-bottom: 0;
}
.con02 em {
    height: 1px;
    width: 100%;
    background-color: #E6E6E6;
    margin: 4.125rem 0;
}

.pdCharacter .grayBox {
    background-color: #F6F6F6;
    padding: 1.5rem;
    gap: 3rem;
    margin-top: 1.5rem;
}

.pdCharacter .grayBox div a {
    height: 100%;
    display: block;
}
.pdCharacter .grayBox div a img {
    width: 100%;
}

.pdCharacter .grayBox h6 {
    color: #406DB9;
font-family: Pretendard;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 20px */
}
.pdCharacter .grayBox  li {
    color: #222;
font-family: Pretendard;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.16px;
}
.pdCharacter .grayBox img {
    background-color: #fff;
}
.pdCharacter.fh {
    margin-bottom: 5rem;
} 


.pd_Underline_Title {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 4.125rem;
    margin-bottom: 5rem;
}

.pd_Underline_Title h3{
    border-radius: 2px;
    color: #222;

/* H2-32 */
font-family: Pretendard;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 32px */
letter-spacing: -0.16px;
padding-bottom: 5px;
 
    border-bottom: 4px solid #406DB9;
  
}
.pd_Underline_Title  span {
    color: #8E8E8E;

/* Body-14 */
font-family: Pretendard;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
letter-spacing: 0.14px;
}

.table-responsive {
    width: 100%;
}
table {
    width: 100%;
}

table td {
    text-align: center;
    padding: 1rem 0.5rem;
    border: 1px solid #E6E6E6;
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

.table-responsive.type01 tbody tr:first-child td {
    background-color: #F0F3F7;
    color: #222;
    font-weight: bold;
}
.table-responsive.type01 tbody tr td:first-child {
    background-color: #406DB9;
    color: #fff;
    font-weight: bold;
    width: 25%;
}
.table-responsive.type02 td.blue {
    background-color: #406DB9;
    color: #fff;
    font-weight: bold;
    width: 15%;
}
.table-responsive.type02 td.gray {
    background-color: #F0F3F7;
    color: #222;
    font-weight: bold;
}
.table-responsive.type02 tr td:nth-child(2) {
    width: 15%;
}
.table-responsive.type02 td.colored {
    color: #406DB9;
}

.table-responsive.type03 td:first-child {
    background-color: #406DB9;
    color: #fff;
    font-weight: bold;
    width: 25%;
}
.table-responsive span {
    color: var(--GREY-400, #8E8E8E);

/* Body-14 */
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
letter-spacing: 0.14px;
margin-top: 0.5rem;
} 

.table-responsive.type04 td.blue {
    background-color: #406DB9;
    color: #fff;
    font-weight: bold;
    width: 15%;
}
.table-responsive.type04 td.gray {
    background-color: #F0F3F7;
    color: #222;
    font-weight: bold;
}
.table-responsive.type04 tr td:first-child {
    
}
.table-responsive.type02 td.colored {
    color: #406DB9;
}


.pdCharacter h3 {
    margin-bottom: 1.5rem;
}

.pdCharacter .grSmall div {
    padding: 2rem 1.25rem;
    background-color: #F0F3F7;
    flex: 1;
    height: 10rem;
    text-align: center;
    margin-top: 1.5rem;
}
.pdCharacter .grSmall div img {
    margin-bottom: 0.5rem;
}

.pdCharacter .grSmall div p {
    color: #222;
text-align: center;
font-family: Pretendard;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: 0.24px;
}

.pdCharacter span {
    color: var(--GREY-400, #8E8E8E);

/* Body-14 */
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22.4px */
letter-spacing: 0.14px;
}
.mainPic {
    width: 100%;
    height: 100%;
}