@charset "utf-8";

/* 의원 인사말 */
#sub_member{position:relative; float:left; width:100%; box-sizing:border-box;}
#sub_member .pic {position:relative; float:left; width:43%; height:588px; padding:32px 7.8% 0 4.579%; box-sizing:border-box; background:url(../../images/member/sub/bg_pic.jpg) no-repeat 0 0 / 75% auto;}
#sub_member .pic img{overflow:hidden; max-width:100%; border-radius:14px;}
#sub_member .name{padding:17px 0 0 20px;}
#sub_member .name p{padding:0 0 10px; line-height:100%; color:#624b98; font-weight:500; letter-spacing:4px;}
#sub_member .name strong{display: block; line-height:100%; font-weight:600; font-size:24px; letter-spacing: 12px;}
#sub_member .txt {float:left; width:57%; padding:50px 0 0 0; word-break:keep-all; box-sizing: border-box;}

@media all and (max-width:1024px) {
    #sub_member .txt {font-size:1.1em;}
}
@media all and (max-width:768px) {
    #sub_member .pic {float:none; height: inherit; width:320px; margin:0 auto; padding:32px 30px 30px; background-size: contain;}
    #sub_member .txt {float:none; width:100%; padding:40px 10px 0;}
}

/* 의원 프로필 */
#sub_member .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub_member .list > li{position: relative; width:44%; display:grid; padding:12px 0 12px 36px; grid-template-columns:77px 1fr;}
#sub_member .list > li:last-child{width:100%;}
#sub_member .list > li:before{content: ''; display: block; position: absolute; left:0; top:17px; width:20px; height:20px; background:url(../../images/member/sub/ico_chk.png) no-repeat;}
#sub_member .list span{font-size:17px;}
#sub_member .list > li + li{border-top:1px solid #eee;}
#sub_member .list > li:last-child{display: block;}
#sub_member .dot {width:calc(100% + 36px); margin:15px 0 0 -36px; padding:33px 10px 29px 38px; border:1px solid #eee; border-radius:4px; box-sizing: border-box;}
#sub_member .dot li:before{width:3px; height:3px; background:#624b98;}
#sub_member .dot li{margin:0 0 4px;}

@media all and (max-width:1540px) {
    #sub_member .list > li{width:100%;}
}
@media all and (max-width:768px) {
    #sub_member .list > li{grid-template-columns:85px 1fr;}
    #sub_member .list span{font-size:16px;}
}