@charset "utf-8";

.tab-ul.type2 {margin-bottom: 0;}
.esg-activity .danchoo-wrap {margin: 30px -2px 0;font-size: 0;}
.esg-activity .danchoo {width: calc(100% / 4 - 4px);background-color: #FFF;border: 1px solid #701e20;color: #701e20;margin: 2px;padding: 5px 0;font-size: 16px;font-weight: 700;}
.esg-activity .danchoo:hover, .esg-activity .danchoo:focus {transition: 0.3s;background-color: #701e20;color: #FFF;}
.esg-activity .danchoo.active {background-color: #701e20;color: #FFF;}
@media(max-width: 640px){
    .esg-activity .danchoo {width: calc(100% / 2 - 4px);}
}
.sdg {width: 100%;border: 1px solid #e3e4e9;padding: 20px 20px 10px;margin: 10px 0;}
.sdg .item-wrap {display: flex;flex-wrap: wrap;margin: 0 -2px;}
.sdg .tit {display: block;margin-bottom: 10px;color: #222;font-size: 20px;font-weight: 800;}
.sdg .item {width: calc(100% / 9 - 4px);margin: 2px;}
@media(max-width: 1520px){
    .sdg .item {width: calc(100% / 7 - 4px);}
}
@media(max-width: 1320px){
    .sdg .item {width: calc(100% / 5 - 4px);}
}
@media(max-width: 660px){
    .sdg .item {width: calc(100% / 4 - 4px);}
}
@media(max-width: 500px){
    .sdg .item {width: calc(100% / 3 - 4px);}
}
@media(max-width: 420px){
    .sdg .item {width: calc(100% / 2 - 4px);}
}
.sdg .thm-box {display: flex;justify-content: center;align-items: center;width: 100%;height: auto;overflow: hidden;}
.esg-activity img {display: block;max-width: none;max-height: none;height: 100%;width: auto;min-width: 100%;object-fit: contain;}
.sdg .checkbox-box {display: inline-block;width: 100%;margin: 0;padding: 5px 15px;border: 1px solid #ddd;text-align: center;font-size: 17px;}
.checkbox-box .chk_ball {top: -6px;left: 50%;}
.sdg.cate .checkbox-box {width: auto;border: 0;padding: 0;}
.sdg.cate .checkbox-inline, .sdg.cate .radio-inline {margin-right: 20px;text-align: left;}
.cate .chk_ball {left: 0;top: 9px;}

/*검색바*/
.esg-activity .program--search.type2 {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
}
.esg-activity .program--search .search_inner {
    padding: 15px 20px;
    border: 1px solid #f3f7f8;
    border-radius: 5px;
    background: #f3f7f8;
    width: 100%;
    max-width: none;
}
.esg-activity .program--search .fieldset {
    text-align: center;
    width: auto;
    display: table;
    margin: 0 auto;
}
@media(max-width: 640px){
    .esg-activity .program--search .fieldset {width: 100%;}
}
.esg-activity .program--search .search--text {min-width: 300px;}
@media(max-width: 640px){
    .esg-activity .program--search .search--text {min-width: auto;}
}
.esg-activity .program--search.type2 .program--info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0;
}
.esg-activity .program--search.type2 .program--info .program--count {
    min-width: 89px;
    padding: 0;
}
.ui::after {display: none;}
.esg-activity .program--search .program--count .program--division-line {
    padding-left: 5px;
}
.esg-activity .program--search .search--btn {
    display: block;
}
.esg-activity .program--search .search--btn button {padding-right: 63px;}
.esg-activity .program--search .search--btn button .fa.fa-refresh {display: inline-block;vertical-align: middle;margin: 0 0 2px 3px;}
@media(max-width: 768px){
    .esg-activity .program--search .search--btn .btn--submit {margin: 2px 0;}
    .esg-activity .program--search .search--btn button {padding: 0;}
}
.esg-activity .program--count {padding-left: 8px;}
.esg-activity .program--count:before {display: none;}
.esg-activity .program--count span strong {vertical-align: middle;}
.esg-activity .copy-btn {width: 100%;text-align: right;}
.esg-activity .copy-btn .fe-btn {width: auto;min-width: 110px;height: 38px;transition: all .3s;}
.esg-activity .copy-btn .fe-btn.fe-btn-dark {color: #FFF;background-color: #212529;border: 1px solid #212529;}
.esg-activity .copy-btn .fe-btn:hover.fe-btn-dark {color: #212529;background-color: #FFF;}

/*//검색바*/

/*리스트*/
@media(max-width: 900px){
    .esg-activity .board--card--list .col {max-width: 50%;flex: 50%;}
}
@media(max-width: 660px){
    .esg-activity .board--card--list .col {max-width: 100%;flex: 100%;}
}
.esg-activity .board--card--list .obj .col .link {height: 100%;}
.esg-activity .board--card--list .col .inner-box {height: 100%;}
.esg-activity .board--card--list .obj .col .inner-box .item {border-radius: 0;padding: 20px 20px 65px 20px;height: 100%;border: 1px solid #e3e4e9;}
.esg-activity .ui.board--card--list .title-wrap .title {font-size: 22px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 47px;color: #494949;font-weight: 800;}
.esg-activity .esg-status-wrap {border-top: 1px dashed #ddd;padding-top: 10px;margin: 10px -2px 0 -2px;font-size: 0;}
.esg-activity .view-date-wrap {position: absolute;right: 20px;bottom: 20px;font-size: 16px;}
@media(max-width: 1370px) and (min-width: 1281px){
    .esg-activity .view-date-wrap {font-size: 15px;}
}
@media(max-width: 420px){
    .esg-activity .view-date-wrap {font-size: 15px;}
}
.esg-activity .view-count {position: relative;margin-right: 15px;}
.esg-activity .view-count::after {content: "";position: absolute;right: -7px;bottom: 4px;width: 1px;height: 15px;background-color: #ddd;}
.esg-activity .status {display: inline-block;text-align: center;background-color: #000;color: #fff;border-radius: 4px;min-width: auto;width: calc(25% - 4px);height: auto;margin: 2px;font-size: 15px;font-weight: 700;margin-bottom: 4px;}
@media(max-width: 1970px) and (min-width: 1280px){
    .esg-activity .status {width: calc(33.333% - 4px);}
}
@media(max-width: 1370px) and (min-width: 1280px){
    .esg-activity .status {font-size: 14px;padding: 3px 0;}
}
@media(max-width: 1170px) and (min-width: 901px){
    .esg-activity .status {width: calc(33.333% - 4px);}
    .esg-activity .status {font-size: 14px;padding: 3px 0;}
}
@media(max-width: 820px){
    .esg-activity .status {font-size: 14px;padding: 2px;}
}
@media(max-width: 768px){
    .esg-activity .ui.board--card--list .title-wrap .title {min-height: 44px;font-size: 18px;}
}
@media(max-width: 340px){
    .esg-activity .status {width: calc(33.333% - 4px);}
}
.esg-activity .status.status1 {background-color: #E5243B;border-color: #E5243B;}
.esg-activity .status.status1.outline {color: #E5243B;}
.esg-activity .status.status2 {background-color: #DDA83A;border-color: #DDA83A;}
.esg-activity .status.status2.outline {color: #DDA83A;}
.esg-activity .status.status3 {background-color: #4C9F38;border-color: #4C9F38;}
.esg-activity .status.status3.outline {color: #4C9F38;}
.esg-activity .status.status4 {background-color: #C5192D;border-color: #C5192D;}
.esg-activity .status.status4.outline {color: #C5192D;}
.esg-activity .status.status5 {background-color: #FF3A21;border-color: #FF3A21;}
.esg-activity .status.status5.outline {color: #FF3A21;}
.esg-activity .status.status6 {background-color: #26BDE2;border-color: #26BDE2;}
.esg-activity .status.status6.outline {color: #26BDE2;}
.esg-activity .status.status7 {background-color: #FCC30B;border-color: #FCC30B;}
.esg-activity .status.status7.outline {color: #FCC30B;}
.esg-activity .status.status8 {background-color: #A21942;border-color: #A21942;}
.esg-activity .status.status8.outline {color: #A21942;}
.esg-activity .status.status9 {background-color: #FD6925;border-color: #FD6925;}
.esg-activity .status.status9.outline {color: #FD6925;}
.esg-activity .status.status10 {background-color: #DD1367;border-color: #DD1367;}
.esg-activity .status.status10.outline {color: #DD1367;}
.esg-activity .status.status11 {background-color: #FD9D24;border-color: #FD9D24;}
.esg-activity .status.status11.outline {color: #FD9D24;}
.esg-activity .status.status12 {background-color: #BF8B2E;border-color: #BF8B2E;}
.esg-activity .status.status12.outline {color: #BF8B2E;}
.esg-activity .status.status13 {background-color: #3F7E44;border-color: #3F7E44;}
.esg-activity .status.status13.outline {color: #3F7E44;}
.esg-activity .status.status14 {background-color: #0A97D9;border-color: #0A97D9;}
.esg-activity .status.status14.outline {color: #0A97D9;}
.esg-activity .status.status15 {background-color: #56C02B;border-color: #56C02B;}
.esg-activity .status.status15.outline {color: #56C02B;}
.esg-activity .status.status16 {background-color: #00689D;border-color: #00689D;}
.esg-activity .status.status16.outline {color: #00689D;}
.esg-activity .status.status17 {background-color: #19486A;border-color: #19486A;}
.esg-activity .status.status17.outline {color: #19486A;}
.esg-activity .status.outline {background-color: #FFF;}
.esg-activity .board--card--list .obj .card--body {position: static;border: 0;margin-top: 20px;}
.esg-activity .board--card--list .obj .thm--box .inner {display: flex;justify-content: space-between;align-items: center;}
/*//리스트*/

/*상세*/
.esg-activity .view-wrap.reservation.type2 {margin-bottom: 20px;}
.esg-activity .view-wrap.reservation.type2 .inner-wrap .item {border: 1px solid #E3E4E9;}
.esg-activity .view-wrap.reservation.type2 .inner-wrap .item-inner {position: relative;padding: 40px 460px 40px 40px;}
@media(max-width: 1570px) and (min-width: 1281px) {
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item-inner {padding-right: 335px;}
}
@media(max-width: 960px){
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item-inner {padding: 30px;}
}
@media(max-width: 520px){
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item-inner {padding: 20px 20px 60px 20px;}
}
.esg-activity .view-wrap.reservation.type2 .inner-wrap .item .thm--box {position: absolute;top: 40px;right: 40px;width: 380px;height: 240px;overflow: hidden;background-color: #fafafa;}
.esg-activity .view-wrap.reservation.type2 .inner-wrap .item .inner {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
@media(max-width: 1570px) and (min-width: 1281px) {
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item .thm--box {width: 280px;}
}
@media(max-width: 1130px){
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item .thm--box {position: absolute;transform: none;top: 40px;}
}
@media(max-width: 960px){
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item .thm--box {position: static;margin: 0 auto 20px;}
}
@media(max-width: 520px){
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item .thm--box {width: auto;height: 46.155vw;}
}
.esg-activity .view-wrap.reservation.type2 .inner-wrap .item .item-inner .card--body {position: relative;min-height: 240px;}
@media(max-width: 960px){
    .esg-activity .view-wrap.reservation.type2 .inner-wrap .item .item-inner .card--body {position: static;}
}
.esg-seperator .status {border-radius: 0;font-size: 15px;width: auto;padding: 2px 6px;border: 1px solid;}
.esg-activity .view-wrap.reservation.type2 .item .item-inner .card--body .title {display: block;min-height: 63px;margin-bottom: 32px;font-size: 26px;font-weight: 800;line-height: 1.2;word-break: break-word;}
.cate-seperator {font-size: 0;padding-bottom: 30px;}
.cate-seperator .cate {display: inline-block;border: 1px solid #00a0e0;padding: 2px 6px;border-radius: 4px;color: #00a0e0;font-size: 15px;margin: 0 5px 5px 0;}
.esg-seperator .title {min-height: 68px;}
.esg-activity.view .sdg .item-wrap {margin: 0 -4px;}
.esg-activity.view .sdg .item {width: calc(100% / 9 - 8px);margin: 4px;}
.esg-activity.view .fe-btn {min-width: 170px;height: 54px;padding: 17px 17px 17px 19px;transition: all .3s;}
.esg-activity.view .fe-btn.fe-btn-primary {color: #FFF;background-color: #701e20;border: 1px solid #701e20;}
.esg-activity.view .fe-btn.fe-btn-primary.outline {color: #701e20;background-color: #FFF;}
.esg-activity.view .fe-btn.fe-btn-dark {color: #FFF;background-color: #212529;border: 1px solid #212529;}
.esg-activity.view .fe-btn:hover.fe-btn-primary,
.esg-activity.view .fe-btn:focus.fe-btn-primary {color: #701e20;background-color: #FFF;}
.esg-activity.view .fe-btn:hover.fe-btn-primary.outline,
.esg-activity.view .fe-btn:focus.fe-btn-primary.outline {color: #FFF;background-color: #701e20;}
.esg-activity.view .fe-btn:hover.fe-btn-dark,
.esg-activity.view .fe-btn:focus.fe-btn-dark {color: #212529;background-color: #FFF;}
.fe-btn.outline.fe-btn-primary .fa.fa-down {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17725 2.39868L9.17725 11.3987L8.17725 11.3987L8.17725 2.39868L9.17725 2.39868Z' fill='%23701e20'/%3E%3Cpath d='M4.78809 7.71216L8.67717 11.6012L12.5663 7.71216' stroke='%23701e20'/%3E%3Cpath d='M3.74634 14.5H14' stroke='%23701e20'/%3E%3C/svg%3E%0A");
}
@media(max-width: 1520px){
    .esg-activity.view .sdg .item {width: calc(100% / 7 - 8px);}
}
@media(max-width: 1320px){
    .esg-activity.view .sdg .item {width: calc(100% / 5 - 8px);}
}
@media(max-width: 768px){
    .esg-activity.view .fe-btn {min-width: 122px;height: 40px;padding: 10px 15px 10px 15px;}
    .esg-activity .view-wrap.reservation.type2 .item .item-inner .card--body .title {min-height: 28px;font-size: 21px;margin-bottom: 18px;line-height: 1.3;}
}
@media(max-width: 660px){
    .esg-activity.view .sdg .item {width: calc(100% / 4 - 8px);}
}
@media(max-width: 500px){
    .esg-activity.view .sdg .item {width: calc(100% / 3 - 8px);}
}
@media(max-width: 420px){
    .esg-activity.view .sdg .item {width: calc(100% / 2 - 8px);}
}
.esg-activity.view .view-date-wrap {right: 0;bottom: 0;}
@media(max-width: 960px){
    .esg-activity.view .view-date-wrap {right: 20px;bottom: 20px;}
}
.view-contents {width: 100%;margin-top: 20px;}
.view-contents .title-area {display: none;color: #222;font-size: 24px;font-weight: 700;}
.view-contents .contents-area {padding: 30px;border: 1px solid #e3e4e9;margin-top: 5px;}
.view-contents .contents-area p {font-size: 16px;color: #444;line-height: 1.5;letter-spacing: -0.23px;}
@media(max-width: 640px){
    .view-contents .contents-area p {font-size: 15px;}
}
@media(max-width: 425px){
    .esg-activity.view .fe-btn-box {display: block;}
    .esg-activity.view .fe-btn_box.text-center .fe-btn {width: 100%;}
    .esg-activity.view .fe-btn_box.text-center .fe-btn:nth-child(2) {margin: 2px 0;}
}
@media(max-width: 768px){
    .fe-btn.fe-btn-lg {min-width: 122px;height: 40px;}
    .esg-activity.view .fe-btn_box.text-center .fe-btn .fa {display: none;}
    .view-contents .contents-area {padding: 15px;}
}
/* //상세 */