@charset "utf-8";

/* Layout */
.wrapper.sub_min > header .header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area {border-bottom: 1px solid #e0e0e0;}

.wrapper.sub_min > header,
.wrapper.sub_min > .contents,
.wrapper.sub_min > .footer {
    min-width: 1400px;
}

.sub_min > .contents .titleArea {
    position: relative;
    background-color: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 44px;
    padding-bottom: 12px;
}

.sub_min > .contents .titleArea .title {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #212121;
    text-align: center;
}

.sub_min > .contents .titleArea .location {
    font-size: 14px;
    color: #616161;
    font-weight: 300;
    text-align: right;
}

.sub_min > .contents .titleArea .location li {
    display: inline-block;
}

.sub_min > .contents .titleArea .location li:after {
    content: '>';
    display: inline-block;
    margin: 0px 4px 4px 8px;
    vertical-align: middle;
}

.sub_min > .contents .titleArea .location li:last-child:after {
    display: none;
}

.sub_min > .contents .titleArea .location i.location-home:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-home.svg') no-repeat 50% 60%;
    filter: invert(57%) sepia(1%) saturate(410%) hue-rotate(332deg) brightness(101%) contrast(84%);
    padding: 0px 7px;
}

.sub_min > .contents .titleArea .location span > .current-page {
    color: #424242;
    font-weight: 600;
}

.sub_min > .contents .sub-body {
    position: relative;
    font-size: 16px;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}

/* Basic */
.sub_min > .contents hr {
	width: 100%;
	border: 0;
	border-top: 1px solid #eeeeee;
	margin: 8px 0px;
}

.sub_min > .contents li.disc,
.sub_min > .contents dl.disc dt {
    position: relative;
    padding: 0 0 0 15px;
}

.sub_min > .contents li.disc:before,
.sub_min > .contents dl.disc dt:before {
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #9e9e9e;
    border-radius: 50%;
}

.sub_min > .contents dl.disc dt:before {
    top: 6px;
}

/* Box */
.sub_min > .contents .box-sm {
    width: 800px;
    margin: 0 auto;
}

.sub_min > .contents .boxR-default {
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 56px 48px;
    margin-bottom: 48px;
}

.sub_min > .contents .boxR-shadow {
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    padding: 56px 48px;
    margin-bottom: 48px;
}

.sub_min > .contents .box-scroll {
    overflow-y: scroll;
    line-height: 24px;
    background: #fcfcfc;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .tabindex-focus:focus {
    border-color: #616161;
    outline: 1px;
}

.sub_min > .contents .NoticeBox {
    display: block;
    background-color: #fcfcfc;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 24px 48px;
    margin-bottom: 48px;
}

.sub_min > .contents .NoticeBox > p {
    line-height: 24px;
}

.sub_min > .contents .NoticeTopLine {
    border-top: 1px solid #eeeeee;
    padding-top: 32px;
}

.sub_min > .contents .NoticeTopLine > p {
    line-height: 24px;
}

.sub_min > .contents .box-type-01 {background-color: rgba(241, 105, 42, 0.05);}
.sub_min > .contents .box-type-02 {background-color: rgba(12, 99, 166, 0.05);}
.sub_min > .contents .box-type-03 {background-color: rgba(230, 239, 243, 1);}
.sub_min > .contents .box-type-04 {background-color: rgba(79, 122, 137, 0.1);}

/* Text */
.sub_min > .contents .accent-co1,
.sub_min > .contents .essential {
    color: #ed4040;
}

.sub_min > .contents .text-sign {
    margin-left: 8px;
    margin-right: 8px;
}

.sub_min > .contents .text-guide {
    margin-left: 8px;
}

.sub_min > .contents .text-point {
    font-weight: 600;
}

.sub_min > .contents .text-mark,
.sub_min > .contents .text-example,
.sub_min > .contents .text-person,
.sub_min > .contents .text-group,
.sub_min > .contents .text-situation .Active {
    color: #808080;
}

.sub_min > .contents .text-filesize {
    color: #808080;
    font-size: 14px;
    margin-left: 4px;
}

.sub_min > .contents .certification .ok {
    color: #0072b0;
}

.sub_min > .contents .certification .no {
    color: #ed4040;
}

.sub_min > .contents strong {
    font-weight: 600;
}

.sub_min > .contents .text-left {text-align: left;}
.sub_min > .contents .text-center {text-align: center;}
.sub_min > .contents .text-right {text-align: right;}

.sub_min > .contents .ws-nowrap {
    white-space: nowrap;
}

.sub_min > .contents h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    color: #212121;
}

.sub_min > .contents h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
    color: #212121;
}

.sub_min > .contents h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    color: #212121;
}

.sub_min > .contents h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    color: #212121;
}

.sub_min > .contents .sub-title-line {
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    color: #212121;
    border-bottom: 1px solid #212121;
    margin-bottom: 24px;
}

.sub_min > .contents .sub-title-line > span {
    border-bottom: 1px solid #212121;
    padding-bottom: 5px;
}

.sub_min > .contents p.table-guideT {
    margin-bottom: 8px;
}

.sub_min > .contents .confirm-title {
    margin-top: 56px;
    margin-bottom: 48px;
}

.sub_min > .contents .text-total {
    color: #616161;
    font-size: 14px;
    font-weight: 500;
    margin-top: 16px;
}

.sub_min > .contents .text-total span {
    color: #f1692a;
}

.sub_min > .contents .highlight-lb {
    background-color: rgba(238, 255, 125, 0.2);
}

/* Character */
.sub_min > .contents .character01:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character01.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character-gori:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character-gori.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character-ari:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character-ari.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character05:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character05.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character06:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character06.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character07:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character07.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character08:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character08.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character0901:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character0901.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character0902:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character0902.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character0903:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character0903.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .character0904:before {
    display: block;
    content: "";
    background: url('../../../new/images/sub/introduce/character0904.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

/* SNS */
.sub_min > .contents .share-sns {
    margin-top: 48px;
}

.sub_min > .contents .share-sns > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.sub_min > .contents .share-sns li {
    margin-right: 4px;
}

.sub_min > .contents .share-sns li:last-child {
    margin-right: 0px;
}

.sub_min > .contents .share-sns li > .sns-logo:before {
    display: block;
    content: "";
    width: 41px;
    height: 41px;
    border-radius: 50%;
}

.sub_min > .contents .sns-x:before {
    background: url('../../../new/images/sub/common/sns-x.png') no-repeat 50% 50%;
    background-size: 100%;
}

.sub_min > .contents .sns-facebook:before {
    background: url('../../../new/images/sub/common/sns-facebook.png') no-repeat 50% 50%;
    background-size: 100%;
}

.sub_min > .contents .sns-kakaostory:before {
    background: url('../../../new/images/sub/common/sns-kakaostory.png') no-repeat 50% 50%;
    background-size: 100%;
}

.sub_min > .contents .sns-blog:before {
    background: url('../../../new/images/sub/common/sns-blog.png') no-repeat 50% 50%;
    background-size: 100%;
}

.sub_min > .contents .sns-kakaotalk:before {
    background: url('../../../new/images/sub/common/sns-kakaotalk.png') no-repeat 50% 50%;
    background-size: 100%;
}

/* Table */
.sub_min > .contents table caption {
    visibility: visible;
    height: 1px;
    font-size: 0em;
    line-height: 1px;
}

.sub_min > .contents .table-default {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    margin: 16px 0px;
}

.sub_min > .contents .table-default th,
.sub_min > .contents .table-default td {
    height: 28px;
    word-break: keep-all;
    line-height: 1.5;
    padding: 8px 12px;
}

.sub_min > .contents .table-default thead th {
    background-color: #f2f6f6;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .table-default td {
    border: 1px solid #e0e0e0;
    padding: 8px 12px;
}

.sub_min > .contents .table-default.table-input-01 th {
    font-weight: 600;
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .table-default.table-input-01 th,
.sub_min > .contents .table-default.table-input-01 td {
    border-right: none;
    border-left: none;
}

.sub_min > .contents .table-default.table-detail-01 th {
    font-weight: 600;
    text-align: right;
    background-color: #fdfaf5;
    border: 1px solid #e0e0e0;
    padding-right: 16px;
}

.sub_min > .contents .table-default.table-detail-01.gray-fc th {
    background-color: #fcfcfc;
}

.sub_min > .contents .table-default.table-detail-01 th:after {
    content: "";
    background: url('../../../new/images/sub/common/icon-arrow-20r.svg') no-repeat 50% 60%;
    filter: invert(85%) sepia(9%) saturate(10%) hue-rotate(340deg) brightness(91%) contrast(84%);
    padding: 0px 7px;
    margin-left: 4px;
}

.sub_min > .contents .table-default.table-detail-01 th,
.sub_min > .contents .table-default.table-detail-01 td {
    border-right: none;
    border-left: none;
}

.sub_min > .contents .table-default.table-list-01.c-gray thead th {
    background-color: #f7f7f7;
}

.sub_min > .contents .table-default.table-list-01 th {
    background-color: #f2f6f6;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .table-default.table-list-01.type-02 th {
    text-align: right;
    background-color: #fcfcfc;
}

.sub_min > .contents .table-default.table-list-01.type-02 th:after {
    content: "";
    background: url('../../../new/images/sub/common/icon-arrow-20r.svg') no-repeat 0% 60%;
    filter: invert(85%) sepia(9%) saturate(10%) hue-rotate(340deg) brightness(91%) contrast(84%);
    padding: 0px 7px;
    margin-left: 2px;
}

.sub_min > .contents .table-default.table-list-01 td {
    text-align: center;
}

.sub_min > .contents .table-default.table-list-01.type-02 td {
    text-align: left;
}

.sub_min > .contents .table-default.table-list-01 th,
.sub_min > .contents .table-default.table-list-01 td {
    border-right: none;
    border-left: none;
}

.sub_min > .contents .table-default.table-list-01 .subject,
.sub_min > .contents .table-default.table-list-01 .activity {
    text-align: left;
}

.sub_min > .contents .table-default.table-list-01 .subject .subject-group > dt,
.sub_min > .contents .table-default.table-list-01 .activity .activity-group > dt {
    font-weight: 500;
}

.sub_min > .contents .table-default.table-list-01 .subject .subject-group > dd,
.sub_min > .contents .table-default.table-list-01 .activity .activity-group > dd {
    color: #616161;
    font-size: 14px;
}

.sub_min > .contents .table-default.table-list-01 .subject .subject-group .division,
.sub_min > .contents .table-default.table-list-01 .activity .activity-group .division,
.sub_min > .contents .table-default.table-list-01 span.division {
    color: #e0e0e0;
}

.sub_min > .contents .table-default.table-list-01 .period {
    font-size: 14px;
}

.sub_min > .contents .table-default.table-list-01 .introduce {
    color: #616161;
    text-align: left;
}

.sub_min > .contents .table-default.table-list-01 .introduce > a {
    color: #616161;
}

.sub_min > .contents .table-default.table-list-01 .introduce.volunteer > a {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Pagination */
.sub_min > .contents .pagination {
    display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
    font-size: 15px;
    margin-top: 32px;
}
    
.sub_min > .contents .pagination a {
    min-width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin: 4px;
}

.sub_min > .contents .pagination a.first {
    background: url('../../../new/images/sub/common/arrow-first.svg') no-repeat 50% 50%;
    background-color: #f5f5f5;
}

.sub_min > .contents .pagination a.before {
    background: url('../../../new/images/sub/common/arrow-before.svg') no-repeat 50% 50%;
    background-color: #f5f5f5;
}

.sub_min > .contents .pagination a.next {
    background: url('../../../new/images/sub/common/arrow-next.svg') no-repeat 50% 50%;
    background-color: #f5f5f5;
}

.sub_min > .contents .pagination a.last {
    background: url('../../../new/images/sub/common/arrow-last.svg') no-repeat 50% 50%;
    background-color: #f5f5f5;
    margin-right: 0rem;
}

.sub_min > .contents .pagination a:active,
.sub_min > .contents .pagination a:hover,
.sub_min > .contents .pagination a:focus {
    color: #212121;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .pagination a.current {
    color: #f04c1b;
    font-weight: 600;
    background-color: #feefd9;
    border: 1px solid #feefd9;
}

/* Icon, Mark, Badge, Status */
.sub_min > .contents .icon-new:before {
    position: relative;
    bottom: 1px;
    display: inline-block;
    width: 16px;
    content: "N";
    color: #ffffff;
    font-size: 10px;
    font-weight: 500;
    line-height: 17px;
    text-align: center;
    background-color: #cf1d2b;
    border-radius: 3px;
    margin-left: 8px;
}

.sub_min > .contents .bus:after {
    position: relative;
    bottom: 2px;
    display: inline-block;
    width: 16px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    margin-left: 4px;
    margin-right: 8px;
}

.sub_min > .contents .icon-Bbus:after {
    content: "B";
    background-color: #3c79d5;
}

.sub_min > .contents .icon-Gbus:after {
    content: "G";
    background-color: #48a644;
}

.sub_min > .contents .icon-notice:before {
    display: inline-block;
    width: 40px;
    content: "공지";
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    background-color: #4f7a89;
    border-radius: 3px;
}

.sub_min > .contents .icon-answer:before {
    display: inline-block;
    content: "";
    background: url('../../../new/images/sub/common/icon-reply.png') no-repeat 50% -2px;
    padding: 8px;
    margin-left: 16px;
}

.sub_min > .contents .icon-answer:after {
    display: inline-block;
    width: 40px;
    content: "답변";
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    background-color: #4f7a89;
    border-radius: 3px;
    margin-right: 12px;
    margin-left: 4px;
}

.sub_min > .contents .icon-calendar:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-calendar.svg') no-repeat 50% 50%;
    padding: 0px 8px;
}

.sub_min > .contents .icon-search:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-search.svg') no-repeat -2px 50%;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(236deg) brightness(104%) contrast(102%);
    padding-right: 24px;
}

.sub_min > .contents .btn-md.icon-search:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-search.svg') no-repeat -2px 50%;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(236deg) brightness(104%) contrast(102%);
    background-size: 100%;
    padding-right: 22px;
}

.sub_min > .contents .icon-scrap:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-scrap.svg') no-repeat -2px 50%;
    filter: invert(15%) sepia(10%) saturate(33%) hue-rotate(326deg) brightness(93%) contrast(84%);
    padding-right: 20px;
}

.sub_min > .contents .icon-print:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-print.svg') no-repeat -2px 50%;
    filter: invert(15%) sepia(10%) saturate(33%) hue-rotate(326deg) brightness(93%) contrast(84%);
    padding-right: 20px;
}

.sub_min > .contents .icon-scrap:hover:before, 
.sub_min > .contents .icon-scrap:active:before, 
.sub_min > .contents .icon-scrap:focus:before,
.sub_min > .contents .icon-print:hover:before, 
.sub_min > .contents .icon-print:active:before, 
.sub_min > .contents .icon-print:focus:before {
	filter: invert(70%) sepia(85%) saturate(5287%) hue-rotate(347deg) brightness(102%) contrast(89%);
}

.sub_min > .contents .icon-arrow-20u:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-arrow-20u.svg') no-repeat -2px 50%;
    filter: invert(57%) sepia(1%) saturate(410%) hue-rotate(332deg) brightness(101%) contrast(84%);
    padding-right: 20px;
}

.sub_min > .contents .icon-arrow-20d:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-arrow-20d.svg') no-repeat -2px 50%;
    filter: invert(57%) sepia(1%) saturate(410%) hue-rotate(332deg) brightness(101%) contrast(84%);
    padding-right: 20px;
}

.sub_min > .contents .icon-download:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-download.svg') no-repeat -2px 50%;
    filter: invert(15%) sepia(10%) saturate(33%) hue-rotate(326deg) brightness(93%) contrast(84%);
    padding-right: 20px;
}

.sub_min > .contents .icon-map-view:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-map-view.svg') no-repeat 50% 50%;
    filter: invert(77%) sepia(5%) saturate(2281%) hue-rotate(127deg) brightness(87%) contrast(88%);
    padding-right: 20px;
}

.sub_min > .contents .icon-map-view:hover:before, 
.sub_min > .contents .icon-map-view:active:before, 
.sub_min > .contents .icon-map-view:focus:before {
	filter: invert(48%) sepia(68%) saturate(416%) hue-rotate(309deg) brightness(97%) contrast(105%) !important;
}

.sub_min > .contents .icon-like:before {
    content: "";
    background: url('../../../new/images/sub/common/icon-like.svg') no-repeat 50% 50%;
    filter: invert(69%) sepia(0%) saturate(0%) hue-rotate(105deg) brightness(100%) contrast(90%);
    padding: 0px 8px;
}

.sub_min > .contents .icon-like:hover:before, 
.sub_min > .contents .icon-like:active:before, 
.sub_min > .contents .icon-like:focus:before {
	filter: invert(41%) sepia(84%) saturate(7088%) hue-rotate(353deg) brightness(94%) contrast(86%);
}

.sub_min > .contents .icon-attach:before {
    content: "";
    filter: invert(15%) sepia(10%) saturate(33%) hue-rotate(326deg) brightness(93%) contrast(84%);
    padding-right: 20px;
}

.sub_min > .contents .icon-attach.file-01:before {
    background: url('../../../new/images/sub/common/icon-file.svg') no-repeat -2px 50%;
    background-size: 100%;
}

.sub_min > .contents .icon-lock {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999em;
    background: url('../../../new/images/sub/common/icon-lock.svg') no-repeat 50% 50%;
    filter: invert(69%) sepia(0%) saturate(0%) hue-rotate(105deg) brightness(100%) contrast(90%);
    background-size: 16px 16px;
    margin-left: 8px;
}

.sub_min > .contents span.mark {
    display: block;
    width: 44px;
    height: 44px;
    font-weight: 600;
    line-height: 44px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

.sub_min > .contents span.mark01 {
    color: #a61198;
    background-color: rgba(92, 17, 166, 0.15);
}

.sub_min > .contents span.mark02 {
    color: #00a638;
    background-color: rgba(0, 166, 56, 0.15);
}

.sub_min > .contents .badge {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    vertical-align: middle;
    background-color: #eeeeee;
    border-radius: 5px;
    padding: 0px 9px;
    margin-right: 4px;
}

.sub_min > .contents .badge:last-child {
    margin-right: 0px;
}

.sub_min > .contents .badgeAdult {background-color: #0072b0;}
.sub_min > .contents .badgeYouth {background-color: #48a644;}
.sub_min > .contents .badgeRperiod {background-color: #cf1d2b;}
.sub_min > .contents .badgeTalent {background-color: #643dc8;}

.sub_min > .contents .badgeCulture {
    color: #ffffff;
    background-color: #a61198;
}

.sub_min > .contents .badgePhysical {
    color: #ffffff;
    background-color: #00a638;
}

.sub_min > .contents .badgeWhite {
    color: #333333;
    background-color: #ffffff;
}

.sub_min > .contents .badgeName {
    color: #ffffff;
    background-color: #4f7a89;
}

.sub_min > .contents .status {
	position: relative;
    display: inline-block;
    min-width: 56px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
	background-color: #73757f;
    border-radius: 5px;
    padding: 0 9px;
}

.sub_min > .contents .status:after {
	position: absolute;
	content: "";
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	pointer-events: none;
	border: solid transparent;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #73757f;
	border-width: 4px;
	margin-top: -4px;
}

.sub_min > .contents .status-waiting {background-color: #ed4040;}
.sub_min > .contents .status.status-waiting:after {border-right-color: #ed4040;}

.sub_min > .contents .status-recruiting {background-color: #3c79d5;}
.sub_min > .contents .status.status-recruiting:after {border-right-color: #3c79d5;}

.sub_min > .contents .status-close {background-color: #848690;}
.sub_min > .contents .status.status-close:after {border-right-color: #848690;}

.sub_min > .contents .status-active {background-color: #3c79d5;}
.sub_min > .contents .status.status-active:after {border-right-color: #3c79d5;}

.sub_min > .contents .status-request {background-color: #ed4040;}
.sub_min > .contents .status.status-request:after {border-right-color: #ed4040;}

.sub_min > .contents .status-selection {background-color: #226ac4;}
.sub_min > .contents .status.status-selection:after {border-right-color: #226ac4;}

/* Search */
.sub_min > .contents .searchWrap {
    margin-top: 56px;
}

.sub_min > .contents .searchResult table .single-subject,
.sub_min > .contents .detail-list-nav table .single-subject {
    font-weight: 500;
    text-align: left;
}

.sub_min > .contents .searchResult table .single-subject > .inner,
.sub_min > .contents .detail-list-nav table .single-subject > .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sub_min > .contents .searchResult table .single-subject > .inner .subject,
.sub_min > .contents .searchResult table .subject > .subject-group > dt,
.sub_min > .contents .detail-list-nav table .single-subject > .inner .subject {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sub_min > .contents .searchResult table .text-left {
    text-align: left;
}

.sub_min > .contents .regionalCenter .searchResult .boxR-default {
    border: 1px solid #eeeeee;
    padding: 40px 40px;
    margin-bottom: 0;
}

.sub_min > .contents .regionalCenter .searchResult .subject {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: #f7f7f7;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 16px;
    margin-bottom: 3px;
}

.sub_min > .contents .regionalCenter .searchResult .subject > p {
    font-size: 18px;
    font-weight: 600;
    margin-left: 12px;
}

.sub_min > .contents .regionalCenter .searchResult .subject > span {
    position: relative;
}

.sub_min > .contents .regionalCenter .searchResult .subject .badge:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 50%;
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    border-width: 4px;
    margin-top: -4px;
}

.sub_min > .contents .regionalCenter .searchResult .subject .badgeCulture:after {
    border-color: rgba(92, 17, 166, 0);
    border-left-color: #a61198;
}

.sub_min > .contents .regionalCenter .searchResult .subject .badgePhysical:after {
    background-color: rgba(0, 166, 56, 0);
    border-left-color: #00a638;
}

.sub_min > .contents .regionalCenter .searchResult > ul {
	display: flex;
	flex-wrap: wrap;
}

.sub_min > .contents .regionalCenter .searchResult > ul > li {
    width: calc(50% - 20px);
    
}

.sub_min > .contents .regionalCenter .searchResult > ul li:nth-child(odd) {
    margin-right: 20px;
    margin-bottom: 40px;
}

.sub_min > .contents .regionalCenter .searchResult > ul li:nth-child(even) {
    margin-left: 20px;
    margin-bottom: 40px;
}

.sub_min > .contents .regionalCenter .searchResult > ul li th {
    font-weight: 600;
}

.sub_min > .contents .regionalCenter .map-view {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sub_min > .contents .regionalCenter .map-view > p:first-child,
.sub_min > .contents .regionalCenter .map-view > a:first-child {
    margin-right: 8px;
}

.sub_min > .contents .regionalCenter .map-view > .icon-map-view:before {
    background-size: 124%;
    padding: 4px 12px;
}

/* Integrated Search */
.sub_min > .contents .sub-body.integratedSearch {
    margin-bottom: 56px;
}

.sub_min > .contents .sub-body.integratedList .searchWhole {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 0px 24px;
    margin-bottom: 24px;
}

.sub_min > .contents .sub-body.integratedList .category {
    margin-bottom: 48px;
    position: relative;
}

.sub_min > .contents .sub-body.integratedList .category > p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 48px;
    background-color: #4f7a89;
    border-radius: 5px;
    padding: 0px 24px;
    margin-bottom: 3px;
}

.sub_min > .contents .sub-body.integratedList .category > p.none {
    background-color: #73757f;
}

.sub_min > .contents .sub-body.integratedList .category > ul.list > li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    line-height: 44px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0px 24px;
}

.sub_min > .contents .sub-body.integratedList .category > .list > li.none {
    color: #808080;
    font-weight: 400;
    text-align: center;
}

/* Board */
.sub_min > .contents .boardWrite.volunteer-search .NoticeBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 24px;
    margin-top: 56px;
}

.sub_min > .contents .boardWrite.volunteer-search .NoticeBox > p:first-child {
    margin-right: 40px;
}

.sub_min > .contents .boardWrite.apply-activity .sub-title-line {
margin-top: 64px;
}

.sub_min > .contents ul.imgList-default {
    border-top: 1px solid #e0e0e0;
}

.sub_min > .contents ul.imgList-default > li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 0px;
}

.sub_min > .contents ul.imgList-default > li .photo {
    display: block;
    width: 216px;
    height: 132px;
    background: url('../../../new/images/sub/search/volunteer-picture.png') no-repeat 50% 50%;
    background-color: #ffffff;
    background-size: cover;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents ul.imgList-default > li .photo img {
    display: block;
    width: 100%;
    height: 132px;
    object-fit: cover;
}

.sub_min > .contents ul.imgList-default > li .summary {
    position: relative;
    width: calc(100% - 256px);
    margin-left: 40px;
}

.sub_min > .contents ul.imgList-default > li .summary dt {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
    font-weight: 600;
    margin-right: 90px;
}

.sub_min > .contents .sub-body.dataList-search {
    margin-bottom: 56px;
}

.sub_min > .contents .dataList ul.imgList-default > li .photo {
    display: block;
    width: 160px;
    height: 160px;
    background: none;
    background-color: #ffffff;
    background-size: cover;
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .dataList ul.imgList-default > li .photo img {
    height: 100%;
    object-fit: fill;
    /* object-fit: scale-down; */
}

.sub_min > .contents .dataList ul.imgList-default > li .summary {
    width: calc(100% - 160px);
}

.sub_min > .contents .dataList ul.imgList-default > li .summary p.subject {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
    font-weight: 600;
}

.sub_min > .contents .dataList ul.imgList-default > li .summary dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}

.sub_min > .contents .dataList ul.imgList-default > li .summary dt {
    width: 72px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    background-color: #848690;
    border-radius: 5px;
    padding: 0px 8px;
    margin-right: 12px;
}

.sub_min > .contents .dataList ul.imgList-default > li .summary dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 16px;
}

.sub_min > .contents .dataList ul.imgList-default > li .summary dd:nth-of-type(1) {width: 136px;}
.sub_min > .contents .dataList ul.imgList-default > li .summary dd:nth-of-type(2) {width: 200px;}
.sub_min > .contents .dataList ul.imgList-default > li .summary dd:nth-of-type(3) {width: 360px;}
.sub_min > .contents .dataList ul.imgList-default > li .summary dd:nth-of-type(4) {width: 136px;}
.sub_min > .contents .dataList ul.imgList-default > li .summary dd:nth-of-type(5) {width: 200px;}

.sub_min > .contents ul.imgList-default > li .info {
    color: #616161;
    font-size: 14px;
    margin-top: 4px;
}

.sub_min > .contents ul.imgList-default > li .division {
    color: #e0e0e0;
}

.sub_min > .contents ul.imgList-default > li .detail {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 24px;
    margin-top: 16px;
}

.sub_min > .contents .dataList ul.imgList-default > li .detail {
    -webkit-line-clamp: 2;
}

.sub_min > .contents ul.imgList-default > li .like {
    position: absolute;
    top: 3px;
    left: 92%;
}

.sub_min > .contents ul.imgList-default > li .icon-like:before {
    content: "";
    background-size: 110%;
    padding: 4px 12px;
}

.sub_min > .contents ul.imgList-default > li .like > a {
    color: #616161;
    font-size: 14px;
}

.sub_min > .contents ul.imgList-default > li .like > a > span {
    margin-left: 6px;
}

.sub_min > .contents ul.imgList-default > li .like > a.icon-like.zero > span {
    display: none;
}

.sub_min > .contents .reviewDetail .share-sns {
    margin-bottom: 12px;
}

.sub_min > .contents .reviewDetail .detail-view .subject {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sub_min > .contents .reviewDetail .detail-view .subject p:first-child {
    width: calc(100% - 200px);
    text-align: center;
    margin-left: 100px;
}

.sub_min > .contents .reviewDetail .detail-view .subject .like .icon-like:before {
    content: "";
    background-size: 100%;
    padding: 2px 12px 4px 12px;
}

.sub_min > .contents .reviewDetail .detail-view .subject .like > a {
    color: #616161;
    font-size: 14px;
}

.sub_min > .contents .reviewDetail .detail-view .subject .like > a.icon-like {
    background-color: #ffffff;
    border-radius: 100px;
    padding: 8px 16px 8px 12px;
}

.sub_min > .contents .reviewDetail .detail-view .subject .like > a.icon-like.zero {
    background-color: #ffffff;
    border-radius: 100%;
    padding: 8px 4px;
}

.sub_min > .contents .reviewDetail .detail-view .subject .like > a > span {
    margin-left: 6px;
}

.sub_min > .contents .reviewDetail .detail-view .subject .like > a.icon-like.zero > span {
    display: none;
}

.sub_min > .contents .reviewDetail .detail-view .detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .reviewDetail .detail-view .detail img {
    display: block;
    max-width: 800px;
    height: auto;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 24px;
}

.sub_min > .contents .communityList .searchWrap,
.sub_min > .contents .noticeList .searchWrap,
.sub_min > .contents .qnaList .searchWrap,
.sub_min > .contents .faqList .searchWrap {
    margin-bottom: 16px;
}

.sub_min > .contents .noticeList table .notice-tr {
    background-color: #fbfcfd;
}

.sub_min > .contents .dataDetail .detail-view .detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .dataDetail .detail-view .detail img {
    display: block;
    max-width: 800px;
    height: auto;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 24px;
}

.sub_min > .contents ul.attach-file > li {
    margin-top: 2px;
}

/* Form */
.sub_min > .contents .form-control {
    display: block;
    width: 100%;
    font-size: inherit;
    font-weight: 400;
    color: #212121;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
	box-shadow: none;
    padding: 4px 12px;
}

.sub_min > .contents .form-control:focus {
    border-color: #616161;
    outline: 1px;
}

.sub_min > .contents .form-control:disabled, 
.sub_min > .contents .form-control[readonly] {
    background-color: #fcfcfc;
    opacity: 1;
}

.sub_min > .contents .form-control-sm {
    height: 35px;
    line-height: 1.2;
}

.sub_min > .contents select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../../../new/images/sub/common/icon-select.svg');
    background-size: 20px;
    background-position: calc(100% - 5px) 55%;
    background-repeat: no-repeat;
    padding-right: 26px;
}

.sub_min > .contents textarea {
	line-height: 24px;
    resize: none;
}

/* Button */
.sub_min > .contents .btn {
	display: inline-block;
	color: #212121;
	font-size: inherit;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0px 28px;
	margin-right: 4px;
}

.sub_min > .contents .btn:hover, .sub_min > .contents .btn:focus, .sub_min > .contents .btn.focus {
	color: #ffffff;
	text-decoration: none;
    background-color: #f04c1b;
}

.sub_min > .contents .btn-default {
	min-width: 112px;
    height: 41px;
    color: #ffffff;
    font-size: 17px;
	line-height: 41px;
	background-color: #848690;
	border: 1px solid #848690;
    border-radius: 6px;
}

.sub_min > .contents .btn-default:hover, .sub_min > .contents .btn-default:active, .sub_min > .contents .btn-default:focus {
	color: #ffffff;
	background-color: #f04c1b;
	border: 1px solid #f04c1b;
}

.sub_min > .contents .btn-line {
    height: 41px;
    color: #212121;
    font-size: 17px;
	line-height: 41px;
	background-color: #eeeeee;
	border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.sub_min > .contents .btn-line.bc-white {
	background-color: #ffffff;
	border: 1px solid #f1692a;
}

.sub_min > .contents .btn-line:hover, .sub_min > .contents .btn-line:active, .sub_min > .contents .btn-line:focus {
	color: #f04c1b;
	background-color: #ffffff;
	border: 1px solid #f1692a;
}

.sub_min > .contents .btnR-default {
    background-color: #eeeeee;
	border: 1px solid #eeeeee;
	border-radius: 50px;
}

.sub_min > .contents .btnR-default:hover, .sub_min > .contents .btnR-default:active, .sub_min > .contents .btnR-default:focus {
	color: #ffffff;
	background-color: #f1692a;
	border: 1px solid #f1692a;
}

.sub_min > .contents .btn-primary {background-color: #f1692a; border: 1px solid #f1692a;}
.sub_min > .contents .btn-primary:hover, .sub_min > .contents .btn-primary:active, .sub_min > .contents .btn-primary:focus {background-color: #f04c1b; border: 1px solid #f04c1b;}

.sub_min > .contents .btn-secondary {background-color: #848690; border: 1px solid #848690;}
.sub_min > .contents .btn-secondary:hover, .sub_min > .contents .btn-secondary:active, .sub_min > .contents .btn-secondary:focus {background-color: #73757f; border: 1px solid #73757f;}

.sub_min > .contents .btn-tertiary {background-color: #4f7a89; border: 1px solid #4f7a89;}
.sub_min > .contents .btn-tertiary:hover, .sub_min > .contents .btn-tertiary:active, .sub_min > .contents .btn-tertiary:focus {color: #ffffff; background-color: #446875; border: 1px solid #446875;}

.sub_min > .contents .btn-volunteer-group {background-color: #287980; border: 1px solid #287980;}
.sub_min > .contents .btn-volunteer-group:hover, .sub_min > .contents .btn-volunteer-group:active, .sub_min > .contents .btn-volunteer-group:focus {color: #ffffff; background-color: #22676d; border: 1px solid #22676d;}

.sub_min > .contents .btn-success {background-color: #48a644; border: 1px solid #48a644;}
.sub_min > .contents .btn-success:hover, .sub_min > .contents .btn-success:active, .sub_min > .contents .btn-success:focus {color: #ffffff; background-color: #48a644; border: 1px solid #48a644;}

.sub_min > .contents .btn-fail {background-color: #ff0000; border: 1px solid #ff0000;}
.sub_min > .contents .btn-fail:hover, .sub_min > .contents .btn-success:active, .sub_min > .contents .btn-success:focus {color: #ffffff; background-color: #ff0000; border: 1px solid #ff0000;}

.sub_min > .contents .btn-xsm {
    color: #ffffff;
    height: 27px;
    font-size: 15px;
	line-height: 27px;
    border-radius: 5px;
    padding: 0px 12px;
}

.sub_min > .contents .btn-sm {
    height: 31px;
    font-size: 15px;
	line-height: 31px;
    padding: 0px 16px;
}

.sub_min > .contents .btn-md {
    height: 35px;
    font-size: 15px;
	line-height: 35px;
    padding: 0px 20px;
}

.sub_min > .contents .searchWrap .btn-md.icon-search {
    min-width: 96px;
    height: 35px;
    font-size: 16px;
	line-height: 35px;
    padding: 0px 16px;
}

.sub_min > .contents .btn-group {
    margin-top: 40px;
    margin-bottom: 40px;
}

.sub_min > .contents .btn-group > ul {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
}

.sub_min > .contents .btn-group > ul > li:last-child .btn {
    margin-right: 0px;
}

/* Custom Radio */
.sub_min > .contents .radio-custom {
	position: relative;
}

.sub_min > .contents .radio-custom input {
    -webkit-appearance: auto;
    appearance: auto;
}

.sub_min > .contents .radio-custom input[type="radio"] {
	cursor: pointer;
    margin-left: 2px;
}

.sub_min > .contents .radio-custom input[type="radio"]:checked + label:after {
	display: inline-block;
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 4px;
	width: 10px;
	height: 10px;
	background-color: #212121;
	border-radius: 50px;
	box-shadow: 0px 0px 1px #616161;
	margin-top: -5px;
}

.sub_min > .contents .radio-custom input[type="radio"]:disabled {
	cursor: not-allowed;
}

.sub_min > .contents .radio-custom input[type="radio"]:disabled:checked + label:after {
	color: #808080;
}

.sub_min > .contents .radio-custom input[type="radio"]:disabled + label {
	cursor: not-allowed;
}

.sub_min > .contents .radio-custom input[type="radio"]:disabled + label:before {
    border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
}

.sub_min > .contents .radio-custom label {
	cursor: pointer;
	margin-right: 16px;
	margin-left: 2px;
}

.sub_min > .contents .radio-custom label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 50px;
	border: 1px solid #9e9e9e;
	background: #ffffff;    
	margin-top: -10px;
}

/* Custom Checkbox */
.sub_min > .contents .checkbox-custom {
    position: relative;
}

.sub_min > .contents .checkbox-custom input {
    -webkit-appearance: auto;
    appearance: auto;
}

.sub_min > .contents .checkbox-custom input[type="checkbox"] {
    cursor: pointer;
}

.sub_min > .contents .checkbox-custom input[type="checkbox"]:checked + label:after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    width: 12px;
    height: 14px;
    background: url('../../../new/images/sub/common/icon-check.svg') no-repeat 50% 50%;
    margin-top: -7px;
}

.sub_min > .contents .checkbox-custom label {
    cursor: pointer;
	margin-right: 16px;
	margin-left: 2px;
}

.sub_min > .contents .checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #bbbbbb;
    background: #ffffff;
}

.sub_min > .contents .checkbox-custom input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.sub_min > .contents .checkbox-custom input[type="checkbox"]:disabled:checked + label:after {
    color: #808080;
}

.sub_min > .contents .checkbox-custom input[type="checkbox"]:disabled + label {
    cursor: not-allowed;
}

.sub_min > .contents .checkbox-custom input[type="checkbox"]:disabled + label:before {
    border: 1px solid #e0e0e0;
    background-color: #fcfcfc;
}

/* Detail */
.sub_min > .contents .detail-info {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 24px 0px 12px 0px;
}

.sub_min > .contents .detail-info .period {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-right: 24px;
}

.sub_min > .contents .detail-info .period > dd {
    font-weight: 500;
    line-height: 20px;
}

.sub_min > .contents .detail-view > .subject {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #73757f;
    padding: 12px 16px;
}

.sub_min > .contents .detail-view > .subject.status-recruiting {
    background-color: #1a874f;
}

.sub_min > .contents .detail-view > .subject.status-waiting {
    background-color: #cf1d2b;
}

.sub_min > .contents .detail-view > .subject.status-close {
    background-color: #73757f;
}

.sub_min > .contents .detail-view > .subject.place-activity {
    background-color: #0c63a6;
}

.sub_min > .contents .detail-view > .subject.volunteer-group {
    background-color: #287980;
}

.sub_min > .contents .detail-view > .subject.status-notification {
    background-color: #4f7a89;
}

.sub_min > .contents .detail-view > .subject .badgeWhite {
    position: relative;
    font-size: 14px;
    padding: 0px 16px;
}

.sub_min > .contents .detail-view > .subject .badgeWhite:after {
	position: absolute;
	content: "";
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	pointer-events: none;
	border: solid transparent;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}

.sub_min > .contents .detail-view > .subject p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-left: 16px;
}

.sub_min > .contents .detail-view > .subject p .division {
    font-size: 18px;
    font-weight: 500;
    margin-left: 16px;
}

.sub_min > .contents .detail-view .map-view {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sub_min > .contents .detail-view .map-view > p:first-child,
.sub_min > .contents .detail-view .map-view > a:first-child {
    margin-right: 8px;
}

.sub_min > .contents .detail-view .map-view > .icon-map-view:before {
    background-size: 124%;
    padding: 4px 12px;
}

.sub_min > .contents .detail-view > table .introduce {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .volunteerWrap,
.sub_min > .contents .managerWrap {
    margin-top: 48px;
}

.sub_min > .contents .volunteerWrap > .boxR-default {
    padding: 48px;
}

.sub_min > .contents .volunteerWrap .profile {
    width: 142px;
    margin-right: 40px;
}

.sub_min > .contents .volunteerWrap .profile.picture {
    display: block;
    height: 182px;
    background: url('../../../new/images/sub/search/volunteer-picture.png') no-repeat 50% 50%;
    background-color: #ffffff;
    background-size: cover;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.sub_min > .contents .volunteerWrap .profile.picture > img {
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.sub_min > .contents .volunteerWrap .information {
    width: calc(100% - 182px);
}

.sub_min > .contents .volunteerWrap > .introduce {
    line-height: 24px;
    border-bottom: 1px solid #e0e0e0;
    padding: 40px 12px;
}

.sub_min > .contents .volunteerWrap > .category-title {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 24px;
}

.sub_min > .contents .volunteerWrap > .category-title > h4:after,
.sub_min > .contents .managerWrap > .category-title > h4:after,
.sub_min > .contents .noticeService > .category-title > h4:after {
    content: "";
    background: url('../../../new/images/sub/common/icon-arrow-24d.svg') no-repeat 50% 50%;
    filter: invert(33%) sepia(100%) saturate(1435%) hue-rotate(350deg) brightness(95%) contrast(98%);
    padding: 0px 7px;
    margin-left: 8px;
}

.sub_min > .contents .managerWrap > .category-title {
    margin-bottom: 8px;
}

.sub_min > .contents .detail-list-nav {
    margin: 64px 0px;
}

.sub_min > .contents .commentWrap {
    margin: 64px 0px;
}

.sub_min > .contents .commentWrap .list > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 24px;
}

.sub_min > .contents .commentWrap .list > li:last-child {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 40px;
}

.sub_min > .contents .commentWrap .list > li > div:first-child {
    width: calc(100% - 160px);
}

.sub_min > .contents .commentWrap .list > li > div:last-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 160px;
}

.sub_min > .contents .commentWrap .list .information {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sub_min > .contents .commentWrap .list .information > img {
    width: auto;
    height: 24px;
}

.sub_min > .contents .commentWrap > .list dl {
    line-height: 1;
}

.sub_min > .contents .commentWrap > .list dt {
    margin-left: 16px;
}

.sub_min > .contents .commentWrap > .list dd {
    color: #616161;
    font-size: 15px;
    border-left: 1px solid #e0e0e0;
    padding-left: 16px;
    margin-left: 16px;
}

.sub_min > .contents .commentWrap > .list .comment {
    margin: 20px 0px;
}

.sub_min > .contents .commentWrap > .write > textarea,
.sub_min > .contents .commentWrap > .write > button {
    height: 88px;
}

.sub_min > .contents .communityDetail .share-sns {
    margin-bottom: 12px;
}

.sub_min > .contents .communityDetail .detail-view .detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .noticeDetail .share-sns {
    margin-bottom: 12px;
}

.sub_min > .contents .noticeDetail .detail-view .detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .faqDetail .detail-view {
    margin-top: 48px;
}

.sub_min > .contents .faqDetail .detail-view .detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .qnaDetail .detail-view {
    margin-top: 48px;
}

.sub_min > .contents .qnaDetail .detail-view .detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub_min > .contents .qnaDetail .detail-view > .boxR-default {
    padding: 40px;
    margin-top: 40px;
}

.sub_min > .contents .qnaDetail .detail-view > .boxR-default .detail {
    padding: 32px;
}

/* Site Guide */
.sub_min > .contents .siteGuide > .NoticeBox {
    margin-top: 56px;
    margin-bottom: 56px;
}

.sub_min > .contents .siteGuide.procedure .stepWrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .detail {
    width: calc(100% - 322px - 40px);
}

.sub_min > .contents .siteGuide.procedure .stepWrap .detail > h3 {
    line-height: 1;
    margin-bottom: 24px;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .detail > p {
    line-height: 24px;
    margin-top: 8px;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .detail > p.text-bold {
    font-weight: 600;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .detail > p:first-child {
    margin-top: 16px;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .detail > .NoticeBox {
    border-radius: 0px;
    padding: 12px 16px 10px 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .reference {
    display: block;
    width: 322px;
    height: 322px;
    border: 1px solid #eeeeee;
}

.sub_min > .contents .siteGuide.procedure .stepWrap .reference > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

/* About */
.sub_min > .contents .aboutCulture .introduce {
    width: calc(100% - 400px);
}

.sub_min > .contents .aboutCulture .sub-title-line {
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
}

.sub_min > .contents .aboutCulture .introduce > p {
    line-height: 24px;
    padding-top: 8px;
}

.sub_min > .contents .aboutCulture .character01:before {
    width: 400px;
    height: 200px;
}

.sub_min > .contents .aboutCulture .org-chart {
    margin: 80px 0px;
}

.sub_min > .contents .aboutCulture .org-chart .text-top { 
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}

.sub_min > .contents .aboutCulture .org-chart ul ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    position: relative;
	padding-top: 24px;
}

.sub_min > .contents .aboutCulture .org-chart li {
	position: relative;
    text-align: center;
	list-style-type: none;
	padding: 24px 16px 0px 16px;	
}

.sub_min > .contents .aboutCulture .org-chart li:before,
.sub_min > .contents .aboutCulture .org-chart li:after {
	position: absolute;
    top: 0;
    right: 50%;
	content: '';
	width: 50%;
    height: 24px;
	border-top: 1px solid #e0e0e0;
}

.sub_min > .contents .aboutCulture .org-chart li:after {
	right: auto;
    left: 50%;
	border-left: 1px solid #e0e0e0;
}

.sub_min > .contents .aboutCulture .org-chart li:only-child:after,
.sub_min > .contents .aboutCulture .org-chart li:only-child:before {
	display: none;
}

.sub_min > .contents .aboutCulture .org-chart li:only-child {
    padding-top: 0;
}

.sub_min > .contents .aboutCulture .org-chart li:first-child:before,
.sub_min > .contents .aboutCulture .org-chart li:last-child:after {
	border: 0 none;
}

.sub_min > .contents .aboutCulture .org-chart li:last-child:before {
	border-right: 1px solid #e0e0e0;
	border-radius: 0 5px 0 0;
}

.sub_min > .contents .aboutCulture .org-chart li:first-child:after {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

.sub_min > .contents .aboutCulture .org-chart .logo-kccf {
    width: 320px;
    height: 96px;
    background-color: #ffffff;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}

.sub_min > .contents .aboutCulture .org-chart .logo-kccf:before {
    display: block;
    content: "";
    height: inherit;
    background: url('../../../new/images/sub/introduce/logo-kccf.png') no-repeat 50% 50%;
    background-size: auto 42%;
}

.sub_min > .contents .aboutCulture .org-chart ul p.logo-kccf:after {
	position: absolute;
    top: 96px;
    left: 50%;
	content: '';
	width: 0;
    height: 16px;
	border-left: 1px solid #e0e0e0;
}

.sub_min > .contents .aboutCulture .org-chart ul ul:before {
	position: absolute;
    top: 0;
    left: 50%;
	content: '';
	width: 0;
    height: 24px;
	border-left: 1px solid #e0e0e0;
}

.sub_min > .contents .aboutCulture .org-chart li p {
    width: 240px;
    font-weight: 600;
    line-height: 46px;
    background-color: #fcfcfc;
	border: 1px solid #e0e0e0;
}

.sub_min > .contents .aboutCulture .org-chart li p.logo-kccf,
.sub_min > .contents .aboutCulture .org-chart li .culture p,
.sub_min > .contents .aboutCulture .org-chart li .physical p {
	display: inline-block;
}

.sub_min > .contents .aboutCulture .org-chart li .culture ul,
.sub_min > .contents .aboutCulture .org-chart li .physical ul {
	display: flex;
	flex-direction: column;
}

.sub_min > .contents .aboutCulture .org-chart li .culture ul li:before,
.sub_min > .contents .aboutCulture .org-chart li .culture ul li:after,
.sub_min > .contents .aboutCulture .org-chart li .physical ul li:before,
.sub_min > .contents .aboutCulture .org-chart li .physical ul li:after {
	border-top: none;
}

.sub_min > .contents .aboutCulture .org-chart li .culture > ul,
.sub_min > .contents .aboutCulture .org-chart li .physical > ul {
    padding-top: 0px;
}

.sub_min > .contents .aboutCulture .org-chart li .culture > ul li:first-child:after,
.sub_min > .contents .aboutCulture .org-chart li .culture > ul li:last-child:before,
.sub_min > .contents .aboutCulture .org-chart li .physical > ul li:first-child:after,
.sub_min > .contents .aboutCulture .org-chart li .physical > ul li:last-child:before {
	border-radius: 0;
}

.sub_min > .contents .aboutCulture .org-chart li .culture p {
    background-color: rgba(166, 17, 152, 0.05);
}

.sub_min > .contents .aboutCulture .org-chart li .culture > p {
    color: #ffffff;
    font-size: 18px;
    line-height: 54px;
	background-color: #a61198;
    border: 1px solid #a61198;
    margin-top: 1px;
}

.sub_min > .contents .aboutCulture .org-chart li .physical p {
    background-color: rgba(31, 156, 76, 0.05);
}

.sub_min > .contents .aboutCulture .org-chart li .physical > p {
    color: #ffffff;
    font-size: 18px;
    line-height: 54px;
	background-color: #1f9c4c;
    border: 1px solid #1f9c4c;
    margin-top: 1px;
}

.sub_min > .contents .aboutCulture .org-chart li.middle {
	padding-top: 105px;
}

.sub_min > .contents .aboutCulture .org-chart li.middle:after {
	border-left: none;
}

.sub_min > .contents .aboutCulture .org-chart li.middle > p {
    position: relative;
    margin-bottom: 24px;
}

.sub_min > .contents .aboutCulture .org-chart li.middle > p:after {
    position: absolute;
    top: 47px;
    right: calc(50% - 12px);
	content: '';
    content: "";
    background: url('../../../new/images/sub/common/arrow-down.svg') no-repeat 50% 60%;
    filter: invert(88%) sepia(0%) saturate(2%) hue-rotate(34deg) brightness(86%) contrast(92%);
    padding: 12px;
}

.sub_min > .contents .aboutCulture .org-chart li.middle > p:last-child:after {
    display: none;
}

.sub_min > .contents .aboutCulture .services {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 64px;
    padding-bottom: 56px;
    margin-bottom: -56px;
}

.sub_min > .contents .aboutCulture .services .sub-title-line {
    margin-bottom: 32px;
}

.sub_min > .contents .aboutCulture .services .list {
    width: calc(50% - 24px);
}

.sub_min > .contents .aboutCulture .services .list:nth-child(odd) {
    margin-right: 24px;
}

.sub_min > .contents .aboutCulture .services .list:nth-child(even) {
    margin-left: 24px;
}

.sub_min > .contents .aboutCulture .services p.box-title {
    color: #ffffff;
    font-weight: 500;
    line-height: 32px;
	background-color: #446875;
    padding: 0px 12px;
}

.sub_min > .contents .aboutCulture .services p.box-title.last {
    margin-top: 55px;
}

.sub_min > .contents .aboutCulture .services ul {
    position: relative;
    padding-top: 16px;
    padding-bottom: 28px;
}

.sub_min > .contents .aboutCulture .services li.disc {
    position: relative;
    padding: 0 0 0 15px;
}

.sub_min > .contents .aboutCulture .services li.disc:before {
    display: block;
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #9e9e9e;
    border-radius: 50%;
}

.sub_min > .contents .aboutCulture .brand-bi .sub-title-line {
    margin-bottom: 32px;
}

.sub_min > .contents .aboutCulture .symbolmark {
    margin-bottom: 56px;
}

.sub_min > .contents .aboutCulture .symbolmark .boxR-default {
    background: repeating-linear-gradient(90deg, #f9f9f9 0, #f9f9f9 5%, transparent 0, transparent 50%), repeating-linear-gradient(180deg, #f9f9f9 0, #f9f9f9 5%, transparent 0, transparent 50%);
    background-size: 24px 24px;
    background-position: 50% -1px;
    border: 1px solid #e0e0e0;
    margin-right: 48px;
    margin-bottom: 0;
}

.sub_min > .contents .aboutCulture .symbolmark .symbolmark-01:before {
    display: block;
    content: "";
    width: 320px;
    height: 200px;
    background: url('../../../new/images/sub/introduce/symbolmark-01.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li {
    position: relative;
    text-align: center;
    font-weight: 600;
    margin-right: 40px;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li:after {
    position: absolute;
    top: calc(50% - 40px);;
    right: -40px;
    content: "+";
    width: 40px;
    color: #aaaaaa;
    font-size: 32px;
    font-weight: 600;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li:last-child {
    margin-right: 0;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li:last-child:after {
    display: none;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li > p {
    margin-bottom: 24px;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li > p:before {
    display: block;
    content: "";
    width: 160px;
    height: 80px;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li > p.symbolmark-02:before {
    background: url('../../../new/images/sub/introduce/symbolmark-02.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li > p.symbolmark-03:before {
    background: url('../../../new/images/sub/introduce/symbolmark-03.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning li > p.symbolmark-04:before {
    background: url('../../../new/images/sub/introduce/symbolmark-04.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning strong {
    font-size: 18px;
}

.sub_min > .contents .aboutCulture .symbolmark > .meaning p {
    line-height: 24px;
}

.sub_min > .contents .aboutCulture .main-color > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.sub_min > .contents .aboutCulture .main-color > ul > li {
    width: calc(33.33% - 32px);
}

.sub_min > .contents .aboutCulture .main-color .boxR-default {
    text-align: center;
    padding: 0;
}

.sub_min > .contents .aboutCulture .main-color .boxR-default .bg-color {
    color: #ffffff;
    font-weight: 600;
    line-height: 120px;
    text-shadow: 0px 0px 6px rgb(0, 0, 0);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sub_min > .contents .aboutCulture .main-color .boxR-default.orange > .bg-color {background-color: #f1592a;}
.sub_min > .contents .aboutCulture .main-color .boxR-default.yellow > .bg-color {background-color: #fcb040;}
.sub_min > .contents .aboutCulture .main-color .boxR-default.skyblue > .bg-color {background-color: #84b1c2;}

.sub_min > .contents .aboutCulture .main-color .boxR-default.orange strong {color: #dc5126;}
.sub_min > .contents .aboutCulture .main-color .boxR-default.yellow strong {color: #d38412;}
.sub_min > .contents .aboutCulture .main-color .boxR-default.skyblue strong {color: #6393a6;}

.sub_min > .contents .aboutCulture .main-color .boxR-default p {
    font-weight: 600;
    line-height: 64px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sub_min > .contents .aboutCulture .bi-download {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 64px;
    padding-bottom: 56px;
    margin-bottom: -56px;
}

.sub_min > .contents .aboutCulture .bi-download .boxR-shadow {
    background: repeating-linear-gradient(90deg, #f9f9f9 0, #f9f9f9 5%, transparent 0, transparent 50%), repeating-linear-gradient(180deg, #f9f9f9 0, #f9f9f9 5%, transparent 0, transparent 50%);
    background-size: 24px 24px;
    background-position: 50% -1px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

.sub_min > .contents .aboutCulture .bi-download .brand-bi:before {
    display: block;
    content: "";
    width: 100%;
    height: 104px;
    background: url('../../../new/images/sub/introduce/brand-bi.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .aboutCulture .character h5.gori,
.sub_min > .contents .aboutCulture .character span.gori {
    color: #6393a6;
    font-weight: 700;
}

.sub_min > .contents .aboutCulture .character h5.ari,
.sub_min > .contents .aboutCulture .character span.ari {
    color: #d38412;
    font-weight: 700;
}

.sub_min > .contents .aboutCulture .character .introduce {
    width: inherit;
}

.sub_min > .contents .aboutCulture .character .introduce .character01:before {
    width: auto;
    height: 320px;
    margin: 0 auto;
}

.sub_min > .contents .aboutCulture .character .introduce p:nth-child(2) {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    margin-top: 40px;
}

.sub_min > .contents .aboutCulture .character .gori-ari ul {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    margin: 64px 0px 80px 0px;
}

.sub_min > .contents .aboutCulture .character .gori-ari li {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    width: calc(50% - 24px);
    text-align: center;
    margin-right: 48px;
    margin-bottom: 0px;
}

.sub_min > .contents .aboutCulture .character .gori-ari li:last-child {
    margin-right: 0;
}

.sub_min > .contents .aboutCulture .character .gori-ari li h5 {
    margin-top: 24px;
}

.sub_min > .contents .aboutCulture .character .gori-ari li p:last-child {
    font-weight: 500;
    line-height: 24px;
}

.sub_min > .contents .aboutCulture .character .character-gori:before {
    width: auto;
    height: 224px;
    margin: 0 auto;
}

.sub_min > .contents .aboutCulture .character .character-ari:before {
    width: auto;
    height: 96px;
    margin: 0 auto;
}

.sub_min > .contents .aboutCulture .character .character-more ul,
.sub_min > .contents .aboutCulture .character .seasons ul {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 64px;
}

.sub_min > .contents .aboutCulture .character .character-more li,
.sub_min > .contents .aboutCulture .character .seasons li {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    width: calc(25% - 30px);
    text-align: center;
    margin-right: 40px;
}

.sub_min > .contents .aboutCulture .character .character-more li:last-child,
.sub_min > .contents .aboutCulture .character .seasons li:last-child {
    margin-right: 0;
}

.sub_min > .contents .aboutCulture .character .character05:before,
.sub_min > .contents .aboutCulture .character .character06:before,
.sub_min > .contents .aboutCulture .character .character07:before,
.sub_min > .contents .aboutCulture .character .character08:before {
    width: auto;
    height: 168px;
    margin: 0 auto;
}

.sub_min > .contents .aboutCulture .character .character0901:before,
.sub_min > .contents .aboutCulture .character .character0902:before,
.sub_min > .contents .aboutCulture .character .character0903:before,
.sub_min > .contents .aboutCulture .character .character0904:before {
    width: auto;
    height: 200px;
    margin: 0 auto;
}

.sub_min > .contents .aboutCulture .character .btn-group {
    margin-bottom: 80px;
}

/* User Guide */
.sub_min > .contents .userGuide > .NoticeBox:first-child {
    margin-top: 56px;
}

.sub_min > .contents .userGuide .blank {
    margin-bottom: 40px;
}

.sub_min > .contents .userGuide ol .oneDepth {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 24px;
}

.sub_min > .contents .userGuide ol .oneDepth > span {
    margin-right: 8px;
}

.sub_min > .contents .userGuide ol.twoDepth {
    margin-left: 22px;
}

.sub_min > .contents .userGuide ol.twoDepth li {
    list-style-type: decimal;
    list-style-position: inside;
    margin-top: 16px;
}

.sub_min > .contents .userGuide ol.twoDepth.list-style-none li {
    list-style-type: none;
}

.sub_min > .contents .userGuide ul.disc {
    margin: 16px 0px 16px 22px;
}

.sub_min > .contents .userGuide ul.disc.inner {
    margin-top: 8px;
}

.sub_min > .contents .userGuide ul.disc li {
    position: relative;
    margin: 2px 0px 2px 12px;
}

.sub_min > .contents .userGuide ul.disc li:before {
    display: block;
    content: '';
    position: absolute;
    top: 7px;
    left: -12px;
    width: 4px;
    height: 4px;
    background-color: #9e9e9e;
    border-radius: 50%;
}

.sub_min > .contents .userGuide ul.disc ul.list-style-none {
    margin-bottom: 24px;
}

.sub_min > .contents .userGuide ul.disc ul.list-style-none li {
    margin-left: 0;
}

.sub_min > .contents .userGuide ul.disc ul.list-style-none li:before {
    display: none;
}

.sub_min > .contents .userGuide.privacyPolicy .btn-xsm {
    color: #212121;
    height: 21px;
    font-size: 14px;
    line-height: 21px;
    margin-left: 12px;
    margin-right: 0;
}

.sub_min > .contents .userGuide.privacyPolicy .btn-xsm:hover, 
.sub_min > .contents .userGuide.privacyPolicy .btn-xsm:active, 
.sub_min > .contents .userGuide.privacyPolicy .btn-xsm:focus {
    color: #f04c1b;
}

.sub_min > .contents .userGuide.privacyPolicy .icon-download:hover:before, 
.sub_min > .contents .userGuide.privacyPolicy .icon-download:active:before, 
.sub_min > .contents .userGuide.privacyPolicy .icon-download:focus:before {
    filter: invert(34%) sepia(73%) saturate(1702%) hue-rotate(350deg) brightness(95%) contrast(97%);
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart {
    margin-bottom: 32px;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li {
    position: relative;
    text-align: center;
    list-style-type: none;
    padding: 32px 16px 0px 16px;	
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default {
    display: inline-block;
    position: relative;
    width: 280px;
    font-weight: 600;
    line-height: 20px;
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 16px;
    margin-bottom: 32px;
    z-index: 100;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default:before {
	position: absolute;
    bottom: -33px;
    left: 50%;
	content: '';
	width: 0;
    height: 32px;
	border-left: 1px solid #e0e0e0;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner .chart-default:before {
	display: none;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default.chart-01 {
    color: #ffffff;
    font-size: 18px;
    background-color: #4f7a89;
    border: 1px solid #4f7a89;
    padding: 26px;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default.chart-02 {
    color: #333333;
    background-color: #d2e3e9;
    border: 1px solid #b5cdd5;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default.chart-03,
.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default.chart-04 {
    color: #ffffff;
    background-color: #73757f;
    border: 1px solid #73757f;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default.chart-05 {
	margin-top: 30px;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart .chart-default.chart-05:before {
	top: -32px;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart ul ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner {
    z-index: 101;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:before,
.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:after {
    position: absolute;
    top: 0;
    right: 50%;
    content: '';
    width: 50%;
    height: 136px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:after {
    right: auto;
    left: 50%;
    border-left: 1px solid #e0e0e0;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:first-child:before,
.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:last-child:after {
    border: 0 none;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:last-child:before {
    border-right: 1px solid #e0e0e0;
    border-radius: 0 5px 5px 0;
}

.sub_min > .contents .userGuide.privacyPolicy .org-chart li.inner:first-child:after {
    border-radius: 5px 0 0 5px;
}

.sub_min > .contents .userGuide.copyrightPolicy > .NoticeBox:nth-child(2) {
    margin-top: 40px;
}

.sub_min > .contents .userGuide.e-mail .NoticeBox {
    padding: 40px 48px;
}

.sub_min > .contents .userGuide.e-mail .symbolmark:before {
    display: block;
    content: "";
    width: 280px;
    height: 136px;
    background: url('../../../new/images/sub/common/symbolmark.png') no-repeat 50% 50%;
    background-size: auto 100%;
}

.sub_min > .contents .userGuide.e-mail h6 {
    font-size: 18px;
    font-weight: 600;
    color: #212121;
    margin-bottom: 16px;
}

.sub_min > .contents .userGuide.e-mail p {
    line-height: 24px;
}

/* My Page */
.sub_min > .contents .groupManagement > .NoticeBox:first-child {
    margin-top: 56px;
}

.sub_min > .contents .infoManagement-01 .box-sm {
    margin-top: 56px;
}

.sub_min > .contents .infoManagement-02 .withdrawal-guide {
    font-weight: 600;
    line-height: 24px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 24px;
    margin-bottom: 32px;
}

.sub_min > .contents .infoManagement-02 .profile {
    width: 104px;
    margin-right: 40px;
}

.sub_min > .contents .infoManagement-02 .profile.picture {
    display: block;
    height: 132px;
    background: url('../../../new/images/sub/search/volunteer-picture.png') no-repeat 50% 50%;
    background-color: #ffffff;
    background-size: cover;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.sub_min > .contents .infoManagement-02 .profile.picture > img {
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.sub_min > .contents .serviceInfo fieldset {
    margin-top: 56px;
}

.sub_min > .contents .activityManagement .NoticeBox {
    margin-bottom: 32px;
}

.sub_min > .contents .activityManagement .searchWrap {
    margin-top: 0px;
    margin-bottom: 32px;
}

.sub_min > .contents .usagePscore .NoticeBox,
.sub_min > .contents .activityHistory .NoticeBox {
    margin-bottom: 32px;
}

.sub_min > .contents .usagePscore .NoticeBox.box-type-01,
.sub_min > .contents .activityHistory .NoticeBox.box-type-01 {
    margin-top: 56px;
}

.sub_min > .contents .usagePscore .NoticeBox dt span,
.sub_min > .contents .activityHistory .NoticeBox dt span {
    position: relative;
}

.sub_min > .contents .usagePscore span.badge,
.sub_min > .contents .activityHistory span.badge {
    font-size: 15px;
    line-height: 35px;
    padding: 0px 20px;
    margin-right: 24px;
}

.sub_min > .contents .usagePscore span.badge:after,
.sub_min > .contents .activityHistory span.badge:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 50%;
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    border-width: 5px;
    margin-top: -5px;
}

.sub_min > .contents .usagePscore span.badgeName:after,
.sub_min > .contents .activityHistory span.badgeName:after {
    border-color: rgba(92, 17, 166, 0);
    border-left-color: #4f7a89;
}

.sub_min > .contents .usagePscore .NoticeBox dd,
.sub_min > .contents .activityHistory .NoticeBox dd {
    font-size: 17px;
    font-weight: 500;
}

.sub_min > .contents .usagePscore .NoticeBox dd .division, 
.sub_min > .contents .activityHistory .NoticeBox dd .division {
    color: #e0e0e0;
    font-weight: 400;
    margin: 0px 24px;
}

.sub_min > .contents .usagePscore .searchWrap,
.sub_min > .contents .activityHistory .searchWrap {
    margin-top: 0px;
    margin-bottom: 32px;
}

.sub_min > .contents .usePoints li {
    font-weight: 500;
    line-height: 24px;
}

.sub_min > .contents .usePoints li.disc:before {
    display: block;
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #9e9e9e;
    border-radius: 50%;
}

.sub_min > .contents .usePoints .guide {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 24px;
}

.sub_min > .contents .usePoints .guide > p {
    font-weight: 500;
}

/* Basic - Border, Width, Height, Margin */
.sub_min > .contents .border-none {
    border: none;
}

.sub_min > .contents .border-1e0 {
    border: 1px solid #e0e0e0;
}

.sub_min > .contents .w-auto {width: auto;}
.sub_min > .contents .w-sm {width: 240px;}
.sub_min > .contents .w-dob, .sub_min > .contents .w-phone {width: 64px;}
.sub_min > .contents .w-150px {width: 150px;}
.sub_min > .contents .w-250px {width: 250px;}
.sub_min > .contents .w-300px {width: 300px;}
.sub_min > .contents .w-500px {width: 500px;}
.sub_min > .contents .w-600px {width: 600px;}
.sub_min > .contents .w-700px {width: 700px;}
.sub_min > .contents .w-800px {width: 800px;}
.sub_min > .contents .w-zipcode {width: 160px;}
.sub_min > .contents .w-datepicker {width: 150px;}
.sub_min > .contents .w-datepicker {width: 150px;}

.sub_min > .contents .h-100p {height: 100%;}

.sub_min > .contents .mt-0 {margin-top: 0px;}
.sub_min > .contents .mt-sm {margin-top: 8px;}
.sub_min > .contents .mt-md {margin-top: 16px;}
.sub_min > .contents .mt-xlg {margin-top: 32px;}

.sub_min > .contents .mr-0 {margin-right: 0px;}
.sub_min > .contents .mr-sm {margin-right: 8px;}
.sub_min > .contents .mr-md {margin-right: 16px;}
.sub_min > .contents .mr-lg {margin-right: 24px;}
.sub_min > .contents .mr-xlg {margin-right: 32px;}

.sub_min > .contents .ml-0 {margin-left: 0px;}
.sub_min > .contents .ml-sm {margin-left: 8px;}
.sub_min > .contents .ml-md {margin-left: 16px;}
.sub_min > .contents .ml-lg {margin-left: 24px;}

.sub_min > .contents .mb-0 {margin-bottom: 0px;}
.sub_min > .contents .mb-sm {margin-bottom: 8px;}
.sub_min > .contents .mb-md {margin-bottom: 16px;}
.sub_min > .contents .mb-lg {margin-bottom: 24px;}
.sub_min > .contents .mb-xlg {margin-bottom: 32px;}

.sub_min > .contents .pt-0 {padding-top: 0px;}
.sub_min > .contents .pt-sm {padding-top: 8px;}
.sub_min > .contents .pt-md {padding-top: 16px;}
.sub_min > .contents .pt-lg {padding-top: 24px;}

.sub_min > .contents .pb-0 {padding-bottom: 0px;}
.sub_min > .contents .pb-sm {padding-bottom: 8px;}
.sub_min > .contents .pb-lg {padding-bottom: 24px;}

/* Flex */
.sub_min > .contents .flex-row {
	display: flex;
	flex-direction: row;
}

.sub_min > .contents .flex-row-cc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sub_min > .contents .flex-row-sb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sub_min > .contents .ai-start {
    align-items: flex-start;
}

.sub_min > .contents .ai-center {
    align-items: center;
}

.sub_min > .contents .ai-end {
    align-items: flex-end;
}

.sub_min > .contents .flex-grow-1 {
    flex-grow: 1;
}

.sub_min > .contents .flex-grow-2 {
    flex-grow: 2;
}

/* 2024 자체 추가 */
.sub_min > .contents .badge-waiting {
    color: #333333;
    background-color: #ed4040;
}

.sub_min > .contents .badge-recruiting {
    color: #3c79d5;
    background-color: #ffffff;
}

.sub_min > .contents .badge-close {
    color: #848690;
    background-color: #ffffff;
}
/* 2024 자체 추가 끝 */

/* 2024년 추가 */
.addFileList {
	overflow-y:auto;
	height:123px;
	padding:10px;
	border:1px solid #e0e0e0; 
    border-radius: 6px;
}

.addFileList li {
	margin-top:14px
}

.addFileList li:first-child {
	margin-top:0
}

.addFileList li span {
	font-size:11px;color:#a1a1a1
}

.addFileList .btn_delFile {
	display:inline-block;
	width:11px;
	height:11px;
	margin-left:7px;
	background:url(/images/site/frt/new/btn/btn_delFile.gif) no-repeat;
	text-indent:-9999em
}

.btn_more {
	position:absolute;
	top:14px;
	right:14px;
}

.btn_more a {
	display:block;
	width:15px;
	height:15px;
	background:url(/images/site/frt/new/btn/btn_morePlus.png) no-repeat;
	text-indent:-9999em
}
/* 2024년 추가 */