@charset "UTF-8";

/* 의제 */
.agenda_info {position:relative;padding:4.5rem 0 2.214rem}
.agenda_info .info_cont {display:table;width:100%;}
.agenda_info .left {display:table-cell;vertical-align:middle}
.agenda_info .right {display:table-cell;vertical-align:middle}
.agenda_info .right img {max-width:100%;height:auto}
.agenda_subject {margin-top:4.857rem}
@media screen and (max-width:1140px){
    .agenda_info .left br {display:none}
    .agenda_info .left {width:60%}
    .agenda_info .right {width:38%}
}
@media screen and (max-width:960px){
    .agenda_info {position:relative;padding:3rem 0 3rem}
}
@media screen and (max-width:760px){
    .agenda_info .info_cont {display:block}
    .agenda_info .left, 
    .agenda_info .right {display:block;width:100%}
    .agenda_info .right {margin-top:2.5rem;text-align:right}
}

/* 지속발전가능 */
.sustainable_info {position:relative;padding:6.071rem 0 5.714rem;background-size:contain;background-position:100% 0;background-image:url(../imgs/info/sustainable_info_bg.jpg);background-repeat:no-repeat}
.sustainable_info_list {margin-top:5rem}
.sustainable_info_list ul {width:100%;}
.sustainable_info_list ul li {display:table;width:100%;margin-bottom:2.357rem}
.sustainable_info_list ul li:last-child {margin-bottom:0}
.sustainable_info_list ul li .img {display:table-cell;vertical-align:top;width:8.214rem}
.sustainable_info_list ul li .img img {max-width:100%;height:auto}
.sustainable_info_list ul li .cont {display:table-cell;padding-left:3rem;vertical-align:middle}
@media screen and (max-width:960px){
    .sustainable_info {background-size:55vw auto}
    .sustainable_info .block {display:inline}
}
@media screen and (max-width:660px){
    .sustainable_info_list ul li .img {width:6rem}
    .sustainable_info_list ul li .cont {padding-left:2rem}
}


/* 지속발전가능 정립과정 */
.sustainable_step {margin-top:5rem;padding-top:5rem;border-top:1px solid #ddd}
.sustainable_step .step_cont {margin-top:1.5rem}
.sustainable_step .left {float:left;position:relative;width:55%;padding-top:1.786rem}
.sustainable_step .step_info {padding:2.071rem 2.857rem;margin-bottom:5.929rem;background-color:#f6f6f6}
.sustainable_step .step_info.last {margin-bottom:0}
.sustainable_step .step_info dt {color:#222;font-weight:500;font-size:1.286rem;line-height:1.286rem;}
.sustainable_step .step_info dd {margin-top:0.9286rem;color:#333;font-size:1.071rem;line-height:1.786rem;}
.sustainable_step .right {float:left;position:relative;width:45%;padding-left:7.714rem}
.sustainable_step .step_history {position:relative;}
.sustainable_step .step_history:before {
    display:block;
    content:"";
    position:absolute;
    top:0.5rem;
    left:0.2857rem;
    width:1px;
    height:calc(100% - 1.214rem);
    background-color:#878787;
}
.sustainable_step .step_history_dl {position:relative;padding-left:1.929rem;margin-bottom:2.143rem}
.sustainable_step .step_history_dl:before {
    display:block;
    content:"";
    position:absolute;
    top:0.5rem;
    left:0;
    width:0.6429rem;
    height:0.6429rem;
    background-color:#024a73;
}
.sustainable_step .step_history_dl dt {float:left;font-size:1.214rem;font-weight:400;color:#024a73}
.sustainable_step .step_history_dl dd {float:right;width:calc(100% - 3.214rem);font-size:1.071rem;color:#333333}
.sustainable_step .step_history_dl dt, 
.sustainable_step .step_history_dl dd {line-height:1.5rem}
.sustainable_step .step_history_dl dd {margin-bottom:0.6rem}
.sustainable_step .step_history_dl dd:last-child {margin-bottom:0}
.sustainable_step .step_history_dl.last {margin-bottom:0}
.sustainable_step .step_history_dl.last dt {font-weight:500;font-size:1.286rem}
.sustainable_step .step_history_dl.last:before {
    left:-0.3571rem;
    width:1.357rem;
    height:1.214rem;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:1.357rem 1.214rem;
    background-image:url(../imgs/info/step_history_arr.png)
}
@media screen and (max-width:1000px){
    .sustainable_step .step_info {margin-bottom:2.5rem}
    .sustainable_step .left {width:100%;padding-top:0}
    .sustainable_step .right {width:100%;padding-left:0;padding-top:3rem}
}
@media screen and (max-width:640px){
    .sustainable_step .step_info dd,
    .sustainable_step .step_history_dl dd {font-size:1.12rem}
}

/* 대구지속발전협의회 */
.d21_info {
    position:relative;
    padding:3rem;
}
.d21_info .d21_info_container {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    width:100%;
}
.d21_info .d21_info_container .img {
    width:33rem;
}
.d21_info .d21_info_container .img img {
    max-width:100%;
    height:auto;
}
.d21_info .d21_info_container .d21_info_cont {
    width:calc(100% - 33rem);
    padding-left:3rem;
}
.d21_award {margin-top:3.571rem}
@media screen and (max-width:1290px){
    .d21_info .d21_info_container {flex-direction:column;}
    .d21_info .d21_info_container .img {text-align:center;}
    .d21_info .d21_info_container .img,
    .d21_info .d21_info_container .d21_info_cont {display:block;width:100%}
    .d21_info .d21_info_container .d21_info_cont {padding-left:0;padding-top:3rem}
}

@media screen and (max-width:1154px){
    .d21_info .d21_info_container .d21_info_cont .block {display:inline}
}

@media screen and (max-width:854px){ 
    .d21_info {
        position:relative;
        padding:2rem;
    }
}

/* 연혁 */
.d21_history {border-top:1px solid #ddd;}
.d21_history dl {display:table;width:100%;padding:1.214rem 1.714rem;border-bottom:1px solid #ddd;}
.d21_history dl dt {display:table-cell;width:5.071rem;vertical-align:middle}
.d21_history dl dd {display:table-cell;padding-left:2.429rem;vertical-align:middle}
.d21_history dl dd ul li {margin-bottom:0.7143rem}
.d21_history dl dd ul li:last-child {margin-bottom:0}
.d21_history dl dd ul li strong {display:block;float:left;font-size:1.143rem;font-weight:500;color:#024a73}
.d21_history dl dd ul li p {
    display:block;
    float:right;
    width:calc(100% - 12rem);
    font-size:1rem;
    color:#333;
}
.d21_history dl dd ul li strong,
.d21_history dl dd ul li p {line-height:1.8rem}
.d21_history .cr {display:inline-block;position:relative;width:5.429rem;height:5.429rem;padding:3px;border-radius:100%}
.d21_history .cr {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#025fc8+0,129ebc+100 */
    background: rgb(2,95,200); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(2,95,200,1) 0%, rgba(18,158,188,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(2,95,200,1) 0%,rgba(18,158,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(2,95,200,1) 0%,rgba(18,158,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025fc8', endColorstr='#129ebc',GradientType=1 ); /* IE6-9 */
}
.d21_history .cr span {display:inline-block;position:relative;width:100%;height:100%;background-color:#fff;border-radius:100%}
.d21_history .cr span em {display:block;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);font-size:1.429rem;color:#024a73;font-weight:500;text-align:center}
@media screen and (max-width:639px){

}
@media screen and (max-width:600px){
    .d21_history dl,    
    .d21_history dl dt,
    .d21_history dl dd {display:block;width:100%;}
    .d21_history dl {
        padding:1.5rem 1.5rem;
    }
    .d21_history dl:after {display:block;content:"";clear:both;}
    .d21_history dl dd {margin-top:1.5rem;padding-left:0}
    .d21_history .cr {border-radius:50px;width:100%;height:3rem}
    .d21_history .cr span {border-radius:50px}
    .d21_history dl dd ul li strong {float:none;}
    .d21_history dl dd ul li p {
        float:none;
        width:100%;
        margin-top:5px;
    }
}


/* 규정 */
.d21_row {padding:3.5rem;border:1px solid #ddd}
@media screen and (max-width:960px){
    .d21_row {padding:2.5rem}
}

/* 찾아오시는길 */
#map {border:0.2857rem solid #aaa;}
#map #map-box {
    position:relative;
    width:100%;
    height:400px;
}
.map_info {margin-top:2.429rem;padding:0 0.5rem;}
.map_info h3 {width:23.36rem;height:3.357rem;background:url(../imgs/common/logo.png) no-repeat 0 50%;background-size:23.36rem 3.357rem}
.map_info ul {margin-top:0.9286rem;border:1px solid #222;border-width:1px 0;padding:1.571rem 1rem}
.map_info ul li {width:100%;margin-bottom:0.5rem}
.map_info ul li:last-child {margin-bottom:0}
.map_info ul li strong {display:block;position:relative;float:left;font-size:1.071rem;color:#024a73;font-weight:500}
.map_info ul li p {display:block;position:relative;float:right;width:calc(100% - 6.071rem);font-size:1.071rem;color:#333;}