@charset "utf-8";

/* 내용관리 기본 */
#ctt {margin:10px 0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 조직도 */
.ogTop {text-align:right;margin-bottom:12px;}
.ogTop .ogTotal {font-size:20px;color:#2d2d38;}
.ogTop .ogTotal strong {font-size:30px;font-weight:800;margin:0 2px;vertical-align:-2px;}
.ogGroup {border:1px solid #D8D8D8;border-width:1px 0 0;padding:32px 0 42px;}
.ogGroupTitle {margin-bottom:28px;font-size:22px;font-weight:700;}
.ogGroupTitle img {margin-right:6px;vertical-align:-5px;}
.ogMemberWrap {display:grid;grid-template-columns:repeat(3, 1fr);gap:50px 40px;}
.ogMember {display:flex;align-items:center;}
.ogMember .ogMemberThumb {width:96px;height:96px;margin-right:18px;position:relative;}
.ogMember .ogMemberThumb img {width:100%;height:100%;object-fit:cover;border-radius:100px;overflow:hidden;display:block;}
.ogMember .ogMemberThumb .live {position:absolute;right:2px;top:-4px;font-size:13px;color:#fff;display:inline-block;padding:3px 6px;border-radius:20px;background-color:red;}
.ogMember .ogMemberNm {display:flex;align-items:center;font-weight:700;font-size:20px;margin-bottom:8px;}
.ogMember .ogMemberNm .ogMemberRace {margin-left:6px;}
.ogMember .ogMemberLink {display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px;gap:10px;}
.ogMember .ogMemberLink a {display:inline-block;width:28px;height:28px;font-size:0;text-indent:-9999px;overflow:hidden;}
.ogMember .ogMemberLink .linkSoop {background:url('/img/organization/link_soop.png') no-repeat center/contain;}
.ogMember .ogMemberLink .linkInsta {background:url('/img/organization/link_insta.png') no-repeat center/contain;}
.ogMember .ogMemberLink .linkYoutube {background:url('/img/organization/link_youtube.png') no-repeat center/contain;}
.ogMember .ogMemberPosition {display:inline-block;text-align:center;padding:5px 13px;color:#fff;font-size:16px;font-weight:500;background-color:#000;border-radius:100px;}
.ogMember .ogMemberPosition.blue {background-color:#0065cd;}
.ogMember .ogMemberPosition.purple {background-color:#9e6bf5;}

@media all and (max-width:1024px){
    #ctt {padding:0 16px;}
    .ogMemberWrap {display:flex;flex-wrap:wrap;gap:40px 0;justify-content:center;}
    .ogMember {width:33%;display:block;text-align:center;}
    .ogMember .ogMemberNm {justify-content:center;}
    .ogMember .ogMemberThumb {display:inline-block;margin:0 0 10px;}
    .ogMember .ogMemberLink {justify-content:center;}
}

@media all and (max-width:520px){
    .ogTop .ogTotal {font-size:16px;}
    .ogTop .ogTotal strong {font-size:24px;}
    .ogGroup {padding:20px 0 40px;}
    .ogGroupTitle {font-size:20px;}
    .ogGroupTitle img {height:20px;vertical-align:-2px;}
    .ogMemberWrap {display:flex;flex-wrap:wrap;gap:40px 0;justify-content:center;}
    .ogMember {width:50%;display:block;text-align:center;}
    .ogMember .ogMemberNm {justify-content:center;}
    .ogMember .ogMemberThumb {display:inline-block;margin:0 0 10px;}
    .ogMember .ogMemberLink {justify-content:center;}
}