@charset "utf-8";

.sub-content {color: var(--default-color);line-height: 1.5;}

.color-primary {color: var(--primary-color)}

.cont-para {margin: 5px 0 20px;line-height: 1.5;}
.cont-para.noMgb {margin-bottom: 0;}
.para-dark {color: var(--dark-color)}

.cont-group {margin: 35px 0;font-weight: 500;}
.cont-group.cg-top {margin: 0 0 20px;}

#post_content {padding: 0;line-height: 1.5;}
#post_content a {color: var(--primary-color)}
#post_content img {max-width: 100% !important;height: auto !important;}
.ct_text p.cont-flex {line-height: 1.5}

/* contents block & image */
.noPad {padding: 0 !important}
.cont-box {margin: 20px 0;padding: 30px;}
.cont-box.cb-gray {background-color: #f5f6f8}
.cont-box.cb-line {padding: 20px;border: 1px solid var(--primary-color)}
.cont-box.cb-color {background-color: #f5f9fb}

.cont-box.cb-image {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 20px;margin: 20px 0 0;padding: 0;}
.cont-box.cb-image .cb-image-cont {display: flex;flex-direction: column;gap: 10px;width: calc((100% - 20px) / 2);padding: 0;}
.cont-box.cb-image .cb-image-cont.cic-full {width: auto;margin: 0 auto;}
.cont-box.cb-image .cb-image-cont .cic-img {flex: 1;display: flex;justify-content: center;}
.cont-box.cb-image .cb-image-cont .cic-text{display: flex;flex-direction: column;justify-content: center;text-align: center;width: 100%;}

.cont-list-box {display: flex;flex-wrap: wrap;gap: 20px}
.cont-list-box.full .clb-box {width: 100%;}
.clb-box {display: flex;flex-direction: column;width: calc((100% - 20px) / 2);padding: 0 20px 20px;border: 1px solid #3261c0}
.clb-box .clb-box-tit {display: flex;justify-content: center;margin: 0 -20px 10px;padding: 10px 0;background-color: #eef4ff;color: #3261c0;font-size: 1.125rem;font-weight: 700;}

.clb-box .cont-title-md {margin: 0 -20px 10px;padding: 15px 10px 15px 15px;background-color: #f5f9fb;font-weight: 700;font-size: 1rem;}
.clb-box .clb-box-txt {display: flex;gap: 5px;padding: 0 0 5px}
.clb-box .clb-box-txt:last-child {padding-bottom: 0;}
.clb-box .clb-box-txt:before {content: '-';color: inherit;line-height: 1.5;}

.cont-flex {display: flex;gap: 20px;}
.cont-flex.cf-text {gap: 5px;}
.cont-flex.cf-column {flex-direction: column;}
.cont-flex .flex-shrink {flex-shrink: 0;}

.cont-flex.cf-w-image {display: flex;gap: 80px}
.cont-flex.cf-w-image .cf-image {flex-shrink: 0;}

.cont-img {display: flex;justify-content: center;align-items: center;margin: 0 0 20px}

.process-wrap {display: flex;margin: 20px 0;}
.process-wrap .pcw-list {display: flex;gap: 65px;}
.process-wrap .pcw-list>li {position: relative;display: flex;flex-direction: column;width: calc((100% - 130px) / 3);border: 1px solid #3261c0}
.process-wrap .pcw-list>li>.pcw-title {flex: 1 1 80px;display: flex;align-items: center;justify-content: center;padding: 15px 20px;border-bottom: 1px solid #3261c0;background-color: #f5f9fb;color: #3771e4;font-weight: 700;text-align: center;}
.process-wrap .pcw-list>li>.pcw-cont {flex: 1 1 70%;padding: 25px 20px;background: #fff;}
.process-wrap .pcw-list>li>.pcw-cont a {font-weight: 400}
.process-wrap .pcw-list>li:after {content: '';position: absolute;top: 50%;left: calc(0% - 30px);width: 23px;height: 24px;background: url(../../images/2026/common/ico-arrow-blue.png) no-repeat 0 0;transform: rotate(0deg) translate(-50%, 0)}
.process-wrap .pcw-list>li:first-child:after {display: none}

.process-wrap.pcw-step5 .pcw-list {gap: 50px}
.process-wrap.pcw-step5 .pcw-list>li {width: calc((100% - 200px) / 5);}
.process-wrap.pcw-step5 .pcw-list>li:after {left: calc(0% - 25px)}
.process-wrap.pcw-step5 .pcw-list>li>.pcw-cont {padding: 15px 10px;}


/* 조성개요 */
.cb-graph {gap: 60px;justify-content: center;align-items: center;margin: 20px 0 0;}
.cb-graph .flex-cont {min-width: 325px;padding: 18px 20px;border-top: 2px solid #3261c0;background-color: #fffef1;}
.cb-graph .flex-cont h6 {display: inline-flex;margin: 0 0 20px;padding: 5px 10px;color: #fff;font-weight: 700;font-size: 1.125rem;background-color: #3261c0;}

/* 오시는 길 */
.cp-map-notice {margin: 0 0 25px;text-align: center;}
.cp-map-notice>span {display: inline-block;margin: 0 auto;padding: 10px 20px;background-color: #fffec8;border-radius: 100vw;font-size: 1.25rem;text-align: center;}
.cp-map-addr {display: flex;justify-content: center;align-items: center;gap: 10px;margin: 25px 0 30px;font-size: 1.25rem;font-weight: 700;}
.cp-map-addr:before {content: '';width: 24px;height: 35px;background: url(../../images/2026/common/ico-all.png) no-repeat -220px -60px}
.cg-map {display: flex;align-items: center;gap: 60px;padding: 25px 50px;background-color: #eef4ff;border-radius: 15px;}
.cg-map h4 {display: flex;flex-direction: column;gap: 15px;color: #3261c0;font-size: 1.5rem;font-weight: 700;}
.cg-map h4:after {content: '';width: 126px;height: 126px;background: #fff url(../../images/2026/common/ico-all.png) no-repeat 0 -160px;border-radius: 100%}

.cg-map.cg-map__bus {background-color: #f2eeff}
.cg-map.cg-map__bus h4 {color: #421fb2;}
.cg-map.cg-map__bus h4:after {background-position: -126px -160px;}

.list-location {margin: 35px 0 0;}
.list-location li {align-items: flex-start;margin: 0 0 10px;gap: 15px;}
.list-location li .flex-shrink {flex-shrink: 0;min-width: 80px;padding: 2px 8px 1px;color: #fff;background-color: #005689;border-radius: 100vw;text-align: center;}


/* 사용신고 안내 */
article.article-calendar ~ #post_content {padding: 0;}
.cont-tel span {margin: 0 0 0 5px;}

/* 위원회 소개 */
.cg-commitee .cb-gray {padding-bottom: 20px;}
.cg-commitee .cb-gray .cont-para-dot {margin: 5px 0 20px 5px}
.no-btm-border + .table {margin-top: 0}

@media (max-width: 1200px) {
    /* process */
    .process-wrap .pcw-list {gap: 40px;}
    .process-wrap .pcw-list>li  {width: calc((100% - 80px) / 2)}
    .process-wrap .pcw-list>li:after {left: calc(0% - 20px)}
    .process-wrap .pcw-list>li>.pcw-cont {padding: 15px 10px}
}

@media (max-width: 1024px) {
    #post_content {padding: 0;}
    .cont-box {padding: 20px 15px;}

    /* 조성개요 */
    .cb-graph {gap: 30px}
    .cont-flex.cf-w-image {gap: 40px;}

    /* 오시는 길 */
    .cg-map {gap: 30px;padding: 15px 25px}
}

@media (max-width: 767px) {
    /* common */    
    .cont-group {margin: 20px 0;}
    .align-right.response {text-align: left;}
    .cont-box {padding: 20px 15px 15px;}
    .cont-box .cont-box {padding: 0;}
    .cont-para {margin: 5px 0 10px;}

    .align-right.response {text-align: left !important;}

    .cont-box.cb-image {flex-direction: column;}
    .cont-box.cb-image .cb-image-cont {width: 100%}

    /* process */
    .process-wrap .pcw-list {flex-direction: column;width: 100%;}
    .process-wrap .pcw-list>li,
    .process-wrap.pcw-step5 .pcw-list>li  {width: 100%}
    .process-wrap .pcw-list>li:after,
    .process-wrap.pcw-step5 .pcw-list>li:after {top: -30px;left: calc(50% - 10px);transform: rotate(90deg) translate(0, 0)}
    .process-wrap .pcw-list>li>.pcw-title {flex: 1 1 60px}
    .process-wrap .pcw-list>li>.pcw-cont {padding: 15px 30px;text-align: center;}
    .process-wrap .pcw-list>li>.pcw-title br {display: none}
    

    /* 조성개요 */
    .cb-graph {gap: 20px;flex-direction: column;justify-content: center;}
    .cb-graph .cb-graph-img {max-width: 80%}
    .cb-graph .flex-cont {width: 100%;min-width: 100%;padding: 15px 10px;display: flex;flex-direction: column;}
    .cb-graph .flex-cont h6 {margin: 0 auto 10px;padding: 3px 8px;font-size: 1rem;justify-content: center;}
    .cont-flex.cf-w-image {flex-direction: column;gap: 10px;justify-content: center;justify-self: center}
    .cont-flex.cf-w-image img {margin: 0 auto;max-width: 90%}
    .cont-flex.cf-w-image .cont-para {margin-bottom: 0}
    .cont-list-box {flex-direction: column;gap: 15px}
    .clb-box {width: 100%;padding: 0 10px 10px}
    .clb-box .clb-box-tit {margin: 0 -10px 5px;padding: 8px 0;font-size: 1rem}

    /* 오시는길 */
    .cg-map {flex-direction: column;gap: 10px;padding: 15px;}
    .cg-map h4 {gap: 10px;font-size: 1.25rem}
    .cg-map h4:after {width: 84px;height: 84px;background-size: 330px auto;background-position: 0 -105px;}
    .cg-map.cg-map__bus h4:after {background-position: -84px -105px}
    .list-location {margin: 5px 0 0;}
    .cp-map-notice>span {min-width: 80%;font-size: 1.125rem;border-radius: 10px;}
    .cp-map-notice>span>span {display: block;}
    .cp-map-addr {flex-direction: column;gap: 10px;margin: 15px 0 15px;font-size: 1rem;text-align: center;}
    .video-container.vc-map {padding-bottom: 76.25%}
    .list-location li {gap: 10px;}
    .list-location li .flex-shrink {min-width: 70px;font-weight: 400;font-size: 14px;}

    /* 사용신고 안내 */
    .cont-tel strong {display: block;margin: 0 0 0 0;}
    .cont-tel .pc-only {display: none;}
}

@media (max-width: 560px) {
    /* common */
    .cont-box.cb-image {gap: 15px;}
    .cont-box.cb-image .cb-image-cont {padding: 0}
    .cont-flex.cf-m-column {flex-direction: column;}
}


@media (min-width: 1024px) {
    /* 위원회 소개 */
    .cg-commitee .cont-box.cb-gray {padding-right: 80px}
}