@charset "utf-8";

/* 로그인 */
.sub_min > .contents .loginPhrase {
    text-align: center;
    margin-top: 56px;
    margin-bottom: 48px;
}

.sub_min > .contents .loginPhrase > h2 {
    color: #f1692a;
}

.sub_min > .contents .loginWrap {
    padding: 56px 200px;
}

.sub_min > .contents .loginWrap > ul {
    margin-bottom: 24px;
}

.sub_min > .contents .loginWrap .form-control {
    line-height: 45px;
    padding: 0px 16px;
    margin-bottom: 4px;
}

.sub_min > .contents .btn-login,
.sub_min > .contents .btn-member {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 45px;
    background-color: #f1692a;
    border-radius: 6px;
    margin-right: 0;
}

.sub_min > .contents .btn-login:hover, 
.sub_min > .contents .btn-login:active, 
.sub_min > .contents .btn-login:focus,
.sub_min > .contents .btn-member:hover, 
.sub_min > .contents .btn-member:active, 
.sub_min > .contents .btn-member:focus {
	color: #ffffff;
	background-color: #f04c1b;
	border: 1px solid transparent;
}

.sub_min > .contents .loginGuide {
    padding: 0px 48px;
    margin-bottom: 48px;
}

/* 회원가입 */
.sub_min > .contents .joinProcess {
    overflow: hidden;
    text-align: center;
    margin-top: 56px;
    margin-bottom: 48px;
}

.sub_min > .contents .joinProcess li {
    display: inline-block;
    margin-right: 8px;
}

.sub_min > .contents .joinProcess li:last-child {
    margin-right: 0px;
}

.sub_min > .contents .joinProcess li span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    color: #616161;
    font-weight: 500;
    line-height: 47px;
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
}

.sub_min > .contents .joinProcess li.active span {
    width: auto;
    color: #f04c1b;
    font-size: 17px;
    font-weight: 600;
    border-color: #f1692a;
    padding: 0px 40px;
}

.sub_min > .contents .joinPhrase h4 > .multistrand {
    display: block;
    line-height: 24px;
    margin-top: 8px;
}

.sub_min > .contents .joinPhrase .character0901:before {
    width: 368px;
    height: 200px;
}

.sub_min > .contents .memberWrap {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px 40px;
}

.sub_min > .contents .memberWrap > .member {
    width: 31%;
    text-align: center;
    border: 2px solid transparent;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 24px 32px 36px 32px;
}

.sub_min > .contents .member.member-type01 {border-color: rgba(241, 105, 42, 0.3);}
.sub_min > .contents .member.member-type02 {border-color:  rgba(0, 139, 122, 0.3);}
.sub_min > .contents .member.member-type03 {border-color: rgba(12, 99, 166, 0.25);}

.sub_min > .contents .memberWrap .memberInner {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}

.sub_min > .contents .memberWrap .memberInner h3:before {
    display: block;
    height: 80px;
    content: "";
}

.sub_min > .contents .member-type01 .memberInner h3:before {background: url('../../../new/images/sub/member/join-condition-icon01.png') no-repeat 50% 50%;}
.sub_min > .contents .member-type02 .memberInner h3:before {background: url('../../../new/images/sub/member/join-condition-icon02.png') no-repeat 50% 50%;}
.sub_min > .contents .member-type03 .memberInner h3:before {background: url('../../../new/images/sub/member/join-condition-icon03.png') no-repeat 50% 50%;}

.sub_min > .contents .member-type01 .memberInner h3 span {color: #f04c1b;}
.sub_min > .contents .member-type02 .memberInner h3 span {color: #009f9f;}
.sub_min > .contents .member-type03 .memberInner h3 span {color: #0c63a6;}

.sub_min > .contents .memberWrap .memberInner p {
    color: #616161;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 16px;
}

.sub_min > .contents .agreeWrap .terms-of-use {
    height: 244px;
    padding: 24px;
    margin-bottom: 16px;
}

.sub_min > .contents .agreeWrap fieldset:first-child ul {
    margin-bottom: 40px;
}

.sub_min > .contents .joinTb-01 .formList01 select {
    width: 280px;
}

.sub_min > .contents .joinAL .NoticeTopLine {
    line-height: 24px;
    margin-top: 40px;
}

.sub_min > .contents .joinAL .NoticeTopLine dd {
    margin-left: 12px;
}

.sub_min > .contents .joinAL .icon-download:before {
    filter: invert(34%) sepia(73%) saturate(1702%) hue-rotate(350deg) brightness(95%) contrast(97%);
}

.sub_min > .contents .joinAL .joinTbl th {
    min-width: 156px;
}

/* 봉사자 모집공고 알림 서비스 */
.sub_min > .contents .noticeService > .category-title {
    margin-top: 50px;
    margin-bottom: 24px;
}

.sub_min > .contents .noticeService .agreeWrap .consent-pi {
    height: 244px;
    padding: 24px;
    margin-bottom: 16px;
}

.sub_min > .contents .noticeService .boxR-shadow {
    margin-top: 56px;
    margin-bottom: 40px;
}

.sub_min > .contents .noticeService .boxR-shadow.mt-0 {
    margin-top: 0px;
}

.sub_min > .contents .noticeService .loginGuide {
    padding: 0px;
    margin-bottom: 40px;
}

.sub_min > .contents .noticeService .loginGuide > dl {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.sub_min > .contents .noticeService .loginGuide > dl > dt {
    margin-right: 24px;
}