h1,h2,h3,h4,h5,p {margin:0;}
* {word-break: keep-all;}

.ppl_page {position:relative; overflow: hidden; height:auto; min-height:100vh;}
.ppl_page > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; z-index:-50; opacity:0.03;}
.ppl_page .content_wrap ::after { content: ""; position: absolute; inset: 0; background:#202020; z-index:-100; }

.ppl_page .content_wrap {z-index:5; display:flex; justify-content: end; margin-right:160px;}
.ppl_page .ppl_wrap {height:100vh; display:flex; align-items: end;}
.ppl_page .ppl {width:50%; position:fixed; }
.ppl_page .ppl_wrap > img {width:95%; height:auto; z-index:5;}
.ppl_page .ppl .square {width:60%; height:100vh; background:#F6F4EF; position:absolute; top:0; left:0; z-index:-10;}

.ppl_page .content {margin: 11vw 0 9.5vw; width:42vw;}

.ppl_page .role_tag {font-family: "Cormorant SC", serif; font-size: clamp(18px, 1.25vw, 24px);font-weight:600; color:#CBAB75; line-height:100%; margin-bottom:4px;}
.ppl_page .role_tag.korean {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.ppl_page .name {color:#FFF; font-size:clamp(64px, 4.167vw, 80px); letter-spacing: 3%; font-weight:500; margin-bottom:clamp(30px, 3.125vw, 60px);}
.ppl_page .role { font-size:clamp(24px,2vw,40px); margin-left:10px;}

.ppl_page .tag {display:flex; gap:15px; margin:4px 0 80px;}
.ppl_page .tag > h4 {color:#f2f2f2;  font-size:clamp(22px, 1.146vw, 22px); font-weight:450; }
.ppl_page .corner-deco1 {width:25px; height:25px; box-sizing: border-box; border-left: 4px solid #8C6B3E; border-top: 4px solid #8C6B3E;}
.ppl_page .corner-deco2 {width:25px; height:25px; box-sizing: border-box; border-right: 4px solid #8C6B3E; border-bottom: 4px solid #8C6B3E; align-self: end;}

.ppl_page .profile_line {width:8.177vw; border:1px solid #5F5F5F;}

.ppl_page .ppl_info {display:flex; align-items: start; gap:50px;}
.ppl_page .ppl_info > h5 { font-size:clamp(22px, 1.042vw, 20px); color:#F6F4EF; font-weight:400; letter-spacing:0.3%;}
.ppl_page .career > h5 { font-size:clamp(20px,0.938vw, 20px); color:#d0d0d0; font-weight:350; margin-bottom:40px;}
.ppl_page .career .highlight {font-size:clamp(21px, 1.146vw, 22px); font-weight:500; color:#FFF;}

/**권경대**/
.ppl_page .ppl_info .career.edu > h5 {color:#FFF;}
.ppl_page .line {width:100%;  border: 1px solid #5F5F5F; margin-bottom: 40px;}
.ppl_page .ppl_info .career.career .list > h5 {color:#FFF; font-size:clamp(20px, 0.938vw, 20px); font-weight:350; margin-bottom:10px; }
.ppl_page .sub_desc {font-size:16px; font-weight:350; margin-bottom: 40px; color:#a0a0a0;}

.ppl_content > h5 { font-size:clamp(22px, 1.042vw, 20px); margin-bottom:50px; color:#F6F4EF; font-weight:400; letter-spacing:0.3%;}
.ppl_content .content_card_wrap {width:100%; display:grid; grid-template-columns:auto; gap:80px;}
.ppl_content .content_card {width:80%; margin: 0 auto; }
.ppl_content .img_card {width:100%; height:24vw; background:#DDD; margin-bottom: 12px; overflow: hidden;}
.ppl_content .img_card > img  {width:100%; height:100%; object-fit: cover;}
.ppl_content .info_card > h3 {font-size:22px; font-weight:350; color:#FFF; margin-bottom:8px;}
.ppl_content .info_card span {margin-left:15px;}
.ppl_content .info_card > p {font-size:16px; color:#a0a0a0; font-weight: 400; margin-bottom:25px;}
.ppl_content .info_card > h5 {width:100%; font-size:17px; color:#ddd; font-weight:400; line-height:200%; letter-spacing: 0.3%;}


@media (max-width:1100px){
    .ppl_page {position:relative; min-height:unset; height:auto; background:#020202; opacity:0.9;}
    .ppl_page > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; z-index:-50; opacity:0.03;}
    .ppl_page .content_wrap ::after {display: none;}
    .ppl_page .ppl .square {width:100%; height:60vw;}

    .ppl_page .content_wrap {display:block; margin:0;}
    .ppl_page .ppl_wrap {display:block; height:100%; display:flex; justify-content: center;}
    .ppl_page .ppl {position:static; height:auto; display:block; padding: 80px 6vw 0;  width:100%;}

    .ppl_page .corner-deco1 {width:20px; height:20px;}
    .ppl_page .corner-deco2 { width:20px; height:20px;}

    .ppl_page .ppl_info {flex-direction: column; gap:40px;} 

    .ppl_page .ppl_wrap > img {width:60%; height:auto; z-index:5;}

    .ppl_page .content {width:100%; margin:40px 0 120px; padding:0 64px;}

    .ppl_page .title_section {text-align: center;}
    .ppl_page .tag {justify-content: center; margin:4px 0 60px; }
    .ppl_page .profile_line {width:100%;}
    .ppl_page .ppl_info {justify-content: center;}

    /**권경대**/
    .ppl_content .img_card {height:40vw;}
    
}

@media (max-width:768px){
    .ppl_page .ppl {padding: 80px 32px 0; }

    .ppl_page .ppl_info {flex-direction: column; gap:40px;}
    .ppl_page .ppl_wrap {display:flex; justify-content: center;}
    .ppl_page .ppl_info > h5 {font-size: 24px; font-weight: 500; color:#d0d0d0;}
    .ppl_page .career > h5 {font-size:20px; margin-bottom:30px;}

    .ppl_page .career > h5 { font-size:20px; color:#FFF; font-weight:350; margin-bottom:40px;}

    .ppl_page .corner-deco1 {width:15px; height:15px;}
    .ppl_page .corner-deco2 { width:15px; height:15px;}

    /**권경대**/
    .ppl_content > h5 {font-size:24px; font-weight:500; color:#d0d0d0;}
    .ppl_page .ppl_info .career.career .list > h5 {font-size:20px;}
    .ppl_content .content_card {width:100%;}
    .ppl_content .info_card > h3 {font-size:22px;}
    .ppl_content .info_card > p {font-size:16px; }
    .ppl_content .info_card > h5 {font-size:17px; color:#ddd; font-weight:400; line-height:200%; letter-spacing: 0.3%;}
    .ppl_content .img_card {height:50vw;}
    .ppl_content .content_card_wrap {gap:60px;}
    

}

@media (max-width:480px){
    .ppl_page .ppl {margin:0; padding:80px 24px 0 ; width:100%;}
    .ppl_page .ppl_wrap > img {width:80%; margin:0 auto;}
    .ppl_page .content {margin:20px 0 64px; padding: 0 24px;}

    .ppl_page .name {font-size:40px;}
    .ppl_page .role {font-size: 18px; margin-left:10px;}

    .ppl_page .tag {gap:5px;}
    .ppl_page .tag > h4 {font-size:18px;}
    .ppl_page .corner-deco1 {width:10px; height:10px;border-left: 3px solid #8C6B3E; border-top: 3px solid #8C6B3E;}
    .ppl_page .corner-deco2 { width:10px; height:10px; border-right: 3px solid #8C6B3E; border-bottom: 3px solid #8C6B3E;}
    .ppl_page .tag {justify-content: start;}
    .ppl_page .title_section {text-align: left;}

    .ppl_page .ppl_wrap > img {width:100%; height:auto; z-index:5;}

    .ppl_page .ppl_info > h5 { font-size: 18px;}
    .ppl_page .career > h5 { font-size:18px; font-weight:350; margin-bottom:40px;}
    .ppl_page .career .highlight {font-size:20px; font-weight:500; color:#FFF;}

    .ppl_page .ppl .square {width:100%; height:90vw;}

    /**권경대**/
    .ppl_content > h5 {font-size : 18px;}
    .ppl_page .ppl_info .career.career .list > h5 {font-size:18px;}
    .ppl_content .info_card > h3 {font-size:18px;}
    .ppl_content .info_card > p {font-size:15px; }
    .ppl_content .info_card > h5 {font-size:16px; }
    .ppl_content .content_card_wrap {gap:40px;}
}