@charset "utf-8";

.edit-btn{width:180px;height:60px;text-align:center;color: #fff;line-height:58px;font-size:20px;border-radius:30px;background-color: #ff8793;font-family:'Noto Sans KR',sans-serif;font-weight:500;}

.join-con1{margin-top:100px;padding:100px 0;background-color: #f8f8f8;}
.join-con-tit{text-align:center;margin-bottom:60px;}
.join-con-tit h2{font-size:40px;font-weight:600;letter-spacing:0;color: #242424;position:relative;padding-bottom:20px;line-height:1.2em;}
.join-con-tit h2:after{content:'';width:60px;height:3px;background-color: #ff8793;position: absolute;left:50%;bottom:0;transform:translateX(-50%);}
.join-con-tit h2 strong{font-weight:800;color: #ff8793;}
.join-con1 ul{display:flex;margin:0 -20px;}
.join-con1 ul li{width:25%;padding:0 20px;text-align:center;}
.join-con1 ul li .circle{display:flex;justify-content:center;align-items:center;background-color: #ff8793;width:150px;height:150px;border-radius:50%;margin:0 auto 15px;}
.join-con1 ul li .tit{font-size:22px;font-weight:700;color: #242424;line-height:1.4em;margin-bottom:10px;}
.join-con1 ul li p{font-size:15px;line-height:1.4em;}

.join-con2{margin-top:100px;}
.join-con2 .con{border-top:2px solid #242424;text-align:center;}
.join-con2 .con .top-wrap{display:flex;}
.join-con2 .con .top-wrap .col{width:20%;}
.join-con2 .con .top-wrap .col .rank{background-color: #f8f8f8;padding:20px 0 15px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.join-con2 .con .top-wrap .col .rank .circle{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:35px;font-weight:700;color: #fff;background-color: #41b84b;margin:0 auto;}
.join-con2 .con .top-wrap .col .rank .circle.type2{background-color:#a7a6a6;}
.join-con2 .con .top-wrap .col .rank .circle.type3{background-color:#f4bf4b;}
.join-con2 .con .top-wrap .col .rank .circle.type4{background-color:#5ed8d8;}
.join-con2 .con .top-wrap .col .rank .circle.type5{background-color:#ff8793;}
.join-con2 .con .top-wrap .col .rank .tit{font-size:18px;font-weight:700;color: #242424;line-height:1.2em;margin-top:15px;}
.join-con2 .con .top-wrap .col .rank .tit span{color: #686868;font-size:14px;font-weight:300;}
.join-con2 .con .top-wrap .col .info{display:flex;justify-content:center;align-items:center;min-height:130px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.join-con2 .con .top-wrap .col:last-child .rank,
.join-con2 .con .top-wrap .col:last-child .info{border-right:none;}
.join-con2 .con .btm-wrap{}
.join-con2 .con .btm-wrap .row{font-weight:300;line-height:1.4em;padding:10px;border-bottom:1px solid #ddd;}
.join-con2 .con .btm-wrap .row.type2{background-color: #f8f8f8;}
.join-con2 .con .btm-wrap .row.type2 p{font-size:18px}
.join-con2 .con .btm-wrap .row.type2 p strong{font-weight:700;}
.join-con2 .con .btm-wrap .row strong{color: #242424;font-weight:600;}

.search-result{padding-bottom:20px;margin-bottom:60px;border-bottom:1px solid #ddd;}
.search-result p{line-height:1.4em;font-size:20px;font-weight:500;}
.search-result p span{color: #ff8793;}