/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2020.10.03
* Update : 2020.10.25
* Copyright(c) 2020 OLYM Communications. All Rights Reserved.
*/


/* content1 ~ 4 까지 내용 현재 있음 */

/* ------------------------------------------------------------ contents1 ------------------------------------------------------------ */

.fx {
    display: flex;
}

/* 0106 이미지 변경 완료 */
/*.city_box {background:url('/project/design/contents/bg_city02.png') no-repeat center;min-height:600px;position:relative;margin-bottom:40px; border-radius: 40px;}*/
/*.city {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,0.9);width:50%;margin:0 auto;border-radius:30px;padding:5% 3%;box-sizing:border-box;}*/

.city {
    text-align: center;
}

.city h4 {
    font-size: 40px;
    color: #222;
    font-weight: 700;
    padding-top: 10px;
    position: relative;
    margin-bottom: 30px;
    font-family: 'S-CoreDream-6Bold';
}

.city h4 span.col1 {
    color: #e5b400;
    position: relative;
}

.city h4 span.col2 {
    color: #3cb3ca;
    position: relative;
}

.city h4 span.col3 {
    color: #d51165;
    position: relative;
}

.city h4 span.col4 {
    color: #76569b;
    position: relative;
}

/*.city h4 span.col1:before {position:absolute;width:10px;height:10px;background:#e5b400;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city h4 span.col2:before {position:absolute;width:10px;height:10px;background:#3cb3ca;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city h4 span.col3:before {position:absolute;width:10px;height:10px;background:#d51165;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city h4 span.col4:before {position:absolute;width:10px;height:10px;background:#76569b;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}*/
.city p {
    font-size: 18px;
    color: #222;
    font-family: 'S-CoreDream-3Light';
    line-height: 1.8em;
}

.defi p {
    font-size: 18px;
    color: #222;
    line-height: 1.8em;
}

.defi2 ul {
    gap: 40px;
}

.defi2 ul li {
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    padding: 5%;
    padding-top: 10%;
}

.defi2 ul li.bg1 {
    background: url('/project/design/contents/defi2_icon1.png') no-repeat 12% 15%;
}

.defi2 ul li.bg2 {
    background: url('/project/design/contents/defi2_icon2.png') no-repeat 12% 15%;
}

.defi2 h5 {
    font-size: 28px;
    color: #222;
    font-weight: 700;
}

.defi2 p {
    font-size: 18px;
    color: #888;
    margin-top: 20px;
    line-height: 1.6em;
}

.cc_t_box .desc1 {
    font-size: 26px;
    color: #222;
    font-weight: 700;
    margin: 30px 0;
}

.cc_t_box .desc1 .col1 {
    color: #1d9fbf;
}

.cc_t_box .desc1 .col2 {
    color: #cf2b87;
}

.cc_box {
    width: 100%;
    margin-top: 30px;
}

.cc_box div {
    text-align: center;
    margin-right: 2%;
    width: 32%;
    border-radius: 40px;
    box-sizing: border-box;
    padding: 2% 3%;
}

.cc_box div:last-of-type {
    margin-right: 0;
}

.cc_box div.bg1 {
    background: #e6eff2;
}

.cc_box div.bg2 {
    background: #eae6f2;
}

.cc_box div.bg3 {
    background: #f2f0e6;
}

.cc_box div p {
    text-align: center;
    margin-top: 15px;
    font-size: 24px;
    color: #222;
}

.cc_box div p span {
    font-weight: 700;
}

.busi_tit {
    font-size: 24px;
    color: #222;
    font-weight: 700;
    margin: 30px 0 15px 0;
}

.busi_img_box {
    margin: 30px 0;
}

.busi_btn {
    border: 1px solid #222;
    width: auto;
    box-sizing: border-box;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: all .3s ease;
    margin: auto 7px;
    display: inline-block;
    padding: 10px 15px;
    margin-top: 30px;
    font-weight: 700;
    /*font-family: 'yg-jalnan';*/
}

.busi_btn:hover {
    background: #222;
    color: #fff;
    border: 1px solid #222;
    transition: all .3s ease;
}

.busi_btn0 {
    border: 1px solid #74cd63;
    width: auto;
    box-sizing: border-box;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: #74cd63;
    cursor: pointer;
    transition: all .3s ease;
    margin: auto 7px;
    display: inline-block;
    padding: 10px 15px;
    margin-top: 30px;
    font-weight: 700;
    /*font-family: 'yg-jalnan';*/
}

.busi_btn0:hover {
    background: #74cd63;
    color: #fff;
    border: 1px solid #74cd63;
    transition: all .3s ease;
}

@media all and (max-width:768px) {
    .busi_btn {
        padding: 7px 15px;
        line-height: 1.3em !important;
        margin-top: 20px;
    }

    .busi_btn0 {
        padding: 7px 15px;
        line-height: 1.3em !important;
        margin-top: 20px;
    }
}

@media all and (max-width:500px) {
    .busi_btn {
        margin-top: 10px;
    }

    .busi_btn0 {
        margin-top: 10px;
    }
}


@media all and (max-width:1440px) {
    .city_box {
        border-radius: 40px;
    }

    .defi {
        flex-direction: column;
    }

    .defi div:first-of-type,
    .defi div:last-of-type {
        width: 100%;
    }

    .defi div:first-of-type {
        margin-bottom: 30px;
    }
}

@media all and (max-width:1280px) {
    .city_box {
        min-height: 500px;
    }

    .city p br {
        display: none;
    }

    .cc_t_box .desc2 {
        font-size: 18px;
    }

    .cc_box div p {
        font-size: 20px;
    }

    .cc_box img {
        width: 120px;
    }

    .defi2 h5 {
        font-size: 24px;
    }

    .defi p,
    .defi2 p {
        font-size: 16px;
    }

    .defi2 ul li.bg1,
    .defi2 ul li.bg2 {
        background-size: 60px;
    }

    .city h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .city h4 span.col1:before,
    .city h4 span.col2:before,
    .city h4 span.col3:before,
    .city h4 span.col4:before {
        width: 7px;
        height: 7px;
    }

    .city p {
        font-size: 16px;
    }
}

@media all and (max-width:1024px) {
    .img_slogan1 img {
        width: 80%;
    }

    .img_slogan2 img {
        height: 35px;
    }

    .cc_box div p {
        font-size: 18px;
    }

    .cc_t_box .desc2 {
        font-size: 16px;
    }

    .cc_t_box .desc2 br {
        display: none;
    }

    .defi2 h5 {
        font-size: 22px;
    }

    .defi2 ul li.bg1,
    .defi2 ul li.bg2 {
        background-size: 50px;
    }
}

@media all and (max-width:768px) {
    .city_box {
        margin-bottom: 20px;
        min-height: 300px;
        background-size: cover;
    }

    .defi {
        flex-direction: column;
    }

    .defi div:first-of-type {
        margin-bottom: 30px;
    }

    .defi div:first-of-type,
    .defi div:last-of-type {
        width: 100%;
    }

    .city {
        padding: 5%;
        border-radius: 20px;
    }

    .city h4 {
        font-size: 24px;
        margin-bottom: 20px;
        padding-top: 0;
    }

    .city h4 span.col1:before,
    .city h4 span.col2:before,
    .city h4 span.col3:before,
    .city h4 span.col4:before {
        width: 6px;
        height: 6px;
    }

    .city p {
        font-size: 14px;
    }

    .city p br {
        display: none;
    }

    .cc_t_box .desc2 br {
        display: none;
    }

    .img_slogan2 img {
        height: 25px;
    }

    .cc_t_box .desc1 {
        font-size: 20px;
    }

    .cc_box div {
        border-radius: 20px;
    }

    .cc_box div p {
        font-size: 14px;
    }

    .cc_box div img {
        width: 60px;
    }

    .defi2 ul {
        flex-wrap: wrap;
        gap: 20px;
    }

    .defi2 h5 {
        font-size: 20px;
    }

    .defi2 p {
        margin-top: 10px;
    }

    .defi2 ul li.bg1,
    .defi2 ul li.bg2 {
        background-size: 40px;
        background-position: 5% 15%;
        padding-top: 12%;
    }
}

@media all and (max-width:425px) {
    .city {
        width: 80%;
        padding: 6%;
    }

    .city h4 {
        margin-bottom: 10px;
    }

    .city p {
        font-size: 13px;
    }

    .defi2 ul li.bg1,
    .defi2 ul li.bg2 {
        padding-top: 20%;
    }
}


/* 문화도시조성사업2 219 */

.h_space {
    margin-bottom: 100px !important;
}


.defi3 .ul_top {
    gap: 40px;
    margin-bottom: 70px;
}

.defi3 .ul_top li {
    width: 50%;
    border: 1px solid #f0f0f0;
    padding: 30px 85px;
    box-sizing: border-box;
    box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.1);
}

.defi3 .ul_top li .defi_num {
    text-align: center;
}

.defi3 .ul_top li .defi_num span {
    display: inline-block;
    border-bottom: 1px solid #2a5aa6;
    box-sizing: border-box;
    font-family: 'lefer';
    font-size: 20px;
    color: #2a5aa6;
}

.defi3 h5 {
    font-size: 26px;
    color: #222;
    font-weight: 700;
    margin: 0 auto;
    margin: 12px 0;
    text-align: center;
}

.defi3 h6 {
    padding-top: 0 !important;
    padding-bottom: 30px;
}

.defi3 p {
    font-size: 18px;
    color: #666;
    line-height: 1.6em;
}

.defi3 .defi3_2 {
    position: relative;
}

.defi3 .defi3_2 ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65%;
    padding: 30px 150px;
    background-color: #fff;
    margin: 0 auto;
    gap: 90px;
}

.defi3 .defi3_2 ul li:nth-child(1) {
    width: 30%;
}

.defi3 .defi3_2 ul li:nth-child(2) {
    width: 60%;
}

.defi3 .defi3_2 ul li:nth-child(1) p {
    font-size: 40px;
    font-weight: 800;
    color: #000;
    text-align: right;
    letter-spacing: 0.25rem;
}

.defi3 .defi3_2 ul li:nth-child(2) p {
    font-size: 22px;
    font-weight: 400;
    color: #000;
}

.defi3 .defi3_2 ul li:nth-child(2) p span {
    font-weight: 700;
}

.defi3 .defi3_3 {
    margin: 0 auto;
}

.defi3 .defi3_3 .defi3_3_con1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.defi3 .topic {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    width: 200px;
    height: 45px;
    border-radius: 23px;
    background-color: #a86fd1;
}

.defi3 .defi3_3 .defi3_3_con1 .topic2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 700;
    color: #333333;
    width: 800px;
    height: 90px;
    border-radius: 45px;
    background-color: #fff;
    border: 15px solid #d8daf5;
    box-sizing: border-box;
    margin: 27px 0 20px 0;
}

.defi3 .defi3_3 .defi3_3_con1 .topic2 br {
    display: none;
}

.defi3 .defi3_3 .defi3_3_con1 p {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.defi3 .defi3_3 .defi3_3_con2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(/project/design/contents/img_defi3_3.png) no-repeat top / contain;
}

.defi3 .defi3_3 .defi3_3_con2 .topic {
    margin: 130px 0 20px 0;
}

.defi3 .defi3_3 .defi3_3_con2 .con_circle {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.defi3 .defi3_3 .defi3_3_con2 .con_circle .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 370px;
    height: 370px;
    border: 1px solid #76569b;
    border-radius: 100%;
}

.defi3 .defi3_3 .defi3_3_con2 .con_circle .circle:nth-child(2) {
    margin: 0 -15px 0 -25px;
}

.defi3 .defi3_3 .defi3_3_con2 .con_circle .circle:nth-child(3) {
    margin: 0 -25px 0 -15px;
}

.defi3 .defi3_3 .defi3_3_con2 .con_circle .circle div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    text-align: center;
}

.defi3 .defi3_4 .defi3_4_con {
    padding: 60px 110px;
    border: 1px solid #dddddd;
}


.defi3 .defi3_5 .defi3_5_con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    text-align: center;
    padding: 50px 70px;
    border: 1px solid #dddddd;
}

.defi3 .defi3_5 .defi3_5_con .state {
    display: flex;
    align-items: center;
    gap: 70px;
}

.defi3 .defi3_5 .defi3_5_con .state ul {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}



.defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(1) {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    background-color: #fff;
    padding: 25px 0;
    box-sizing: border-box;
    width: 40%;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con1 p:nth-child(1) {
    background-color: #8a5bbf;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con2 p:nth-child(1) {
    background-color: #09559b;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con3 p:nth-child(1) {
    background-color: #f79d00;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con4 p:nth-child(1) {
    background-color: #76b852;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con1 {
    border: 1px solid #8a5bbf;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con2 {
    border: 1px solid #09559b;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con3 {
    border: 1px solid #f79d00;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con4 {
    border: 1px solid #76b852;
}


.defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    text-align: left;
    padding: 0 35px;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) br {
    display: none;
}

.defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) span {
    font-size: 32px;
    font-weight: 900;
}

.defi3 .defi3_5 .defi3_5_con .state .defi3_5_img {
    width: 50%;
}


.defi3 .defi3_6 .ul_wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.defi3 .defi3_6 .ul_wrap .ul_box {
    width: calc( 100% / 5 );
    border: 1px solid #dddff2;
    border-radius: 10px;
    overflow: hidden;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_area {
    padding: 30px 20px;
}

.defi3 .defi3_6 .ul_wrap .ul_box ul li {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}


.defi3 .defi3_6 .ul_wrap .ul_box .ul_1 {
    margin-bottom: 25px;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_2 {
    margin-bottom: 0;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_3 li {
    margin-bottom: 20px;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_3 li:last-child {
    margin-bottom: 25px;
}

.defi3 .defi3_6 .ul_wrap .ul_box ul li span {
    font-size: 18px;
    font-weight: 800;
    color: #333;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_5 li {
    margin-bottom: 15px;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_5 li:last-child {
    margin-bottom: 0;
}

.defi3 .defi3_6 .ul_wrap .ul_box > p {
    background-color: #ecedf7;
    padding: 20px 40px;
    box-sizing: border-box;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.02rem;
    line-height: 3rem;
}

.defi3 .defi3_6 .ul_wrap .ul_box .ul_area p {
    font-size: 17px;
    font-weight: 500;
}


.bottom_text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    background-color: #7364c1;
    padding: 15px 0;
    margin-top: 25px;
}


@media all and (max-width: 1440px) {

    .defi3 .ul_top li .defi_num span {
        font-size: 18px;
    }

    .defi3 h5 {
        font-size: 22px;
    }

    .defi3 .defi3_2 ul {
        width: 70%;
        padding: 30px 110px;
        background-color: #fff;
        margin: 0 auto;
        gap: 70px;
    }

    .defi3 .defi3_2 ul li:nth-child(1) p{
        font-size: 35px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle {width: auto; place-items: center;}
    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle {
        width: 300px;
        height: 300px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle:nth-child(odd) {
        margin: 0 -15px 0 -15px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle:nth-child(even) {
        margin: 0 -15px 0 -15px;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box > p {
        font-size: 20px;
        line-height: 1.5rem;
    }
    
}

@media all and (max-width: 1280px) {
    .defi3 br {
        display: none;
    }

    .defi3 h5 {
        font-size: 24px;
    }

    .defi3 p {
        font-size: 16px;
        line-height: 20px !important;
    }

    .defi3 .defi3_2 ul {
        gap: 60px;
    }

    .defi3 .ul_top li {
        width: 50%;
        border: 1px solid #f0f0f0;
        padding: 20px 40px;
        box-sizing: border-box;
        box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.1);
    }

    .defi3 .defi3_2 ul li:nth-child(1) p {
        font-size: 35px;
        letter-spacing: 0.2rem;
    }

    .defi3 .defi3_2 ul li:nth-child(2) p {
        font-size: 18px;
    }

    .defi3 .defi3_2 ul li:nth-child(2) p span {
        font-size: 19px;
    }

    .defi3 .topic {
        font-size: 20px;
        width: 180px;
        height: 40px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle {
        width: 250px;
        height: 250px;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle div {
        gap: 10px
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle div img {
        width: 50px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle div p {
        font-size: 14px;
        line-height: 1.2rem;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box > p {
        padding: 15px 30px;
        font-size: 18px;
        line-height: 1.5rem;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box ul li {
        font-size: 14px;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box ul li span {
        font-size: 16px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(1) {
        font-size: 35px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) {
        font-size: 20px;
        padding: 0 15px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) span {
        font-size: 28px;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box > p {
        padding: 15px 20px
    }

    .bottom_text {
        font-size: 20px;
    }
}

@media all and (max-width: 1024px) {
    .defi3 .defi3_2 ul {
        position: unset;
        transform: unset;
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
        gap: 30px;
    }

    .defi3 .defi3_2 ul li:nth-child(1) p {
        font-size: 25px;
    }
    .defi3 .defi3_2 ul li:nth-child(2) p {
        font-size: 16px;
    }

    .defi3 .defi3_2 ul li:nth-child(2) p span {
        font-size: 17px;
    }

    .defi3 .defi3_3 .defi3_3_con1 .topic2 {
        font-size: 20px;
        width: 600px;
        height: 70px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .topic {
        margin: 80px 0 20px 0;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle {
        width: 200px;
        height: 200px;
    }

    .defi3 .defi3_4 .defi3_4_con {
        padding: 15px;
    }

    .defi3 .defi3_5 .defi3_5_con {
        padding: 20px;
    }

    .defi3 .defi3_5 .defi3_5_con .state {
        gap: 40px;
    }

    .defi3 .defi3_5 .defi3_5_con .state ul {
        gap: 20px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(1) {
        font-size: 20px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) {
        font-size: 18px;
        padding: 0 15px;
        line-height: 1.5rem;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) span {
        font-size: 20px;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box > p {
        font-size: 15px;
        padding: 15px 5px;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box ul li span {
        font-size: 15px;
    }

    .defi3 .defi3_6 .ul_wrap br {
        display: block;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box .ul_area {
        padding: 30px 10px;
    }

}

@media all and (max-width: 800px) {

    .h_space {
        margin-bottom: 70px !important;
    }

    .defi3 .ul_top {
        gap: 20px;
    }

    .defi3 h5 {
        font-size: 18px;
    }

    .defi3 .topic {
        font-size: 18px;
        width: 180px;
        height: 35px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle {
        grid-template-columns: repeat(2, 1fr);
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle {
        width: 250px;
        height: 250px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle:nth-child(odd) {
        margin: 0 -10px 0px -10px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle:nth-child(even) {
        margin: 0  -10px 0px -10px;
    }

    .defi3 .defi3_5 .defi3_5_con .state {
        flex-direction: column-reverse;
    }

    .defi3 .defi3_5 .defi3_5_con .state ul {
        width: 100%;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con {
        justify-content: left;
        gap: 0px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .defi3_5_img {
        width: 100%;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(1) {
        width: 100px;
        padding: 20px 0;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) {
        width: 100%;
        font-size: 15px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) span {
        font-size: 16px;
    }

    .defi3 .defi3_6 .ul_wrap {
        flex-direction: column;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box {
        width: 100%;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box .ul_area {
        padding: 20px !important;
    }

    .defi3 .defi3_6 .ul_wrap .ul_box .ul_3 li:last-child {
        line-height: 1.2rem;
    }

    .bottom_text {
        font-size: 18px;
    }
}

@media all and (max-width: 670px) {
    .defi3 .ul_top {
        gap: 20px;
        flex-direction: column;
    }

    .defi3 .ul_top li {
        width: 100%;
        border: 1px solid #f0f0f0;
        padding: 20px 40px;
        box-sizing: border-box;
        box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.1);
    }

    .defi3 .topic {
        width: 150px;
    }

    .defi3 .defi3_3 .defi3_3_con1 .topic2 {
        font-size: 16px;
        width: 450px;
    }

    .defi3 .defi3_3 .defi3_3_con1 p {
        font-size: 14px;
    }

    .bottom_text {
        font-size: 16px;
        padding: 15px 20px;
    }
}

@media all and (max-width: 500px) {
    .h_space {
        margin-bottom: 50px !important;
    }

    .defi3 .ul_top li .defi_num span {
        font-size: 16px;
    }

    .defi3 p {
        font-size: 14px;
    }

    .defi3 .defi3_2 p {
        line-height: 1.3rem;
    }

    .defi3 .defi3_2 ul {
        flex-direction: column;
        gap: 20px;
    }

    .defi3 .defi3_2 ul li {
        width: 100% !important;
    }

    .defi3 .defi3_2 ul li p {
        text-align: center !important;
    }

    .defi3 .defi3_2 ul li:nth-child(1) p {
        font-size: 25px;
    }
    .defi3 .defi3_2 ul li:nth-child(2) p {
        font-size: 14px;
    }

    .defi3 .defi3_2 ul li:nth-child(2) p span {
        font-size: 15px;
    }

    .defi3 .defi3_3 .defi3_3_con1 .topic2 {
        font-size: 16px;
        width: 100%;
        height: auto;
        border: 10px solid #d8daf5;
        padding: 10px;
        text-align: center;
    }

    .defi3 .defi3_3 .defi3_3_con1 .topic2 br {
        display: block;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle {
        width: 170px;
        height: 170px;
        padding: 0 20px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle div img {
        width: 40px;
    }

    .defi3 .defi3_3 .defi3_3_con2 .con_circle .circle div p {
        min-height: 60px;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) {
        font-size: 14px;
        line-height: 1.1rem;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) br {
        display: block;
    }

    .defi3 .defi3_5 .defi3_5_con .state .li_con p:nth-child(2) span {
        font-size: 15px;
    }

    .bottom_text {
        font-size: 13px;
        padding: 15px 10px;
        text-align: center;
    }

    
}


/* // 문화도시조성사업2 219 */



.contents_code10.wrap_box,
.contents_code16.wrap_box,
.contents_code49.wrap_box,
.contents_code50.wrap_box,
.contents_code64.wrap_box,
.contents_code65.wrap_box,
.contents_code74.wrap_box,
.contents_code75.wrap_box,
.contents_code76.wrap_box,
.contents_code88.wrap_box,
.contents_code94.wrap_box {
    width: 100%;
}

/* 0101_사업안내 공통 */
.busi_box .p_desc1 {
    font-size: 21px;
    font-weight: 500;
    color: #6a93cb;
    padding-top: 20px;
}

.busi_box .img_box {
    margin-top: 50px;
}

.busi_box .img_box>ul>li {
    float: left;
    width: 31%;
    overflow: hidden;
}

.busi_box .img_box>ul>li img {
    width: 100%;
    border-radius: 20px;
}

.busi_box .img_box>ul>li:nth-child(2) {
    padding: 0 3.5%;
}

.busi_box .board_box .box_search {
    margin-top: -80px;
}

.busi_box .img_box2 {
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    overflow: hidden;
}

.busi_box .img_box2.mgT {
    margin-top: 50px;
}

.busi_box .img_box3 {
    text-align: center;
    margin-top: 60px;
}

@media all and (max-width:1000px) {
    .busi_box .p_desc1 {
        font-size: 18px;
        padding-top: 10px;
    }

    .busi_box .board_box .box_search {
        margin-top: 0;
    }
}

@media all and (max-width:800px) {
    .busi_box .p_desc1 {
        font-size: 15px;
    }

    .busi_box .img_box2 {
        padding: 0 10px;
        border-radius: 10px;
    }

    .busi_box .img_box3 {
        padding: 0 10px;
    }
}

@media all and (max-width:500px) {
    .busi_box .img_box {
        margin-top: 30px;
    }

    .busi_box .img_box>ul>li {
        width: 100%;
        text-align: center;
    }

    .busi_box .img_box>ul>li img {
        width: 80%;
    }

    .busi_box .img_box>ul>li:nth-child(2) {
        padding: 20px 0;
    }
}

/* 0102_도시정체성 찾기 */
.busi_box .desc_box .left {
    float: left;
    width: 63%;
}

.busi_box .desc_box .right {
    float: right;
    width: 37%;
    text-align: right;
}

.busi_box .desc_box .right.mgT {
    margin-top: 80px;
}

.busi_box .citi_box {
    margin: 60px 0;
}

.busi_box .citi_box>ul>li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.busi_box .citi_box>ul>li:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url('/project/design/contents/img_ar1.png') no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.busi_box .citi_box>ul>li:last-child::after {
    display: none;
}

.busi_box .citi_box>ul>li .box_in {
    margin: 0 auto;
    width: 210px;
    height: 210px;
    box-sizing: border-box;
    border-radius: 100%;
    text-align: center;
    padding-top: 35px;
}

.busi_box .citi_box>ul>li .box_in p {
    color: #fff;
    font-weight: 500;
    padding-top: 5px;
}

.busi_box .citi_box>ul>li .box_in.bg1 {
    background: #d4be58;
}

.busi_box .citi_box>ul>li .box_in.bg2 {
    background: #9ad3b3;
}

.busi_box .citi_box>ul>li .box_in.bg3 {
    background: #86a0c3;
}

.busi_box .citi_box>ul>li .box_in.bg4 {
    background: #ae8ac8;
}

@media all and (max-width:800px) {
    .busi_box .citi_box {
        margin: 30px 0;
    }

    .busi_box .citi_box>ul>li:after {
        width: 20px;
        height: 20px;
    }

    .busi_box .citi_box>ul>li .box_in {
        width: 130px;
        height: 130px;
        padding-top: 25px;
    }

    .busi_box .citi_box>ul>li .box_in img {
        height: 40px;
    }

    .busi_box .citi_box>ul>li .box_in p {
        font-size: 13px;
    }
}

@media all and (max-width:500px) {
    .busi_box .desc_box .left {
        width: 100%;
    }

    .busi_box .desc_box .right {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }

    .busi_box .desc_box .right img {
        width: 80%;
    }

    .busi_box .desc_box .right.mgT {
        margin-top: 0;
    }

    .busi_box .citi_box {
        margin: 30px 0 10px 0;
    }

    .busi_box .citi_box>ul>li {
        width: 50%;
        margin-bottom: 20px;
    }
}

/* 0103_창의문화만들기 */
.busi_box .made_box {
    margin: 60px 0;
}

.busi_box .made_box>ul>li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.busi_box .made_box>ul>li:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url('/project/design/contents/img_ar1.png') no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.busi_box .made_box>ul>li:last-child::after {
    display: none;
}

.busi_box .made_box>ul>li .box_in {
    margin: 0 auto;
    width: 75%;
    height: 280px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    padding-top: 30px;
}

.busi_box .made_box>ul>li .box_in .title {
    color: #000;
    font-weight: 500;
    font-size: 21px;
}

.busi_box .made_box>ul>li .box_in .desc {
    padding-top: 20px;
    height: 60px;
}

@media all and (max-width:800px) {
    .busi_box .desc_box.desc2 {
        margin-bottom: 50px;
    }

    .busi_box .made_box {
        margin: 30px 0;
    }

    .busi_box .made_box>ul>li:after {
        width: 20px;
        height: 20px;
    }

    .busi_box .made_box>ul>li .box_in {
        width: 85%;
        height: 200px;
        padding-top: 20px;
        border-radius: 10px;
    }

    .busi_box .made_box>ul>li .box_in img {
        height: 70px;
    }

    .busi_box .made_box>ul>li .box_in .title {
        font-size: 16px;
    }

    .busi_box .made_box>ul>li .box_in .desc {
        font-size: 13px;
        padding-top: 5px;
        height: 55px;
    }
}

@media all and (max-width:500px) {
    .busi_box .made_box {
        margin: 30px 0 10px 0;
    }

    .busi_box .made_box>ul>li {
        width: 50%;
        margin-bottom: 20px;
    }
}

/* 동네기록관 */

.code93 .p_desc1 {
    font-size: 24px;
    font-weight: 500;
    color: #bbb;
    padding-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.code93 .h_type3 {
    font-size: 24px;
    font-weight: bold;
    color: #424549;
    padding: 20px 0;
}

.code93 .m {
    display: none;
}

.code93 .container1 .content {
    position: relative;
    border: 2px solid #ddd;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 40px;
}

.code93 .container1 .content .img_box {
    max-width: 1125px;
    margin: 0 auto;
}

.code93 .container1 .content .img_box img {
    width: 100%;
}

.code93 .container1 .content .img_box h4 {
    font-size: 20px;
    font-weight: bold;
    color: #000 !important;
    margin-bottom: 10px;
}

.code93 .container1 .content .img_box p {
    margin-bottom: 40px;
}

.code93 .container1 .content .text_box {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

.code93 .container1 .content .text_box i {
    width: 100%;
    font-size: 250px;
    position: absolute;
    top: -60px;
    left: calc(50% - 10px);
    transform: translate(-50%, 0);
    z-index: -1;
    color: #ddd;
    opacity: 0.6;
}

.code93 .container1 .content .text_box .desc1 {
    font-size: 21px;
    color: #666;
    z-index: 1;
}

.code93 .container1 .content .text_box .desc2 {
    font-size: 26px;
    font-weight: bold;
    color: #ff6f96;
    z-index: 1;
}

.code93 .container2 .busi_box {
    position: relative;
}

.code93 .container2 .busi_box .title {
    position: absolute;
    top: 0;
    ;
    left: 0;
    z-index: 3;
}

.code93 .container2 .bottom_text {
    color: #797e85;
    margin-top: 20px;
}

.code93 .busi_box .plat_box>ul>li .box_in {
    height: 268px;
}

.code93 .busi_box .plat_box>ul>li .box_in .desc {
    line-height: 1.6em;
}

.code93 .busi_box .plat_box>ul>li .box_in .desc span {
    display: block;
}

.code93 .container4 .h_type1.mgT {
    margin: 0;
}




/* ---------------------------------------- 동네기록관 최종 ---------------------------------------- */




.code93 .container4 .content {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, auto));
    gap: 10px;
}

.code93 .container4 .content .item {
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 20px;
    padding: 30px 15px 50px;
    box-sizing: border-box;
    transition: all .3s ease;
}

.code93 .container4 .content .item a {
    position: relative;
    display: block;
    color: #000;
    z-index: 3;
}

.code93 .container4 .content .item:nth-child(1),
.code93 .container4 .content .item:nth-child(2),
.code93 .container4 .content .item:nth-child(6) {
    border: 2px solid #57bec5;
}

.code93 .container4 .content .item:nth-child(3),
.code93 .container4 .content .item:nth-child(7),
.code93 .container4 .content .item:nth-child(8) {
    border: 2px solid #33c469;
}

.code93 .container4 .content .item:nth-child(4),
.code93 .container4 .content .item:nth-child(5),
.code93 .container4 .content .item:nth-child(9),
.code93 .container4 .content .item:nth-child(10) {
    border: 2px solid #da3079;
}



/* 2021년 동네기록관 라인 컬러*/
.code93 .container4 .content.con_2021 .item:nth-child(1),
.code93 .container4 .content.con_2021 .item:nth-child(2),
.code93 .container4 .content.con_2021 .item:nth-child(6),
.code93 .container4 .content.con_2021 .item:nth-child(7),
.code93 .container4 .content.con_2021 .item:nth-child(11) {
    border: 2px solid #57bec5;
}

.code93 .container4 .content.con_2021 .item:nth-child(3),
.code93 .container4 .content.con_2021 .item:nth-child(4),
.code93 .container4 .content.con_2021 .item:nth-child(8),
.code93 .container4 .content.con_2021 .item:nth-child(12),
.code93 .container4 .content.con_2021 .item:nth-child(13) {
    border: 2px solid #33c469;
}

.code93 .container4 .content.con_2021 .item:nth-child(5),
.code93 .container4 .content.con_2021 .item:nth-child(9),
.code93 .container4 .content.con_2021 .item:nth-child(10),
.code93 .container4 .content.con_2021 .item:nth-child(14),
.code93 .container4 .content.con_2021 .item:nth-child(15) {
    border: 2px solid #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(16) {
    border: 2px solid #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(17) {
    border: 2px solid #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(18) {
    border: 2px solid #da3079;
}






/* 2021년 동네기록관 라인 컬러  끝*/

.code93 .container4 .content .item h4 {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: 'S-CoreDream-6Bold';
}

.code93 .container4 .content .item:nth-child(even) h4 span {
    color: #5aa3fb;
    transition: all .3s ease;
}

.code93 .container4 .content .item:nth-child(odd) h4 span {
    color: #33c469;
    transition: all .3s ease;
}

.code93 .container4 .content .item ul {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.code93 .container4 .content .item ul li {
    color: #888;
    font-size: 17px;
    transition: all .3s ease;
}

.code93 .container4 .content .item ul .desc1 {
    margin-bottom: 15px;
    font-weight: bold;
    display: none;
}

.code93 .container4 .content .item ul .desc2 {
    font-weight: bold;
    margin-bottom: 10px;
}

.code93 .container4 .content .item {
    position: relative;
    z-index: 3;
    /* min-height: 245px; */
}


.code93 .container4 .content .item:nth-child(1) a h4 span,
.code93 .container4 .content .item:nth-child(2) a h4 span,
.code93 .container4 .content .item:nth-child(6) a h4 span {
    color: #57bec5;
}

.code93 .container4 .content .item:nth-child(3) a h4 span,
.code93 .container4 .content .item:nth-child(7) a h4 span,
.code93 .container4 .content .item:nth-child(8) a h4 span {
    color: #33c469;
}

.code93 .container4 .content .item:nth-child(4) a h4 span,
.code93 .container4 .content .item:nth-child(5) a h4 span,
.code93 .container4 .content .item:nth-child(9) a h4 span,
.code93 .container4 .content .item:nth-child(10) a h4 span {
    color: #da3079;
}




/* 2021년 동네기록관 폰트 컬러*/
.code93 .container4 .content.con_2021 .item:nth-child(1) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(2) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(6) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(7) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(11) a h4 span {
    color: #57bec5;
}

.code93 .container4 .content.con_2021 .item:nth-child(3) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(4) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(8) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(12) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(13) a h4 span {
    color: #33c469;
}

.code93 .container4 .content.con_2021 .item:nth-child(5) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(9) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(10) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(14) a h4 span,
.code93 .container4 .content.con_2021 .item:nth-child(15) a h4 span {
    color: #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(16) a h4 span {
    color: #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(17) a h4 span {
    color: #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(18) a h4 span {
    color: #da3079;
}






/* 2021년 동네기록관 폰트 컬러  끝*/



.code93 .container4 .content .item:nth-child(1):hover,
.code93 .container4 .content .item:nth-child(2):hover,
.code93 .container4 .content .item:nth-child(6):hover,
.code93 .container4 .content .item:nth-child(11):hover {
    border: 2px solid #fff;
    background: #57bec5;
}

.code93 .container4 .content .item:nth-child(3):hover,
.code93 .container4 .content .item:nth-child(7):hover,
.code93 .container4 .content .item:nth-child(8):hover,
.code93 .container4 .content .item:nth-child(12):hover,
.code93 .container4 .content .item:nth-child(13):hover {
    border: 2px solid #fff;
    background: #33c469;
}

.code93 .container4 .content .item:nth-child(4):hover,
.code93 .container4 .content .item:nth-child(5):hover,
.code93 .container4 .content .item:nth-child(9):hover,
.code93 .container4 .content .item:nth-child(10):hover {
    border: 2px solid #fff;
    background: #da3079;
}

.code93 .container4 .content .item:nth-child(16):hover {
    border: 2px solid #fff;
    background: #da3079;
}

.code93 .container4 .content .item:nth-child(17):hover {
    border: 2px solid #fff;
    background: #da3079;
}

.code93 .container4 .content .item:nth-child(18):hover {
    border: 2px solid #fff;
    background: #da3079;
}



/* 2021년 동네기록관 hover 컬러*/
.code93 .container4 .content.con_2021 .item:nth-child(1):hover,
.code93 .container4 .content.con_2021 .item:nth-child(2):hover,
.code93 .container4 .content.con_2021 .item:nth-child(6):hover,
.code93 .container4 .content.con_2021 .item:nth-child(7):hover,
.code93 .container4 .content.con_2021 .item:nth-child(11):hover {
    border: 2px solid #fff;
    background: #57bec5;
}

.code93 .container4 .content.con_2021 .item:nth-child(3):hover,
.code93 .container4 .content.con_2021 .item:nth-child(4):hover,
.code93 .container4 .content.con_2021 .item:nth-child(8):hover,
.code93 .container4 .content.con_2021 .item:nth-child(12):hover,
.code93 .container4 .content.con_2021 .item:nth-child(13):hover {
    border: 2px solid #fff;
    background: #33c469;
}

.code93 .container4 .content.con_2021 .item:nth-child(5):hover,
.code93 .container4 .content.con_2021 .item:nth-child(9):hover,
.code93 .container4 .content.con_2021 .item:nth-child(10):hover,
.code93 .container4 .content.con_2021 .item:nth-child(14):hover,
.code93 .container4 .content.con_2021 .item:nth-child(15):hover {
    border: 2px solid #fff;
    background: #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(16):hover {
    border: 2px solid #fff;
    background: #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(17):hover {
    border: 2px solid #fff;
    background: #da3079;
}

.code93 .container4 .content.con_2021 .item:nth-child(18):hover {
    border: 2px solid #fff;
    background: #da3079;
}



/* .code93 .container4 .content.con_2022 .item:nth-child(16),
.code93 .container4 .content.con_2022 .item:nth-child(17) {flex-grow: 0; width: calc(16% +4px);} */
.code93 .container4 .content.con_2022 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, auto));
    gap: 10px;
}

.code93 .container4 .content.con_2022 .item {
    width: 100%;
    margin: 0;
}

.code93 .container4 .content .item.co1 {
    border: 2px solid #57bec5;
}

.code93 .container4 .content .item.co2 {
    border: 2px solid #33c469;
}

.code93 .container4 .content .item.co3 {
    border: 2px solid #da3079;
}

.code93 .container4 .content .item.co4 {
    border: 2px solid #9b3df3;
}

.code93 .container4 .content .item.co1:hover {
    background: #57bec5;
}

.code93 .container4 .content .item.co2:hover {
    background: #33c469;
}

.code93 .container4 .content .item.co3:hover {
    background: #da3079;
}

.code93 .container4 .content .item.co4:hover {
    background: #9b3df3;
}

.code93 .container4 .content .item.co1 a h4 span {
    color: #57bec5;
}

.code93 .container4 .content .item.co2 a h4 span {
    color: #33c469;
}

.code93 .container4 .content .item.co3 a h4 span {
    color: #da3079;
}
.code93 .container4 .content .item.co4 a h4 span {
    color: #9b3df3;
}



/* 2021년 동네기록관 hover 컬러  끝*/

.code93 .container4 .content .item:hover a {
    color: #fff;
}

.code93 .container4 .content .item:hover a h4 span {
    color: #fff !important;
}

.code93 .container4 .content .item:hover a ul li {
    color: #fff;
}


.code93 .container4 .content.con_2021 .item:hover a {
    color: #fff;
}

.code93 .container4 .content.con_2021 .item:hover a h4 span {
    color: #fff;
}

.code93 .container4 .content.con_2021 .item:hover a ul li {
    color: #fff;
}



.code93 .container4 .content .item:hover .img_box {
    background: url(/project/design/contents/ehe.png) no-repeat center / 100%;
}

.code93 .container4 .content .item:hover {
    border: 2px solid #fff;
    ;
}







/* 241014 - 동네기록관 */
.btn_result { padding: 15px 0 !important; background: #e8e8e8; color: #000 !important; font-weight: 600; border-radius: 0 0 20px 20px !important;}
.btn_result:hover { background: #000; color: #fff !important; }
.btn_result > i { font-weight: 600;}

.border_style1 { border-radius: 20px 20px 0 0 !important;}

.code93_2 .container4 .content { margin-top: 0 !important;}
.code93_2 .container4 .content .item h4 { letter-spacing: -0.7px; }

.code93_2 .container4 .content .item { border: none !important; padding: 0 !important;  } 
.code93_2 .container4 .content .item > a { padding: 20px; border-radius: 20px; }

.code93_2 .container4 .content .item .co1 { border: 2px solid #57bec5; }
.code93_2 .container4 .content .item:hover > a.co1 { background: #57bec5; }
.code93_2 .container4 .content .item .co2 { border: 2px solid #33c469; }
.code93_2 .container4 .content .item:hover > a.co2 { background: #33c469; border: 2px solid #33c469; }
.code93_2 .container4 .content .item .co3 { border: 2px solid #da3079; }
.code93_2 .container4 .content .item:hover > a.co3 { background: #da3079; border: 2px solid #da3079; }
.code93_2 .container4 .content .item .co4 { border: 2px solid #9b3df3; }
.code93_2 .container4 .content .item:hover > a.co4 { background: #9b3df3; border: 2px solid #9b3df3; }

.code93_2 .container4 .con_2024 .item:nth-child(even) h4 span { color: #9b3df3; }
.code93_2 .container4 .con_2024 .item:nth-child(odd) h4 span { color: #9b3df3; }


.code93_2 .container4 .content .item:nth-child(1):hover,
.code93_2 .container4 .content .item:nth-child(2):hover,
.code93_2 .container4 .content .item:nth-child(6):hover,
.code93_2 .container4 .content .item:nth-child(11):hover { border: none; background: none; }

.code93_2 .container4 .content .item:nth-child(3):hover,
.code93_2 .container4 .content .item:nth-child(7):hover,
.code93_2 .container4 .content .item:nth-child(8):hover,
.code93_2 .container4 .content .item:nth-child(12):hover,
.code93_2 .container4 .content .item:nth-child(13):hover { border: none; background: none; }

.code93_2 .container4 .content .item:nth-child(4):hover,
.code93_2 .container4 .content .item:nth-child(5):hover,
.code93_2 .container4 .content .item:nth-child(9):hover,
.code93_2 .container4 .content .item:nth-child(10):hover { border: none; background: none; }

.code93_2 .container4 .content .item:nth-child(16):hover { border: none; background: none; }
.code93_2 .container4 .content .item:nth-child(17):hover { border: none; background: none; }
.code93_2 .container4 .content .item:nth-child(18):hover { border: none; background: none; }


@media(max-width: 1024px) {
    .code93_2 .container4 .content .item { width: 100%; }
    .code93_2 .container4 .content .item h4 { font-size: 16px; margin-bottom: 10px; }  
    .code93_2 .container4 .content .item ul { padding-top: 10px; }
    .code93_2 .container4 .content .item ul .desc2 { font-size: 14px; }
    .code93_2 .container4 .content .item ul li { font-size: 14px;}
}
/* // 241014 - 동네기록관 */















.code93 .container4 .title_box ul {
    justify-content: center;
    margin: 50px auto 75px;
}

.code93 .container4 .title_box ul li {
    margin-right: 40px;
    position: relative;
    width: auto;
    align-items: center;
}

.code93 .container4 .title_box ul li:nth-child(1):before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 100px;
    border-radius: 50%;
    background: #57bec5;
    z-index: -1;
    opacity: .1;
}

.code93 .container4 .title_box ul li:nth-child(2):before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 100px;
    border-radius: 50%;
    background: #33c469;
    z-index: -1;
    opacity: .1;
}

.code93 .container4 .title_box ul li:nth-child(3):before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 100px;
    border-radius: 50%;
    background: #da3079;
    z-index: -1;
    opacity: .1;
}


.code93 .container4 .title_box ul li i {
    font-size: 30px;
    margin: 0 20px 0;
}

.code93 .container4 .title_box ul li:nth-child(1) i {
    color: #57bec5;
}

.code93 .container4 .title_box ul li:nth-child(2) i {
    color: #33c469;
}


.code93 .bottom_box {
    margin-top: 40px;
    gap: 30px;
    flex-wrap: wrap;
}

.code93 .bottom_box .item {
    width: 23%;
    text-align: center;
}

.code93 .bottom_box .item .img img {
    height: 150px;
}

.code93 .bottom_box a {
    position: relative;
    display: block;
    margin-top: 20px;
    text-align: center;
    padding: 10px;
    border: 2px solid #33c469;
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    color: #33c469;
    transition: all .3s ease;
    border-radius: 10px;
    position: relative;
    background: #fff;
    font-size: 15px;
}

.code93 .bottom_box a br {
    display: none;
}

.code93 .bottom_box a:hover {
    color: #fff;
    background: #33c469;
}

/*.code93 .book .desc1{position: absolute; top:0; left:50%; transform:translate(-50%, 0);}
.code93 .book .desc2{position: absolute; top:-80px; left:-200px; width:200px; z-index: -1;}
.code93 .book .desc3{position: absolute; top:-50px; left:-200px; width:200px; z-index: -1;}
.code93 .book .desc2 img{width:100%;}*/

.nwbox {
    width: 60px;
    height: 25px;
    border-radius: 20px;
    background-color: #ffba00;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
}



@media(max-width:1000px) {
    .code93 .bottom_box {
        gap: 20px;
    }

    .code93 .bottom_box a br {
        display: block;
    }
}

@media(max-width:800px) {
    .code93 .bottom_box {
        margin-top: 10px;
    }

    .code93 .bottom_box .item .img {
        display: none;
    }
}

@media(max-width:600px) {
    .code93 .bottom_box {
        display: block;
        margin-top: 40px;
    }

    .code93 .bottom_box .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .code93 .bottom_box a {
        margin-top: 0
    }

    .code93 .bottom_box a br {
        display: none;
    }
}

.code93 .center_box {
    border-radius: 20px;
    padding: 35% 0 50px;
    background: url(/project/design/contents/code93_bgimg.jpg) no-repeat top center;
    background-size: contain;
}

.code93 .center_box p {
    line-height: 1.8em;
}





@media(min-width:1001px) {
    .code93 .center_box {
        background: url(/project/design/contents/code93_bgimg.jpg) no-repeat center right;
        padding: 0 50px 7% 0;
        background-size: contain
    }

    .code93 .center_box p {
        width: 50%;
    }
}


@media(max-width:1000px) {
    .code93 .p_desc1 {
        font-size: 18px;
        padding-top: 10px;
    }

    .code93 .h_type3 {
        font-size: 20px;
    }

    .code93 .container1 .content .text_box .desc2 {
        font-size: 20px;
    }

    .code93 .busi_box .plat_box>ul>li .box_in .num {
        font-size: 30px;
    }

    .code93 .container4 .title_box ul li i {
        font-size: 30px;
        margin: 0 20px 0 0;
    }

}

@media(max-width:800px) {
    .code93 .container2 .busi_box .title {
        top: -20px;
    }

    .code93 .busi_box .plat_box>ul>li .box_in {
        height: 190px;
    }

    .code93 .center_box {
        background-size: 100%;
        padding: 70% 0 30px;
    }

    .code93 .container4 .content .item {
        width: 100%;
    }

    .code93 .container4 .title_box ul {
        flex-direction: column;
    }

    .code93 .container4 .title_box ul li {
        margin-bottom: 50px;
    }

    .code93 .container4 .title_box ul li:last-child {
        margin: 0;
    }

    .code93 .container4 .title_box ul li::before {
        left: 80px !important;
    }
}

@media(max-width:500px) {
    .code93 .p_desc1 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .code93 .container1 .content .text_box .desc1 {
        font-size: 15px;
    }

    .code93 .container1 .content .text_box .desc2 {
        font-size: 18px;
    }

    .code93 .container4 .content {
        margin-top: 20px;
    }

    .code93 .pc {
        display: none;
    }

    .code93 .m {
        display: block;
    }

    .code93 .container1 .content .text_box {
        padding-bottom: 65px;
    }

    .code93 .container1 .content .text_box i {
        font-size: 250px;
    }

    .code93 .book a span {
        display: none;
    }


    /* .code93 .container4 .title_box ul li:nth-child(1){width:100%;}
    .code93 .container4 .title_box ul li:nth-child(2){width:100%;}
    .code93 .container4 .title_box ul li:nth-child(3){width:100%;} */
    .code93 .container4 .title_box ul li::after {
        display: none;
    }

}



/* 문화현장기록 */
/* 문화현장기록 - 리스트페이지 */
.code96 {
    width: 100%;
    margin: 0 auto;
}

.code96 .container .content {
    flex-wrap: wrap;
}

.code96 .container .content .item {
    flex-grow: 1;
    margin: 1%;
    width: 15%;
}

.code96 .container .content .item a {
    flex-wrap: wrap;
}

.code96 .container .content .item a .img_box {
    width: 100%;
    padding: 50%;
    position: relative;
}

.code96 .container .content .item a .img_box .hover_text {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 0%;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    opacity: 0;
}

.code96 .container .content .item a .img_box .hover_text p {
    font-size: 19px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.code96 .container .content .item a:hover .hover_text {
    height: 50%;
    opacity: 1;
}

.code96 .container .content .item a .text_box {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.code96 .container .content .item a .text_box p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.code96 .container .content .item a .text_box .title1 {
    font-size: 21px;
    font-weight: 500;
    color: #000;
}

.code96 .container .content .item a .text_box .title2 {
    font-size: 16px;
    color: #666;
    margin: 5px 0 15px;
}

.code96 .container .content .item a .text_box .text1 {
    font-size: 16px;
    color: #3974bd;
    margin: 5px 0;
    font-weight: 500;
    display: none;
}

.code96 .container .content .item a .text_box .text2 {
    font-size: 16px;
    color: #3974bd;
    margin: 5px 0;
    font-weight: 500;
    display: none;
}

.code96 .container .content .item1 a .img_box {
    background: url(/project/design/contents/inter_1.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item2 a .img_box {
    background: url(/project/design/contents/inter_2.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item3 a .img_box {
    background: url(/project/design/contents/inter_3.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item4 a .img_box {
    background: url(/project/design/contents/inter_4.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item5 a .img_box {
    background: url(/project/design/contents/inter_5.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item6 a .img_box {
    background: url(/project/design/contents/inter_6.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item7 a .img_box {
    background: url(/project/design/contents/inter_7.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item8 a .img_box {
    background: url(/project/design/contents/inter_8.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item9 a .img_box {
    background: url(/project/design/contents/inter_9.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item10 a .img_box {
    background: url(/project/design/contents/inter_10.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item11 a .img_box {
    background: url(/project/design/contents/inter_11.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item12 a .img_box {
    background: url(/project/design/contents/inter_12.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item13 a .img_box {
    background: url(/project/design/contents/inter_13.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item14 a .img_box {
    background: url(/project/design/contents/inter_14.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item15 a .img_box {
    background: url(/project/design/contents/inter_15.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item16 a .img_box {
    background: url(/project/design/contents/inter_16.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item17 a .img_box {
    background: url(/project/design/contents/inter_17.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item18 a .img_box {
    background: url(/project/design/contents/inter_18.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item19 a .img_box {
    background: url(/project/design/contents/inter_19.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item20 a .img_box {
    background: url(/project/design/contents/inter_20.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item21 a .img_box {
    background: url(/project/design/contents/inter_21.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item22 a .img_box {
    background: url(/project/design/contents/inter_22.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item23 a .img_box {
    background: url(/project/design/contents/inter_23.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item24 a .img_box {
    background: url(/project/design/contents/inter_24.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item25 a .img_box {
    background: url(/project/design/contents/inter_25.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item26 a .img_box {
    background: url(/project/design/contents/inter_26.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item27 a .img_box {
    background: url(/project/design/contents/inter_27.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item28 a .img_box {
    background: url(/project/design/contents/inter_28.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item29 a .img_box {
    background: url(/project/design/contents/inter_29.jpg)no-repeat center;
    background-size: cover;
}

.code96 .container .content .item30 a .img_box {
    background: url(/project/design/contents/inter_30.jpg)no-repeat center;
    background-size: cover;
}

.code96 .bottom_box {
    justify-content: center;
}

.code96 .bottom_box .book {
    text-align: center;
    padding: 20px;
    border: 2px solid #33c469;
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    color: #33c469;
    width: 400px;
    transition: all .3s ease;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.code96 .bottom_box a:hover {
    color: #fff;
    background: #33c469;
}







@media(max-width:1280px) {
    .code96 .container .content .item {
        width: 30%;
    }
}

@media(max-width:767px) {
    .code96 .container .content .item a .text_box .title1 {
        font-size: 17px;
    }

    .code96 .container .content .item a .text_box .title2 {
        font-size: 13px;
    }

    .code96 .container .content .item a .text_box .text1 {
        font-size: 13px;
    }

    .code96 .container .content .item a .text_box .text2 {
        font-size: 13px;
    }
}

@media(max-width:500px) {
    .code96 .container .content .item {
        width: 100%;
    }
}

/* 문화현장기록 - 상세페이지 */
.inter {
    width: 100%;
    margin: 0 auto;
}

.inter .container1 {
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 3px solid #000;
}

.inter .container .top {
    max-width: 1400px;
    margin: 0 auto;
}

.inter .container .top .img_box {
    width: 55%;
    margin-right: 80px;
    box-sizing: border-box;
    padding: 26% 0;
    position: relative;
}

.inter .container .top .img_box span {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 14px;
}

.inter .container .top .title_box {
    width: 45%;
    padding: 20px 0;
    box-sizing: border-box;
}

.inter .container .top .title_box .title1 {
    font-size: 40px;
    color: #222;
    font-weight: 800;
    padding: 0 0 80px;
}

.inter .container .top .title_box .title2 {
    font-size: 27px;
    font-weight: 600;
    line-height: 1.8em;
    padding: 0 0 60px;
    color: #000;
}

.inter .container .top .title_box ul li {
    font-size: 16px;
    padding: 10px 0;
    display: flex;
    -ms-display: flex;
    -webkit-display: flex;
}

.inter .container .top .title_box ul li .desc1 {
    margin-right: 60px;
    font-weight: 600;
    color: #333;
}

.inter .container .top .title_box ul li .downt {
    opacity: 0;
    ;
}

.inter .container .top .title_box ul li .desc2 {
    color: #666;
}

.inter .container .top .title_box ul li .down a {
    box-sizing: border-box;
    display: block;
    color: #333;
    font-weight: 500;
    border: 1px solid #000;
    padding: 10px 20px;
    align-items: center;
}

.inter .container .top .title_box ul li .down a i {
    margin: 0 0 0 10px;
    font-size: 16px;
}

.inter .container .top .title_box ul li .down:hover a {
    color: #000;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}


/* 97 */


/* 98 */




.inter .container .top .title_box ul li span i {
    margin: 0 14.5px;
}

.inter .img1 {
    background: url(/project/design/contents/inter_1.jpg)no-repeat center;
    background-size: 100%;
}

.inter .img2 {
    background: url(/project/design/contents/inter_2.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img3 {
    background: url(/project/design/contents/inter_3.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img4 {
    background: url(/project/design/contents/inter_4.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img5 {
    background: url(/project/design/contents/inter_5.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img6 {
    background: url(/project/design/contents/inter_6.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img7 {
    background: url(/project/design/contents/inter_7.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img8 {
    background: url(/project/design/contents/inter_8.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img9 {
    background: url(/project/design/contents/inter_9.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img10 {
    background: url(/project/design/contents/inter_10.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img11 {
    background: url(/project/design/contents/inter_11.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img12 {
    background: url(/project/design/contents/inter_21.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img13 {
    background: url(/project/design/contents/inter_13.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img14 {
    background: url(/project/design/contents/inter_14.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img15 {
    background: url(/project/design/contents/inter_15.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img16 {
    background: url(/project/design/contents/inter_16.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img17 {
    background: url(/project/design/contents/inter_17.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img18 {
    background: url(/project/design/contents/inter_18.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img19 {
    background: url(/project/design/contents/inter_19.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img20 {
    background: url(/project/design/contents/inter_20.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img21 {
    background: url(/project/design/contents/inter_21.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img22 {
    background: url(/project/design/contents/inter_22.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img23 {
    background: url(/project/design/contents/inter_23.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img24 {
    background: url(/project/design/contents/inter_24.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img25 {
    background: url(/project/design/contents/inter_25.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img26 {
    background: url(/project/design/contents/inter_26.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img27 {
    background: url(/project/design/contents/inter_27.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img28 {
    background: url(/project/design/contents/inter_28.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img29 {
    background: url(/project/design/contents/inter_29.jpg) no-repeat center;
    background-size: 100%;
}

.inter .img30 {
    background: url(/project/design/contents/inter_30.jpg) no-repeat center;
    background-size: 100%;
}

.inter .container2 {
    max-width: 1620px;
    margin: 0 auto;
}

.inter .container2 .img_box {
    max-width: 650px;
    margin: 0 auto;
}

.inter .container2 .img_box img {
    width: 100%;
}

.inter .container2 .img_box p {
    margin: 5px 0;
    font-size: 16px;
    text-align: center;
}

.inter .container2 p {
    line-height: 1.8em;
    font-size: 16px;
}

.inter .container2 .title1 {
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0;
}

.inter .container2 p.box {
    padding: 50px;
    border: 1px solid #ddd;
}

.inter .container2 p.type1 {
    color: #3974bd;
}

.inter .container2 p.type2 {
    color: #00987e;
}

.inter .container2 p span {
    font-weight: bold;
}

.inter .container3 {
    margin-top: 80px;
    padding-top: 20px;
    border-top: 3px solid #000;
}

.inter .container3 p {
    max-width: 1620px;
    margin: 0 auto;
    font-size: 16px;
}

.inter i {
    font-family: 'Noto Sans KR', sans-serif;
}

.inter .back {
    text-align: center;
    padding: 10px 40px;
    border: 2px solid #33c469;
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    color: #33c469;
    margin: 50px auto 0;
    transition: all .3s ease;
    border-radius: 10px;
    font-size: 16px;
    width: 150px;
}

.inter .back:hover {
    color: #fff;
    background: #33c469;
}



@media(max-width:1620px) {
    .inter .container2 {
        padding: 20px;
    }

    .inter .container .top {
        padding: 20px;
    }

    .inter .container3 {
        padding: 20px;
        margin-top: 40px;
    }
}

@media(max-width:800px) {
    .inter .container .top {
        flex-wrap: wrap;
    }

    .inter .container .top .img_box {
        width: 100%;
        margin: 0;
        padding: 50% 0;
    }

    .inter .container .top .title_box {
        width: 100%;
        padding: 0 20px;
    }

    .inter .container .top .title_box ul li {
        font-size: 13px;
    }

    .inter .container .top .title_box .title2 {
        font-size: 17px;
    }

    .inter .container .top .title_box .title1 {
        padding: 40px 0;
        font-size: 30px;
    }

}

@media(max-width:425px) {
    .inter .container .top .title_box {
        text-align: center;
    }

    .inter .container .top .title_box ul li {
        display: block;
    }

    .inter .container .top .title_box ul li span {
        display: block;
        margin: 5px auto;
        text-align: center;
        width: 100%;
    }

    .inter .container1 {
        padding: 40px 0;
    }

    .inter .container2 p.box {
        padding: 30px;
    }

    .inter .container2 p {
        font-size: 12px;
    }

    .inter .container2 .title1 {
        font-size: 16px;
        margin: 20px 0;
    }

    .inter .container3 p {
        font-size: 11px;
    }

    .inter .container2 .img_box p {
        font-size: 11px;
    }
}



/* 0104_특화사업 */
.busi_box .plat_box {
    margin: 30px 0;
}

.busi_box .plat_box>ul>li {
    float: left;
    width: 30%;
    text-align: center;
    position: relative;
}

.busi_box .plat_box>ul>li:nth-child(2) {
    padding: 0 5%;
}

.busi_box .plat_box>ul>li .box_in {
    background: #f5f8fd;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    padding: 30px;
    margin-top: 25px;
}

.busi_box .plat_box>ul>li .box_in .num {
    color: #6a93cb;
    font-family: 'S-CoreDream-6Bold';
    font-size: 40px;
    background: url('/project/design/contents/bg_bu0404.png') no-repeat center bottom;
    padding-bottom: 35px;
    margin-bottom: 20px;
}

.busi_box .plat_box>ul>li .box_in .desc {
    color: #797e85;
    font-weight: 300;
    font-size: 21px;
    line-height: 1.8em;
}

@media all and (max-width:800px) {
    .busi_box .plat_box {
        margin: 15px 0 30px 0;
    }

    .busi_box .plat_box>ul>li i img {
        height: 25px;
    }

    .busi_box .plat_box>ul>li .box_in {
        padding: 20px;
        margin-top: 15px;
        border-radius: 10px;
    }

    .busi_box .plat_box>ul>li .box_in .num {
        font-size: 30px;
        background-size: auto 15px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .busi_box .plat_box>ul>li .box_in .desc {
        font-size: 14px;
        line-height: 1.6em;
    }

    .busi_box .plat_box>ul>li .box_in .desc br {
        display: none;
    }
}

@media all and (max-width:500px) {
    .busi_box .plat_box>ul>li {
        width: 100%;
    }

    .busi_box .plat_box>ul>li:nth-child(2) {
        padding: 10px 0;
    }

    .busi_box .plat_box>ul>li .box_in .num {
        font-size: 24px;
    }
}


/* 02_문화아카이빙 */
.box_title {
    text-align: center;
}

.box_title h4 {
    font-size: 66px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.04em;
}

.box_title h4 .em1 {
    color: #fdcf00;
}

.box_title h4 .em2 {
    color: #3fbdd9;
}

.box_title .p_desc {
    font-size: 20px;
    padding: 20px 0;
}

.box_search {
    width: 50%;
    float: right;
    font-size: 20px;
    border-bottom: 3px solid #000;
    color: #c1c1c1;
    margin-bottom: 40px;
}

.box_search select {
    border: none;
    height: 60px;
    width: 25%;
    padding-left: 20px;
    color: #000;
    box-sizing: border-box;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/project/design/com/bg_ar1.png') no-repeat 90% center;
}

.box_search select::-ms-expand {
    display: none
        /* 화살표 없애기 for IE10, 11*/
}

.box_search input[type="text"] {
    border: none;
    height: 60px;
    width: 63%;
    font-weight: 600;
}

.box_search input[type="submit"] {
    border: none;
    height: 60px;
    width: 10%;
    background: url("/project/design/com/btn_search1.png") no-repeat center;
    text-indent: -9999px;
    cursor: pointer;
}

.box_search.bg {
    background: #f1f1f1;
    padding: 30px;
}

.box_list {
    margin: 0 60px 60px 60px;
}

.box_list>ul>li {
    float: left;
    width: 20%;
    text-align: center;
    padding-top: 60px;
}

.box_list>ul>li a {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
}

.box_list>ul>li a .img_box .img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 1.5s ease;
}

.box_list>ul>li a .img_box:hover .img {
    transform: scale(1.1, 1.1);
}

.box_list>ul>li a .p_desc1 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.box_list>ul>li a .p_desc2 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 30px;
}

.box_list>ul>li a .block {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1.5s ease;
}

.box_list>ul>li a .block:hover {
    transform: scale(1.1, 1.1);
    transition: all 1.5s ease;
}

.box_list>ul>li a .block.peo1 {
    background: url("/project/design/contents/img_peo1.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo2 {
    background: url("/project/design/contents/img_peo2.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo3 {
    background: url("/project/design/contents/img_peo3.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo4 {
    background: url("/project/design/contents/img_peo4.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo5 {
    background: url("/project/design/contents/img_peo5.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo6 {
    background: url("/project/design/contents/img_peo6.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo7 {
    background: url("/project/design/contents/img_peo7.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo8 {
    background: url("/project/design/contents/img_peo8.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo9 {
    background: url("/project/design/contents/img_peo9.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.peo10 {
    background: url("/project/design/contents/img_peo10.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.pla1 {
    background: url("/project/design/contents/img_pla1.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.pla2 {
    background: url("/project/design/contents/img_pla2.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.pla3 {
    background: url("/project/design/contents/img_pla3.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.pla4 {
    background: url("/project/design/contents/img_pla4.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.pla5 {
    background: url("/project/design/contents/img_pla5.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block.pla6 {
    background: url("/project/design/contents/img_pla6.jpg") no-repeat;
    background-size: cover;
}

.box_list>ul>li a .block .bg {
    width: 80%;
    height: 80%;
    background: rgba(212, 190, 88, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-100%, -100%, 0);
    transition: none;
    border-radius: 20px
}

@media all and (max-width:1720px) {
    .box_list {
        margin: 0 40px 40px 40px;
    }

    .box_list>ul>li a {
        width: 260px;
        height: 260px;
    }
}

@media all and (max-width:1420px) {
    .box_list>ul>li {
        width: 25%;
    }
}

@media all and (max-width:1280px) {
    .box_list>ul>li {
        padding-top: 40px;
    }
}

@media all and (max-width:1200px) {
    .box_list>ul>li {
        width: 33.33%;
    }
}

@media all and (max-width:1000px) {
    .box_title h4 {
        font-size: 46px;
    }

    .box_title .p_desc {
        font-size: 17px;
    }

    .box_search {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .box_search select {
        height: 40px;
        background-size: 10px;
    }

    .box_search input[type="text"] {
        height: 40px;
    }

    .box_search input[type="submit"] {
        height: 40px;
    }

    .box_search.bg {
        padding: 20px;
    }

    .box_list>ul>li a {
        width: 220px;
        height: 220px;
    }

}

@media all and (max-width:800px) {
    .box_title h4 {
        font-size: 30px;
    }

    .box_title .p_desc {
        font-size: 15px;
        padding: 10px;
    }

    .box_search {
        width: 70%;
    }

    .box_list {
        margin: 0 10px 10px 10px;
    }

    .box_list>ul>li a {
        width: 180px;
        height: 180px;
        border-radius: 10px;
    }

    .box_list>ul>li a .p_desc1 {
        font-size: 18px;
        left: 15px;
        bottom: 15px;
    }

    .box_list>ul>li a .p_desc2 {
        font-size: 18px;
        right: 15px;
        top: 15px;
    }
}

@media all and (max-width:500px) {
    .box_title .p_desc {
        font-size: 13px;
    }

    .box_search {
        font-size: 13px;
        width: 100%;
    }

    .box_list>ul>li {
        width: 50%;
        padding-top: 25px;
    }

    .box_list>ul>li a {
        width: 150px;
        height: 150px;
    }
}

@media all and (max-width:340px) {
    .box_search input[type="text"] {
        width: 50%;
    }

    .box_search input[type="submit"] {
        width: 40px;
    }
}


/* 0403_문화도시멤버십 */
.btn_club_join {
    padding: 15px 80px;
    border-radius: 50px;
    color: #d4be58;
    font-size: 23px;
    font-weight: 500;
    display: inline-block;
    border: 4px solid #d4be58;
}

.btn_club_join:hover {
    background: #d4be58;
    color: #fff;
}

/* 0405_문화도시안내 */
.org_box {
    text-align: center;
    padding: 50px 0;
}

.lo_box {
    text-align: center;
    padding: 50px 20px;
    background: #e0eaf2;
    margin: 20px 0;
}

.ma_box {
    border: 1px dashed #666;
    padding: 30px;
    line-height: 1.8em;
}

.ma_box span {
    display: inline-block;
    width: 60px;
    font-weight: 600;
    color: #000;
    padding-left: 10px;
    position: relative;
}

.ma_box span:before {
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
}

.ul_car {
    padding: 50px;
}

.ul_car>li {
    padding: 20px 0 20px 140px;
    min-height: 100px;
}

.ul_car>li>h5 {
    font-size: 22px;
    font-family: 'yg-jalnan';
    color: #333;
}

.ul_car h6 {
    font-size: 19px;
    color: #414d86;
    font-weight: 600;
    margin: 20px 0 10px 0;
}

.ul_car .bg1 {
    background: url("/project/design/contents/img_car.png") no-repeat left top;
}

.ul_car .bg2 {
    background: url("/project/design/contents/img_bus.png") no-repeat left top;
}

@media all and (max-width:1440px) {
    .org_box img {
        max-width: 100%;
    }
}

@media all and (max-width:1280px) {
    .ul_car {
        padding: 30px;
    }

    .ul_car>li>h5 {
        font-size: 18px;
    }

    .ul_car h6 {
        font-size: 16px;
    }
}

@media all and (max-width:500px) {
    .ma_box {
        padding: 30px 10px;
    }

    .ul_car>li {
        padding: 10px 0 10px 80px;
        min-height: 60px;
    }

    .ul_car .bg1 {
        background-size: 60px;
    }

    .ul_car .bg2 {
        background-size: 60px;
    }
}

/*프로그램 신청*/
.btn_black_line {
    border: 4px solid #1b1b1b;
    width: 300px;
    height: 64px;
    display: inline-block;
    background: #fff;
    color: #1b1b1b;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
}

.btn_black_line:hover {
    background: #000;
    color: #fff;
}

a.btn_black_line {
    line-height: 64px
}

.btn_black {
    border: 4px solid #1b1b1b;
    width: 300px;
    height: 64px;
    display: inline-block;
    background: #1b1b1b;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
}

.step_app>ul {
    width: 50%;
    margin: 0 auto;
    border-left: 1px solid #ddd;
}

.step_app>ul>li {
    float: left;
    width: 33.33%;
}

.step_app>ul>li>p {
    border: 1px solid #ddd;
    border-left: none;
    padding: 15px;
    text-align: center;
    font-size: 17px;
}

.step_app>ul>li>p.on {
    background: #f0f0f0;
    color: #000;
}

@media all and (max-width:1100px) {
    .btn_black_line {
        width: 240px;
        height: 54px;
        font-size: 20px;
    }

    a.btn_black_line {
        line-height: 54px
    }

    .btn_black {
        width: 240px;
        height: 54px;
        font-size: 20px;
    }

    .step_app>ul {
        width: 100%;
    }

    .step_app>ul>li>p {
        font-size: 15px;
    }
}

@media all and (max-width:500px) {
    .btn_black_line {
        width: 150px;
        height: 44px;
        font-size: 17px;
    }

    a.btn_black_line {
        line-height: 44px
    }

    .btn_black {
        width: 150px;
        height: 44px;
        font-size: 17px;
    }

    .step_app>ul>li>p {
        padding: 10px 5px;
        font-size: 13px;
    }
}

.box_policy {
    border: 1px solid #dadada;
    padding: 45px;
}

@media all and (max-width:500px) {
    .box_policy {
        padding: 25px;
        font-size: 13px;
    }
}

.box_app1 .box_form1 {
    background: #eee;
    padding-top: 20px;
}

.box_app1 .box_form1 dt {
    font-size: 1.125em;
}

.box_app1 .btn_right {
    position: absolute;
    top: 0;
    right: 10px;
}

@media all and (max-width:500px) {
    .box_app1 .btn_right {
        position: relative;
        top: auto;
        right: auto;
        text-align: right;
        padding-right: 10px;
    }

}

.box_booking {
    position: relative;
}

.box_booking .top_box {
    padding: 30px 0;
    text-align: center;
}

.box_booking .top_box a {
    vertical-align: middle;
    display: inline-block;
    width: 54px;
    height: 54px;
    text-indent: -9999px;
}

.box_booking .top_box a.prev {
    background: url("/project/design/contents/bg_cal_ar1.png") no-repeat center;
}

.box_booking .top_box a.next {
    background: url("/project/design/contents/bg_cal_ar2.png") no-repeat center;
}

.box_booking .top_box .date {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    color: #000;
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
}

.box_booking .top_desc {
    text-align: right;
    padding-bottom: 10px;
}

.box_booking .top_desc span {
    margin-left: 40px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.box_booking .top_desc span.co1 {
    background: #fcfbd7;
    border: 1px solid #ddd;
    vertical-align: top;
}

.box_booking .top_desc span.co2 {
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: top;
}

.box_booking .screen {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ddd;
    z-index: 9999;
    opacity: 0.2;
}

/* 예약가능, 예약마감, 예약선택 */
.box_booking .s_bg1 {
    background: #fcfbd7;
}

.box_booking .on {
    background: #c3ecf6 !important;
}


/*****캘린더*****/
#calendar .top_box {
    text-align: center;
    font-size: 40px;
    margin-bottom: 40px;
}

#calendar .top_box span {
    padding: 0 2%;
    color: #222;
    font-weight: 700;
}

#calendar .top_box .prev,
#calendar .top_box .next {
    background: #f2f2f2;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    text-align: center;
    display: inline-block;
}

#calendar .top_box .prev:hover,
#calendar .top_box .next:hover {
    background: #222;
}

#calendar .top_box .prev:hover i,
#calendar .top_box .next:hover i {
    color: #fff;
}

#calendar .top_box .prev i,
#calendar .top_box .next i {
    font-size: 30px;
    color: #222;
    position: relative;
    top: -5px;
}

.table_c,
.table_c th,
.table_c td {
    border: 0;
    border-collapse: collapse;
}

.table_c {
    height: 100%;
}

.table_c th {
    padding: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}

.table_c td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    position: relative;
    font-family: 'Lato', sans-serif;
}

.table_c td span,
.table_c td a {
    display: block;
    height: 100px;
    padding: 15px 20px;
    box-sizing: border-box;
    color: #aeaeae;
}

.table_c td.bd_b_none {
    border-bottom: none;
}

.table_c .co1 {
    color: #e74c4c;
}

.table_c .co2 {
    color: #5971b7;
}

.table_c .today {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    color: #fff;
    background: #eec446;
    font-style: normal;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    padding: 4px 9px;
}

.table_c td a.con_tt_link {
    text-align: left;
    height: auto;
}

.table_c td a span.con_tt {
    text-align: left;
    height: auto;
    display: inline;
    padding: 0;
    font-size: 14px;
    color: #666;
}

.table_c thead th {
    background: #a4acb4;
}

.table_c thead th.co1 {
    border-radius: 30px 0 0 0;
    background: #f276bf;
    color: #fff;
}

.table_c thead th.co2 {
    border-radius: 0 30px 0 0;
    background: #84b5e7;
    color: #fff;
}

.table_c tbody td:first-of-type {
    border-left: none;
}

.table_c tbody tr:last-of-type td {
    border-bottom: none;
}

.table_c ul li {
    display: inline-block;
    margin-right: 10px;
}

.table_c ul li a {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    padding: 0;
}

.table_c ul li.bg1 a {
    background: #f4b508;
}

.table_c ul li.bg2 a {
    background: #33a6c1;
}

.table_c ul li.bg3 a {
    background: #5a438b;
}

.table_c ul li.bg4 a {
    background: #c20152;
}

.table_c .item {
    display: none;
    position: absolute;
    top: -40px;
    left: 0;
    background: #f6f6f6;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.table_c .item.on {
    display: block;
}

.table_c .item .item_cate {
    font-weight: 500;
    font-size: 14px;
}

.table_c .item .item_cate.cate1 {
    color: #34a7c2;
}

.table_c .item .item_cate.cate2 {
    color: #f3b50a;
}

.table_c .item .item_cate.cate3 {
    color: #594288;
}

.table_c .item .item_cate.cate4 {
    color: #c60055;
}

.table_c .item .item_title {
    font-size: 16px;
    font-weight: 500;
    color: #666;
}

.table_c .item .item_date {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.box_booking .time_box .box_in ul li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 2px;
}

.box_booking .time_box .box_in ul li a {
    font-family: 'Lato', sans-serif;
    display: block;
    color: #484848;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0;
    font-weight: 700;
    border: 1px solid #bfbfbf;
}

.box_booking .time_box .box_in ul li a:hover {
    background: #c3ecf6;
}

.box_booking .time_box .no_sel {
    text-align: center;
    font-size: 0.95em;
    color: #666;
    padding-top: 220px;
}

.box_booking .time_box .box_in .s_bg1 {
    background: none !important;
}

.box_booking .time_box .box_in .s_bg1 a {
    background: #e8e8e8;
    cursor: default;
    color: #b1b1b1;
}

.box_booking .time_box .box_in .s_bg1:hover a {
    background: #e8e8e8;
}

.box_booking .time_box .box_in .on {
    background: none !important;
}

.box_booking .time_box .box_in .on a {
    background: #c3ecf6 !important;
}

.box_booking .time_box .no_time {
    font-size: 20px;
    text-align: center;
    color: #f60;
    border: 1px #e8e8e8 solid;
    width: 100%;
    margin: 16px 0;
    padding: 50px 0;
}

.box_booking .desc_box {
    border-top: 1px solid #d3d3d3;
    padding: 30px;
}

.box_booking .desc_box .left {
    float: left;
    width: 50%;
    border-right: 1px solid #d3d3d3;
    box-sizing: border-box;
}

.box_booking .desc_box .right {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 30px;
}

.total_price {
    font-size: 1.2em;
    color: #ff0707;
}

.box_form2 {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding-top: 20px;
}

.app_com_box .box_w {
    text-align: center;
    padding: 60px;
}

.app_com_box p {
    font-size: 20px;
    color: #000;
    padding: 30px 0;
    font-weight: 500;
}

@media all and (max-width:1024px) {
    .box_booking .top_box a {
        width: 40px;
        height: 40px;
    }

    .box_booking .top_box .date {
        font-size: 30px;
    }

    #calendar .top_box {
        font-size: 36px;
    }

    #calendar .top_box .prev,
    #calendar .top_box .next {
        width: 50px;
        height: 50px;
    }
}

@media all and (max-width:800px) {
    .box_booking .top_box {
        padding: 10px 0;
    }

    .box_booking .cen_box {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #000;
    }

    .table_c td span,
    .table_c td a {
        height: 70px;
        padding: 10px;
    }

    .table_c,
    .table_c th,
    .table_c td {
        font-size: 0.95em;
    }

    .table_c .today {
        font-size: 9px;
        padding: 2px;
        line-height: 1em;
    }

    .box_booking .time_box {
        width: 100%;
        border-left: none;
    }

    .box_booking .time_box .box_in ul li a {
        padding: 10px 0;
    }

    .box_booking .time_box .no_sel {
        padding: 30px 0;
    }

    .box_booking .time_box .no_time {
        font-size: 16px;
        padding: 30px 0;
    }

    #calendar .top_box {
        font-size: 30px;
    }

    #calendar .top_box .prev,
    #calendar .top_box .next {
        width: 45px;
        height: 45px;
    }

    #calendar .top_box .prev i,
    #calendar .top_box .next i {
        top: 0;
    }

    .table_c ul li a {
        width: 10px;
        height: 10px;
    }
}


@media all and (max-width:440px) {
    .box_booking .top_box a {
        width: 30px;
        height: 30px;
    }

    .box_booking .top_box a.prev {
        background-size: 13px;
    }

    .box_booking .top_box a.next {
        background-size: 13px;
    }

    .table_c td span,
    .table_c td a {
        height: 50px;
        padding: 5px;
    }

    .box_booking .time_box .box_in {
        padding: 10px 0;
    }

    .box_booking .time_box .box_in ul li a {
        font-size: 0.95em;
    }

    .btn_booking {
        text-align: center;
        margin-top: 30px;
    }

    .box_booking .desc_box {
        padding: 20px;
    }

    .box_booking .desc_box .left {
        width: 100%;
        border-right: none;
        padding-bottom: 20px;
    }

    .box_booking .desc_box .right {
        width: 100%;
        padding: 0;
    }

    .app_com_box .box_w {
        padding: 30px;
    }

    .app_com_box p {
        font-size: 16px;
    }

    #calendar .top_box {
        font-size: 26px;
        margin: 30px 0;
    }

    #calendar .top_box .prev,
    #calendar .top_box .next {
        width: 40px;
        height: 40px;
    }

    #calendar .top_box .prev i,
    #calendar .top_box .next i {
        top: 0;
        font-size: 24px;
    }
}

/* 통합검색 */
.box_info_search {
    text-align: center;
    padding: 20px;
    font-size: 17px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.box_info_search .em {
    color: #ff2a43;
}

.box_all_search {
    position: relative;
}

.box_all_search h5 {
    font-size: 25px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
}

.box_all_search .more {
    position: absolute;
    top: 0;
    right: 0;
}


/* 프로그램 신청서 작성 */
.box_program {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.box_program dt {
    width: 15%;
    float: left;
    box-sizing: border-box;
    padding: 15px 0 0 20px;
    height: 54px;
    color: #333;
    font-weight: 600;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
}

.box_program dd {
    width: 35%;
    float: left;
    box-sizing: border-box;
    padding: 15px 0 0 20px;
    height: 54px;
    border-top: 1px solid #ddd;
}

.box_program dt.dt2 {
    width: 15%;
}

.box_program dd.dd2 {
    width: 85%;
}

@media all and (max-width:1000px) {
    .box_program dt {
        width: 25%;
    }

    .box_program dd {
        width: 75%;
    }

    .box_program dt.dt2 {
        width: 25%;
    }

    .box_program dd.dd2 {
        width: 75%;
    }
}

@media all and (max-width:500px) {
    .box_program dt {
        font-size: 13px;
        padding: 10px 0 10px 20px;
        height: auto;
        background: none;
    }

    .box_program dd {
        font-size: 13px;
        padding: 10px 0 10px 20px;
        height: auto;
    }
}


/* 프로그램 신청서 작성 */
.box_program2 {
    background: #f7f7f7 url('/project/design/contents/img_issue.gif') no-repeat 50px center;
    padding: 40px 40px 40px 170px;
    border: 1px dashed #ddd;
}

.box_program2 li {
    padding: 10px 0;
}

.box_program2 li span {
    color: #000;
    font-weight: 600;
}

.box_program2 li span.em_issue {
    font-size: 1.2em;
}

@media all and (max-width:1000px) {
    .box_program2 {
        background: #f7f7f7 url('/project/design/contents/img_issue.gif') no-repeat 30px center / 50px;
        padding: 20px 20px 20px 100px;
    }

    .box_program2 li {
        padding: 5px 0;
    }

    .box_program2 li span.em_issue {
        font-size: 1.125em;
    }
}

@media all and (max-width:500px) {}

/* 다음세대기록 */
.doc_box .top_box {
    display: table;
    width: 100%;
}

.doc_box .top_box .box_in {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 0 20px;
}

.doc_box h4 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 30px;
    color: #353535;
    padding: 20px 0 10px 0;
}

.doc_box h4 span {
    color: #6a93cb;
}

.doc_box p {
    color: #797979;
    line-height: 1.6em;
    font-size: 17px;
}

.doc_box h5 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 40px;
    color: #6a93cb;
    text-align: center;
    margin: 80px 0 30px 0;
}

.doc_box .top_box2 .box_in {
    position: relative;
    padding: 0 50px 0 0;
}

.doc_box .top_box2 .box_in i {
    float: right;
    padding-left: 50px;
}

.doc_box .top_box2 .box_in h4 {
    padding-top: 120px;
}

.doc_box .cen_box {
    border: 1px solid #ced5dc;
    margin: 50px 0;
}

.doc_box .cen_box>ul {
    display: table;
    width: 100%;
    background: #f1f5fa;
}

.doc_box .cen_box>ul>li {
    display: table-cell;
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    padding: 40px;
}

.doc_box .cen_box>ul>li:nth-child(2) {
    background: #fff;
}

.doc_box .cen_box>ul>li p {
    font-family: 'S-CoreDream-6Bold';
    font-size: 24px;
    color: #424549;
    padding: 20px 0;
    line-height: 1.3em;
}

.doc_box .cen_box>ul>li>.ul_type1>li {
    text-align: left;
    font-size: 17px;
    line-height: 1.6em;
}

.doc_box .cen2>ul>li p.p_desc1 {
    height: 90px;
    box-sizing: border-box;
}

.doc_box .cen2>ul>li .p_desc2 {
    font-size: 17px;
    line-height: 1.6em;
}

.doc_box .cen2>ul>li:nth-child(2) p.p_desc1,
.doc_box .cen2>ul>li:nth-child(3) p.p_desc1 {
    padding-top: 35px;
}


.doc_box .made_box>ul>li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.doc_box .made_box>ul>li:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url('/project/design/contents/img_ar1.png') no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.doc_box .made_box>ul>li:last-child::after {
    display: none;
}

.doc_box .made_box>ul>li .box_in {
    margin: 0 auto;
    width: 75%;
    height: 260px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    padding-top: 30px;
}

.doc_box .made_box>ul>li .box_in .title {
    color: #000;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3em;
    height: 80px;
}

.doc_box .made_box>ul>li .box_in .desc {
    font-size: 17px;
    color: #666;
    font-weight: 400
}

.peo_box {
    background: #e8f0f8;
    padding: 70px;
}

.peo_box .p_desc3 {
    padding: 0 0 20px 40px;
}

.peo_box>ul>li {
    float: left;
    width: 33.33%;
    padding: 0 2%;
    box-sizing: border-box;
    text-align: center;
}

.peo_box>ul>li>i {
    max-width: 100%;
}

.peo_box>ul>li .desc_box {
    position: relative;
    padding: 30px 30px 0 30px;
    text-align: center;
}

.peo_box>ul>li .desc_box .p_desc1 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 30px;
    color: #000;
}

.peo_box>ul>li .desc_box .p_desc2 {
    font-size: 19px;
}

.peo_box>ul>li .desc_box .btn_peo {
    position: absolute;
    right: 40px;
    top: -55px;
}

.peo_box>ul>li .desc_box .btn_peo a {
    background: #c51313;
    color: #fff;
    width: 110px;
    line-height: 110px;
    display: block;
    border-radius: 100%;
    text-align: center;
}

.peo_box>ul>li .desc_box .btn_peo a span {
    font-size: 0.5em;
    display: inline-block;
    vertical-align: top;
}

.d_map_box {
    padding-top: 30px;
}

.d_map_box h4 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 30px;
    color: #353535;
    padding: 0 0 10px 0;
}

.d_map_box h4 span {
    color: #6a93cb;
}

.d_map_box h4 span.em1 {
    font-family: 'Noto Sans Korean';
    font-size: 17px;
    color: #666;
    margin-left: 10px;
    display: block;
}

.d_map_box .left {
    float: left;
    width: 50%;
}

.d_map_box .left>ul {
    padding-top: 20px;
}

.d_map_box .left>ul>li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 10px 10px 0;
}

.d_map_box .left>ul.ul_2021>li {
    width: 25%;
}

.d_map_box .left>ul>li>a {
    display: block;
    background: #f5f8fd;
    height: 168px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    padding: 20px 15px;
    font-size: 16px;
    line-height: 1.3em;
    position: relative;
}

.d_map_box .left>ul>li>a .p_s1 {
    display: block;
    padding-bottom: 5px;
}

.d_map_box .left>ul>li>a .p_s2 {
    display: block;
    font-weight: 500;
    color: #333;
}

.d_map_box .left>ul>li>a .p_s3 {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    display: block;
    font-size: 0.95em;
    color: #888;
}

.d_map_box .left>ul>li>a.co1 .p_s1 {
    color: #6fccd2;
}

.d_map_box .left>ul>li>a.co2 .p_s1 {
    color: #ffa264;
}

.d_map_box .left>ul>li>a.co3 .p_s1 {
    color: #74cd63;
}

.d_map_box .left>ul>li>a.co4 .p_s1 {
    color: #63a4cd;
}

.d_map_box .left>ul>li>a.co5 .p_s1 {
    color: #df5eb8;
}

.d_map_box .left>ul>li>a i {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 21px;
    height: 22px;
    background: url('/project/design/contents/btn_doc_se_b.png') no-repeat center / cover;
}

.d_map_box .left>ul>li>a:hover {
    color: #fff;
}

.d_map_box .left>ul>li>a.co1:hover {
    background: #6fccd2;
}

.d_map_box .left>ul>li>a.co2:hover {
    background: #ffa264;
}

.d_map_box .left>ul>li>a.co3:hover {
    background: #74cd63;
}

.d_map_box .left>ul>li>a.co4:hover {
    background: #63a4cd;
}

.d_map_box .left>ul>li>a.co5:hover {
    background: #df5eb8;
}

.d_map_box .left>ul>li>a.co1:hover span {
    color: #fff;
}

.d_map_box .left>ul>li>a.co2:hover span {
    color: #fff;
}

.d_map_box .left>ul>li>a.co3:hover span {
    color: #fff;
}

.d_map_box .left>ul>li>a.co4:hover span {
    color: #fff;
}

.d_map_box .left>ul>li>a.co5:hover span {
    color: #fff;
}

.d_map_box .left>ul>li>a:hover i {
    background: url('/project/design/contents/btn_doc_se_w.png') no-repeat center / cover;
}

.d_map_box .right {
    float: left;
    width: 50%;
    text-align: center;
}


.d_map_box.box_2021 .left {
    width: 60%;
}

.d_map_box.box_2021 .right {
    width: 40%;
}

.doc_box .bottom_box {
    justify-content: center;
    padding-top: 30px;
}

.doc_box .bottom_box .book {
    text-align: center;
    padding: 20px;
    border: 2px solid #33c469;
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    color: #33c469;
    width: 400px;
    transition: all .3s ease;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.doc_box .bottom_box a:hover {
    color: #fff;
    background: #33c469;
}




@media all and (max-width:1300px) {
    .doc_box h4 {
        font-size: 24px;
    }

    .doc_box p {
        font-size: 15px;
    }

    .doc_box p br {
        display: none;
    }

    .doc_box h5 {
        font-size: 32px;
    }

    .doc_box .cen2>ul>li p.p_desc1 {
        height: auto;
    }

    .doc_box .cen2>ul>li .p_desc2 {
        font-size: 15px;
    }

    .doc_box .cen2>ul>li:nth-child(2) p.p_desc1,
    .doc_box .cen2>ul>li:nth-child(3) p.p_desc1 {
        padding-top: 20px;
    }

    .doc_box .cen_box>ul>li {
        padding: 20px;
    }

    .doc_box .cen_box>ul>li p {
        font-size: 20px;
    }

    .doc_box .cen_box>ul>li>.ul_type1>li {
        font-size: 15px;
    }

    .peo_box {
        padding: 40px;
    }

    .peo_box>ul>li .desc_box {
        padding: 20px 20px 0 20px;
    }

    .peo_box>ul>li .desc_box .p_desc1 {
        font-size: 24px;
    }

    .peo_box>ul>li .desc_box .p_desc2 {
        font-size: 17px;
    }

    .peo_box>ul>li .desc_box .btn_peo {
        right: 10px;
    }

    .d_map_box h4 {
        font-size: 24px;
    }

    .d_map_box h4 span.em1 {
        display: block;
        font-size: 15px;
        margin-left: 0;
    }

    .d_map_box .left {
        float: left;
        width: 60%;
    }

    .d_map_box .left>ul.ul_2021>li {
        width: 33.33%;
    }

    .d_map_box .right {
        float: right;
        width: 40%;
        text-align: center;
    }


}

@media all and (max-width:800px) {
    .doc_box .top_box .box_in img {
        height: 200px;
    }

    .doc_box .top_box2 .box_in {
        padding: 0;
    }

    .doc_box .top_box2 .box_in i {
        padding-left: 20px;
    }

    .doc_box .top_box2 .box_in h4 {
        padding-top: 80px;
    }

    .doc_box .desc_box.desc2 {
        margin-bottom: 50px;
    }

    .doc_box .cen_box>ul {
        display: block;
        width: 100%;
    }

    .doc_box .cen_box>ul>li {
        display: block;
        width: 100%;
    }

    .doc_box .made_box {
        margin: 30px 0;
    }

    .doc_box .made_box>ul>li:after {
        width: 20px;
        height: 20px;
    }

    .doc_box .made_box>ul>li .box_in {
        width: 85%;
        height: 200px;
        padding-top: 20px;
        border-radius: 10px;
    }

    .doc_box .made_box>ul>li .box_in img {
        height: 70px;
    }

    .doc_box .made_box>ul>li .box_in .title {
        font-size: 16px;
    }

    .doc_box .made_box>ul>li .box_in .desc {
        font-size: 13px;
        padding-top: 5px;
        height: 55px;
    }

    .peo_box>ul>li {
        width: 100%;
        padding: 20px 10%;
    }

    .d_map_box {
        padding-top: 0;
    }

    .d_map_box .left {
        width: 100%;
    }

    .d_map_box .left>ul {
        padding: 0 0 30px 0;
    }

    .d_map_box .right {
        width: 100%;
    }

    .d_map_box.box_2021 .left {
        width: 100%;
    }

    .d_map_box.box_2021 .right {
        width: 100%;
    }

}

@media all and (max-width:500px) {
    .doc_box h4 {
        font-size: 20px;
    }

    .doc_box h5 {
        font-size: 26px;
    }

    .doc_box .top_box {
        display: block;
    }

    .doc_box .top_box .box_in {
        display: block;
        width: 100%;
        padding: 20px 0;
    }

    .doc_box .made_box {
        margin: 30px 0 10px 0;
    }

    .doc_box .made_box>ul>li {
        width: 50%;
        margin-bottom: 20px;
    }

    .peo_box {
        padding: 20px;
    }

    .peo_box .p_desc3 {
        padding: 0;
        text-align: center;
    }

    .peo_box>ul>li {
        padding: 20px 0;
    }

    .d_map_box h4 {
        font-size: 20px;
    }

    .d_map_box .left>ul>li {
        width: 50%;
        padding: 0 5px 10px 5px;
    }

    .d_map_box .left>ul.ul_2021>li {
        width: 50%;
    }

    .d_map_box .left>ul>li>a {
        height: 148px;
        padding: 20px 10px;
        font-size: 15px;
    }

    .d_map_box.box_2021 .left>ul>li>a {
        height: 188px;
        padding: 20px 10px;
        font-size: 15px;
    }
}


.interview_box .top_box {
    width: 85%;
    margin: 20px auto 80px auto;
}

.interview_box .top_box .left {
    width: 60%;
    height: 500px;
    float: left;
    box-sizing: border-box;
}

.interview_box .top_box .right {
    width: 40%;
    float: left;
    padding: 35px 0 0 70px;
    box-sizing: border-box;
}

.interview_box h4 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 40px;
    color: #000;
    margin-bottom: 50px;
}

.interview_box h5 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 30px;
    color: #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
    line-height: 1em;
    display: inline-block;
}

.interview_box .cen_box {
    display: table;
    background: #323747;
}

.interview_box .cen_box h5 {
    color: #fff;
    margin-bottom: 50px;
}

.interview_box .cen_box .left {
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    padding: 80px 60px 40px 7.5%;
}

.interview_box .cen_box .right {
    width: 50%;
    display: table-cell;
}

.interview_box .cen_box .right.bg1 {
    background: url('/project/design/contents/img_peo_i1.jpg') no-repeat center / cover;
}

.interview_box .cen_box .right.bg2 {
    background: url('/project/design/contents/img_peo_i2.jpg') no-repeat center / cover;
}

.interview_box .cen_box .right.bg3 {
    background: url('/project/design/contents/img_peo_i3.jpg') no-repeat center / cover;
}

.interview_box .cen_box .left>ul li .p_desc1 {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
}

.interview_box .cen_box .left>ul li .p_desc2 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    padding: 20px 0 40px 0;
}

.interview_box .bot_box {
    width: 85%;
    margin: 80px auto;
}

.interview_box .bot_box h5 {
    margin-bottom: 50px;
}

.interview_box .bot_box p {
    line-height: 1.6em;
}

.interview_box .bot_box .p_desc1 {
    font-size: 36px;
    font-weight: 600;
    color: #000;
}

.interview_box .bot_box .p_desc2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 70px;
}

.interview_box .bot_box .p_desc3 {
    margin: 40px 0;
}

.interview_box .bot_box .p_desc4 {
    font-size: 20px;
    color: #0d0d0d;
    font-family: 'Arita-buri-SemiBold';
    font-style: italic;
}

.interview_box .bot_box .p_desc5 {
    font-size: 22px;
    color: #303030;
    font-weight: 500;
    margin-top: 70px;
    text-align: right;
}

.img_bot {
    margin: 50px 0;
    text-align: center;
}

.img_bot p {
    padding-top: 10px;
}

@media all and (max-width:1300px) {
    .interview_box .top_box {
        width: 90%;
    }

    .interview_box h4 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .interview_box h5 {
        font-size: 24px;
        color: #9f9f9f;
    }

    .interview_box .cen_box .left {
        padding: 40px 40px 20px 40px;
    }

    .interview_box .cen_box .left>ul li .p_desc1 {
        font-size: 17px;
    }

    .interview_box .cen_box .left>ul li .p_desc2 {
        font-size: 16px;
        padding: 10px 0 20px 0;
    }

    .interview_box .bot_box {
        width: 90%;
        margin: 60px auto;
    }

    .interview_box .bot_box h5 {
        margin-bottom: 30px;
    }

    .interview_box .bot_box .p_desc1 {
        font-size: 30px;
    }

    .interview_box .bot_box .p_desc2 {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .interview_box .bot_box .p_desc3 {
        margin: 30px 0;
    }

    .interview_box .bot_box .p_desc5 {
        margin-top: 40px;
    }
}

@media all and (max-width:800px) {
    .interview_box .top_box {
        margin: 0 auto 40px auto;
    }

    .interview_box .top_box .left {
        width: 100%;
        height: 300px;
    }

    .interview_box .top_box .right {
        width: 100%;
        padding: 35px 0 0 0;
        box-sizing: border-box;
    }

    .interview_box .bot_box .p_desc4 {
        font-size: 18px;
    }

    .interview_box .bot_box .p_desc5 {
        font-size: 18px;
    }

    .interview_box .cen_box {
        display: block;
    }

    .interview_box .cen_box .left {
        width: 100%;
        display: block;
    }

    .interview_box .cen_box .right {
        width: 100%;
        display: block;
        height: 600px;
    }

    .img_bot {
        margin: 20px 0;
    }
}

@media all and (max-width:500px) {
    .interview_box h4 {
        font-size: 24px;
    }

    .interview_box h5 {
        font-size: 18px;
    }

    .interview_box .top_box .left {
        height: 200px;
    }

    .interview_box .cen_box .left>ul li .p_desc1 {
        font-size: 16px;
    }

    .interview_box .cen_box .left>ul li .p_desc2 {
        font-size: 15px;
    }

    .interview_box .cen_box .right {
        height: 400px;
    }

    .interview_box .bot_box .p_desc1 {
        font-size: 24px;
    }

    .interview_box .bot_box .p_desc2 {
        font-size: 18px;
    }

    .interview_box .bot_box .p_desc4 {
        font-size: 16px;
    }

    .interview_box .bot_box .p_desc5 {
        font-size: 16px;
    }
}


.box_docu img {
    width: 50%;
    display: inline-block;
}

@media all and (max-width:1000px) {}

@media all and (max-width:500px) {
    .box_docu img {
        width: 100%;
    }
}

.box_docu2>ul>li {
    float: left;
    width: 33.33%;
    margin-bottom: 50px;
}

.box_docu2>ul>li a {
    position: relative;
    border-radius: 20px;
    display: block;
    width: 400px;
    height: 400px;
    padding: 40px;
    box-sizing: border-box;
    margin: 0 auto;
}

.box_docu2>ul>li a:hover {
    transform: scale(1.05, 1.05);
    transition: all 1.5s ease;
}

.box_docu2>ul>li a .date {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9);
    width: 200px;
    height: 200px;
    border-radius: 20px;
    display: table;
    transition: all 0.5s ease;
}

.box_docu2>ul>li a .date p {
    font-family: "S-CoreDream-6Bold";
    color: #000;
    font-size: 1.2em;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.box_docu2>ul>li a .date span {
    font-size: 1.8em;
    display: block;
    padding-bottom: 10px;
}

.box_docu2>ul>li .bg1 {
    background: #f3c11c url('/project/design/contents/bg_docu1.png') no-repeat center bottom / contain;
}

.box_docu2>ul>li .bg2 {
    background: #fa4090 url('/project/design/contents/bg_docu2.png') no-repeat center bottom / contain;
}

.box_docu2>ul>li .bg3 {
    background: #59c8de url('/project/design/contents/bg_docu3.png') no-repeat center bottom / contain;
}

.box_docu2>ul>li .bg4 {
    background: #9870c8 url('/project/design/contents/bg_docu4.png') no-repeat center bottom / contain;
}

.box_docu2>ul>li .bg5 {
    background: #47c890 url('/project/design/contents/bg_docu5.png') no-repeat center bottom / contain;
}

.box_docu2>ul>li .bg6 {
    background: #ff9540 url('/project/design/contents/bg_docu6.png?version=2') no-repeat center bottom / contain;
}

.box_docu2>ul>li a:hover .date {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

@media all and (max-width:1360px) {
    .box_docu2>ul>li a {
        width: 90%;
        padding: 30px;
    }
}

@media all and (max-width:1000px) {
    .box_docu2>ul>li {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media all and (max-width:700px) {
    .box_docu2>ul>li {
        width: 50%;
        margin-bottom: 20px;
    }

    .box_docu2>ul>li a {
        height: 300px;
        padding: 30px;
    }

    .box_docu2>ul>li a .date {
        width: 140px;
        height: 140px;
    }
}

@media all and (max-width:500px) {
    .box_docu2>ul>li {
        width: 100%;
    }
}


.con_mem_box .section1 {
    background: #fff8eb url('/project/design/contents/bg_con_mem.png') no-repeat center bottom / 100% auto;
    padding: 10%;
    position: relative;
    padding-bottom: 25%;
}

.con_mem_box .section1 .con_mem2 p {
    line-height: 1.4;
}

.con_mem_box .section1 .con_mem2 p span {
    position: relative;
    font-size: 72px;
    color: #3f4041;
    font-family: 'S-CoreDream-9Black';
}

.con_mem_box .section1 .con_mem2 p span::before {
    position: absolute;
    content: "";
    display: inline-block;
    right: -15%;
    top: 15%;
    transform: translate(0, -50%);
    background: url('/project/design/contents/img_con_mem_deco6.png') no-repeat left top / 100% auto;
    animation: con_mem6 3s infinite;
    width: 61px;
    height: 77px;
}

.con_mem_box .section1 .con_mem3 {
    position: absolute;
    left: 0;
    top: 0;
}

.con_mem_box .section1 .con_mem4 {
    position: absolute;
    right: 0;
    top: 0;
}

.con_mem_box .section1 .con_mem5 {
    position: absolute;
    left: 20%;
    top: 290px;
    animation: con_mem5 3s infinite;
}

.con_mem_box .section1 .con_mem6 {
    position: absolute;
    left: 65%;
    top: 470px;
    animation: con_mem6 3s infinite;
}


.con_deco_box {
    position: relative;
}


.con_mem_box .section1 .con_mem7 {
    position: absolute;
    left: 0;
    top: 100px;
}

.con_mem_box .section1 .con_mem8 {
    position: absolute;
    left: 15%;
    top: 60px;
}

.con_mem_box .section1 .con_mem9 {
    position: absolute;
    left: 70%;
    top: 60px;
}

.con_mem_box .section1 .con_mem10 {
    position: absolute;
    left: auto;
    right: 0;
    top: 100px;
}

.con_mem_box .section1 .con_mem11 {
    position: absolute;
    left: 60%;
    top: 200px;
}

.con_mem_box .section1 .con_mem12 {
    position: absolute;
    left: 64%;
    top: 210px;
}

.con_mem_box .section1 .con_mem13 {
    position: absolute;
    left: 68%;
    top: 220px;
}


.con_mem_box .section2 {
    background: #f5e9d3;
    padding: 0 0 150px 0;
}

.con_mem_box .section2 .tit_mem_box {
    width: 85%;
    margin: 0 auto;
    align-items: center;
}

.con_mem_box .section2 .tit_mem_box>div:first-of-type {
    margin-right: 5%;
}

.con_mem_box .section2 .tit_mem_box h4 {
    font-family: 'S-CoreDream-9Black';
    font-size: 48px;
    color: #3f4041;
}

.con_mem_box .section2 .tit_mem_box p {
    font-size: 24px;
    font-family: 'S-CoreDream-5Medium';
    color: #222;
    margin-top: 20px;
}


.con_mem_box .section3 {
    position: relative;
    background: #fff8eb url('/project/design/contents/bg_con_mem2.jpg') no-repeat center top / 100% auto;
    padding: 100px 0;
}

.con_mem_box .section3 .tit {
    font-size: 60px;
    color: #3f4041;
    font-family: 'S-CoreDream-9Black';
    text-align: center;
}

.con_mem_box .section3 .bene_box {
    padding: 100px 0 150px 0;
}

.con_mem_box .section3 .bene_box ul.fx {
    align-items: center;
    justify-content: center;
    height: 282px;
}

.con_mem_box .section3 .bene_box li {
    font-size: 24px;
    color: #222;
    font-family: 'S-CoreDream-5Medium';
    text-align: center;
    width: 282px;
    height: 282px;
    padding-top: 6%;
    box-sizing: border-box;
    margin-right: 10px;
}

.con_mem_box .section3 .bene_box li:last-of-type {
    margin-right: 0;
}

.con_mem_box .section3 .bene_box li.bg1 {
    background: url('/project/design/contents/bg_bene1.png') no-repeat center;
    position: relative;
}

.con_mem_box .section3 .bene_box li.bg1:before {
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translate(-50%, 0);
    display: inline-block;
    content: "";
    background: url('/project/design/contents/img_con_mem_deco12.png') no-repeat center;
    width: 130px;
    height: 112px;
}

.con_mem_box .section3 .bene_box li.bg2 {
    background: url('/project/design/contents/bg_bene2.png') no-repeat center;
}

.con_mem_box .section3 .bene_box li.bg3 {
    background: url('/project/design/contents/bg_bene3.png') no-repeat center;
}

.con_mem_box .section3 .bene_box li.bg4 {
    background: url('/project/design/contents/bg_bene4.png') no-repeat center;
    position: relative;
}

.con_mem_box .section3 .bene_box li.bg4:after {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: -50px;
    transform: translate(-50%, 0);
    display: inline-block;
    content: "";
    background: url('/project/design/contents/img_con_mem_deco13.png') no-repeat center;
    width: 130px;
    height: 133px;
}


.con_mem_box .section3 .con_mem14 {
    position: absolute;
    left: auto;
    right: 100px;
    top: -114px;
}

.con_mem_box .section3 .con_mem15 {
    position: absolute;
    left: 100px;
    top: auto;
    bottom: 0;
}


@keyframes con_mem5 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    10% {
        transform: translateY(0);
    }
}

@keyframes con_mem6 {
    0% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(-20deg);
    }
}



@media all and (max-width:1280px) {
    .con_mem_box img {
        max-width: none !important;
    }

    .con_mem_box .section3 .con_mem14 {
        transform: scale(0.8, 0.8);
        right: 3%;
    }

    .con_mem_box .section3 .bene_box li {
        width: 262px;
        height: 262px;
        font-size: 20px;
    }

    .con_mem_box .section3 .bene_box li.bg1,
    .con_mem_box .section3 .bene_box li.bg2,
    .con_mem_box .section3 .bene_box li.bg3,
    .con_mem_box .section3 .bene_box li.bg4 {
        background-size: cover;
    }

    .con_mem_box .section1 {
        padding: 5%;
        padding-bottom: 25%;
        padding-top: 15%;
    }

    .con_mem_box .section2 {
        padding: 50px 0 100px 0;
    }

    .con_mem_box .section2 .tit_mem_box p {
        font-size: 20px;
    }

    .con_mem_box .section2 .tit_mem_box div:first-of-type {
        width: 100%;
    }

    .con_mem_box .section2 .tit_mem_box div:first-of-type img {
        max-width: 100% !important;
    }
}

@media all and (max-width:1024px) {
    .con_mem_box .section1 .con_mem1 img {
        width: 50%;
    }

    .con_mem_box .section1 .con_mem2 p span {
        font-size: 60px;
    }

    .con_mem_box .section1 .con_mem3 {
        transform: scale(0.7, 0.7);
        transform-origin: left top;
    }

    .con_mem_box .section1 .con_mem4 {
        transform: scale(0.7, 0.7);
        transform-origin: right top;
    }

    .con_mem_box .section1 .con_mem5 {
        left: 8%;
    }

    .con_mem_box .section3 .bene_box li {
        width: 212px;
        height: 212px;
        font-size: 18px;
    }

    .con_deco_box {
        top: -50px;
    }

    .con_deco_box img {
        transform: scale(0.7, 0.7);
    }

    .con_mem_box .section1 .con_mem5 img {
        transform: scale(0.8, 0.8);
    }

    .con_mem_box .section1 .con_mem2 p span::before {
        background-size: 80%;
        right: -20%;
    }

    .con_mem_box .section2 {
        padding: 5% 0 10% 0;
    }

    .con_mem_box .section2 .tit_mem_box h4 {
        font-size: 40px;
    }

    .con_mem_box .section2 .tit_mem_box p {
        font-size: 16px;
    }

    .con_mem_box .section3 .tit {
        font-size: 40px;
    }

    .con_mem_box .section3 .bene_box {
        padding: 5% 0 10% 0;
    }

    .con_mem_box .section3 .con_mem15 img {
        transform: scale(0.8, 0.8);
        transform-origin: left bottom;
    }
}

@media all and (max-width:768px) {
    .con_mem_box .section1 .con_mem3 {
        transform: scale(0.5, 0.5);
    }

    .con_mem_box .section1 .con_mem4 {
        transform: scale(0.5, 0.5);
    }

    .con_mem_box .section1 .con_mem2 p span {
        font-size: 45px;
    }

    .con_mem_box .section1 .con_mem5 img {
        transform: scale(0.6, 0.6);
    }

    .con_mem_box .section1 .con_mem2 p span::before {
        background-size: 60%;
        right: -25%;
    }

    .con_mem_box .section1 .con_mem9 {
        left: 60%;
    }

    .con_deco_box img {
        transform: scale(0.5, 0.5);
    }

    .con_mem_box .section2 .tit_mem_box h4,
    .con_mem_box .section3 .tit {
        font-size: 30px;
    }

    .con_mem_box .section2 .tit_mem_box p {
        font-size: 14px;
    }

    .con_mem_box .section3 .con_mem14 {
        transform: scale(0.4, 0.4);
        right: 0;
    }

    .con_mem_box .section3 .con_mem15 img {
        transform: scale(0.4, 0.4);
    }

    .con_mem_box .section3 .bene_box li {
        font-size: 14px;
        width: 152px;
        height: 152px;
    }
}

@media all and (max-width:425px) {
    .con_mem_box .section1 .con_mem3 {
        transform: scale(0.3, 0.3);
    }

    .con_mem_box .section1 .con_mem4 {
        transform: scale(0.3, 0.3);
    }

    .con_mem_box .section1 .con_mem5 {
        left: -5%;
        top: 40%;
    }

    .con_mem_box .section1 .con_mem5 img {
        transform: scale(0.4, 0.4);
    }

    .con_mem_box .section1 .con_mem2 p span {
        font-size: 26px;
    }

    .con_mem_box .section1 .con_mem2 p span::before {
        background-size: 40%;
        right: -40%;
    }

    .con_deco_box {
        top: -100px;
    }

    .con_deco_box img {
        transform: scale(0.3, 0.3);
    }

    .con_mem_box .section1 .con_mem7 {
        left: -5%;
        top: 80px;
    }

    .con_mem_box .section1 .con_mem8 {
        left: 0;
    }

    .con_mem_box .section1 .con_mem9 {
        left: 55%;
        top: 80px;
    }

    .con_mem_box .section1 .con_mem10 {
        right: -10%;
        left: auto;
    }

    .con_mem_box .section1 .con_mem11,
    .con_mem_box .section1 .con_mem12,
    .con_mem_box .section1 .con_mem13 {
        display: none;
    }

    .con_mem_box .section2 .tit_mem_box {
        flex-direction: column;
    }

    .con_mem_box .section2 .tit_mem_box div:first-of-type {
        text-align: center;
        margin-bottom: 20px;
    }

    .con_mem_box .section2 .tit_mem_box div:first-of-type img {
        width: 50%;
    }

    .con_mem_box .section2 .tit_mem_box h4,
    .con_mem_box .section2 .tit_mem_box p {
        text-align: center;
    }

    .con_mem_box .section2 .tit_mem_box h4,
    .con_mem_box .section3 .tit {
        font-size: 26px;
    }

    .con_mem_box .section3 .bene_box ul.fx {
        flex-direction: columne;
        flex-wrap: wrap;
    }

    .con_mem_box .section3 .bene_box li.bg1:before,
    .con_mem_box .section3 .bene_box li.bg4:after {
        display: none;
    }

    .con_mem_box .section3 .bene_box li {
        padding-top: 12%;
    }

    .con_mem_box .section3 .con_mem14 {
        transform: scale(0.3, 0.3);
        right: -20%;
        top: -150px;
    }
}


/* ----- 마을을 기록하다_동상이몽 intro(Dream) ----- */
/* intro.동상이몽이란 / 활동가 여행코스 제안사업 */
.dreIntro {
    display: grid;
    background: #f6f6f6;
    width: 100%;
    height: 405px;
    border-radius: 30px;
    margin-top: 72px;
    margin-bottom: 40px;
    text-align: center;
}

.dreIntro.Intro_tra1 {
    height: 320px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.dreIntro_deco {
    background: url('/project/design/contents/dream_intro_deco1.png') no-repeat, url('/project/design/contents/dream_intro_deco2.png') no-repeat;
    background-position: center left, center right;
    border-radius: 30px;
}

.dreIntro_deco.Intro_tra2 {
    background: url('/project/design/contents/travel_intro_deco1.png') no-repeat, url('/project/design/contents/travel_intro_deco2.png') no-repeat;
    background-position: center left, center right;
    border-radius: 30px;
}

.dreIntro_deco h1 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 55px;
    color: #000;
    letter-spacing: -1px;
    margin-top: 70px;
    margin-bottom: 27px;
}

.dreIntro_deco h1 span {
    color: #7955c3;
}

.dreIntro_deco.Intro_tra2 h1 {
    margin-top: 70px;
}

.dreIntro_deco.Intro_tra2 h2 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 25px;
    color: #555;
    letter-spacing: -1px;
    margin: 50px 0 15px 0;
}

.dreIntro_deco.Intro_tra2 h1 span {
    color: #34c4a1;
}

.dreIntro_deco p {
    font-family: 'S-CoreDream-3Light';
    font-size: 26px;
    color: #888;
    line-height: 1.7;
    letter-spacing: -1px;
}

.dreIntro_deco .dreNotice {
    color: #555;
    letter-spacing: -1px;
    margin-top: 15px;
    font-size: 18px;
}

@media all and (max-width:1440px) {
    .dreIntro_deco {
        background: url('/project/design/contents/RES_dream_intro_deco1.png') no-repeat, url('/project/design/contents/RES_dream_intro_deco2.png') no-repeat;
        background-position: bottom left, top right;
    }

    .dreIntro.Intro_tra1 {
        margin-bottom: 35px;
    }

    .dreIntro_deco.Intro_tra2 {
        background: url('/project/design/contents/RES_travel_intro_deco1.png') no-repeat, url('/project/design/contents/RES_travel_intro_deco2.png') no-repeat;
        background-position: top left, bottom right;
    }
}

@media all and (max-width:1200px) {
    .dreIntro {
        height: 290px;
        margin-top: 70px;
        margin-bottom: 33px;
        border-radius: 20px;
    }

    .dreIntro.Intro_tra1 {
        height: 230px;
        margin-bottom: 20px;
    }

    .dreIntro_deco,
    .dreIntro_deco.Intro_tra2 {
        background-size: 20%;
        border-radius: 20px;
    }

    .dreIntro_deco h1 {
        margin-top: 55px;
    }

    .dreIntro_deco.Intro_tra2 h1 {
        margin-top: 50px;
    }

    .dreIntro_deco h1,
    .dreIntro_deco.Intro_tra2 h1 {
        font-size: 40px;
        margin-bottom: 23px;
    }

    .dreIntro_deco p,
    .dreIntro_deco.Intro_tra2 p {
        font-size: 17px;
    }

    .dreIntro_deco .dreNotice {
        font-size: 15px;
    }
}

@media all and (max-width:920px) {
    .dreIntro_trophy.Intro_tra2 {
        margin: 20px 0;
    }

    .dreIntro {
        height: 230px;
        margin-top: 37px;
        margin-bottom: 20px;
    }

    .dreIntro.Intro_tra1 {
        height: 180px;
    }

    .dreIntro_deco h1 {
        margin-top: 40px;
    }

    .dreIntro_deco h1,
    .dreIntro_deco.Intro_tra2 h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .dreIntro_deco.Intro_tra2 h1 {
        margin-top: 40px;
    }

    .dreIntro_deco.Intro_tra2 h2 {
        margin: 40px 0 10px 0;
    }

    .dreIntro_deco p,
    .dreIntro_deco.Intro_tra2 p {
        font-size: 14px;
    }

    .dreIntro_deco .dreNotice {
        font-size: 13px;
        margin-top: 6px;
    }
}

@media all and (max-width:700px) {
    .dreIntro {
        height: 195px;
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .dreIntro.Intro_tra1 {
        height: 160px;
        margin-top: 30px;
    }

    .dreIntro_deco h1 {
        margin-top: 30px;
    }

    .dreIntro_deco h1,
    .dreIntro_deco.Intro_tra2 h1 {
        font-size: 25px;
    }

    .dreIntro_deco.Intro_tra2 h1 {
        margin-top: 30px;
    }

    .dreIntro_deco.Intro_tra2 h2 {
        font-size: 15px;
        margin: 30px 0 10px 0;
    }

    .dreIntro_deco p,
    .dreIntro_deco.Intro_tra2 p {
        width: 80%;
        margin: 0 auto;
        font-size: 13px;
    }

    .dreIntro_deco .dreNotice {
        font-size: 12px;
    }

    .dreIntro_deco p br,
    .dreIntro_deco.Intro_tra2 p br {
        display: none;
    }
}

@media all and (max-width:425px) {
    .dreIntro {
        border-radius: 15px;
        margin-top: 35px;
        height: 200px;
    }

    .dreIntro.Intro_tra1 {
        height: 140px;
        margin-bottom: 15px;
    }

    .dreIntro_deco,
    .dreIntro_deco.Intro_tra2 {
        border-radius: 15px;
    }

    .dreIntro_deco h1 {
        margin-top: 32px;
    }

    .dreIntro_deco h1,
    .dreIntro_deco.Intro_tra2 h1 {
        font-size: 21px;
        margin-bottom: 9px;
    }

    .dreIntro_deco.Intro_tra2 h1 {
        margin-top: 22px;
    }

    .dreIntro_deco.Intro_tra2 h2 {
        margin: 17px 0 5px 0;
    }

    .dreIntro_deco p,
    .dreIntro_deco.Intro_tra2 p {
        font-size: 12px;
        line-height: 1.6;
    }

    .dreIntro_deco .dreNotice {
        font-size: 11px;
    }
}

@media all and (max-width:400px) {
    .dreIntro {
        height: 230px;
    }

    .dreIntro.Intro_tra1 {
        height: 140px;
    }

    .dreIntro_deco h1,
    .dreIntro_deco.Intro_tra2 h1 {
        font-size: 19px;
    }
}

@media all and (max-width:345px) {
    .dreIntro.Intro_tra1 {
        height: 150px;
    }
}

/* // intro.동상이몽이란 / 활동가 여행코스 제안사업 */

/* 수상 box 공통 */
.dreBoxes {
    display: flex;
}

.dreBoxes a {
    display: block;
    width: 100%;
    height: 254px;
    background: #00987e;
    border-radius: 25px;
}

.dreBox {
    padding: 0 30px 0 50px;
}

.dreBox h2 {
    margin-top: 30px;
}

.dreBox h2 span {
    font-family: 'S-CoreDream-6Bold';
    font-size: 36px;
    letter-spacing: -1px;
    color: #fff;
    line-height: 1.4;
    margin-top: 40px;
    position: relative;
    padding-right: 30px;
}

.dreBox h2 span:after {
    position: absolute;
    display: inline-block;
    content: "";
    right: 0;
    bottom: 13px;
    width: 13px;
    height: 20px;
    background: url('/project/design/contents/dreBox_arrow1.png') center no-repeat;
}

.dreBox .dreBox_tit {
    margin-top: 35px;
}

.dreBox .dreBox_tit h4 {
    display: inline-block;
    font-family: 'S-CoreDream-6Bold';
    font-size: 22px;
    color: #ffef37;
    padding-right: 15px;
    position: relative;
}

.dreBox .dreBox_tit h4::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 21px;
    background: rgba(255, 255, 255, 0.2);
    top: 5px;
    right: 0;
}

.dreBox .dreBox_tit h5 {
    display: inline-block;
    font-family: 'S-CoreDream-3Light';
    font-size: 26px;
    color: #fff;
    padding-left: 10px;
}

.dreMore {
    font-family: 'S-CoreDream-6Bold';
    font-size: 12px;
    color: #fff;
    padding: 8px 19px 8px 22px;
    border: 1px solid #fff;
    border-radius: 25px;
    display: inline-block;
}

.dreMore img {
    margin-left: 7px;
}

.dreMore.Intro_tra4 {
    padding: 9px 18px 7px 22px;
    margin-top: 20px;
}

.dreMore.Intro_tra4 img {
    margin-bottom: 1px;
}

.dreBox:hover .dreMore {
    background: #000;
    border: 1px solid #000;
    transition: all .3s ease;
}

@media all and (max-width:1250px) {
    .dreBox {
        padding: 0 30px 0 45px;
    }

    .dreBox h2 span {
        font-size: 42px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        /* display: -webkit-box; */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .dreBox .dreBox_tit h4 {
        font-size: 29px;
    }

    .dreBox .dreBox_tit h4::before {
        top: 8px;
    }

    .dreBox .dreBox_tit h5 {
        font-size: 27px;
    }
}

@media all and (max-width:1200px) {
    .dreBoxes a {
        height: 215px;
        border-radius: 20px;
    }

    .dreBox h2 {
        margin: 25px 0 15px 0;
    }

    .dreBox h2 span {
        font-size: 28px;
        height: 98px;
        margin-right: 25px;
    }

    .dreBox h2 span:after {
        bottom: 9px;
    }

    .dreBox .dreBox_tit {
        margin-top: 23px;
    }

    .dreBox .dreBox_tit h4 {
        padding: 0 15px 0 0;
        font-size: 20px;
    }

    .dreBox .dreBox_tit h4::before {
        height: 20px;
        top: 5px;
    }

    .dreBox .dreBox_tit h5 {
        font-size: 23px;
    }

    .dreMore {
        font-size: 10px;
    }

    .dreMore.Intro_tra4 {
        margin-top: 13px;
        padding: 6px 12px 4px 14px;
    }
}

@media all and (max-width:920px) {
    .dreBoxes a {
        height: 190px;
    }

    .dreBox h2 {
        margin: 23px 0 15px 0;
    }

    .dreBox h2 span {
        font-size: 23px;
        padding-right: 20px;
    }

    .dreBox h2 span:after {
        background: url(/project/design/contents/dreBox_arrow3.png) center no-repeat;
        bottom: 5px;
    }

    .dreBox .dreBox_tit h4 {
        font-size: 16px;
        padding: 0 10px 0 0;
    }

    .dreBox .dreBox_tit h4::before {
        height: 16px;
        top: 3px;
    }

    .dreBox .dreBox_tit h5 {
        font-size: 18px;
        padding-left: 6px;
    }

    .dreMore,
    .dreMore.Intro_tra4 {
        padding: 6px 14px 6px 16px;
    }
}

@media all and (max-width:700px) {
    .dreBoxes {
        flex-wrap: wrap;
    }

    .dreBoxes a {
        height: 150px;
    }

    .dreBox h2 {
        margin: 18px 0 15px 0;
    }

    .dreBox h2 span {
        font-size: 20px;
        height: 55px;
        letter-spacing: -0.5px;
    }

    .dreBox .dreBox_tit {
        margin-top: 22px;
    }

    .dreBox .dreBox_tit h4 {
        font-size: 15px;
    }

    .dreBox .dreBox_tit h4::before {
        height: 15px;
        top: 4px;
    }

    .dreBox .dreBox_tit h5 {
        font-size: 16px;
    }

    .dreMore,
    .dreMore.Intro_tra4 {
        padding: 3px 10px 2px 12px;
    }

    .dreMore.Intro_tra4 {
        margin-top: 9px;
    }
}

@media all and (max-width:425px) {
    .dreBoxes a {
        height: 140px;
        border-radius: 15px;
    }

    .dreBox h2 {
        margin: 12px 0 0 0;
    }

    .dreBox h2 span {
        font-size: 18px;
        height: 52px;
    }

    .dreBox h2 span:after {
        bottom: 1px;
    }

    .dreBox .dreBox_tit {
        margin-top: 19px;
    }

    .dreBox .dreBox_tit h4 {
        font-size: 14px;
        padding: 0 8px 0 0;
    }

    .dreBox .dreBox_tit h4::before {
        height: 13px;
        top: 2px;
    }

    .dreBox .dreBox_tit h5 {
        font-size: 16px;
        padding-left: 4px;
    }

    .dreMore,
    .dreMore.Intro_tra4 {
        padding: 4px 8px 3px 10px;
        font-size: 10px;
    }

    .dreMore.Intro_tra4 {
        margin-top: 10px;
    }
}

/* 수상 box 공통 */

/* 대상. 최우수상 */
.dreBox.dB1:first-child {
    margin-right: 30px;
    background: url('/project/design/contents/dream_cont1.png') no-repeat bottom right #9175ca;
}

.dreBox.dB1:nth-child(2) {
    background: url('/project/design/contents/dream_cont2.png') no-repeat bottom right #9175ca;
}

.dreBox.dB1:first-child:hover {
    margin-right: 30px;
    background: url('/project/design/contents/dream_cont1.png') no-repeat bottom right #444;
}

.dreBox.dB1:nth-child(2):hover {
    background: url('/project/design/contents/dream_cont2.png') no-repeat bottom right #444;
}

@media all and (max-width:1440px) {

    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        background-position: bottom right;
        background-size: 100%;
    }

    .dreBox.dB1:nth-child(2),
    .dreBox.dB1:nth-child(2):hover {
        background-size: 35%;
    }
}

@media all and (max-width:1200px) {

    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        margin-right: 20px;
    }

    .dreBox.dB1 {
        padding: 0 35px;
    }
}

@media all and (max-width:920px) {

    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        margin-right: 10px;
    }
}

@media all and (max-width:700px) {
    .dreBox.dB1 {
        margin-bottom: 10px;
    }

    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        margin-right: 0;
        background: url(/project/design/contents/Mdream_cont1.png) no-repeat bottom right #9175ca;
        background-size: 75%;
    }

    .dreBox.dB1:first-child:hover {
        background: url(/project/design/contents/Mdream_cont1.png) no-repeat bottom right #444;
        background-size: 75%;
    }

    .dreBox.dB1:nth-child(2),
    .dreBox.dB1:nth-child(2):hover {
        background: url(/project/design/contents/Mdream_cont2.png) no-repeat bottom right #9175ca;
        background-size: 20%;
    }

    .dreBox.dB1:nth-child(2):hover {
        background: url(/project/design/contents/Mdream_cont2.png) no-repeat bottom right #444;
        background-size: 20%;
    }
}

@media all and (max-width:530px) {

    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        background: url('/project/design/contents/Mdream_cont1.png') no-repeat bottom right #9175ca;
        background-size: 100%;
    }

    .dreBox.dB1:nth-child(2) {
        background-size: 27%;
    }

    .dreBox.dB1:nth-child(2):hover {
        background: url(/project/design/contents/Mdream_cont2.png) no-repeat bottom right #9175ca;
        background-size: 27%;
    }
}

@media all and (max-width:425px) {
    .dreBox.dB1 {
        padding: 0 25px;
    }
}

/* // 대상. 최우수상 */

/* 우수상 */
.dreBox.dB2 {
    padding-left: 50px;
}

.dreBox.dB2 .dreBox_tit {
    margin-top: 30px;
}

.dreBox.dB2 h2 {
    margin-top: 30px;
}

.dreBox.dB2 h2 span {
    font-size: 34px;
    padding-right: 25px;
}

.dreBox.dB2 h2 span:after {
    right: 0;
    bottom: 14px;
    width: 10px;
    height: 15px;
    background: url('/project/design/contents/dreBox_arrow2.png') center no-repeat;
}

.dreCont .dreBoxes:nth-child(3) {
    margin: 30px 0;
}

.dreBox.dB2 {
    background: url('/project/design/contents/dream_cont3.png') no-repeat bottom right #4faf5a;
}

.dreBox.dB2:nth-child(2) {
    margin: 0 30px;
    background: url('/project/design/contents/dream_cont4.png') no-repeat bottom right #4faf5a;
}

.dreBox.dB2:last-child {
    background: url('/project/design/contents/dream_cont5.png') no-repeat bottom right #4faf5a;
}

/* hover */
.dreBox.dB2:hover {
    background: url('/project/design/contents/dream_cont3.png') no-repeat bottom right #444;
}

.dreBox.dB2:nth-child(2):hover {
    background: url('/project/design/contents/dream_cont4.png') no-repeat bottom right #444;
}

.dreBox.dB2:last-child:hover {
    background: url('/project/design/contents/dream_cont5.png') no-repeat bottom right #444;
}

/* // hover */

@media all and (max-width:1440px) {

    .dreBox.dB2,
    .dreBox.dB2:hover {
        padding-left: 40px;
        background-size: 85%;
    }

    .dreBox.dB2:last-child,
    .dreBox.dB2:last-child:hover {
        background-size: 40%;
    }

    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {
        background-size: 45%;
    }

    .dreBox.dB2 .dreBox_tit,
    .dreBox.dB2 .dreBox_tit:hover {
        margin-top: 23px;
    }
}

@media all and (max-width:1250px) {

    .dreBox.dB2,
    .dreBox.dB2:hover {
        padding-left: 35px;
    }

    .dreBox.dB2 h2 span {
        font-size: 33px;
        height: 90px;
    }
}

@media all and (max-width:1200px) {
    .dreCont .dreBoxes:nth-child(3) {
        margin: 20px 0;
    }

    .dreBox.dB2,
    .dreBox.dB2:hover {
        padding-left: 32px;
    }

    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {
        margin: 0 20px;
    }

    .dreBox.dB2 h2 {
        margin-top: 15px;
    }

    .dreBox.dB2 h2 span {
        font-size: 23px;
        padding-right: 20px;
    }

    .dreBox.dB2 h2 span:after {
        bottom: 8px;
    }

    .dreBox.dB2 .dreBox_tit h4 {
        font-size: 18px;
        padding: 0 12px 0 0;
    }

    .dreBox.dB2 .dreBox_tit h4::before {
        display: none;
    }

    .dreBox.dB2 .dreBox_tit h5 {
        font-size: 20px;
        display: block;
        padding-left: 0;
        padding-top: 5px;
    }
}

@media all and (max-width:920px) {
    .dreCont .dreBoxes:nth-child(3) {
        margin: 20px 0;
    }

    .dreBox.dB2,
    .dreBox.dB2:hover {
        padding: 0 0 0 20px;
    }

    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {
        margin: 0 10px;
    }

    .dreBox.dB2 h2 span {
        font-size: 19px;
        height: 64px;
    }

    .dreBox.dB2 h2 span:after {
        background: url(/project/design/contents/dreBox_arrow3.png) center no-repeat;
        bottom: 5px;
    }

    .dreBox.dB2 .dreBox_tit h4 {
        font-size: 15px;
        padding-right: 0;
    }

    .dreBox.dB2 .dreBox_tit h5 {
        font-size: 16px;
        padding-left: 6px;
    }
}

@media all and (max-width:700px) {
    .dreCont .dreBoxes:nth-child(3) {
        margin: 0 0 10px 0;
    }

    .dreBox.dB2,
    .dreBox.dB2:hover {
        padding: 0 35px;
        background-size: 50%;
    }

    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {
        margin: 10px 0;
        background-size: 21%;
    }

    .dreBox.dB2:last-child,
    .dreBox.dB2:last-child:hover {
        background-size: 21%;
    }

    .dreBox.dB2 h2 span {
        height: 55px;
    }

    .dreBox.dB2 .dreBox_tit {
        margin-top: 18px;
    }

    .dreBox.dB2 .dreBox_tit h4 {
        padding-right: 10px;
    }

    .dreBox.dB2 .dreBox_tit h4::before {
        display: block;
        height: 15px;
        top: 4px;
    }

    .dreBox.dB2 .dreBox_tit h5 {
        display: inline-block;
    }
}

@media all and (max-width:530px) {

    .dreBox.dB2,
    .dreBox.dB2 {
        background-size: 69%;
    }

    .dreBox.dB2:nth-child(2) {
        background-size: 29%;
    }

    .dreBox.dB2:last-child {
        background-size: 29%;
    }

    .dreBox.dB2:hover {
        background: url('/project/design/contents/dream_cont3.png') no-repeat bottom right #4faf5a;
        background-size: 69%;
    }

    .dreBox.dB2:nth-child(2):hover {
        background: url('/project/design/contents/dream_cont4.png') no-repeat bottom right #4faf5a;
        background-size: 29%;
    }

    .dreBox.dB2:last-child:hover {
        background: url('/project/design/contents/dream_cont5.png') no-repeat bottom right #4faf5a;
        background-size: 29%;
    }
}

@media all and (max-width:425px) {
    .dreBox.dB2 {
        padding: 0 25px;
    }

    .dreBox.dB2 h2 {
        margin-top: 12px;
    }

    .dreBox.dB2 h2 span {
        font-size: 18px;
        height: 52px;
    }

    .dreBox.dB2 h2 span:after {
        bottom: 4px;
    }

    .dreBox.dB2 .dreBox_tit {
        margin-top: 17px;
    }

    .dreBox.dB2 .dreBox_tit h4 {
        font-size: 14px;
    }

    .dreBox.dB2 .dreBox_tit h4::before {
        top: 2px;
    }

    .dreBox.dB2 .dreBox_tit h5 {
        font-size: 16px;
    }
}

/* // 우수상 */

/* 장려상 */
.dreBox.dB3 {
    margin-right: 30px;
    padding-left: 40px;
    background: url('/project/design/contents/dream_cont6.png') no-repeat bottom left #2e99d3;
}

.dreBox.dB3:nth-child(2) {
    background-position: 24% 100%;
}

.dreBox.dB3:nth-child(3) {
    background-position: 50% 100%;
}

.dreBox.dB3:nth-child(4) {
    background-position: 76% 100%;
}

.dreBox.dB3:last-child {
    margin-right: 0;
    background-position: bottom right;
}

/* hover */
.dreBox.dB3:hover {
    background: url('/project/design/contents/dream_cont6.png') no-repeat bottom left #444;
}

.dreBox.dB3:nth-child(2):hover {
    background-position: 24% 100%;
}

.dreBox.dB3:nth-child(3):hover {
    background-position: 50% 100%;
}

.dreBox.dB3:nth-child(4):hover {
    background-position: 76% 100%;
}

.dreBox.dB3:last-child:hover {
    margin-right: 0;
    background-position: bottom right;
}

/* // hover */

.dreBox.dB3 h2 {
    margin-top: 20px;
}

.dreBox.dB3 h2 span {
    font-size: 20px;
    /* margin-left: 5px; */
    padding-right: 20px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

.dreBox.dB3 h2 span:after {
    right: 0;
    bottom: 5px;
    width: 10px;
    height: 15px;
    background: url('/project/design/contents/dreBox_arrow3.png') center no-repeat;
}

.dreBox.dB3 .dreBox_tit h4 {
    font-size: 18px;
}

.dreBox.dB3 .dreBox_tit h4::before {
    display: none;
}

.dreBox.dB3 .dreBox_tit h5 {
    font-size: 20px;
    display: block;
    padding-left: 0;
    padding-top: 11px;
}

@media all and (max-width:1440px) {
    .dreBox.dB3 h2 span {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        /* display: -webkit-box; */
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        margin-top: 20px;
        /* height: 107px; */
    }
}

@media all and (max-width:1200px) {

    .dreBox.dB3,
    .dreBox.dB3:hover {
        margin-right: 20px;
        padding: 0 20px;
        background-size: 550%;
    }

    .dreBox.dB3 h2 span {
        font-size: 16px;
        padding-right: 17px;
    }

    .dreBox.dB3 h2 span:after {
        bottom: 2px;
    }

    .dreBox.dB3 .dreBox_tit h4 {
        font-size: 14px;
    }

    .dreBox.dB3 .dreBox_tit h5 {
        font-size: 15px;
    }
}

@media all and (max-width:920px) {

    .dreBox.dB3,
    .dreBox.dB3:hover {
        margin-right: 10px;
        padding: 0 0 0 15px;
    }

    .dreBox.dB3 h2 {
        margin: 10px 0 0 0;
    }

    .dreBox.dB3 h2 span {
        font-size: 14px;
    }

    .dreBox.dB3 .dreBox_tit h5 {
        padding-top: 7px;
        font-size: 7px;
    }
}

@media all and (max-width:700px) {

    .dreBox.dB3,
    .dreBox.dB3:hover {
        width: 49%;
        margin-bottom: 2%;
        padding: 0 25px;
        box-sizing: border-box;
        height: 180px;
    }

    .dreBoxes .dreBox.dB3:nth-child(odd),
    .dreBoxes .dreBox.dB3:nth-child(odd):hover {
        margin-right: 2%;
    }

    .dreBoxes .dreBox.dB3:nth-child(even),
    .dreBoxes .dreBox.dB3:nth-child(even):hover {
        margin-right: 0;
    }

    .dreBoxes .dreBox.dB3:last-child,
    .dreBoxes .dreBox.dB3:last-child:hover {
        margin-bottom: 0;
    }

    .dreBox.dB3 h2 {
        margin: 10px 0 15px 0;
    }

    .dreBox.dB3 h2 span {
        font-size: 16px;
        /* height: 53px; */
        -webkit-line-clamp: 2;
    }

    .dreBox.dB3 h2 span:after {
        bottom: 4px;
    }

    .dreBox.dB3 .dreBox_tit h4 {
        font-size: 15px;
    }

    .dreBox.dB3 .dreBox_tit h5 {
        font-size: 16px;
    }
}

@media all and (max-width:530px) {
    .dreBox.dB3:hover {
        background: url('/project/design/contents/dream_cont6.png') no-repeat bottom left #2e99d3;
        background-size: 550%;
    }
}

@media all and (max-width:425px) {

    .dreBox.dB3,
    .dreBox.dB3:hover {
        padding: 0 0 0 22px;
    }

    .dreBox.dB3 h2 span {
        font-size: 16px;
        /* height: 45px; */
    }

    .dreBox.dB3 h2 span:after {
        bottom: 3px;
    }

    .dreBox.dB3 .dreBox_tit h4 {
        font-size: 14px;
    }

    .dreBox.dB3 .dreBox_tit h5 {
        font-size: 14px;
    }
}

@media all and (max-width:400px) {
    .dreBox.dB3 h2 span {
        font-size: 15px;
    }

    .dreBox.dB3 h2 span:after {
        bottom: 1px;
    }
}

/* // 장려상 */

/* 샤론항공여행사, 여행쉼터, 원더러스트(추가본) */
.dreBoxes.Intro_tra3 a {
    height: 260px;
}

.dreBox.dB4 {
    padding: 0 42px;
    background: url('/project/design/contents/travel_cont1.png') no-repeat bottom right #48c7a7;
}

.dreBox.dB4:nth-child(2) {
    margin: 0 30px;
    background: url('/project/design/contents/travel_cont2.png') no-repeat bottom right #48c7a7;
}

.dreBox.dB4:last-child {
    background: url('/project/design/contents/travel_cont3.png') no-repeat bottom right #48c7a7;
}

.dreBox.dB4 h2 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 34px;
    margin-top: 0;
    color: #fff;
    letter-spacing: -1px;
}

.dreBox.dB4 h3 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 25px;
    padding: 34px 0 12px 0;
    color: #ffef37;
}

.dreBox.dB4 .dreBox_tit h4 {
    margin-bottom: 10px;
}

@media all and (max-width:1440px) {
    .dreBox.dB4 {
        padding-left: 40px;
        background-size: 50%;
    }

    .dreBox.dB4:nth-child(2) {
        background-size: 40%;
    }

    .dreBox.dB4:last-child {
        background: url('/project/design/contents/travel_cont3_m.png') no-repeat bottom right #48c7a7;
        background-size: 37%;
    }
}

@media all and (max-width:1250px) {
    .dreBox.dB4 {
        padding-left: 35px;
    }

    .dreBox.dB4 h2 {
        font-size: 33px;
    }
}

@media all and (max-width:1200px) {
    .dreBoxes.Intro_tra3 a {
        height: 185px;
    }

    .dreBox.dB4 {
        padding-left: 32px;
    }

    .dreBox.dB4:nth-child(2) {
        margin: 0 20px;
    }

    .dreBox.dB4 h2 {
        font-size: 21px;
        margin: 0;
    }

    .dreBox.dB4 h3 {
        font-size: 17px;
        padding: 23px 0 12px 0;
    }
}

@media all and (max-width:920px) {
    .dreBox.dB4 {
        padding: 0 15px 0 25px;
    }

    .dreBox.dB4:nth-child(2) {
        margin: 0 10px;
    }

    .dreBox.dB4 h2 {
        font-size: 20px;
    }
}

@media all and (max-width:700px) {
    .dreBoxes.Intro_tra3 a {
        height: 130px;
    }

    .dreBox.dB4 {
        padding: 0 35px;
        background-size: 32%;
    }

    .dreBox.dB4:nth-child(2) {
        margin: 10px 0;
        background-size: 25%;
    }

    .dreBox.dB4:last-child {
        background-size: 22%;
    }

    .dreBox.dB4 h2 {
        font-size: 16px;
    }

    .dreBox.dB4 h3 {
        font-size: 14px;
        padding: 17px 0 5px 0;
    }
}

@media all and (max-width:425px) {
    .dreBoxes.Intro_tra3 a {
        height: 145px;
    }

    .dreBox.dB4 {
        padding: 0 25px;
        background-size: 40%;
    }

    .dreBox.dB4:nth-child(2) {
        background-size: 30%;
    }

    .dreBox.dB4:last-child {
        background-size: 27%;
    }

    .dreBox.dB4 h2 {
        font-size: 17px;
    }

    .dreBox.dB4 h3 {
        padding: 16px 0 9px 0;
    }
}

/* // 샤론항공여행사, 여행쉼터, 원더러스트 */
/* ----- // 마을을 기록하다_동상이몽 intro(Dream) -----*/


/* ----- 마을을 기록하다 Dream_sub ----- */
/* 메인배너 */
.Dream_Smain {
    width: 100%;
    /* height: 340px; */
    background: url('/project/design/contents/dreSub1_mainImg.png') no-repeat bottom center #f6f6f6;
    border-radius: 25px;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    padding: 42px 0 40px 0;
}

.Dream_Smain.Dm1 {
    padding: 42px 0 70px 0;
}

.Dream_Smain.Dm2 {
    background: url('/project/design/contents/dreSub2_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm3 {
    background: url('/project/design/contents/dreSub3_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm4 {
    background: url('/project/design/contents/dreSub4_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm5 {
    background: url('/project/design/contents/dreSub5_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm6 {
    background: url('/project/design/contents/dreSub6_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm7 {
    background: url('/project/design/contents/dreSub7_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm8 {
    background: url('/project/design/contents/dreSub8_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm9 {
    background: url('/project/design/contents/dreSub9_mainImg.png') no-repeat bottom center #f6f6f6;
}

.Dream_Smain.Dm10 {
    background: url('/project/design/contents/dreSub10_mainImg.png') no-repeat bottom center #f6f6f6;
}

/* .Dream_Smain::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #222;
    bottom: -108px;
    left: 0;
} */
.Dream_Smain h1 {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 47px;
    letter-spacing: -1.5px;
    color: #000;
    margin: 11px 0;
}

.Dream_Stit h2 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 30px;
    color: #000;
    display: inline-block;
    padding-right: 17px;
    position: relative;
}

.Dream_Stit h2::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 25px;
    top: 10px;
    right: 0;
    background: #e0e0e0;
}

.Dream_Stit h3 {
    font-family: 'S-CoreDream-4Regular';
    font-size: 27px;
    color: #000;
    display: inline-block;
    padding-left: 12px;
}

.Dream_Smain p {
    font-family: 'S-CoreDream-3Light';
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #888;
    line-height: 1.7;
}

.Ds_trophy {
    display: inline-block;
    margin-bottom: 15px;
}

@media all and (max-width:1440px) {

    .Dream_Smain,
    .Dream_Smain.Dm2,
    .Dream_Smain.Dm3,
    .Dream_Smain.Dm4,
    .Dream_Smain.Dm5,
    .Dream_Smain.Dm6,
    .Dream_Smain.Dm7,
    .Dream_Smain.Dm8,
    .Dream_Smain.Dm9,
    .Dream_Smain.Dm10 {
        background-size: 100%;
    }
}

@media all and (max-width:1100px) {
    .Dream_Smain.Dm6 {
        background: url('/project/design/contents/dreSub6_mainImg_m.png') no-repeat bottom center #f6f6f6;
        background-size: 100%;
    }
}

@media all and (max-width:1024px) {
    .Dream_Smain p {
        width: 50%;
        text-align: center;
        display: inline-block;
    }

    .Dream_Smain p br {
        display: none;
    }
}

@media all and (max-width:1000px) {
    .Dream_Smain {
        margin-bottom: 50px;
    }

    .Dream_Smain::before {
        bottom: -66px;
    }

    .Dream_Smain h1 {
        font-size: 42px;
    }

    .Dream_Stit h2 {
        font-size: 27px;
    }

    .Dream_Stit h2::before {
        height: 24px;
        top: 7px;
    }

    .Dream_Stit h3 {
        font-size: 24px;
    }
}

@media all and (max-width:630px) {
    .Dream_Smain {
        padding: 25px 0 50px 0;
        margin-top: 30px;
    }

    .Dream_Smain h1 {
        font-size: 28px;
        width: 90%;
        padding: 9px 0;
        margin: 0 auto;
    }

    .Dream_Stit h2 {
        font-size: 20px;
        padding-right: 9px;
    }

    .Dream_Stit h2::before {
        height: 17px;
        top: 4px;
    }

    .Dream_Stit h3 {
        font-size: 19px;
        padding-left: 5px;
    }

    .Dream_Smain p {
        font-size: 14px;
    }

    .Dream_Smain::before {
        bottom: -56px;
    }

    .Ds_trophy {
        width: 70px;
    }
}

@media all and (max-width:425px) {
    .Dream_Smain p {
        width: 85%;
    }

    .Dream_Stit h2 {
        font-size: 17px;
    }

    .Dream_Stit h2::before {
        top: 3px;
    }

    .Dream_Stit h3 {
        font-size: 17px;
    }

    .Dream_Stit.DS_exception h2 {
        padding-right: 0;
    }

    .Dream_Stit.DS_exception h2::before {
        display: none;
    }

    .Dream_Stit.DS_exception h3 {
        display: block;
        padding-top: 5px;
        font-size: 17px;
    }
}

/* // 메인배너 */

/* 내용 */
.Dream_Scont {
    /* padding: 90px 0 50px 0; */
    padding-bottom: 85px;
    position: relative;
    text-align: center;
}

.Dream_Scont.Dre_video {
    /* padding: 90px 0 100px 0; */
    padding-bottom: 85px;
}

.Dream_Scont::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #222;
    bottom: -4px;
    left: 0;
}

.Dream_Scont h4 {
    font-size: 21px;
    font-weight: 600;
    color: #444;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}

.Dream_Scont p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 19px;
    line-height: 1.8;
    color: #666;
    letter-spacing: -0.8px;
}

.Dream_Scont .DS_mainTit {
    font-family: 'SANGJUGyeongcheonIsland';
    font-size: 24px;
    /* letter-spacing: -0.5px; */
    color: #333;
    padding-top: 30px;
    line-height: 1.6;
}

.Dream_Scont .DS_myeongjo {
    font-family: 'MaruBuri-Regular';
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #555;
    padding-top: 30px;
}

.Dream_Scont div {
    margin: 50px 0;
}

.Dream_Scont div.DSdiv_different1 {
    margin-top: 0;
}

.Dream_Scont div span {
    display: block;
    font-size: 17px;
    color: #888;
    margin-top: 15px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

@media all and (max-width:1200px) {
    .Dream_Scont.Dre_video {
        /* padding: 50px 0; */
        padding-bottom: 50px;
    }
}

@media all and (max-width:1000px) {

    /* .Dream_Scont {padding: 80px 0 50px 0;} */
    /* .Dream_Scont.Dre_video {padding: 60px 0 50px 0;} */
    .Dream_Scont p {
        font-size: 16px;
        line-height: 1.7;
    }

    .Dream_Scont .DS_myeongjo {
        font-size: 15px;
    }

    .Dream_Scont div {
        margin: 35px 0;
    }

    .Dream_Scont div span {
        font-size: 14px;
        margin: 0 auto;
        padding-top: 13px;
    }
}

@media all and (max-width:630px) {

    /* .Dream_Scont {padding: 50px 0;} */
    /* .Dream_Scont.Dre_video {padding: 25px 0 40px 0;} */
    .Dream_Scont {
        padding-bottom: 45px;
    }

    .Dream_Scont.Dre_video {
        padding-bottom: 40px;
    }

    .Dream_Scont h4 {
        font-size: 19px;
    }

    .Dream_Scont .DS_mainTit {
        font-size: 23px;
    }

    .Dream_Scont div span {
        width: 90%;
        padding-top: 10px;
    }
}

/* // 내용 */

/* 내용-video */
.Dream_Scont .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* padding-top:30px; */
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}

.Dream_Scont .video-container iframe,
.Dream_Scont .video-container object,
.Dream_Scont .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* // 내용-video */

/* 목록으로 버튼 */
.Slist_outside {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Dream_Slist {
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    color: #222;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 60px 0 126px 0;
    padding: 11px 40px;
    box-sizing: border-box;
    transition: all .3s ease;
}

.Dream_Slist:hover {
    background: #000;
    color: #fff;
}

@media all and (max-width:1000px) {
    .Dream_Slist {
        font-size: 17px;
        margin: 60px 0 126px 0;
        padding: 11px 30px;
    }
}

@media all and (max-width:630px) {
    .Dream_Slist {
        margin: 60px 0 100px 0;
    }
}

/* // 목록으로 버튼 */

/* 코스더보기 */
.Dream_Sadd h4 {
    font-family: 'S-CoreDream-5Medium';
    font-size: 31px;
    color: #000;
    margin-bottom: 52px;
}

.Dream_Sadd .Sadd_btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.Dream_Sadd .Sadd_btn:last-child {
    margin-bottom: 0;
}

.Dream_Sadd .Sadd_btn a {
    width: 25%;
    height: 101px;
    background: #f6f6f6;
    border-radius: 10px;
    margin-right: 2%;
    padding: 15px 25px 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    transition: all .3s ease;
}

.Dream_Sadd .Sadd_btn a:last-child {
    margin-right: 0;
}

.Dream_Sadd .Sadd_btn:last-child a:nth-child(3),
.Dream_Sadd .Sadd_btn:last-child a:last-child {
    background: transparent;
    pointer-events: none;
    cursor: default;
}

.Dream_Sadd .Sadd_btn a:hover {
    background: #9175ca;
}

.Dream_Sadd .Sadd_btn a:hover .Sbtn_tit h6,
.Dream_Sadd .Sadd_btn a:hover .Sbtn_tit h5 {
    color: #fff;
}

.Sbtn_tit {
    width: 75%;
}

.Sbtn_tit h6 {
    font-family: 'S-CoreDream-3Light';
    font-size: 18px;
    margin-bottom: 7px;
    color: #000;
}

.Sbtn_tit h5 {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 21px;
    color: #000;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Sbtn_plus {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: #c0c0c0;
    text-align: center;
}

.Sbtn_plus span {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 25px;
    color: #fff;
    display: block;
    padding-top: 5px;
}

.Dream_Sadd .Sadd_btn a:hover .Sbtn_plus {
    background: #fff;
}

.Dream_Sadd .Sadd_btn a:hover .Sbtn_plus span {
    color: #9175ca;
}

@media all and (max-width:1100px) {
    .Dream_Sadd .Sadd_btn {
        flex-wrap: wrap;
        margin-bottom: 0;
        justify-content: inherit;
    }

    .Dream_Sadd .Sadd_btn a {
        width: 49%;
        box-sizing: border-box;
        margin-bottom: 2%;
    }

    .Dream_Sadd .Sadd_btn a:nth-child(odd) {
        margin-right: 2%;
    }

    .Dream_Sadd .Sadd_btn a:nth-child(even) {
        margin-right: 0;
    }

    .Dream_Sadd .Sadd_btn:last-child a:nth-child(3),
    .Dream_Sadd .Sadd_btn:last-child a:last-child {
        display: none;
    }
}

@media all and (max-width:1024px) {
    .Sbtn_plus span {
        padding-top: 7px;
    }
}

@media all and (max-width:1000px) {
    .Dream_Sadd h4 {
        font-size: 25px;
        margin-bottom: 35px;
    }

    .Sbtn_tit h5 {
        font-size: 19px;
    }

    .Sbtn_tit h6 {
        font-size: 17px;
        margin-bottom: 5px;
    }
}

@media all and (max-width:630px) {
    .Dream_Sadd .Sadd_btn a {
        width: 100%;
        height: 89px;
        padding: 10px 20px 10px 25px;
    }

    .Dream_Sadd .Sadd_btn a:nth-child(odd) {
        margin-right: 0;
    }

    .Dream_Sadd h4 {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .Sbtn_tit h5 {
        font-size: 18px;
    }

    .Sbtn_tit h6 {
        font-size: 15px;
        margin-bottom: 4px;
    }

    .Sbtn_plus span {
        padding-top: 11px;
    }
}

/* // 코스더보기 */

/* 전체선택 line-height 해제 */
#people_read .box_intro .Dream * {
    line-height: 1.4em !important;
}

#people_read .box_intro .Dream .dreIntro_deco p {
    line-height: 1.7 !important;
}

/* 전체선택 line-height 해제 */

/* ----- // 마을을 기록하다 Dream_sub ----- */






/*BI*/
.bi_box {
    align-items: flex-start;
    margin-bottom: 80px;
}

.bi_box:last-of-type {
    margin-bottom: 0;
}

.bi_box h4 {
    position: relative;
    width: 25%;
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.bi_box h4:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    background: #3cb3ca;
    height: 1px;
    width: 90%;
    left: 0;
    top: 50%;
    z-index: -1;
    opacity: 0.5;
}

.bi_box h4 span {
    background: #fff;
    padding-right: 10%;
}

.bi_box p {
    font-size: 18px;
    color: #222;
    line-height: 1.8em;
    letter-spacing: -0.5px;
}

.bi_box>div {
    width: 75%;
}

.bi_box .img_cont {
    gap: 20px;
    margin-top: 40px;
    align-items: stretch;
}

.bi_box .img_cont.mgT {
    margin-top: 20px;
}

.bi_box .img_cont div {
    background: #f9f9f9;
    border-radius: 20px;
    padding: 4%;
    flex: 1;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
}

.bi_box .img_cont div.sig_type1:before {
    position: absolute;
    content: "기본형";
    left: 20px;
    top: 20px;
    font-size: 15px;
    color: #222;
}

.bi_box .img_cont div.sig_type2:before {
    position: absolute;
    content: "가로형";
    left: 20px;
    top: 20px;
    font-size: 15px;
    color: #222;
}

.bi_box .img_cont div.sig_type3:before {
    position: absolute;
    content: "정방형";
    left: 20px;
    top: 20px;
    font-size: 15px;
    color: #222;
}

.bi_box .img_cont div.sig_type4:before {
    position: absolute;
    content: "세로형";
    left: 20px;
    top: 20px;
    font-size: 15px;
    color: #222;
}

.bi_box .color_cont {
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    padding: 4%;
    padding-left: 18%;
    flex-wrap: wrap;
    margin-top: 20px;
}

.bi_box .color_cont:nth-of-type(1) {
    margin-top: 40px;
}

.bi_box .color_cont:nth-of-type(1):before {
    position: absolute;
    content: "주색상";
    left: 20px;
    top: 20px;
    font-size: 15px;
    color: #222;
}

.bi_box .color_cont:nth-of-type(2):before {
    position: absolute;
    content: "보조색상";
    left: 20px;
    top: 20px;
    font-size: 15px;
    color: #222;
}

.bi_box .color_cont>div {
    width: 50%;
    align-items: center;
}

.bi_box .color_cont>div:nth-of-type(3),
.bi_box .color_cont>div:nth-of-type(4) {
    margin-top: 20px;
}

.bi_box .color_cont h5 {
    font-size: 14px;
    font-weight: 700;
    color: #222;
}

.bi_box .color_cont p {
    font-size: 14px;
    line-height: 1.5em;
}

.bi_box .color_cont .circle {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-right: 40px;
}

.bi_box .color_cont .circle.bg1 {
    background: #e4006a;
}

.bi_box .color_cont .circle.bg2 {
    background: #7a58a2;
}

.bi_box .color_cont .circle.bg3 {
    background: #42bcd6;
}

.bi_box .color_cont .circle.bg4 {
    background: #fbc700;
}

.bi_box .color_cont .circle.bg5 {
    background: #545759;
}

.bi_box:first-child h4 {
    position: relative;
}

.bi_box:first-child h4 .down_box {
    width: 90%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.bi_box:first-child h4 .down_box .bi_down {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background-color: #42bcd6;
    margin-top: 50px;
    font-size: 15px;
    border: 1px solid #f0f0f0;
}

.bi_box:first-child h4 .down_box .bi_down:hover {
    background-color: #f0f0f0;
    color: #222222;
}



@media all and (max-width:1024px) {
    .bi_box p {
        font-size: 16px;
    }

    .bi_box .color_cont {
        flex-direction: column;
    }

    .bi_box .color_cont .circle {
        width: 80px;
        height: 80px;
        border-radius: 80px;
    }

    .bi_box .color_cont>div {
        margin-top: 20px;
        width: 100%;
    }

    .bi_box .color_cont>div:first-of-type {
        margin-top: 0;
    }

    .bi_box:first-child h4 .down_box .bi_down {
        font-size: 13px;
    }
}


@media all and (max-width:767px) {
    .bi_box h4 {
        font-size: 20px;
    }

    .bi_box p {
        font-size: 14px;
    }

    .bi_box {
        flex-direction: column;
    }

    .bi_box>div {
        width: 100%;
    }

    .bi_box .img_cont {
        flex-direction: column;
    }

    .bi_box .img_cont div {
        padding: 8%;
    }

    .bi_box .color_cont {
        padding: 8%;
        padding-left: 28%;
    }

    .bi_box h4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .bi_box h4:before {
        display: none;
    }

    .bi_box .img_cont {
        margin-top: 20px;
    }

    .bi_box .color_cont:nth-of-type(1) {
        margin-top: 20px;
    }

    .bi_box:first-child h4 .down_box {
        width: 50%;
        display: flex;
        position: absolute;
        top: -200%;
        left: 47%;
    }

    .bi_box:first-child h4 .down_box .bi_down {
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #fff;
        padding: 1px;
        text-align: center;
        background-color: #42bcd6;
        margin-top: 50px;
        font-size: 15px;
        border: 1px solid #f0f0f0;
    }

}


@media all and (max-width:500px) {
    .bi_box .img_cont div img {
        width: 50%;
    }

    .bi_box .img_cont div.sig_type3 img {
        width: 25%;
    }

    .bi_box .img_cont div.sig_type4 img {
        width: 25%;
    }

    .bi_box .color_cont .circle {
        width: 60px;
        height: 60px;
        border-radius: 60px;
    }

    .bi_box .color_cont {
        padding-left: 16%;
        padding-top: 16%;
    }

    .bi_box:first-child h4 .down_box .bi_down {
        font-size: 13px;
    }
}



.desc_139 {
    text-align: right;
    color: #999;
    margin-top: 10px;
}

@media all and (max-width:1024px) {
    .desc_139 {
        font-size: 14px;
    }
}

@media all and (max-width:767px) {
    .desc_139 {
        font-size: 12px;
    }
}


/* 다음세대를 위한 기록활동 */
.btn_daum_box {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 20px;
}

.btn_daum_box a {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

@media all and (max-width:1024px) {
    .btn_daum_box {
        gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width:600px) {
    .btn_daum_box {
        grid-template-columns: 1fr;
    }
}


/* 기록활동 활성화 - 청주기록활동가 양성 */
.line_box { padding: 30px; border-top: 2px solid #666;}

/* 기록활동 활성화 - 시민자율예산제 */
.section1 > .sec_p { background-color: #f7f7f7; padding: 30px; color: #000;}
.section_inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 70px; }
.section_inner .desc { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5rem;}
.section_inner .desc > p { font-size: 1.25rem; color: #333;}
.section_inner .desc > a { font-size: 1rem;}

@media all and (max-width:1300px) {
    .section_inner { gap: 30px 40px; }
}

@media all and (max-width:950px) {
    .section1 > .sec_p { padding: 20px; }
    .section_inner { grid-template-columns: repeat(2, 1fr);  }
    .section_inner .desc { padding-top: 1rem; gap: 10px;}
    .section_inner .desc > p { font-size: 1rem;}
    .section_inner .desc > a { font-size: .9rem;}
}

@media all and (max-width:500px) {
    .section_inner { grid-template-columns: repeat(1, 1fr); }
}

.sub244 #board .btn { display: none !important;}



/* ------------------------------------------------------------ contents2 ------------------------------------------------------------ */


/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2020.10.03
* Update : 2020.10.25
* Copyright(c) 2020 OLYM Communications. All Rights Reserved.
*/



.fx {display:flex;}
/* 0106 이미지 변경 완료 */
.city_box {background:url('/project/design/contents/bg_city02.png') no-repeat center;min-height:600px;position:relative;margin-bottom:50px;}
.city {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,0.9);width:50%;margin:0 auto;border-radius:40px;padding:5% 3%;box-sizing:border-box;}
.city h4 {font-size:48px;color:#222;font-weight:700;padding-top:10px;position:relative;margin-bottom:30px;}
.city h4 span.col1 {color:#e5b400;position:relative;}
.city h4 span.col2 {color:#3cb3ca;position:relative;}
.city h4 span.col3 {color:#d51165;position:relative;}
.city h4 span.col4 {color:#76569b;position:relative;}
.city h4 span.col1:before {position:absolute;width:10px;height:10px;background:#e5b400;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city h4 span.col2:before {position:absolute;width:10px;height:10px;background:#3cb3ca;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city h4 span.col3:before {position:absolute;width:10px;height:10px;background:#d51165;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city h4 span.col4:before {position:absolute;width:10px;height:10px;background:#76569b;display:inline-block;content:"";top:0;left:50%;transform:translate(-50%,0);border-radius:10px;}
.city p {font-size:20px;color:#222;}

.defi {margin-top:20px;}
.defi div:first-of-type, .defi div:last-of-type {width:50%;}


.cc_t_box .desc1 {font-size:26px;color:#222;font-weight:700;margin:30px 0;}
.cc_t_box .desc1 .col1 {color:#1d9fbf;}
.cc_t_box .desc1 .col2 {color:#cf2b87;}

.cc_box {width:100%;margin-top:30px;}
.cc_box div {text-align:center;margin-right:2%;width:32%;border-radius:40px;box-sizing:border-box;padding:2% 3%;}
.cc_box div:last-of-type {margin-right:0;}
.cc_box div.bg1 {background:#e6eff2;}
.cc_box div.bg2 {background:#eae6f2;}
.cc_box div.bg3 {background:#f2f0e6;}
.cc_box div p {text-align:center;margin-top:15px;font-size:24px;color:#222;}
.cc_box div p span {font-weight:700;}

.busi_tit {font-size:24px;color:#222;font-weight:700;margin:30px 0 15px 0;}
.busi_img_box {margin:30px 0;}
.busi_btn {border:1px solid #222;width:auto;box-sizing:border-box;border-radius:50px;text-align:center;font-size:16px;color:#222;cursor:pointer;transition: all .3s ease;margin:auto 7px;display:inline-block;padding:10px 15px;margin-top:30px;font-weight:700;font-family: 'yg-jalnan';}
.busi_btn:hover {background:#222;color:#fff;border:1px solid #222;transition: all .3s ease;}


@media all and (max-width:1440px) {
.city_box {border-radius:40px;}
.defi {flex-direction:column;}
.defi div:first-of-type, .defi div:last-of-type {width:100%;}
.defi div:first-of-type {margin-bottom:30px;}
}

@media all and (max-width:1280px) {
.city_box {min-height:500px;}
.city p br {display:none;}
.cc_t_box .desc2 {font-size:18px;}
.cc_box div p {font-size:20px;}
.cc_box img {width:120px;}
}

@media all and (max-width:1280px) {
.city h4 {font-size:30px;margin-bottom:20px;}
.city h4 span.col1:before, .city h4 span.col2:before, .city h4 span.col3:before, .city h4 span.col4:before {width:7px;height:7px;}
.city p {font-size:16px;}
}

@media all and (max-width:1024px) {
.img_slogan1 img {width:80%;}
.img_slogan2 img {height:35px;}
.cc_box div p {font-size:18px;}
.cc_t_box .desc2 {font-size:16px;}
.cc_t_box .desc2 br {display:none;}
}

@media all and (max-width:768px) {
.city_box {margin-bottom:20px;min-height:300px;background-size:cover;}
.defi {flex-direction:column;}
.defi div:first-of-type {margin-bottom:30px;}
.defi div:first-of-type, .defi div:last-of-type {width:100%;}

.city {padding:5%;border-radius:20px;}
.city h4 {font-size:24px;margin-bottom:20px;padding-top:0;}
.city h4 span.col1:before, .city h4 span.col2:before, .city h4 span.col3:before, .city h4 span.col4:before {width:6px;height:6px;}
.city p {font-size:14px;}
.city p br {display:none;}

.cc_t_box .desc2 br {display:none;}
.img_slogan2 img {height:25px;}
.cc_t_box .desc1 {font-size:20px;}
.cc_box div {border-radius:20px;}
.cc_box div p {font-size:14px;}
.cc_box div img {width:60px;}
}

@media all and (max-width:425px) {
.city {width:80%;padding:6%;}
.city h4 {margin-bottom:10px;}
.city p {font-size:13px;}
}



.contents_code10.wrap_box, .contents_code16.wrap_box, .contents_code49.wrap_box, .contents_code50.wrap_box, .contents_code64.wrap_box, .contents_code65.wrap_box, .contents_code74.wrap_box, .contents_code75.wrap_box, .contents_code76.wrap_box, .contents_code88.wrap_box, .contents_code94.wrap_box { width:100%;}
/* 0101_사업안내 공통 */
.busi_box .p_desc1 { font-size:21px; font-weight:500; color:#6a93cb; padding-top:20px;}
.busi_box .img_box { margin-top:50px;}
.busi_box .img_box > ul > li { float:left; width:31%; overflow: hidden;}
.busi_box .img_box > ul > li img { width:100%; border-radius: 20px;}
.busi_box .img_box > ul > li:nth-child(2) { padding:0 3.5%;}
.busi_box .board_box .box_search{ margin-top:-80px;}

.busi_box .img_box2 {text-align:center; border:1px solid #e1e1e1; border-radius:20px; overflow:hidden;}
.busi_box .img_box2.mgT { margin-top:50px;}
.busi_box .img_box3 {text-align:center; margin-top:60px;}

@media all and (max-width:1000px) {
.busi_box .p_desc1 { font-size:18px; padding-top:10px;}
.busi_box .board_box .box_search { margin-top:0;}
}

@media all and (max-width:800px) {
.busi_box .p_desc1 { font-size:15px;}
.busi_box .img_box2 { padding:0 10px; border-radius:10px;}
.busi_box .img_box3 {padding:0 10px;}
}

@media all and (max-width:500px) {
.busi_box .img_box { margin-top:30px;}
.busi_box .img_box > ul > li { width:100%; text-align:center;}
.busi_box .img_box > ul > li img { width:80%;}
.busi_box .img_box > ul > li:nth-child(2) { padding:20px 0;}
}

/* 0102_도시정체성 찾기 */
.busi_box .desc_box .left { float:left; width:63%;}
.busi_box .desc_box .right { float:right; width:37%; text-align:right;}
.busi_box .desc_box .right.mgT { margin-top:80px;}

.busi_box .citi_box { margin:60px 0;}
.busi_box .citi_box > ul > li { float:left; width:25%; text-align:center; position:relative;}
.busi_box .citi_box > ul > li:after{content: "";width:40px;height:40px;background:url('/project/design/contents/img_ar1.png') no-repeat center; background-size:cover; position: absolute;top: 50%;left: 100%;transform: translate(-50%, -50%);}
.busi_box .citi_box > ul > li:last-child::after { display:none;}
.busi_box .citi_box > ul > li .box_in { margin:0 auto; width:210px; height:210px; box-sizing:border-box; border-radius:100%; text-align:center; padding-top:35px;}
.busi_box .citi_box > ul > li .box_in p { color:#fff; font-weight:500; padding-top:5px;}
.busi_box .citi_box > ul > li .box_in.bg1 {  background:#d4be58;}
.busi_box .citi_box > ul > li .box_in.bg2 {  background:#9ad3b3;}
.busi_box .citi_box > ul > li .box_in.bg3 {  background:#86a0c3;}
.busi_box .citi_box > ul > li .box_in.bg4 {  background:#ae8ac8;}

@media all and (max-width:800px) {
.busi_box .citi_box { margin:30px 0;}
.busi_box .citi_box > ul > li:after{width:20px;height:20px;}
.busi_box .citi_box > ul > li .box_in { width:130px; height:130px;padding-top:25px;}
.busi_box .citi_box > ul > li .box_in img { height:40px;}
.busi_box .citi_box > ul > li .box_in p { font-size:13px;}
}

@media all and (max-width:500px) {
.busi_box .desc_box .left { width:100%;}
.busi_box .desc_box .right { width:100%; text-align:center; padding-top:30px;}
.busi_box .desc_box .right img { width:80%;}
.busi_box .desc_box .right.mgT { margin-top:0;}
.busi_box .citi_box { margin:30px 0 10px 0;}
.busi_box .citi_box > ul > li {width:50%; margin-bottom:20px;}
}

/* 0103_창의문화만들기 */
.busi_box .made_box { margin:60px 0;}
.busi_box .made_box > ul > li { float:left; width:25%; text-align:center; position:relative;}
.busi_box .made_box > ul > li:after{content: "";width:40px;height:40px; background:url('/project/design/contents/img_ar1.png') no-repeat center; background-size:cover; position: absolute;top: 50%;left: 100%;transform: translate(-50%, -50%);}
.busi_box .made_box > ul > li:last-child::after { display:none;}
.busi_box .made_box > ul > li .box_in { margin:0 auto; width:75%; height:280px; border:1px solid #e1e1e1; box-sizing:border-box; border-radius:20px; text-align:center; padding-top:30px;}
.busi_box .made_box > ul > li .box_in .title { color:#000; font-weight:500; font-size:21px;}
.busi_box .made_box > ul > li .box_in .desc { padding-top:20px; height:60px; }

@media all and (max-width:800px) {
.busi_box .desc_box.desc2 { margin-bottom:50px;}
.busi_box .made_box { margin:30px 0;}
.busi_box .made_box > ul > li:after{width:20px;height:20px;}
.busi_box .made_box > ul > li .box_in {width:85%; height:200px; padding-top:20px;border-radius:10px;}
.busi_box .made_box > ul > li .box_in img { height:70px;}
.busi_box .made_box > ul > li .box_in .title { font-size:16px;}
.busi_box .made_box > ul > li .box_in .desc { font-size:13px;  padding-top:5px; height:55px; }
}
@media all and (max-width:500px) {
.busi_box .made_box { margin:30px 0 10px 0;}
.busi_box .made_box > ul > li { width:50%; margin-bottom:20px;}
}

/* 동네기록관흔적 */

/* 2021년 동네기록관 라인 컬러*/
.code93 .container4 .content.con_2021 .item:nth-child(1),
.code93 .container4 .content.con_2021 .item:nth-child(2),
.code93 .container4 .content.con_2021 .item:nth-child(6),
.code93 .container4 .content.con_2021 .item:nth-child(7),
.code93 .container4 .content.con_2021 .item:nth-child(11) {border:2px solid #57bec5;}

.code93 .container4 .content.con_2021 .item:nth-child(3),
.code93 .container4 .content.con_2021 .item:nth-child(4),
.code93 .container4 .content.con_2021 .item:nth-child(8),
.code93 .container4 .content.con_2021 .item:nth-child(12),
.code93 .container4 .content.con_2021 .item:nth-child(13) {border:2px solid #33c469;}

.code93 .container4 .content.con_2021 .item:nth-child(5),
.code93 .container4 .content.con_2021 .item:nth-child(9),
.code93 .container4 .content.con_2021 .item:nth-child(10),
.code93 .container4 .content.con_2021 .item:nth-child(14),
.code93 .container4 .content.con_2021 .item:nth-child(15) {border:2px solid #da3079;}




.code93 .container4 .title_box ul{justify-content: center; margin:50px auto 75px;}
.code93 .container4 .title_box ul li{margin-right:40px; position: relative; width:auto; align-items: center;}
.code93 .container4 .title_box ul li:nth-child(1):before{position: absolute; content: ''; top:50%; left:50%; transform: translate(-50%, -50%); width:200px; height:100px; border-radius: 50%;background:#57bec5; z-index: -1; opacity: .1;}
.code93 .container4 .title_box ul li:nth-child(2):before{position: absolute; content: ''; top:50%; left:50%; transform: translate(-50%, -50%); width:200px; height:100px; border-radius: 50%;background:#33c469; z-index: -1; opacity: .1;}
.code93 .container4 .title_box ul li:nth-child(3):before{position: absolute; content: ''; top:50%; left:50%; transform: translate(-50%, -50%); width:200px; height:100px; border-radius: 50%;background:#da3079; z-index: -1; opacity: .1;}


.code93 .container4 .title_box ul li i{font-size:30px; margin:0 20px 0 ;}

.code93 .container4 .title_box ul li:nth-child(1) i{color:#57bec5;}
.code93 .container4 .title_box ul li:nth-child(2) i{color:#33c469;}
/* .code93 .container4 .title_box ul li:nth-child(1)::after{position: absolute; top:50%; right:-30px; transform: translate(0, -50%); content: '▶'; color:#57bec5;}
.code93 .container4 .title_box ul li:nth-child(2)::after{position: absolute; top:50%; right:-30px; transform: translate(0, -50%); content: '▶'; color:#33c469;} */



.code93 .bottom_box { margin-top:40px;}
.code93 .bottom_box .item { text-align:center; width:33.33%; }
.code93 .bottom_box .item:nth-child(2) { padding:0 3em;}
.code93 .bottom_box .item .img img { height:150px;}
.code93 .bottom_box a { position: relative; display:block; margin-top:20px;text-align: center; padding:10px;border:2px solid #33c469; box-sizing: border-box; display: block; font-weight: bold; color:#33c469; transition: all .3s ease; border-radius: 10px; position: relative; background:#fff; font-size:15px;}
.code93 .bottom_box a br { display:none;}
.code93 .bottom_box a:hover{color:#fff; background:#33c469;}
/*.code93 .book .desc1{position: absolute; top:0; left:50%; transform:translate(-50%, 0);}
.code93 .book .desc2{position: absolute; top:-80px; left:-200px; width:200px; z-index: -1;}
.code93 .book .desc3{position: absolute; top:-50px; left:-200px; width:200px; z-index: -1;}
.code93 .book .desc2 img{width:100%;}*/

.nwbox {width: 60px; height: 25px; border-radius: 20px; background-color: #ffba00; color: #fff; display: inline-block; font-size: 12px; margin-top: 10px;}

@media(max-width:1260px){
.code93 .bottom_box .item:nth-child(2) { padding:0 1em;}
}
@media(max-width:1000px){
.code93 .bottom_box a br { display:block;}
}
@media(max-width:800px){
.code93 .bottom_box { margin-top:10px;}
.code93 .bottom_box .item:nth-child(2) { padding:0 10px;}
.code93 .bottom_box .item .img { display:none;}
}

@media(max-width:600px){
.code93 .bottom_box {display:block; margin-top:40px;}
.code93 .bottom_box .item { width:100%; }
.code93 .bottom_box .item:nth-child(2) { padding:10px 0;}
.code93 .bottom_box a { margin-top:0}
.code93 .bottom_box a br { display:none;}
}

.code93 .center_box{border-radius: 20px; padding:35% 0 50px;  background:url(/project/design/contents/code93_bgimg.jpg) no-repeat top center; background-size:50%;}
.code93 .center_box p{line-height: 1.8em;}





@media(min-width:1001px){
    .code93 .center_box{background:url(/project/design/contents/code93_bgimg.jpg) no-repeat center right; padding:0 50px 7% 0; background-size:50%;}
    .code93 .center_box p{width:50%;}
}


@media(max-width:1000px){
    .code93 .p_desc1{font-size:18px; padding-top:10px;}
    .code93 .h_type3{font-size:20px;}
    .code93 .container1 .content .text_box .desc2{font-size:20px;}
    .code93 .busi_box .plat_box > ul > li .box_in .num{font-size:30px;}
    .code93 .container4 .title_box ul li i{font-size:30px; margin:0 20px 0 0;}

}

@media(max-width:800px){
    .code93 .container2 .busi_box .title{top:-20px;}
    .code93 .busi_box .plat_box > ul > li .box_in{height:190px;}
    .code93 .center_box{background-size:100%; padding:70% 0 30px;}
    .code93 .container4 .content .item{width:100%;}

    .code93 .container4 .title_box ul{flex-direction: column;}
    .code93 .container4 .title_box ul li{margin-bottom:50px;}
    .code93 .container4 .title_box ul li:last-child{margin:0;}
    .code93 .container4 .title_box ul li::before{left:80px !important;}
}

@media(max-width:500px){
    .code93 .p_desc1{font-size:15px; margin-bottom:0;}
    .code93 .container1 .content .text_box .desc1{font-size:15px;}
    .code93 .container1 .content .text_box .desc2{font-size:18px;}

    .code93 .container4 .content{margin-top:20px;}
    .code93 .pc{display: none;}
    .code93 .m{display: block;}

    .code93 .container1 .content .text_box{padding-bottom:65px;}
    .code93 .container1 .content .text_box i{font-size:250px;}
    .code93 .book a span{display: none;}


    /* .code93 .container4 .title_box ul li:nth-child(1){width:100%;}
    .code93 .container4 .title_box ul li:nth-child(2){width:100%;}
    .code93 .container4 .title_box ul li:nth-child(3){width:100%;} */
    .code93 .container4 .title_box ul li::after{display: none;}

}


/* 문화현장기록 */
/* 문화현장기록 - 리스트페이지 */
.code96 {width:100%; margin:0 auto;}
.code96 .container .content{flex-wrap: wrap; }
.code96 .container .content .item{flex-grow: 1; margin:1%; width:15%; }
.code96 .container .content .item a{flex-wrap: wrap;}
.code96 .container .content .item a .img_box{width:100%; padding:50%; position: relative;}
.code96 .container .content .item a .img_box .hover_text{position: absolute; bottom:0%; left:50%; transform: translate(-50%, -0%); background:rgba(255,255,255,0.9); width:100%; height:0%; justify-content: center; align-items: center; transition: all .3s ease; opacity: 0;}
.code96 .container .content .item a .img_box .hover_text p{font-size:19px; font-weight: 600; color:#000; text-align: center;}
.code96 .container .content .item a:hover .hover_text{height:50%; opacity: 1;}

.code96 .container .content .item a .text_box{width:100%; padding:20px; box-sizing: border-box;}
.code96 .container .content .item a .text_box p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.code96 .container .content .item a .text_box .title1{font-size:21px; font-weight: 500; color:#000;}
.code96 .container .content .item a .text_box .title2{font-size:16px; color:#666; margin:5px 0 15px;}
.code96 .container .content .item a .text_box .text1 {font-size:16px; color:#3974bd; margin:5px 0; font-weight: 500; display: none;}
.code96 .container .content .item a .text_box .text2 {font-size:16px; color:#3974bd; margin:5px 0; font-weight: 500; display: none;}

.code96 .container .content .item1 a .img_box{background:url(/project/design/contents/inter_1.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item2 a .img_box{background:url(/project/design/contents/inter_2.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item3 a .img_box{background:url(/project/design/contents/inter_3.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item4 a .img_box{background:url(/project/design/contents/inter_4.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item5 a .img_box{background:url(/project/design/contents/inter_5.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item6 a .img_box{background:url(/project/design/contents/inter_6.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item7 a .img_box{background:url(/project/design/contents/inter_7.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item8 a .img_box{background:url(/project/design/contents/inter_8.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item9 a .img_box{background:url(/project/design/contents/inter_9.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item10 a .img_box{background:url(/project/design/contents/inter_10.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item11 a .img_box{background:url(/project/design/contents/inter_11.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item12 a .img_box{background:url(/project/design/contents/inter_12.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item13 a .img_box{background:url(/project/design/contents/inter_13.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item14 a .img_box{background:url(/project/design/contents/inter_14.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item15 a .img_box{background:url(/project/design/contents/inter_15.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item16 a .img_box{background:url(/project/design/contents/inter_16.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item17 a .img_box{background:url(/project/design/contents/inter_17.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item18 a .img_box{background:url(/project/design/contents/inter_18.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item19 a .img_box{background:url(/project/design/contents/inter_19.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item20 a .img_box{background:url(/project/design/contents/inter_20.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item21 a .img_box{background:url(/project/design/contents/inter_21.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item22 a .img_box{background:url(/project/design/contents/inter_22.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item23 a .img_box{background:url(/project/design/contents/inter_23.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item24 a .img_box{background:url(/project/design/contents/inter_24.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item25 a .img_box{background:url(/project/design/contents/inter_25.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item26 a .img_box{background:url(/project/design/contents/inter_26.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item27 a .img_box{background:url(/project/design/contents/inter_27.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item28 a .img_box{background:url(/project/design/contents/inter_28.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item29 a .img_box{background:url(/project/design/contents/inter_29.jpg)no-repeat center; background-size:cover;}
.code96 .container .content .item30 a .img_box{background:url(/project/design/contents/inter_30.jpg)no-repeat center; background-size:cover;}
.code96 .bottom_box{justify-content: center;}
.code96 .bottom_box .book{ text-align: center; padding:20px; border:2px solid #33c469; box-sizing: border-box; display: block; font-weight: bold; color:#33c469; width:400px; transition: all .3s ease; border-radius: 10px; position: relative; background:#fff;}
.code96 .bottom_box a:hover{color:#fff; background:#33c469;}







@media(max-width:1280px){
    .code96 .container .content .item{width:30%;}
}
@media(max-width:767px){
    .code96 .container .content .item a .text_box .title1{font-size:17px;}
    .code96 .container .content .item a .text_box .title2{font-size:13px;}
    .code96 .container .content .item a .text_box .text1 {font-size:13px;}
    .code96 .container .content .item a .text_box .text2 {font-size:13px;}
}

@media(max-width:500px){
    .code96 .container .content .item{width:100%;}
}
/* 문화현장기록 - 상세페이지 */
.inter{width:100%; margin:0 auto;}
.inter .container1 {margin-bottom:80px; padding-bottom:80px; border-bottom:3px solid #000;}
.inter .container .top{max-width:1400px; margin:0 auto;}
.inter .container .top .img_box{width:55%; margin-right:80px; box-sizing: border-box; padding:26% 0; position: relative;}
.inter .container .top .img_box span{position: absolute; bottom:-30px; left:50%; transform: translate(-50%, 0); font-size:14px;}

.inter .container .top .title_box{width:45%; padding:20px 0; box-sizing: border-box;}
.inter .container .top .title_box .title1{font-size:40px; color:#222; font-weight: 800; padding:0 0 80px;}
.inter .container .top .title_box .title2{font-size:27px; font-weight: 600; line-height: 1.8em; padding:0 0 60px; color:#000;}
.inter .container .top .title_box ul li{font-size:16px; padding:10px 0; display: flex; -ms-display: flex; -webkit-display: flex;}
.inter .container .top .title_box ul li .desc1{margin-right:60px; font-weight: 600; color:#333;}
.inter .container .top .title_box ul li .downt{opacity: 0;;}
.inter .container .top .title_box ul li .desc2{color:#666;}
.inter .container .top .title_box ul li .down a{ box-sizing:border-box; display: block; color:#333; font-weight: 500; border:1px solid #000; padding:10px 20px; align-items: center;}
.inter .container .top .title_box ul li .down a i{margin:0 0 0 10px; font-size:16px;}
.inter .container .top .title_box ul li .down:hover a{color:#000; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}


/* 97 */


/* 98 */




.inter .container .top .title_box ul li span i{margin:0 14.5px;}
.inter .img1{background:url(/project/design/contents/inter_1.jpg)no-repeat center; background-size: 100%;}
.inter .img2{background:url(/project/design/contents/inter_2.jpg) no-repeat center; background-size: 100%;}
.inter .img3{background:url(/project/design/contents/inter_3.jpg) no-repeat center; background-size: 100%;}
.inter .img4{background:url(/project/design/contents/inter_4.jpg) no-repeat center; background-size: 100%;}
.inter .img5{background:url(/project/design/contents/inter_5.jpg) no-repeat center; background-size: 100%;}
.inter .img6{background:url(/project/design/contents/inter_6.jpg) no-repeat center; background-size: 100%;}
.inter .img7{background:url(/project/design/contents/inter_7.jpg) no-repeat center; background-size: 100%;}
.inter .img8{background:url(/project/design/contents/inter_8.jpg) no-repeat center; background-size: 100%;}
.inter .img9{background:url(/project/design/contents/inter_9.jpg) no-repeat center; background-size: 100%;}
.inter .img10{background:url(/project/design/contents/inter_10.jpg) no-repeat center; background-size: 100%;}
.inter .img11{background:url(/project/design/contents/inter_11.jpg) no-repeat center; background-size: 100%;}
.inter .img12{background:url(/project/design/contents/inter_21.jpg) no-repeat center; background-size: 100%;}
.inter .img13{background:url(/project/design/contents/inter_13.jpg) no-repeat center; background-size: 100%;}
.inter .img14{background:url(/project/design/contents/inter_14.jpg) no-repeat center; background-size: 100%;}
.inter .img15{background:url(/project/design/contents/inter_15.jpg) no-repeat center; background-size: 100%;}
.inter .img16{background:url(/project/design/contents/inter_16.jpg) no-repeat center; background-size: 100%;}
.inter .img17{background:url(/project/design/contents/inter_17.jpg) no-repeat center; background-size: 100%;}
.inter .img18{background:url(/project/design/contents/inter_18.jpg) no-repeat center; background-size: 100%;}
.inter .img19{background:url(/project/design/contents/inter_19.jpg) no-repeat center; background-size: 100%;}
.inter .img20{background:url(/project/design/contents/inter_20.jpg) no-repeat center; background-size: 100%;}
.inter .img21{background:url(/project/design/contents/inter_21.jpg) no-repeat center; background-size: 100%;}
.inter .img22{background:url(/project/design/contents/inter_22.jpg) no-repeat center; background-size: 100%;}
.inter .img23{background:url(/project/design/contents/inter_23.jpg) no-repeat center; background-size: 100%;}
.inter .img24{background:url(/project/design/contents/inter_24.jpg) no-repeat center; background-size: 100%;}
.inter .img25{background:url(/project/design/contents/inter_25.jpg) no-repeat center; background-size: 100%;}
.inter .img26{background:url(/project/design/contents/inter_26.jpg) no-repeat center; background-size: 100%;}
.inter .img27{background:url(/project/design/contents/inter_27.jpg) no-repeat center; background-size: 100%;}
.inter .img28{background:url(/project/design/contents/inter_28.jpg) no-repeat center; background-size: 100%;}
.inter .img29{background:url(/project/design/contents/inter_29.jpg) no-repeat center; background-size: 100%;}
.inter .img30{background:url(/project/design/contents/inter_30.jpg) no-repeat center; background-size: 100%;}

.inter .container2{max-width:1620px; margin:0 auto;}
.inter .container2 .img_box{max-width:650px; margin:0 auto;}
.inter .container2 .img_box img{width:100%;}
.inter .container2 .img_box p{margin:5px 0; font-size:16px; text-align: center;}
.inter .container2 p{line-height: 1.8em; font-size:16px;}
.inter .container2 .title1{font-size:20px; font-weight: bold; margin:40px 0;}
.inter .container2 p.box{padding:50px; border:1px solid #ddd;}
.inter .container2 p.type1{color:#3974bd;}
.inter .container2 p.type2{color:#00987e;}
.inter .container2 p span{font-weight: bold;}

.inter .container3{margin-top:80px; padding-top:20px; border-top:3px solid #000;}
.inter .container3 p{max-width:1620px; margin:0 auto; font-size:16px; }

.inter i{font-family: 'Noto Sans KR', sans-serif;}

.inter .back{ text-align: center; padding:10px 40px; border:2px solid #33c469; box-sizing: border-box; display: block; font-weight: bold; color:#33c469; margin:50px auto 0; transition: all .3s ease; border-radius: 10px; font-size:16px; width:150px;}
.inter .back:hover{color:#fff; background:#33c469;}



@media(max-width:1620px){
    .inter .container2{padding:20px;}
    .inter .container .top{padding:20px;}
    .inter .container3{padding:20px;margin-top:40px;}
}

@media(max-width:800px){
    .inter .container .top{flex-wrap: wrap;}
    .inter .container .top .img_box{width:100%; margin:0; padding:50% 0;}
    .inter .container .top .title_box{width:100%; padding:0 20px;}
    .inter .container .top .title_box ul li{font-size:13px;}
    .inter .container .top .title_box .title2{font-size:17px;}
    .inter .container .top .title_box .title1{padding:40px 0; font-size:30px;}

}
@media(max-width:425px){
    .inter .container .top .title_box{text-align: center;}
    .inter .container .top .title_box ul li{display: block;}
    .inter .container .top .title_box ul li span{display: block; margin:5px auto; text-align: center; width:100%;}
    .inter .container1{padding:40px 0;}
    .inter .container2 p.box{padding:30px;}
    .inter .container2 p{font-size:12px;}
    .inter .container2 .title1{font-size:16px; margin:20px 0;}
    .inter .container3 p{font-size:11px;}
    .inter .container2 .img_box p{font-size:11px;}
}



/* 0104_특화사업 */
.busi_box .plat_box { margin:30px 0;}
.busi_box .plat_box > ul > li { float:left; width:30%; text-align:center; position:relative;}
.busi_box .plat_box > ul > li:nth-child(2) { padding:0 5%;}
.busi_box .plat_box > ul > li .box_in { background:#f5f8fd;box-sizing:border-box; border-radius:20px; text-align:center; padding:30px; margin-top:25px;}
.busi_box .plat_box > ul > li .box_in .num { color:#6a93cb; font-family: 'S-CoreDream-6Bold'; font-size:40px; background:url('/project/design/contents/bg_bu0404.png') no-repeat center bottom; padding-bottom:35px; margin-bottom:20px;}
.busi_box .plat_box > ul > li .box_in .desc { color:#797e85; font-weight:300; font-size:21px; line-height:1.8em;}

@media all and (max-width:800px) {
.busi_box .plat_box { margin:15px 0 30px 0;}
.busi_box .plat_box > ul > li i img { height:25px;}
.busi_box .plat_box > ul > li .box_in {padding:20px; margin-top:15px; border-radius:10px;}
.busi_box .plat_box > ul > li .box_in .num {  font-size:30px; background-size:auto 15px; padding-bottom:20px; margin-bottom:10px;}
.busi_box .plat_box > ul > li .box_in .desc { font-size:14px; line-height:1.6em;}
.busi_box .plat_box > ul > li .box_in .desc br { display:none;}
}
@media all and (max-width:500px) {
.busi_box .plat_box > ul > li {width:100%;}
.busi_box .plat_box > ul > li:nth-child(2) { padding:10px  0;}
.busi_box .plat_box > ul > li .box_in .num {  font-size:24px;}
}


/* 02_문화아카이빙 */
.box_title { text-align:center;}
.box_title  h4 { font-size:66px; font-weight:500; color:#333; letter-spacing:-0.04em;}
.box_title  h4 .em1 { color:#fdcf00;}
.box_title  h4 .em2 { color:#3fbdd9;}
.box_title .p_desc { font-size:20px; padding:20px 0;}

.box_search { width:50%; float:right; font-size:20px; border-bottom:3px solid #000;  color:#c1c1c1; margin-bottom:40px;}
.box_search select { border:none; height:60px; width:25%; padding-left:20px; color:#000; box-sizing:border-box; font-weight:600;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url('/project/design/com/bg_ar1.png') no-repeat 90% center;}
.box_search select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.box_search input[type="text"] { border:none; height:60px; width:63%; font-weight:600;}
.box_search input[type="submit"] {border:none; height:60px; width:10%; background:url("/project/design/com/btn_search1.png") no-repeat center;  text-indent:-9999px; cursor:pointer;}
.box_search.bg { background:#f1f1f1; padding:30px;}

.box_list { margin:0 60px 60px 60px;}
.box_list > ul > li { float:left; width:20%; text-align:center; padding-top:60px;}
.box_list > ul > li a { position: relative; display:block; margin:0 auto; width:300px; height:300px; border-radius:20px; overflow:hidden;}
.box_list > ul > li a .img_box .img {  display: block;  width: 100%;  height: auto; transition: all 1.5s ease;}
.box_list > ul > li a .img_box:hover .img { transform: scale(1.1, 1.1);}
.box_list > ul > li a .p_desc1 { font-family: 'S-CoreDream-6Bold'; font-size:24px; color:#fff; position:absolute; left:30px; bottom:30px;}
.box_list > ul > li a .p_desc2 { font-family: 'S-CoreDream-6Bold'; font-size:24px; color:#fff; position:absolute; right:30px; top:30px;}
.box_list > ul > li a .block{display: block;width: 100%;height: 100%;transition: all 1.5s ease;}
.box_list > ul > li a .block:hover{transform: scale(1.1, 1.1);transition: all 1.5s ease;}
.box_list > ul > li a .block.peo1{background: url("/project/design/contents/img_peo1.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo2{background: url("/project/design/contents/img_peo2.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo3{background: url("/project/design/contents/img_peo3.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo4{background: url("/project/design/contents/img_peo4.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo5{background: url("/project/design/contents/img_peo5.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo6{background: url("/project/design/contents/img_peo6.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo7{background: url("/project/design/contents/img_peo7.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo8{background: url("/project/design/contents/img_peo8.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo9{background: url("/project/design/contents/img_peo9.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.peo10{background: url("/project/design/contents/img_peo10.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.pla1{background: url("/project/design/contents/img_pla1.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.pla2{background: url("/project/design/contents/img_pla2.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.pla3{background: url("/project/design/contents/img_pla3.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.pla4{background: url("/project/design/contents/img_pla4.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.pla5{background: url("/project/design/contents/img_pla5.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block.pla6{background: url("/project/design/contents/img_pla6.jpg") no-repeat; background-size:cover;}
.box_list > ul > li a .block .bg { width:80%; height:80%; background:rgba(212,190,88,0.8); position:absolute; top:0; left:0; transform:translate3d(-100%,-100%,0); transition:none; border-radius: 20px}

@media all and (max-width:1720px) {
.box_list { margin:0 40px 40px 40px;}
.box_list > ul > li a { width:260px; height:260px;}
}

@media all and (max-width:1420px) {
.box_list > ul > li {width:25%;}
}

@media all and (max-width:1280px) {
.box_list > ul > li { padding-top:40px;}
}

@media all and (max-width:1200px) {
.box_list > ul > li {width:33.33%;}
}

@media all and (max-width:1000px) {
.box_title  h4 { font-size:46px; }
.box_title .p_desc { font-size:17px;}
.box_search { font-size:15px; margin-bottom:20px;}
.box_search select { height:40px; background-size:10px;}
.box_search input[type="text"] { height:40px;}
.box_search input[type="submit"] {height:40px;}
.box_search.bg { padding:20px;}

.box_list > ul > li a { width:220px; height:220px;}

}

@media all and (max-width:800px) {
.box_title  h4 { font-size:30px; }
.box_title .p_desc { font-size:15px; padding:10px;}
.box_search { width:70%;}

.box_list { margin:0 10px 10px 10px;}
.box_list > ul > li a { width:180px; height:180px; border-radius:10px;}
.box_list > ul > li a .p_desc1 { font-size:18px; left:15px; bottom:15px;}
.box_list > ul > li a .p_desc2 { font-size:18px; right:15px; top:15px;}
}
@media all and (max-width:500px) {
.box_title .p_desc { font-size:13px;}
.box_search { font-size:13px; width:100%;}

.box_list > ul > li {width:50%; padding-top:25px;}
.box_list > ul > li a { width:150px; height:150px;}
}
@media all and (max-width:340px) {
.box_search input[type="text"] { width:50%;}
.box_search input[type="submit"] {width:40px;}
}


/* 0403_문화도시멤버십 */
.btn_club_join { padding:15px 80px; border-radius:50px; color:#d4be58; font-size:23px; font-weight:500; display:inline-block; border:4px solid #d4be58;}
.btn_club_join:hover { background:#d4be58; color:#fff;}

/* 0405_문화도시안내 */
.org_box { text-align:center; padding:50px 0;}
.lo_box { text-align:center; padding:50px 20px; background:#e0eaf2; margin:20px 0;}
.ma_box { border:1px dashed #666; padding:30px; line-height:1.8em;}
.ma_box span { display:inline-block; width:60px; font-weight:600; color:#000; padding-left:10px; position:relative;}
.ma_box span:before {  width:3px; height:3px; background:#000; position:absolute; top:16px; left:0; content:"";}
.ul_car { padding:50px;}
.ul_car > li { padding:20px 0 20px 140px; min-height:100px;}
.ul_car > li > h5 { font-size:22px; font-family: 'yg-jalnan'; color:#333;}
.ul_car h6 { font-size:19px; color:#414d86; font-weight:600; margin:20px 0 10px 0;}
.ul_car .bg1 {background: url("/project/design/contents/img_car.png") no-repeat left top;}
.ul_car .bg2 {background: url("/project/design/contents/img_bus.png") no-repeat left top;}

@media all and (max-width:1440px) {
.org_box img {max-width:100%;}
}

@media all and (max-width:1280px) {
.ul_car { padding:30px;}
.ul_car > li > h5 { font-size:18px;}
.ul_car h6 { font-size:16px;}
}
@media all and (max-width:500px) {
.ma_box { padding:30px 10px;}
.ul_car > li { padding:10px 0 10px 80px; min-height:60px;}
.ul_car .bg1 {background-size:60px;}
.ul_car .bg2 {background-size:60px;}
}

/*프로그램 신청*/
.btn_black_line { border:4px solid #1b1b1b; width:300px; height:64px; display:inline-block; background:#fff; color:#1b1b1b; font-weight:600; font-size:24px; cursor:pointer;}
.btn_black_line:hover { background:#000; color:#fff;}
a.btn_black_line {line-height:64px}
.btn_black { border:4px solid #1b1b1b; width:300px; height:64px; display:inline-block; background:#1b1b1b; color:#fff; font-weight:600; font-size:24px; cursor:pointer;}
.step_app > ul { width:50%; margin:0 auto; border-left:1px solid #ddd;}
.step_app > ul > li { float:left; width:33.33%;}
.step_app > ul > li > p { border:1px solid #ddd; border-left:none; padding:15px; text-align:center; font-size:17px;}
.step_app > ul > li > p.on { background:#f0f0f0; color:#000;}

@media all and (max-width:1100px) {
.btn_black_line { width:240px; height:54px; font-size:20px;}
a.btn_black_line {line-height:54px}
.btn_black { width:240px; height:54px; font-size:20px;}
.step_app > ul { width:100%; }
.step_app > ul > li > p { font-size:15px;}
}

@media all and (max-width:500px) {
.btn_black_line { width:150px; height:44px; font-size:17px;}
a.btn_black_line {line-height:44px}
.btn_black { width:150px; height:44px; font-size:17px;}
.step_app > ul > li > p { padding:10px 5px;  font-size:13px;}
}

.box_policy { border:1px solid #dadada; padding:45px;}

@media all and (max-width:500px) {
.box_policy { padding:25px; font-size:13px;}
}
.box_app1 .box_form1 { background:#eee; padding-top:20px; }
.box_app1 .box_form1 dt { font-size:1.125em;}
.box_app1 .btn_right { position:absolute; top:0; right:10px;}

@media all and (max-width:500px) {
.box_app1 .btn_right { position:relative; top:auto; right:auto; text-align:right; padding-right:10px;}

}

.box_booking{position: relative; }
.box_booking .top_box { padding:30px 0; text-align:center;}
.box_booking .top_box a { vertical-align:middle; display:inline-block; width:54px;height:54px; text-indent:-9999px;}
.box_booking .top_box a.prev {background:url("/project/design/contents/bg_cal_ar1.png") no-repeat center;}
.box_booking .top_box a.next {background:url("/project/design/contents/bg_cal_ar2.png") no-repeat center;}
.box_booking .top_box .date { font-family: 'Lato', sans-serif; font-size:40px; color:#000; display:inline-block; margin:0 20px; vertical-align:middle;}
.box_booking .top_desc { text-align:right; padding-bottom:10px;}
.box_booking .top_desc span { margin-left:40px; width:15px; height:15px; display:inline-block;}
.box_booking .top_desc span.co1 { background:#fcfbd7; border:1px solid #ddd; vertical-align:top;}
.box_booking .top_desc span.co2 { background:#fff; border:1px solid #ddd; vertical-align:top;}
.box_booking .screen{display: block; width: 100%; height: 100%; position: absolute; background-color: #ddd; z-index: 9999; opacity: 0.2;}

/* 예약가능, 예약마감, 예약선택 */
.box_booking .s_bg1 { background:#fcfbd7;}
.box_booking .on { background:#c3ecf6 !important;}


/*****캘린더*****/
#calendar .top_box {text-align:center;font-size:40px;margin-bottom:40px;}
#calendar .top_box span {padding:0 2%;color:#222;font-weight:700;}
#calendar .top_box .prev, #calendar .top_box .next {background:#f2f2f2;width:55px;height:55px;border-radius:55px;text-align:center;display:inline-block;}
#calendar .top_box .prev:hover, #calendar .top_box .next:hover {background:#222;}
#calendar .top_box .prev:hover i, #calendar .top_box .next:hover i {color:#fff;}
#calendar .top_box .prev i, #calendar .top_box .next i {font-size:30px;color:#222;position:relative;top:-5px;}

.table_c, .table_c th, .table_c td { border:0;border-collapse:collapse; }
.table_c { height:100%;}
.table_c th { padding:15px; border-left:1px solid rgba(255,255,255,0.2);color:#fff;}
.table_c td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; position:relative;font-family: 'Lato', sans-serif;  }
.table_c td span, .table_c td a { display:block; height:100px; padding:15px 20px; box-sizing:border-box; color:#aeaeae;}
.table_c td.bd_b_none {border-bottom:none;}
.table_c .co1 { color:#e74c4c;}
.table_c .co2 { color:#5971b7;}
.table_c .today { position:absolute; top:0; left:auto; right:0; color:#fff; background:#eec446; font-style:normal; display:inline-block; font-size:13px; font-weight:700; font-family: 'Lato', sans-serif;  padding:4px 9px;}

.table_c td a.con_tt_link {text-align:left;height:auto;}
.table_c td a span.con_tt {text-align:left;height:auto;display:inline;padding:0;font-size:14px;color:#666;}

.table_c thead th {background:#a4acb4;}
.table_c thead th.co1 {border-radius:30px 0 0 0;background:#f276bf;color:#fff;}
.table_c thead th.co2 {border-radius:0 30px 0 0;background:#84b5e7;color:#fff;}

.table_c tbody td:first-of-type {border-left:none;}
.table_c tbody tr:last-of-type td {border-bottom:none;}

.table_c ul li {display:inline-block;margin-right:10px;}
.table_c ul li a {display: inline-block; width: 15px; height: 15px; border-radius: 15px;padding:0;}
.table_c ul li.bg1 a {background: #f4b508;}
.table_c ul li.bg2 a {background: #33a6c1;}
.table_c ul li.bg3 a {background: #5a438b;}
.table_c ul li.bg4 a {background: #c20152;}

.table_c .item{display: none; position: absolute; top: -40px; left: 0; background:#f6f6f6;padding:10px;border-radius:10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.table_c .item.on {display: block; }
.table_c .item .item_cate {font-weight:500;font-size:14px;}
.table_c .item .item_cate.cate1 {color:#34a7c2;}
.table_c .item .item_cate.cate2 {color:#f3b50a;}
.table_c .item .item_cate.cate3 {color:#594288;}
.table_c .item .item_cate.cate4 {color:#c60055;}
.table_c .item .item_title {font-size:16px;font-weight:500;color:#666;}
.table_c .item .item_date {font-size:14px; color:#999;margin-top:10px;}

.box_booking .time_box .box_in ul li { float:left; width:33.33%; box-sizing:border-box; padding:2px;}
.box_booking .time_box .box_in ul li a {font-family: 'Lato', sans-serif;  display:block; color:#484848; text-align:center; box-sizing:border-box;  padding:20px 0; font-weight:700; border:1px solid #bfbfbf;}
.box_booking .time_box .box_in ul li a:hover { background:#c3ecf6;}

.box_booking .time_box .no_sel { text-align:center; font-size:0.95em; color:#666; padding-top:220px;}
.box_booking .time_box .box_in .s_bg1 { background:none !important;}
.box_booking .time_box .box_in .s_bg1 a { background:#e8e8e8; cursor: default; color:#b1b1b1; }
.box_booking .time_box .box_in .s_bg1:hover a { background:#e8e8e8;}
.box_booking .time_box .box_in .on { background:none !important;}
.box_booking .time_box .box_in .on a { background:#c3ecf6 !important;}

.box_booking .time_box .no_time{font-size: 20px; text-align: center; color:#f60; border: 1px #e8e8e8 solid; width: 100%; margin: 16px 0; padding: 50px 0; }

.box_booking .desc_box  { border-top:1px solid #d3d3d3; padding:30px;}
.box_booking .desc_box .left { float:left; width:50%; border-right:1px solid #d3d3d3; box-sizing:border-box;}
.box_booking .desc_box .right { float:left; width:50%; box-sizing:border-box; padding-left:30px;}

 .total_price { font-size:1.2em; color:#ff0707;}

.box_form2 { border-top:2px solid #000; border-bottom:2px solid #000; padding-top:20px;}

.app_com_box .box_w { text-align:center; padding:60px;}
.app_com_box p { font-size:20px; color:#000; padding:30px 0; font-weight:500;}

@media all and (max-width:1024px) {
.box_booking .top_box a { width:40px;height:40px;}
.box_booking .top_box .date { font-size:30px;}

#calendar .top_box {font-size:36px;}
#calendar .top_box .prev, #calendar .top_box .next {width:50px;height:50px;}
}

@media all and (max-width:800px) {
.box_booking .top_box { padding:10px 0;}
.box_booking .cen_box { width:100%;border-right:none; border-bottom:1px solid #000; }
.table_c td span, .table_c td a { height:70px; padding:10px;}

.table_c, .table_c th, .table_c td { font-size:0.95em;}
.table_c .today { font-size:9px; padding:2px; line-height:1em;}

.box_booking .time_box { width:100%; border-left:none;}
.box_booking .time_box .box_in ul li a { padding:10px 0;}
.box_booking .time_box .no_sel { padding:30px 0;}
.box_booking .time_box .no_time{font-size: 16px; padding: 30px 0; }

#calendar .top_box {font-size:30px;}
#calendar .top_box .prev, #calendar .top_box .next {width:45px;height:45px;}
#calendar .top_box .prev i, #calendar .top_box .next i {top:0;}

.table_c ul li a {width:10px;height:10px;}
}


@media all and (max-width:440px) {
.box_booking .top_box a { width:30px;height:30px;}
.box_booking .top_box a.prev { background-size:13px;}
.box_booking .top_box a.next { background-size:13px;}
.table_c td span, .table_c td a { height:50px; padding:5px;}
.box_booking .time_box .box_in { padding:10px 0;}
.box_booking .time_box .box_in ul li a { font-size:0.95em;}
.btn_booking { text-align:center; margin-top:30px;}
.box_booking .desc_box { padding:20px;}
.box_booking .desc_box .left { width:100%; border-right:none; padding-bottom:20px;}
.box_booking .desc_box .right { width:100%; padding:0;}

.app_com_box .box_w { padding:30px;}
.app_com_box p { font-size:16px; }

#calendar .top_box {font-size:26px;margin:30px 0;}
#calendar .top_box .prev, #calendar .top_box .next {width:40px;height:40px;}
#calendar .top_box .prev i, #calendar .top_box .next i {top:0;font-size:24px;}
}
/* 통합검색 */
.box_info_search { text-align:center; padding:20px; font-size:17px; border:1px solid #ddd; margin-bottom:30px;box-sizing:border-box;}
.box_info_search .em { color:#ff2a43;}
.box_all_search { position:relative;}
.box_all_search h5 { font-size:25px; color:#333; font-weight:500; margin-bottom:10px;}
.box_all_search .more { position:absolute; top:0; right:0;}


/* 프로그램 신청서 작성 */
.box_program { border-top:2px solid #000; border-bottom:2px solid #000;}
.box_program dt { width:15%; float:left; box-sizing:border-box; padding:15px 0 0 20px; height:54px; color:#333; font-weight:600; border-top:1px solid #ddd; background:#f7f7f7;}
.box_program dd { width:35%; float:left; box-sizing:border-box; padding:15px 0 0 20px; height:54px;  border-top:1px solid #ddd;}
.box_program dt.dt2{ width:15%;}
.box_program dd.dd2 { width:85%;}

@media all and (max-width:1000px) {
.box_program dt { width:25%;}
.box_program dd { width:75%;}
.box_program dt.dt2{ width:25%;}
.box_program dd.dd2 { width:75%;}
}

@media all and (max-width:500px) {
.box_program dt { font-size:13px;padding:10px 0 10px 20px; height:auto; background:none;}
.box_program dd { font-size:13px; padding:10px 0 10px 20px; height:auto;}
}


/* 프로그램 신청서 작성 */
.box_program2 {background:#f7f7f7 url('/project/design/contents/img_issue.gif') no-repeat 50px center; padding:40px 40px 40px 170px; border:1px dashed #ddd;}
.box_program2 li { padding:10px 0; }
.box_program2 li span {color:#000; font-weight:600;}
.box_program2 li span.em_issue { font-size:1.2em;}

@media all and (max-width:1000px) {
.box_program2 {background:#f7f7f7 url('/project/design/contents/img_issue.gif') no-repeat 30px center / 50px; padding:20px 20px 20px 100px;}
.box_program2 li { padding:5px 0; }
.box_program2 li span.em_issue { font-size:1.125em;}
}

@media all and (max-width:500px) {
}

/* 다음세대기록 */
.doc_box .top_box { display:table; width:100%;}
.doc_box .top_box .box_in { display:table-cell; width:50%; text-align:center; padding:0 20px;}
.doc_box h4 { font-family: 'S-CoreDream-6Bold'; font-size:30px; color:#353535; padding:20px 0 10px 0;}
.doc_box h4 span { color:#6a93cb;}

.doc_box p { color:#797979; line-height:1.6em; font-size:17px;}
.doc_box h5 { font-family: 'S-CoreDream-6Bold'; font-size:40px; color:#6a93cb; text-align:center; margin:80px 0 30px 0;}

.doc_box .top_box2 .box_in { position:relative; padding:0 50px 0 0;}
.doc_box .top_box2 .box_in i { float:right; padding-left:50px;}
.doc_box .top_box2 .box_in h4 { padding-top:120px;}

.doc_box .cen_box { border:1px solid #ced5dc; margin:50px 0;}
.doc_box .cen_box > ul { display:table; width:100%; background:#f1f5fa;}
.doc_box .cen_box > ul > li { display:table-cell; width:33.33%; text-align:center; box-sizing:border-box; padding:40px;}
.doc_box .cen_box > ul > li:nth-child(2) { background:#fff;}
.doc_box .cen_box > ul > li p { font-family: 'S-CoreDream-6Bold'; font-size:24px; color:#424549; padding:20px 0; line-height:1.3em;}
.doc_box .cen_box > ul > li > .ul_type1 > li { text-align:left; font-size:17px; line-height:1.6em;}

.doc_box .cen2 > ul > li p.p_desc1 { height:90px; box-sizing:border-box;}
.doc_box .cen2 > ul > li .p_desc2 { font-size:17px; line-height:1.6em;}
.doc_box .cen2 > ul > li:nth-child(2) p.p_desc1, .doc_box .cen2 > ul > li:nth-child(3) p.p_desc1 {padding-top:35px;}


.doc_box .made_box > ul > li { float:left; width:25%; text-align:center; position:relative;}
.doc_box .made_box > ul > li:after{content: "";width:40px;height:40px; background:url('/project/design/contents/img_ar1.png') no-repeat center; background-size:cover; position: absolute;top: 50%;left: 100%;transform: translate(-50%, -50%);}
.doc_box .made_box > ul > li:last-child::after { display:none;}
.doc_box .made_box > ul > li .box_in { margin:0 auto; width:75%; height:260px; border:1px solid #e1e1e1; box-sizing:border-box; border-radius:20px; text-align:center; padding-top:30px;}
.doc_box .made_box > ul > li .box_in .title { color:#000; font-weight:500; font-size:21px; line-height:1.3em; height:80px;}
.doc_box .made_box > ul > li .box_in .desc { font-size:17px; color:#666; font-weight:400  }

.peo_box { background:#e8f0f8; padding:70px;}
.peo_box .p_desc3 {padding: 0 0 20px 40px;}
.peo_box > ul > li { float:left; width:33.33%; padding:0 2%; box-sizing:border-box; text-align:center;}
.peo_box > ul > li > i { max-width:100%;}
.peo_box > ul > li .desc_box { position:relative; padding:30px 30px 0 30px; text-align:center;}
.peo_box > ul > li .desc_box .p_desc1 {  font-family: 'S-CoreDream-6Bold'; font-size:30px; color:#000;}
.peo_box > ul > li .desc_box .p_desc2 { font-size:19px;}
.peo_box > ul > li .desc_box .btn_peo { position:absolute; right:40px; top:-55px;}
.peo_box > ul > li .desc_box .btn_peo a { background:#c51313; color:#fff; width:110px; line-height:110px; display:block; border-radius:100%; text-align:center;}
.peo_box > ul > li .desc_box .btn_peo a span { font-size:0.5em; display:inline-block; vertical-align:top;}

.d_map_box { padding-top:30px;}
.d_map_box h4 { font-family: 'S-CoreDream-6Bold'; font-size:30px; color:#353535; padding:0 0 10px 0;}
.d_map_box h4 span { color:#6a93cb;}
.d_map_box h4 span.em1 { font-family:'Noto Sans Korean'; font-size:17px; color:#666; margin-left:10px; display: block;}
.d_map_box .left { float:left; width:50%; }
.d_map_box .left > ul { padding-top:20px;}
.d_map_box .left > ul > li { float:left; width:33.33%; box-sizing:border-box; padding:0 10px 10px 0;}
.d_map_box .left > ul.ul_2021 > li { width:25%;}

.d_map_box .left > ul > li > a { display:block; background:#f5f8fd; height:168px; box-sizing:border-box; border-radius:20px; text-align:center; padding:20px 15px; font-size:16px; line-height:1.3em; position:relative;}
.d_map_box .left > ul > li > a .p_s1 { display:block; padding-bottom:5px;}
.d_map_box .left > ul > li > a .p_s2 { display:block; font-weight:500;color:#333;  }
.d_map_box .left > ul > li > a .p_s3 { position:absolute; bottom:50px; left:0; width:100%;  display:block; font-size:0.95em;color:#888;}
.d_map_box .left > ul > li > a.co1 .p_s1 { color:#6fccd2;}
.d_map_box .left > ul > li > a.co2 .p_s1 { color:#ffa264;}
.d_map_box .left > ul > li > a.co3 .p_s1 { color:#74cd63;}
.d_map_box .left > ul > li > a.co4 .p_s1 { color:#63a4cd;}
.d_map_box .left > ul > li > a.co5 .p_s1 { color:#df5eb8;}
.d_map_box .left > ul > li > a i { position:absolute; bottom:20px; left:50%; margin-left:-10px; display:block; width:21px; height:22px;  background:url('/project/design/contents/btn_doc_se_b.png') no-repeat center / cover;}
.d_map_box .left > ul > li > a:hover {color:#fff;}
.d_map_box .left > ul > li > a.co1:hover {  background:#6fccd2;}
.d_map_box .left > ul > li > a.co2:hover {  background:#ffa264;}
.d_map_box .left > ul > li > a.co3:hover {  background:#74cd63;}
.d_map_box .left > ul > li > a.co4:hover {  background:#63a4cd;}
.d_map_box .left > ul > li > a.co5:hover {  background:#df5eb8;}
.d_map_box .left > ul > li > a.co1:hover span { color:#fff;}
.d_map_box .left > ul > li > a.co2:hover span { color:#fff;}
.d_map_box .left > ul > li > a.co3:hover span { color:#fff;}
.d_map_box .left > ul > li > a.co4:hover span { color:#fff;}
.d_map_box .left > ul > li > a.co5:hover span { color:#fff;}
.d_map_box .left > ul > li > a:hover i { background:url('/project/design/contents/btn_doc_se_w.png') no-repeat center / cover;}

.d_map_box .right { float:left; width:50%; text-align:center;}


.d_map_box.box_2021 .left { width:60%; }
.d_map_box.box_2021 .right { width:40%; }



@media all and (max-width:1300px) {
.doc_box h4 {font-size:24px;}
.doc_box p { font-size:15px;}
.doc_box p br {display:none;}
.doc_box h5 { font-size:32px; }

.doc_box .cen2 > ul > li p.p_desc1 { height:auto;}
.doc_box .cen2 > ul > li .p_desc2 { font-size:15px;}
.doc_box .cen2 > ul > li:nth-child(2) p.p_desc1, .doc_box .cen2 > ul > li:nth-child(3) p.p_desc1 {padding-top:20px;}

.doc_box .cen_box > ul > li { padding:20px;}
.doc_box .cen_box > ul > li p {font-size:20px; }
.doc_box .cen_box > ul > li > .ul_type1 > li {font-size:15px;}
.peo_box { padding:40px;}
.peo_box > ul > li .desc_box { padding:20px 20px 0 20px;}
.peo_box > ul > li .desc_box .p_desc1 { font-size:24px;}
.peo_box > ul > li .desc_box .p_desc2 { font-size:17px;}
.peo_box > ul > li .desc_box .btn_peo { right:10px;}

.d_map_box h4 { font-size:24px; }
.d_map_box h4 span.em1 {display:block; font-size:15px; margin-left:0;}
.d_map_box .left { float:left; width:60%; }
.d_map_box .left > ul.ul_2021 > li { width:33.33%;}
.d_map_box .right { float:right; width:40%; text-align:center;}


}

@media all and (max-width:800px) {
.doc_box .top_box .box_in img { height:200px;}

.doc_box .top_box2 .box_in { padding:0;}
.doc_box .top_box2 .box_in i { padding-left:20px;}
.doc_box .top_box2 .box_in h4 { padding-top:80px;}

.doc_box .desc_box.desc2 { margin-bottom:50px;}
.doc_box .cen_box > ul { display:block; width:100%;}
.doc_box .cen_box > ul > li { display:block; width:100%; }

.doc_box .made_box { margin:30px 0;}
.doc_box .made_box > ul > li:after{width:20px;height:20px;}
.doc_box .made_box > ul > li .box_in {width:85%; height:200px; padding-top:20px;border-radius:10px;}
.doc_box .made_box > ul > li .box_in img { height:70px;}
.doc_box .made_box > ul > li .box_in .title { font-size:16px;}
.doc_box .made_box > ul > li .box_in .desc { font-size:13px;  padding-top:5px; height:55px; }
.peo_box > ul > li { width:100%; padding:20px 10%;}

.d_map_box { padding-top:0;}
.d_map_box .left { width:100%; }
.d_map_box .left > ul { padding:0 0 30px 0;}
.d_map_box .right { width:100%; }

.d_map_box.box_2021 .left { width:100%; }
.d_map_box.box_2021 .right { width:100%; }

}
@media all and (max-width:500px) {
.doc_box h4 {font-size:20px;}
.doc_box h5 { font-size:26px; }
.doc_box .top_box { display:block;}
.doc_box .top_box .box_in { display:block; width:100%; padding:20px 0;}
.doc_box .made_box { margin:30px 0 10px 0;}
.doc_box .made_box > ul > li { width:50%; margin-bottom:20px;}
.peo_box { padding:20px;}
.peo_box .p_desc3 {padding: 0; text-align:center;}
.peo_box > ul > li { padding:20px 0;}

.d_map_box h4 { font-size:20px; }
.d_map_box .left > ul > li { width:50%;padding:0 5px 10px 5px;}
.d_map_box .left > ul.ul_2021 > li { width:50%;}
.d_map_box .left > ul > li > a {height:148px; padding:20px 10px; font-size:15px;}
.d_map_box.box_2021 .left > ul > li > a {height:188px; padding:20px 10px; font-size:15px;}
}


.interview_box .top_box { width:85%; margin:20px auto 80px  auto;}
.interview_box .top_box .left { width:60%; height:500px; float:left; box-sizing:border-box;}
.interview_box .top_box .right { width:40%; float:left; padding:35px 0 0 70px; box-sizing:border-box;}
.interview_box h4 { font-family: 'S-CoreDream-6Bold'; font-size:40px; color:#000; margin-bottom:50px;}
.interview_box h5 { font-family: 'S-CoreDream-6Bold'; font-size:30px; color:#9f9f9f; border-bottom:2px solid #9f9f9f; line-height:1em; display:inline-block;}

.interview_box .cen_box { display:table; background:#323747;}
.interview_box .cen_box h5 { color:#fff; margin-bottom:50px;}
.interview_box .cen_box .left { width:50%; display:table-cell; box-sizing:border-box; padding:80px 60px 40px 7.5%;}
.interview_box .cen_box .right { width:50%; display:table-cell; }
.interview_box .cen_box .right.bg1 { background:url('/project/design/contents/img_peo_i1.jpg') no-repeat center / cover; }
.interview_box .cen_box .right.bg2 { background:url('/project/design/contents/img_peo_i2.jpg') no-repeat center / cover; }
.interview_box .cen_box .right.bg3 { background:url('/project/design/contents/img_peo_i3.jpg') no-repeat center / cover; }
.interview_box .cen_box .left > ul li .p_desc1 { color:#fff; font-size:19px; font-weight:500;}
.interview_box .cen_box .left > ul li .p_desc2 { color:rgba(255,255,255,0.6); font-size:18px; padding:20px 0 40px 0;}

.interview_box .bot_box { width:85%; margin:80px  auto;}
.interview_box .bot_box h5 { margin-bottom:50px;}
.interview_box .bot_box p { line-height:1.6em;}
.interview_box .bot_box .p_desc1 { font-size:36px; font-weight:600; color:#000;}
.interview_box .bot_box .p_desc2 { font-size:24px; font-weight:500; margin-bottom:70px;}
.interview_box .bot_box .p_desc3 { margin:40px 0;}
.interview_box .bot_box .p_desc4 { font-size:20px; color:#0d0d0d; font-family: 'Arita-buri-SemiBold'; font-style:italic;}
.interview_box .bot_box .p_desc5 { font-size:22px; color:#303030; font-weight:500; margin-top:70px; text-align:right;}
.img_bot { margin:50px 0; text-align:center;}
.img_bot p { padding-top:10px;}

@media all and (max-width:1300px) {
.interview_box .top_box { width:90%; }
.interview_box h4 { font-size:32px; margin-bottom:30px;}
.interview_box h5 { font-size:24px; color:#9f9f9f;}
.interview_box .cen_box .left { padding:40px 40px 20px 40px;}
.interview_box .cen_box .left > ul li .p_desc1 { font-size:17px;}
.interview_box .cen_box .left > ul li .p_desc2 { font-size:16px; padding:10px 0 20px 0;}
.interview_box .bot_box { width:90%; margin:60px  auto;}
.interview_box .bot_box h5 { margin-bottom:30px;}
.interview_box .bot_box .p_desc1 { font-size:30px;}
.interview_box .bot_box .p_desc2 { font-size:20px; margin-bottom:40px;}
.interview_box .bot_box .p_desc3 { margin:30px 0;}
.interview_box .bot_box .p_desc5 {  margin-top:40px; }
}

@media all and (max-width:800px) {
.interview_box .top_box { margin:0 auto 40px  auto;}
.interview_box .top_box .left { width:100%; height:300px;}
.interview_box .top_box .right { width:100%; padding:35px 0 0 0; box-sizing:border-box;}
.interview_box .bot_box .p_desc4 { font-size:18px; }
.interview_box .bot_box .p_desc5 { font-size:18px;}
.interview_box .cen_box { display:block;}
.interview_box .cen_box .left { width:100%; display:block; }
.interview_box .cen_box .right { width:100%; display:block; height:600px;}
.img_bot { margin:20px 0;}
}

@media all and (max-width:500px) {
.interview_box h4 { font-size:24px;}
.interview_box h5 { font-size:18px; }
.interview_box .top_box .left {height:200px;}
.interview_box .cen_box .left > ul li .p_desc1 { font-size:16px;}
.interview_box .cen_box .left > ul li .p_desc2 { font-size:15px;}
.interview_box .cen_box .right {  height:400px;}
.interview_box .bot_box .p_desc1 { font-size:24px;}
.interview_box .bot_box .p_desc2 { font-size:18px;}
.interview_box .bot_box .p_desc4 { font-size:16px; }
.interview_box .bot_box .p_desc5 { font-size:16px;}
}


.box_docu img { width:50%; display:inline-block;}

@media all and (max-width:1000px) {
}

@media all and (max-width:500px) {
.box_docu img { width:100%;}
}

.box_docu2 > ul > li { float:left; width:33.33%; margin-bottom:50px;}
.box_docu2 > ul > li a  { position:relative; border-radius:20px; display:block; width:400px; height:400px; padding:40px; box-sizing:border-box; margin:0 auto;}
.box_docu2 > ul > li a:hover {transform: scale(1.05, 1.05);transition: all 1.5s ease;}
.box_docu2 > ul > li a .date {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:rgba(255,255,255,0.9); width:200px; height:200px; border-radius:20px; display:table;transition: all 0.5s ease;}
.box_docu2 > ul > li a .date p {font-family:"GmarketSansBold"; color:#000; font-size:1.2em; height:100%;display:table-cell; vertical-align:middle; text-align:center; }
.box_docu2 > ul > li a .date span{ font-size:1.8em; display:block; padding-bottom:10px;}
.box_docu2 > ul > li .bg1 {background:#f3c11c url('/project/design/contents/bg_docu1.png') no-repeat center bottom / contain; }
.box_docu2 > ul > li .bg2 {background:#fa4090 url('/project/design/contents/bg_docu2.png') no-repeat center bottom / contain; }
.box_docu2 > ul > li .bg3 {background:#59c8de url('/project/design/contents/bg_docu3.png') no-repeat center bottom / contain; }
.box_docu2 > ul > li .bg4 {background:#9870c8 url('/project/design/contents/bg_docu4.png') no-repeat center bottom / contain; }
.box_docu2 > ul > li .bg5 {background:#47c890 url('/project/design/contents/bg_docu5.png') no-repeat center bottom / contain; }
.box_docu2 > ul > li .bg6 {background:#ff9540 url('/project/design/contents/bg_docu6.png?version=2') no-repeat center bottom / contain; }

.box_docu2 > ul > li a:hover .date {box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }

@media all and (max-width:1360px) {
.box_docu2 > ul > li a { width:90%; padding:30px;}
}

@media all and (max-width:1000px) {
.box_docu2 > ul > li { width:50%; margin-bottom:20px;}
}

@media all and (max-width:700px) {
.box_docu2 > ul > li { width:50%; margin-bottom:20px;}
.box_docu2 > ul > li a { height:300px; padding:30px;}
.box_docu2 > ul > li a .date {width:140px; height:140px; }
}

@media all and (max-width:500px) {
.box_docu2 > ul > li { width:100%; }
}


.con_mem_box .section1 {background:#fff8eb url('/project/design/contents/bg_con_mem.png') no-repeat center bottom / 100% auto;padding:10%;position:relative;padding-bottom:25%;}
.con_mem_box .section1 .con_mem2 p {line-height:1.4;}
.con_mem_box .section1 .con_mem2 p span {position:relative;font-size:72px;color:#3f4041;font-family: 'S-CoreDream-9Black';}
.con_mem_box .section1 .con_mem2 p span::before {position:absolute;content:"";display:inline-block;right:-15%;top:15%;transform:translate(0,-50%);background:url('/project/design/contents/img_con_mem_deco6.png') no-repeat left top / 100% auto;animation:con_mem6 3s infinite;width:61px;height:77px;}
.con_mem_box .section1 .con_mem3 {position:absolute;left:0;top:0;}
.con_mem_box .section1 .con_mem4 {position:absolute;right:0;top:0;}
.con_mem_box .section1 .con_mem5 {position:absolute;left:20%;top:290px; animation:con_mem5 3s infinite;}
.con_mem_box .section1 .con_mem6 {position:absolute;left:65%;top:470px; animation:con_mem6 3s infinite;}


.con_deco_box {position:relative;}


.con_mem_box .section1 .con_mem7 {position:absolute;left:0;top:100px;}
.con_mem_box .section1 .con_mem8 {position:absolute;left:15%;top:60px;}
.con_mem_box .section1 .con_mem9 {position:absolute;left:70%;top:60px;}
.con_mem_box .section1 .con_mem10 {position:absolute;left:auto;right:0;top:100px;}

.con_mem_box .section1 .con_mem11 {position:absolute;left:60%;top:200px;}
.con_mem_box .section1 .con_mem12 {position:absolute;left:64%;top:210px;}
.con_mem_box .section1 .con_mem13 {position:absolute;left:68%;top:220px;}


.con_mem_box .section2 {background:#f5e9d3;padding:0 0 150px 0;}
.con_mem_box .section2 .tit_mem_box {width:85%;margin:0 auto;align-items:center;}
.con_mem_box .section2 .tit_mem_box > div:first-of-type {margin-right:5%;}
.con_mem_box .section2 .tit_mem_box h4 {font-family: 'S-CoreDream-9Black';font-size:48px;color:#3f4041;}
.con_mem_box .section2 .tit_mem_box p {font-size:24px;font-family: 'S-CoreDream-5Medium';color:#222;margin-top:20px;}


.con_mem_box .section3 {position:relative;background:#fff8eb url('/project/design/contents/bg_con_mem2.jpg') no-repeat center top / 100% auto;padding:100px 0;}
.con_mem_box .section3 .tit {font-size:60px;color:#3f4041;font-family: 'S-CoreDream-9Black';text-align:center;}
.con_mem_box .section3 .bene_box {padding:100px 0 150px 0;}
.con_mem_box .section3 .bene_box ul.fx {align-items:center;justify-content:center;height:282px;}
.con_mem_box .section3 .bene_box li {font-size:24px;color:#222;font-family: 'S-CoreDream-5Medium';text-align:center;width:282px;height:282px;padding-top:6%;box-sizing:border-box;margin-right:10px;}
.con_mem_box .section3 .bene_box li:last-of-type {margin-right:0;}
.con_mem_box .section3 .bene_box li.bg1 {background: url('/project/design/contents/bg_bene1.png') no-repeat center;position:relative;}
.con_mem_box .section3 .bene_box li.bg1:before {position:absolute;left:50%;top:-50px;transform:translate(-50%,0);display:inline-block;content:"";background: url('/project/design/contents/img_con_mem_deco12.png') no-repeat center;width:130px;height:112px;}
.con_mem_box .section3 .bene_box li.bg2 {background: url('/project/design/contents/bg_bene2.png') no-repeat center;}
.con_mem_box .section3 .bene_box li.bg3 {background: url('/project/design/contents/bg_bene3.png') no-repeat center;}
.con_mem_box .section3 .bene_box li.bg4 {background: url('/project/design/contents/bg_bene4.png') no-repeat center;position:relative;}
.con_mem_box .section3 .bene_box li.bg4:after {position:absolute;left:50%;top:auto;bottom:-50px;transform:translate(-50%,0);display:inline-block;content:"";background: url('/project/design/contents/img_con_mem_deco13.png') no-repeat center;width:130px;height:133px;}


.con_mem_box .section3 .con_mem14 {position:absolute;left:auto;right:100px;top:-114px;}
.con_mem_box .section3 .con_mem15 {position:absolute;left:100px;top:auto;bottom:0;}


@keyframes con_mem5 {
0% {transform:translateY(0);}
50% {transform:translateY(-30px);}
10% {transform:translateY(0);}
}

@keyframes con_mem6 {
0% {transform: rotate(-20deg);}
50% {transform: rotate(20deg);}
100% {transform: rotate(-20deg);}
}



@media all and (max-width:1280px) {
.con_mem_box img {max-width:none !important;}
.con_mem_box .section3 .con_mem14 {transform:scale(0.8, 0.8);right:3%;}
.con_mem_box .section3 .bene_box li {width:262px;height:262px;font-size:20px;}
.con_mem_box .section3 .bene_box li.bg1, .con_mem_box .section3 .bene_box li.bg2, .con_mem_box .section3 .bene_box li.bg3, .con_mem_box .section3 .bene_box li.bg4 {background-size:cover;}
.con_mem_box .section1 {padding:5%;padding-bottom:25%;padding-top:15%;}
.con_mem_box .section2 {padding:50px 0 100px 0;}
.con_mem_box .section2 .tit_mem_box p {font-size:20px;}
.con_mem_box .section2 .tit_mem_box div:first-of-type {width:100%;}
.con_mem_box .section2 .tit_mem_box div:first-of-type img {max-width:100% !important;}
}

@media all and (max-width:1024px) {
.con_mem_box .section1 .con_mem1 img {width:50%;}
.con_mem_box .section1 .con_mem2 p span {font-size:60px;}
.con_mem_box .section1 .con_mem3 {transform:scale(0.7, 0.7);transform-origin:left top;}
.con_mem_box .section1 .con_mem4 {transform:scale(0.7, 0.7);transform-origin:right top;}
.con_mem_box .section1 .con_mem5 {left:8%;}
.con_mem_box .section3 .bene_box li {width:212px;height:212px;font-size:18px;}
.con_deco_box {top:-50px;}
.con_deco_box img {transform:scale(0.7,0.7);}
.con_mem_box .section1 .con_mem5 img {transform:scale(0.8, 0.8);}
.con_mem_box .section1 .con_mem2 p span::before {background-size:80%;right:-20%;}
.con_mem_box .section2 {padding:5% 0 10% 0;}
.con_mem_box .section2 .tit_mem_box h4 {font-size:40px;}
.con_mem_box .section2 .tit_mem_box p {font-size:16px;}
.con_mem_box .section3 .tit {font-size:40px;}
.con_mem_box .section3 .bene_box {padding:5% 0 10% 0;}
.con_mem_box .section3 .con_mem15 img {transform:scale(0.8, 0.8);transform-origin:left bottom;}
}

@media all and (max-width:768px) {
.con_mem_box .section1 .con_mem3 {transform:scale(0.5, 0.5);}
.con_mem_box .section1 .con_mem4 {transform:scale(0.5, 0.5);}
.con_mem_box .section1 .con_mem2 p span {font-size:45px;}
.con_mem_box .section1 .con_mem5 img {transform:scale(0.6, 0.6);}
.con_mem_box .section1 .con_mem2 p span::before {background-size:60%;right:-25%;}
.con_mem_box .section1 .con_mem9 {left:60%;}
.con_deco_box img {transform:scale(0.5,0.5);}
.con_mem_box .section2 .tit_mem_box h4, .con_mem_box .section3 .tit {font-size:30px;}
.con_mem_box .section2 .tit_mem_box p {font-size:14px;}
.con_mem_box .section3 .con_mem14 {transform:scale(0.4, 0.4);right:0;}
.con_mem_box .section3 .con_mem15 img {transform:scale(0.4, 0.4);}
.con_mem_box .section3 .bene_box li {font-size:14px;width:152px;height:152px;}
}

@media all and (max-width:425px) {
.con_mem_box .section1 .con_mem3 {transform:scale(0.3, 0.3);}
.con_mem_box .section1 .con_mem4 {transform:scale(0.3, 0.3);}
.con_mem_box .section1 .con_mem5 {left:-5%;top:40%;}
.con_mem_box .section1 .con_mem5 img {transform:scale(0.4, 0.4);}
.con_mem_box .section1 .con_mem2 p span {font-size:26px;}
.con_mem_box .section1 .con_mem2 p span::before {background-size:40%;right:-40%;}
.con_deco_box {top:-100px;}
.con_deco_box img {transform:scale(0.3,0.3);}
.con_mem_box .section1 .con_mem7 {left:-5%;top:80px;}
.con_mem_box .section1 .con_mem8 {left:0;}
.con_mem_box .section1 .con_mem9 {left:55%;top:80px;}
.con_mem_box .section1 .con_mem10 {right:-10%;left:auto;}
.con_mem_box .section1 .con_mem11, .con_mem_box .section1 .con_mem12, .con_mem_box .section1 .con_mem13 {display:none;}
.con_mem_box .section2 .tit_mem_box {flex-direction:column;}
.con_mem_box .section2 .tit_mem_box div:first-of-type {text-align:center;margin-bottom:20px;}
.con_mem_box .section2 .tit_mem_box div:first-of-type img {width:50%;}
.con_mem_box .section2 .tit_mem_box h4, .con_mem_box .section2 .tit_mem_box p {text-align:center;}
.con_mem_box .section2 .tit_mem_box h4, .con_mem_box .section3 .tit {font-size:26px;}
.con_mem_box .section3 .bene_box ul.fx {flex-direction:columne;flex-wrap:wrap;}
.con_mem_box .section3 .bene_box li.bg1:before, .con_mem_box .section3 .bene_box li.bg4:after {display:none;}
.con_mem_box .section3 .bene_box li {padding-top:12%;}
.con_mem_box .section3 .con_mem14 {transform:scale(0.3, 0.3);right:-20%;top:-150px;}
}


/* ----- 마을을 기록하다_동상이몽 intro(Dream) ----- */
/* intro.동상이몽이란 / 활동가 여행코스 제안사업 */
.dreIntro {
    display: grid;
    background: #f6f6f6; 
    width: 100%; 
    height: 405px;
    border-radius: 30px;
    margin-top: 72px;
    margin-bottom: 40px;
    text-align: center;
}
.dreIntro.Intro_tra1 {
    height: 320px; 
    margin-top: 50px; 
    margin-bottom: 30px;
}
.dreIntro_deco {
    background: url('/project/design/contents/dream_intro_deco1.png') no-repeat, url('/project/design/contents/dream_intro_deco2.png') no-repeat;
    background-position: center left, center right;
    border-radius: 30px;
}
.dreIntro_deco.Intro_tra2 {
    background: url('/project/design/contents/travel_intro_deco1.png') no-repeat, url('/project/design/contents/travel_intro_deco2.png') no-repeat;
    background-position: center left, center right;
    border-radius: 30px;
}
.dreIntro_deco h1 {
    font-family: 'S-CoreDream-6Bold'; 
    font-size: 55px; 
    color: #000;
    letter-spacing: -1px;
    margin-top: 70px;
    margin-bottom: 27px;
}
.dreIntro_deco h1 span {color: #7955c3;}
.dreIntro_deco.Intro_tra2 h1 {margin-top: 70px;}
.dreIntro_deco.Intro_tra2 h2 {
    font-family: 'S-CoreDream-6Bold'; 
    font-size: 25px; 
    color: #555;
    letter-spacing: -1px;
    margin: 50px 0 15px 0;
}
.dreIntro_deco.Intro_tra2 h1 span {color: #34c4a1;}

.dreIntro_deco p {
    font-family: 'S-CoreDream-3Light'; 
    font-size: 26px; 
    color: #888;
    line-height: 1.7;
    letter-spacing: -1px;
}
.dreIntro_deco .dreNotice {
    color: #555; 
    letter-spacing: -1px;
    margin-top: 15px;
    font-size: 18px;
}

@media all and (max-width:1440px) {
    .dreIntro_deco {
        background: url('/project/design/contents/RES_dream_intro_deco1.png') no-repeat, url('/project/design/contents/RES_dream_intro_deco2.png') no-repeat;
        background-position: bottom left, top right;
    }
    .dreIntro.Intro_tra1 {margin-bottom: 35px;}
    .dreIntro_deco.Intro_tra2 {
        background: url('/project/design/contents/RES_travel_intro_deco1.png') no-repeat, url('/project/design/contents/RES_travel_intro_deco2.png') no-repeat;
        background-position: top left, bottom right;
    }
}
@media all and (max-width:1200px) {
    .dreIntro {height: 290px; margin-top: 70px; margin-bottom: 33px; border-radius: 20px;}
    .dreIntro.Intro_tra1 {height: 230px; margin-bottom: 20px;}
    .dreIntro_deco, .dreIntro_deco.Intro_tra2 {background-size: 20%; border-radius: 20px;}
    .dreIntro_deco h1 {margin-top: 55px;}
    .dreIntro_deco.Intro_tra2 h1 {margin-top: 50px;}
    .dreIntro_deco h1, .dreIntro_deco.Intro_tra2 h1 {font-size: 40px; margin-bottom: 23px;}
    .dreIntro_deco p, .dreIntro_deco.Intro_tra2 p {font-size: 17px;}
    .dreIntro_deco .dreNotice {font-size: 15px;}
}
@media all and (max-width:920px) {.dreIntro_trophy.Intro_tra2 {margin: 20px 0;}
    .dreIntro {height: 230px; margin-top: 37px; margin-bottom: 20px;}
    .dreIntro.Intro_tra1 {height: 180px;}
    .dreIntro_deco h1 {margin-top: 40px;}
    .dreIntro_deco h1, .dreIntro_deco.Intro_tra2 h1 {font-size: 32px; margin-bottom: 15px;}
    .dreIntro_deco.Intro_tra2 h1 {margin-top: 40px;}
    .dreIntro_deco.Intro_tra2 h2 {margin: 40px 0 10px 0;}
    .dreIntro_deco p, .dreIntro_deco.Intro_tra2 p {font-size: 14px;}
    .dreIntro_deco .dreNotice {font-size: 13px; margin-top: 6px;}
}
@media all and (max-width:700px) {
    .dreIntro {height: 195px; margin-top: 50px; margin-bottom: 15px;}
    .dreIntro.Intro_tra1 {height: 160px; margin-top: 30px;}
    .dreIntro_deco h1 {margin-top: 30px;}
    .dreIntro_deco h1, .dreIntro_deco.Intro_tra2 h1 {font-size: 25px;}
    .dreIntro_deco.Intro_tra2 h1 {margin-top: 30px;}
    .dreIntro_deco.Intro_tra2 h2 {font-size: 15px; margin: 30px 0 10px 0;}
    .dreIntro_deco p, .dreIntro_deco.Intro_tra2 p {width: 80%; margin: 0 auto; font-size: 13px;}
    .dreIntro_deco .dreNotice {font-size: 12px;}
    .dreIntro_deco p br, .dreIntro_deco.Intro_tra2 p br {display: none;}
}
@media all and (max-width:425px) {
    .dreIntro {border-radius: 15px; margin-top: 35px; height: 200px;}
    .dreIntro.Intro_tra1 {height: 140px; margin-bottom: 15px;}
    .dreIntro_deco, .dreIntro_deco.Intro_tra2 {border-radius: 15px;}
    .dreIntro_deco h1 {margin-top: 32px;}
    .dreIntro_deco h1, .dreIntro_deco.Intro_tra2 h1 {font-size: 21px; margin-bottom: 9px;}
    .dreIntro_deco.Intro_tra2 h1 {margin-top: 22px;}
    .dreIntro_deco.Intro_tra2 h2 {margin: 17px 0 5px 0;}
    .dreIntro_deco p, .dreIntro_deco.Intro_tra2 p {font-size: 12px; line-height: 1.6;}
    .dreIntro_deco .dreNotice {font-size: 11px;}
}
@media all and (max-width:400px) {
    .dreIntro {height: 230px;}
    .dreIntro.Intro_tra1 {height: 140px;}
    .dreIntro_deco h1, .dreIntro_deco.Intro_tra2 h1 {font-size: 19px;}
}
@media all and (max-width:345px) {.dreIntro.Intro_tra1 {height: 150px;}}
/* // intro.동상이몽이란 / 활동가 여행코스 제안사업 */

/* 수상 box 공통 */
.dreBoxes {display: flex;}
.dreBoxes a {
    display: block;
    width: 100%; 
    height: 254px; 
    background: #00987e;
    border-radius: 25px;
}

.dreBox {padding: 0 30px 0 50px;}
.dreBox h2 {
    margin-top: 30px;
}
.dreBox h2 span {
    font-family: 'S-CoreDream-6Bold';
    font-size: 36px;
    letter-spacing: -1px;
    color: #fff;
    line-height: 1.4;
    margin-top: 40px;
    position:relative;
    padding-right:30px;
}
.dreBox h2 span:after {
    position:absolute;
    display:inline-block;
    content:"";
    right:0;
    bottom:13px;
    width: 13px;
    height: 20px;
    background: url('/project/design/contents/dreBox_arrow1.png') center no-repeat;
}
.dreBox .dreBox_tit {
    margin-top: 35px;
}
.dreBox .dreBox_tit h4 {
    display: inline-block;
    font-family: 'S-CoreDream-6Bold';
    font-size: 22px;
    color: #ffef37;
    padding-right: 15px;
    position: relative;
}
.dreBox .dreBox_tit h4::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 21px;
    background: rgba(255,255,255,0.2);
    top: 5px;
    right: 0;
}
.dreBox .dreBox_tit h5 {
    display: inline-block;
    font-family: 'S-CoreDream-3Light';
    font-size: 26px;
    color: #fff;
    padding-left: 10px;
}

.dreMore {
    font-family: 'S-CoreDream-6Bold';
    font-size: 12px;
    color: #fff;
    padding: 8px 19px 8px 22px;
    border: 1px solid #fff;
    border-radius: 25px;
    display: inline-block;
}
.dreMore img {margin-left: 7px;}
.dreMore.Intro_tra4 {
    padding: 9px 18px 7px 22px;
    margin-top: 20px;
}
.dreMore.Intro_tra4 img {margin-bottom: 1px;}

.dreBox:hover .dreMore {background: #000; border: 1px solid #000; transition: all .3s ease;}

@media all and (max-width:1250px) {
    .dreBox {padding: 0 30px 0 45px;}
    .dreBox h2 span {
        font-size: 42px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        /* display: -webkit-box; */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .dreBox .dreBox_tit h4 {font-size: 29px;}
    .dreBox .dreBox_tit h4::before {top: 8px;}
    .dreBox .dreBox_tit h5 {font-size: 27px;}
}
@media all and (max-width:1200px) {
    .dreBoxes a {height: 215px; border-radius: 20px;}
    .dreBox h2 {margin: 25px 0 15px 0;}
    .dreBox h2 span {font-size: 28px; height: 98px; margin-right: 25px;}
    .dreBox h2 span:after {bottom: 9px;}
    .dreBox .dreBox_tit {margin-top: 23px;}
    .dreBox .dreBox_tit h4 {padding: 0 15px 0 0; font-size: 20px;}
    .dreBox .dreBox_tit h4::before {height: 20px; top: 5px;}
    .dreBox .dreBox_tit h5 {font-size: 23px;}
    .dreMore {font-size: 10px;}
    .dreMore.Intro_tra4 {margin-top: 13px; padding: 6px 12px 4px 14px;}
}
@media all and (max-width:920px) {
    .dreBoxes a {height: 190px;}
    .dreBox h2 {margin: 23px 0 15px 0;}
    .dreBox h2 span {font-size: 23px; padding-right: 20px;}
    .dreBox h2 span:after {background: url(/project/design/contents/dreBox_arrow3.png) center no-repeat; bottom: 5px;}
    .dreBox .dreBox_tit h4 {font-size: 16px; padding: 0 10px 0 0;}
    .dreBox .dreBox_tit h4::before {height: 16px; top: 3px;}
    .dreBox .dreBox_tit h5 {font-size: 18px; padding-left: 6px;}
    .dreMore, .dreMore.Intro_tra4 {padding: 6px 14px 6px 16px;}
}
@media all and (max-width:700px) {
    .dreBoxes {flex-wrap: wrap;}
    .dreBoxes a {height: 150px;}
    .dreBox h2 {margin: 18px 0 15px 0;}
    .dreBox h2 span {font-size: 20px; height: 55px; letter-spacing: -0.5px;}
    .dreBox .dreBox_tit {margin-top: 22px;}
    .dreBox .dreBox_tit h4 {font-size: 15px;}
    .dreBox .dreBox_tit h4::before {height: 15px; top: 4px;}
    .dreBox .dreBox_tit h5 {font-size: 16px;}
    .dreMore, .dreMore.Intro_tra4 {padding: 3px 10px 2px 12px;}
    .dreMore.Intro_tra4 {margin-top: 9px;}
}
@media all and (max-width:425px) {
    .dreBoxes a {height: 140px; border-radius: 15px;}
    .dreBox h2 {margin: 12px 0 0 0;}
    .dreBox h2 span {font-size: 18px; height: 52px;}
    .dreBox h2 span:after {bottom: 1px;}
    .dreBox .dreBox_tit {margin-top: 19px;}
    .dreBox .dreBox_tit h4 {font-size: 14px; padding: 0 8px 0 0;}
    .dreBox .dreBox_tit h4::before {height: 13px; top: 2px;}
    .dreBox .dreBox_tit h5 {font-size: 16px; padding-left: 4px;}
    .dreMore, .dreMore.Intro_tra4 {padding: 4px 8px 3px 10px; font-size: 10px;}
    .dreMore.Intro_tra4 {margin-top: 10px;}
}
/* 수상 box 공통 */

/* 대상. 최우수상 */
.dreBox.dB1:first-child {
    margin-right: 30px; 
    background:url('/project/design/contents/dream_cont1.png') no-repeat bottom right #9175ca;
}
.dreBox.dB1:nth-child(2) {
    background: url('/project/design/contents/dream_cont2.png') no-repeat bottom right #9175ca;
}
.dreBox.dB1:first-child:hover {
    margin-right: 30px; 
    background:url('/project/design/contents/dream_cont1.png') no-repeat bottom right #444;
}
.dreBox.dB1:nth-child(2):hover {
    background: url('/project/design/contents/dream_cont2.png') no-repeat bottom right #444;
}

@media all and (max-width:1440px) {
    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        background-position: bottom right;
        background-size: 100%;
    }
    .dreBox.dB1:nth-child(2),
    .dreBox.dB1:nth-child(2):hover {background-size: 35%;}
}
@media all and (max-width:1200px) {
    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {margin-right: 20px;}
    .dreBox.dB1 {padding: 0 35px;}
}
@media all and (max-width:920px) {
    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {margin-right: 10px;}
}
@media all and (max-width:700px) {
    .dreBox.dB1 {margin-bottom: 10px;}
    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        margin-right: 0;
        background: url(/project/design/contents/Mdream_cont1.png) no-repeat bottom right #9175ca;
        background-size: 75%;
    }
    .dreBox.dB1:first-child:hover {
        background: url(/project/design/contents/Mdream_cont1.png) no-repeat bottom right #444;
        background-size: 75%;
    }
    .dreBox.dB1:nth-child(2),
    .dreBox.dB1:nth-child(2):hover {
        background: url(/project/design/contents/Mdream_cont2.png) no-repeat bottom right #9175ca;
        background-size: 20%;
    }
    .dreBox.dB1:nth-child(2):hover {
        background: url(/project/design/contents/Mdream_cont2.png) no-repeat bottom right #444;
        background-size: 20%;
    }
}
@media all and (max-width:530px) {
    .dreBox.dB1:first-child,
    .dreBox.dB1:first-child:hover {
        background:url('/project/design/contents/Mdream_cont1.png') no-repeat bottom right #9175ca;
        background-size: 100%;
    }
    .dreBox.dB1:nth-child(2) {background-size: 27%;}
    .dreBox.dB1:nth-child(2):hover {
        background: url(/project/design/contents/Mdream_cont2.png) no-repeat bottom right #9175ca;
        background-size: 27%;
    }
}
@media all and (max-width:425px) {
    .dreBox.dB1 {padding: 0 25px;}
}
/* // 대상. 최우수상 */

/* 우수상 */
.dreBox.dB2 {padding-left: 50px;}
.dreBox.dB2 .dreBox_tit {margin-top: 30px;}
.dreBox.dB2 h2 {margin-top: 30px;}
.dreBox.dB2 h2 span {font-size: 34px; padding-right: 25px;}
.dreBox.dB2 h2 span:after {
    right:0;
    bottom:14px;
    width: 10px;
    height: 15px;
    background: url('/project/design/contents/dreBox_arrow2.png') center no-repeat;
}
.dreCont .dreBoxes:nth-child(3) {margin: 30px 0;}
.dreBox.dB2 {background: url('/project/design/contents/dream_cont3.png') no-repeat bottom right #4faf5a;}
.dreBox.dB2:nth-child(2) {
    margin: 0 30px;
    background: url('/project/design/contents/dream_cont4.png') no-repeat bottom right #4faf5a;
}
.dreBox.dB2:last-child {background: url('/project/design/contents/dream_cont5.png') no-repeat bottom right #4faf5a;}

/* hover */
.dreBox.dB2:hover {background: url('/project/design/contents/dream_cont3.png') no-repeat bottom right #444;}
.dreBox.dB2:nth-child(2):hover {
    background: url('/project/design/contents/dream_cont4.png') no-repeat bottom right #444;
}
.dreBox.dB2:last-child:hover {background: url('/project/design/contents/dream_cont5.png') no-repeat bottom right #444;}
/* // hover */

@media all and (max-width:1440px) {
    .dreBox.dB2, 
    .dreBox.dB2:hover {padding-left: 40px; background-size: 85%;}
    .dreBox.dB2:last-child,
    .dreBox.dB2:last-child:hover {background-size: 40%;}
    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {background-size: 45%;}
    .dreBox.dB2 .dreBox_tit,
    .dreBox.dB2 .dreBox_tit:hover {margin-top: 23px;}
}
@media all and (max-width:1250px) {
    .dreBox.dB2, 
    .dreBox.dB2:hover {padding-left: 35px;}
    .dreBox.dB2 h2 span {font-size: 33px; height: 90px;}
}
@media all and (max-width:1200px) {
    .dreCont .dreBoxes:nth-child(3) {margin: 20px 0;}
    .dreBox.dB2, .dreBox.dB2:hover {padding-left: 32px;}
    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {margin: 0 20px;}
    .dreBox.dB2 h2 {margin-top: 15px;}
    .dreBox.dB2 h2 span {font-size: 23px; padding-right: 20px;}
    .dreBox.dB2 h2 span:after {bottom: 8px;}
    .dreBox.dB2 .dreBox_tit h4 {font-size: 18px; padding: 0 12px 0 0;}
    .dreBox.dB2 .dreBox_tit h4::before {display: none;}
    .dreBox.dB2 .dreBox_tit h5 {font-size: 20px;display: block; padding-left: 0; padding-top: 5px;}
}
@media all and (max-width:920px) {
    .dreCont .dreBoxes:nth-child(3) {margin: 20px 0;}
    .dreBox.dB2, 
    .dreBox.dB2:hover {padding: 0 0 0 20px;}
    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {margin: 0 10px;}
    .dreBox.dB2 h2 span {font-size: 19px; height: 64px;}
    .dreBox.dB2 h2 span:after {background: url(/project/design/contents/dreBox_arrow3.png) center no-repeat; bottom: 5px;}
    .dreBox.dB2 .dreBox_tit h4 {font-size: 15px; padding-right: 0;}
    .dreBox.dB2 .dreBox_tit h5 {font-size: 16px; padding-left: 6px;}
}
@media all and (max-width:700px) {
    .dreCont .dreBoxes:nth-child(3) {margin: 0 0 10px 0;}
    .dreBox.dB2,
    .dreBox.dB2:hover {padding: 0 35px; background-size: 50%;}
    .dreBox.dB2:nth-child(2),
    .dreBox.dB2:nth-child(2):hover {margin: 10px 0; background-size: 21%;}
    .dreBox.dB2:last-child,
    .dreBox.dB2:last-child:hover {background-size: 21%;}
    .dreBox.dB2 h2 span {height: 55px;}
    .dreBox.dB2 .dreBox_tit {margin-top: 18px;}
    .dreBox.dB2 .dreBox_tit h4 {padding-right: 10px;}
    .dreBox.dB2 .dreBox_tit h4::before {display: block; height: 15px; top: 4px;}
    .dreBox.dB2 .dreBox_tit h5 {display: inline-block;}
}
@media all and (max-width:530px) {
    .dreBox.dB2, .dreBox.dB2 {background-size: 69%;}
    .dreBox.dB2:nth-child(2) {background-size: 29%;}
    .dreBox.dB2:last-child {background-size: 29%;}
    .dreBox.dB2:hover {
        background: url('/project/design/contents/dream_cont3.png') no-repeat bottom right #4faf5a;
        background-size: 69%;
    }
    .dreBox.dB2:nth-child(2):hover {
        background: url('/project/design/contents/dream_cont4.png') no-repeat bottom right #4faf5a;
        background-size: 29%;
    }
    .dreBox.dB2:last-child:hover {
        background: url('/project/design/contents/dream_cont5.png') no-repeat bottom right #4faf5a;
        background-size: 29%;
    }
}
@media all and (max-width:425px) {
    .dreBox.dB2 {padding: 0 25px;}
    .dreBox.dB2 h2 {margin-top: 12px;}
    .dreBox.dB2 h2 span {font-size: 18px; height:52px;}
    .dreBox.dB2 h2 span:after {bottom: 4px;}
    .dreBox.dB2 .dreBox_tit {margin-top: 17px;}
    .dreBox.dB2 .dreBox_tit h4 {font-size: 14px;}
    .dreBox.dB2 .dreBox_tit h4::before {top: 2px;}
    .dreBox.dB2 .dreBox_tit h5 {font-size: 16px;}
}
/* // 우수상 */

/* 장려상 */
.dreBox.dB3 {
    margin-right: 30px;
    padding-left: 40px; 
    background: url('/project/design/contents/dream_cont6.png') no-repeat bottom left #2e99d3;
}
.dreBox.dB3:nth-child(2) {background-position: 24% 100%;}
.dreBox.dB3:nth-child(3) {background-position: 50% 100%;}
.dreBox.dB3:nth-child(4) {background-position: 76% 100%;}
.dreBox.dB3:last-child  {margin-right: 0; background-position: bottom right;}

/* hover */
.dreBox.dB3:hover {
    background: url('/project/design/contents/dream_cont6.png') no-repeat bottom left #444;
}
.dreBox.dB3:nth-child(2):hover {background-position: 24% 100%;}
.dreBox.dB3:nth-child(3):hover {background-position: 50% 100%;}
.dreBox.dB3:nth-child(4):hover {background-position: 76% 100%;}
.dreBox.dB3:last-child:hover {margin-right: 0; background-position: bottom right;}
/* // hover */

.dreBox.dB3 h2 {
    margin-top: 20px;
}
.dreBox.dB3 h2 span {
    font-size: 20px;
    /* margin-left: 5px; */
    padding-right: 20px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}
.dreBox.dB3 h2 span:after {
    right:0;
    bottom:5px;
    width: 10px;
    height: 15px;
    background: url('/project/design/contents/dreBox_arrow3.png') center no-repeat;
}
.dreBox.dB3 .dreBox_tit h4 {font-size: 18px;}
.dreBox.dB3 .dreBox_tit h4::before {display: none;}
.dreBox.dB3 .dreBox_tit h5 {
    font-size: 20px; 
    display: block; 
    padding-left: 0;
    padding-top: 11px;
}

@media all and (max-width:1440px) {
    .dreBox.dB3 h2 span {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        /* display: -webkit-box; */
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        margin-top: 20px;
        /* height: 107px; */
    }
}
@media all and (max-width:1200px) {
    .dreBox.dB3, .dreBox.dB3:hover {margin-right: 20px; padding:0 20px; background-size: 550%;}
    .dreBox.dB3 h2 span {font-size: 16px; padding-right: 17px;}
    .dreBox.dB3 h2 span:after {bottom: 2px;}
    .dreBox.dB3 .dreBox_tit h4 {font-size: 14px;}
    .dreBox.dB3 .dreBox_tit h5 {font-size: 15px;}
}
@media all and (max-width:920px) {
    .dreBox.dB3, .dreBox.dB3:hover  {margin-right: 10px; padding: 0 0 0 15px;}
    .dreBox.dB3 h2 {margin: 10px 0 0 0;}
    .dreBox.dB3 h2 span {font-size: 14px;}
    .dreBox.dB3 .dreBox_tit h5 {padding-top: 7px; font-size: 7px;}
}
@media all and (max-width:700px) {
    .dreBox.dB3, .dreBox.dB3:hover {width: 49%; margin-bottom: 2%; padding: 0 25px; box-sizing: border-box; height: 180px;}
    .dreBoxes .dreBox.dB3:nth-child(odd),
    .dreBoxes .dreBox.dB3:nth-child(odd):hover {margin-right: 2%;}
    .dreBoxes .dreBox.dB3:nth-child(even),
    .dreBoxes .dreBox.dB3:nth-child(even):hover {margin-right: 0;}
    .dreBoxes .dreBox.dB3:last-child,
    .dreBoxes .dreBox.dB3:last-child:hover{margin-bottom: 0;}
    .dreBox.dB3 h2 {margin: 10px 0 15px 0;}
    .dreBox.dB3 h2 span {
        font-size: 16px; 
        /* height: 53px; */
        -webkit-line-clamp: 2;
    }
    .dreBox.dB3 h2 span:after {bottom: 4px;}
    .dreBox.dB3 .dreBox_tit h4 {font-size: 15px;}
    .dreBox.dB3 .dreBox_tit h5 {font-size: 16px;}
}
@media all and (max-width:530px) {
    .dreBox.dB3:hover {
        background: url('/project/design/contents/dream_cont6.png') no-repeat bottom left #2e99d3;
        background-size: 550%;
    }
}
@media all and (max-width:425px) {
    .dreBox.dB3, .dreBox.dB3:hover {padding: 0 0 0 22px;}
    .dreBox.dB3 h2 span {
        font-size: 16px;
        /* height: 45px; */
    }
    .dreBox.dB3 h2 span:after {bottom: 3px;}
    .dreBox.dB3 .dreBox_tit h4 {font-size: 14px;}
    .dreBox.dB3 .dreBox_tit h5 {font-size: 14px;}
}
@media all and (max-width:400px) {
    .dreBox.dB3 h2 span {font-size: 15px;}
    .dreBox.dB3 h2 span:after {bottom: 1px;}
}
/* // 장려상 */

/* 샤론항공여행사, 여행쉼터, 원더러스트(추가본) */
.dreBoxes.Intro_tra3 a {height: 260px;}
.dreBox.dB4 {
    padding: 0 42px;
    background: url('/project/design/contents/travel_cont1.png') no-repeat bottom right #48c7a7;
}
.dreBox.dB4:nth-child(2) {
    margin: 0 30px;
    background: url('/project/design/contents/travel_cont2.png') no-repeat bottom right #48c7a7;
}
.dreBox.dB4:last-child {background: url('/project/design/contents/travel_cont3.png') no-repeat bottom right #48c7a7;}
.dreBox.dB4 h2 {
    font-family: 'S-CoreDream-6Bold'; 
    font-size: 34px;
    margin-top: 0;
    color: #fff;
    letter-spacing: -1px;
}
.dreBox.dB4 h3 {
    font-family: 'S-CoreDream-6Bold'; 
    font-size: 25px; 
    padding: 34px 0 12px 0;
    color: #ffef37;
}
.dreBox.dB4 .dreBox_tit h4 {margin-bottom: 10px;}

@media all and (max-width:1440px) {
    .dreBox.dB4 {padding-left: 40px; background-size: 50%;}
    .dreBox.dB4:nth-child(2) {background-size: 40%;}
    .dreBox.dB4:last-child {
        background: url('/project/design/contents/travel_cont3_m.png') no-repeat bottom right #48c7a7;
        background-size: 37%;
    }
}
@media all and (max-width:1250px) {
    .dreBox.dB4 {padding-left: 35px;}
    .dreBox.dB4 h2 {font-size: 33px;}
}
@media all and (max-width:1200px) {
    .dreBoxes.Intro_tra3 a {height: 185px;}
    .dreBox.dB4 {padding-left: 32px;}
    .dreBox.dB4:nth-child(2) {margin: 0 20px;}
    .dreBox.dB4 h2 {font-size: 21px; margin: 0;}
    .dreBox.dB4 h3 {
        font-size: 17px; 
        padding: 23px 0 12px 0;
    }
}
@media all and (max-width:920px) {
    .dreBox.dB4 {padding: 0 15px 0 25px;}
    .dreBox.dB4:nth-child(2) {margin: 0 10px;}
    .dreBox.dB4 h2 {font-size: 20px;}
}
@media all and (max-width:700px) {
    .dreBoxes.Intro_tra3 a {height: 130px;}
    .dreBox.dB4 {padding: 0 35px; background-size: 32%;}
    .dreBox.dB4:nth-child(2) {margin: 10px 0; background-size: 25%;}
    .dreBox.dB4:last-child {background-size: 22%;}
    .dreBox.dB4 h2 {font-size: 16px;}
    .dreBox.dB4 h3 {font-size: 14px; padding: 17px 0 5px 0;}
}
@media all and (max-width:425px) {
    .dreBoxes.Intro_tra3 a {height: 145px;}
    .dreBox.dB4 {padding: 0 25px; background-size: 40%;}
    .dreBox.dB4:nth-child(2) {background-size: 30%;}
    .dreBox.dB4:last-child {background-size: 27%;}
    .dreBox.dB4 h2 {font-size: 17px;}
    .dreBox.dB4 h3 {padding: 16px 0 9px 0;}
}
/* // 샤론항공여행사, 여행쉼터, 원더러스트 */
/* ----- // 마을을 기록하다_동상이몽 intro(Dream) -----*/


/* ----- 마을을 기록하다 Dream_sub ----- */
/* 메인배너 */
.Dream_Smain {
    width: 100%;
    /* height: 340px; */
    background: url('/project/design/contents/dreSub1_mainImg.png') no-repeat bottom center #f6f6f6;
    border-radius: 25px;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    padding: 42px 0 40px 0;
}
.Dream_Smain.Dm1 {padding: 42px 0 70px 0;}
.Dream_Smain.Dm2 {background: url('/project/design/contents/dreSub2_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm3 {background: url('/project/design/contents/dreSub3_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm4 {background: url('/project/design/contents/dreSub4_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm5 {background: url('/project/design/contents/dreSub5_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm6 {background: url('/project/design/contents/dreSub6_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm7 {background: url('/project/design/contents/dreSub7_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm8 {background: url('/project/design/contents/dreSub8_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm9 {background: url('/project/design/contents/dreSub9_mainImg.png') no-repeat bottom center #f6f6f6;}
.Dream_Smain.Dm10 {background: url('/project/design/contents/dreSub10_mainImg.png') no-repeat bottom center #f6f6f6;}

/* .Dream_Smain::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #222;
    bottom: -108px;
    left: 0;
} */
.Dream_Smain h1 {
    font-family:'S-CoreDream-7ExtraBold';
    font-size: 47px;
    letter-spacing: -1.5px;
    color: #000;
    margin: 11px 0;
}
.Dream_Stit h2 {
    font-family: 'S-CoreDream-6Bold';
    font-size: 30px;
    color: #000;
    display: inline-block;
    padding-right: 17px;
    position: relative;
}
.Dream_Stit h2::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 25px;
    top: 10px;
    right: 0;
    background: #e0e0e0;
}
.Dream_Stit h3 {
    font-family: 'S-CoreDream-4Regular';
    font-size: 27px;
    color: #000;
    display: inline-block;
    padding-left: 12px;
}
.Dream_Smain p {
    font-family: 'S-CoreDream-3Light';
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #888;
    line-height: 1.7;
}
.Ds_trophy {display: inline-block; margin-bottom:15px;}
@media all and (max-width:1440px) {
    .Dream_Smain,
    .Dream_Smain.Dm2,
    .Dream_Smain.Dm3,
    .Dream_Smain.Dm4,
    .Dream_Smain.Dm5,
    .Dream_Smain.Dm6,
    .Dream_Smain.Dm7,
    .Dream_Smain.Dm8,
    .Dream_Smain.Dm9,
    .Dream_Smain.Dm10 {background-size: 100%;}
}
@media all and (max-width:1100px) {
    .Dream_Smain.Dm6 {background: url('/project/design/contents/dreSub6_mainImg_m.png') no-repeat bottom center #f6f6f6;
    background-size: 100%;
    }
}
@media all and (max-width:1024px) {
    .Dream_Smain p {width: 50%; text-align: center; display: inline-block;}
    .Dream_Smain p br {display: none;}
}
@media all and (max-width:1000px) {
    .Dream_Smain {margin-bottom: 50px;}
    .Dream_Smain::before {bottom: -66px;}
    .Dream_Smain h1 {font-size: 42px;}
    .Dream_Stit h2 {font-size: 27px;}
    .Dream_Stit h2::before {height: 24px; top: 7px;}
    .Dream_Stit h3 {font-size: 24px;}
}
@media all and (max-width:630px) {
    .Dream_Smain {padding: 25px 0 50px 0; margin-top: 30px;}
    .Dream_Smain h1 {font-size: 28px; width: 90%; padding: 9px 0; margin: 0 auto;}
    .Dream_Stit h2 {font-size: 20px; padding-right: 9px;}
    .Dream_Stit h2::before {height: 17px; top: 4px;}
    .Dream_Stit h3 {font-size: 19px; padding-left: 5px;}
    .Dream_Smain p {font-size: 14px;}
    .Dream_Smain::before {bottom: -56px;}
    .Ds_trophy {width: 70px;}
}
@media all and (max-width:425px) {
    .Dream_Smain p {width: 85%;}
    .Dream_Stit h2 {font-size: 17px;}
    .Dream_Stit h2::before {top: 3px;}
    .Dream_Stit h3 {font-size: 17px;}
    .Dream_Stit.DS_exception h2 {padding-right: 0;}
    .Dream_Stit.DS_exception h2::before {display: none;}
    .Dream_Stit.DS_exception h3 {display: block; padding-top: 5px; font-size: 17px;}
}
/* // 메인배너 */

/* 내용 */
.Dream_Scont {
    /* padding: 90px 0 50px 0; */
    padding-bottom: 85px;
    position: relative;
    text-align: center;
}
.Dream_Scont.Dre_video {
    /* padding: 90px 0 100px 0; */
    padding-bottom: 85px;
}
.Dream_Scont::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #222;
    bottom: -4px;
    left: 0;
}
.Dream_Scont h4 {
    font-size: 21px;
    font-weight: 600;
    color: #444;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}
.Dream_Scont p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 19px;
    line-height: 1.8;
    color: #666;
    letter-spacing: -0.8px;
}
.Dream_Scont .DS_mainTit {
    font-family: 'SANGJUGyeongcheonIsland';
    font-size: 24px;
    /* letter-spacing: -0.5px; */
    color: #333;
    padding-top: 30px;
    line-height: 1.6;
}
.Dream_Scont .DS_myeongjo {
    font-family: 'MaruBuri-Regular';
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #555;
    padding-top: 30px;
}
.Dream_Scont div {margin: 50px 0;}
.Dream_Scont div.DSdiv_different1 {margin-top: 0;}
.Dream_Scont div span {
    display: block;
    font-size: 17px;
    color: #888;
    margin-top: 15px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

@media all and (max-width:1200px) {
    .Dream_Scont.Dre_video {
        /* padding: 50px 0; */
        padding-bottom: 50px;
    }
}
@media all and (max-width:1000px) {
    /* .Dream_Scont {padding: 80px 0 50px 0;} */
    /* .Dream_Scont.Dre_video {padding: 60px 0 50px 0;} */
    .Dream_Scont p {font-size: 16px; line-height: 1.7;}
    .Dream_Scont .DS_myeongjo {font-size: 15px;}
    .Dream_Scont div {margin: 35px 0;}
    .Dream_Scont div span {font-size: 14px; margin: 0 auto; padding-top: 13px;}
}
@media all and (max-width:630px) {
    /* .Dream_Scont {padding: 50px 0;} */
    /* .Dream_Scont.Dre_video {padding: 25px 0 40px 0;} */
    .Dream_Scont {padding-bottom: 45px;}
    .Dream_Scont.Dre_video {padding-bottom: 40px;}
    .Dream_Scont h4 {font-size: 19px;}
    .Dream_Scont .DS_mainTit {font-size: 23px;}
    .Dream_Scont div span {width: 90%; padding-top: 10px;}
}
/* // 내용 */

/* 내용-video */
.Dream_Scont .video-container {
    position:relative;
    padding-bottom:56.25%;
    /* padding-top:30px; */
    height:0;
    overflow:hidden;
    margin: 0 auto;
}
.Dream_Scont .video-container iframe,
.Dream_Scont .video-container object,
.Dream_Scont .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* // 내용-video */

/* 목록으로 버튼 */
.Slist_outside {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Dream_Slist {
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    color: #222;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 60px 0 126px 0;
    padding: 11px 40px;
    box-sizing: border-box;
    transition: all .3s ease;
}
.Dream_Slist:hover {background: #000; color: #fff;}
@media all and (max-width:1000px) {
    .Dream_Slist {font-size: 17px; margin: 60px 0 126px 0; padding: 11px 30px;}
}
@media all and (max-width:630px) {
    .Dream_Slist {margin: 60px 0 100px 0;}
}
/* // 목록으로 버튼 */

/* 코스더보기 */
.Dream_Sadd h4 {
    font-family: 'S-CoreDream-5Medium';
    font-size: 31px;
    color: #000;
    margin-bottom: 52px;
}
.Dream_Sadd .Sadd_btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.Dream_Sadd .Sadd_btn:last-child {margin-bottom: 0;}
.Dream_Sadd .Sadd_btn a {
    width: 25%; 
    height: 101px;
    background: #f6f6f6;
    border-radius: 10px;
    margin-right: 2%;
    padding: 15px 25px 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    transition: all .3s ease;
}
.Dream_Sadd .Sadd_btn a:last-child {margin-right: 0;}
.Dream_Sadd .Sadd_btn:last-child a:nth-child(3),
.Dream_Sadd .Sadd_btn:last-child a:last-child {
    background: transparent;
    pointer-events: none;
    cursor: default;
}

.Dream_Sadd .Sadd_btn a:hover {background: #9175ca;}
.Dream_Sadd .Sadd_btn a:hover .Sbtn_tit h6,
.Dream_Sadd .Sadd_btn a:hover .Sbtn_tit h5 {color: #fff;}

.Sbtn_tit {width: 75%;}
.Sbtn_tit h6 {
    font-family: 'S-CoreDream-3Light';
    font-size: 18px;
    margin-bottom: 7px;
    color: #000;
}
.Sbtn_tit h5 {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 21px;
    color: #000;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.Sbtn_plus {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: #c0c0c0;
    text-align: center;
}
.Sbtn_plus span {
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 25px;
    color: #fff;
    display: block;
    padding-top: 5px;
}
.Dream_Sadd .Sadd_btn a:hover .Sbtn_plus {background: #fff;}
.Dream_Sadd .Sadd_btn a:hover .Sbtn_plus span {color: #9175ca;}
@media all and (max-width:1100px) {
    .Dream_Sadd .Sadd_btn {flex-wrap: wrap; margin-bottom: 0; justify-content: inherit;}
    .Dream_Sadd .Sadd_btn a {width: 49%; box-sizing: border-box; margin-bottom: 2%;}
    .Dream_Sadd .Sadd_btn a:nth-child(odd) {margin-right: 2%;}
    .Dream_Sadd .Sadd_btn a:nth-child(even) {margin-right: 0;}
    .Dream_Sadd .Sadd_btn:last-child a:nth-child(3),
    .Dream_Sadd .Sadd_btn:last-child a:last-child {display: none;}
}
@media all and (max-width:1024px) {
    .Sbtn_plus span {padding-top: 7px;}
}
@media all and (max-width:1000px) {
    .Dream_Sadd h4 {font-size: 25px; margin-bottom: 35px;}
    .Sbtn_tit h5 {font-size: 19px;}
    .Sbtn_tit h6 {font-size: 17px; margin-bottom: 5px;}
}
@media all and (max-width:630px) {
    .Dream_Sadd .Sadd_btn a {width: 100%; height: 89px; padding: 10px 20px 10px 25px;}
    .Dream_Sadd .Sadd_btn a:nth-child(odd) {margin-right: 0;}
    .Dream_Sadd h4 {font-size: 23px; margin-bottom: 20px;}
    .Sbtn_tit h5 {font-size: 18px;}
    .Sbtn_tit h6 {font-size: 15px; margin-bottom: 4px;}
    .Sbtn_plus span {padding-top: 11px;}
}
/* // 코스더보기 */

/* 전체선택 line-height 해제 */
#people_read .box_intro .Dream * {line-height: 1.4em !important;}
#people_read .box_intro .Dream .dreIntro_deco p {line-height: 1.7 !important;}
/* 전체선택 line-height 해제 */

/* ----- // 마을을 기록하다 Dream_sub ----- */











/* ------------------------------------------------------------ contents3 ------------------------------------------------------------ */




/* 기술문화 예술 표현 활동 지원 */
.cstep_box { display: flex; gap:60px;}
.cstep_box .item { padding: 15px; box-sizing: border-box; width: 100%; position: relative;}
.cstep_box .item + .item::before { position: absolute; top: 50%; left: -30px; transform: translate(-50%, -50%); content: "\e907"; color: #000; font-size: 24px; display: block; font-family: "xeicon";}
.cstep_box .item.bg1 { background-color: #efefef;}
.cstep_box .item.bg2 { background-color: #e7f3f7;}
.cstep_box .item.bg3 { background-color: #e2eff8;}
.cstep_box .item.bg4 { background-color: #e2e9fa;}
.cstep_box .item p { background-color: #fff; text-align: center; padding: 12px; line-height: 1em; color: #000; font-weight: 600;}
.cstep_box .item ul { margin: 20px 30px;}

.cjwork_box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 40px;}
.cjwork_box.type2 { grid-template-columns: repeat(3, 1fr);}

.cjwork_box .item .cate { background-color: #f66e96; color: #fff; padding: 5px 15px; font-size: 0.875em; border-radius: 0 20px 0 10px; position: absolute; top: 0; right: 0;}
.cjwork_box .item .cate.bg2 { background-color: #33c469;}
.cjwork_box .item .cate.bg3 { background-color: #57bec5;}
.cjwork_box .item .cate.bg4 { background-color: #7b47ef;}

.cjwork_box .item { padding: 40px; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 20px; border:1px solid #ddd; position: relative;}
.cjwork_box .item .p_desc1 { font-size: 20px; color: #000; font-weight: 600; text-align: center; flex: 5;}
.cjwork_box .item .p_desc2 { color: #6a93cb; display: flex; gap: 5px; align-items: center;}
.cjwork_box .item .p_desc2 i { font-size: 1.2em; color: #6a93cb;}

.cjwork_box .item a { background-color: #f6f6f6; color: #000; padding: 10px; box-sizing: border-box; width: 100%; border-radius: 30px; display: flex; justify-content: center; align-items: center; gap:20px;}
.cjwork_box .item a i { font-size: 20px;}
.cjwork_box .item a:hover { background-color: #6a93cb; color: #fff;}

/* 다음세대기록활동 */
.cjwork_box.type3 { grid-template-columns: repeat(2, 1fr); margin-top: 0;}
.cjwork_box.type3 .item { align-items: flex-start;}
.cjwork_box.type3 .item .p_desc1 { text-align: left;}
.cjwork_box.type3 .item .p_desc2 { color: #666;}
.cjwork_box.type3 .item a { padding: 10px 30px; width: auto !important;}

/* 작품 상세 레이어 팝업 */
.modal-overlay { opacity:0; filter:alpha(opacity=0); position:fixed; top:0; left:0; z-index:900000; width:100%; height:100%; background: rgba(0, 0, 0, 1) !important; }
.modal-box { display: none; z-index:1000000; overflow:hidden; position:fixed !important;width:1400px; background: rgba(255, 255, 255, 1) !important; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);}
.modal-box .modal_in { position: relative; padding: 40px 40px 60px 40px; color: #666; font-size: 15px; display: flex; flex-direction: column; gap: 20px;}
.modal-box .modal_in .top_box { display: flex; justify-content: space-between; align-items: center;}
.modal-box .modal_in .top_box .left_text {display: flex; gap: 30px;}
.modal-box .modal_in .top_box h3 { color:#000; font-weight:700; font-size: 32px;}
.modal-box .modal_in .top_box span { align-self: flex-end; padding-bottom: 5px; font-size: 20px; color: #666;}
.modal-box .modal_in .top_box .right_btn { display: flex; gap: 50px;}
.modal-box .modal_in .top_box .close { color: #000; font-size: 30px;}
.modal-box .modal_in .top_box .modal_btn_box { position: relative; width: 130px;}
.modal-box .modal_in .top_box .modal_btn_box::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: #d7d7d7;}
.modal-box .swiper-button-prev:after { color: #000; font-size: 30px; font-family: "xeicon"; content: "\e908";}
.modal-box .swiper-button-next:after { transform: translateY(-1px); color: #000; font-size: 30px; font-family: "xeicon"; content: "\e90b";}
.modal-box .mySwiper { width: 100%;}  
.modal-box .swiper-slide { width: auto !important;}
.modal-box .swiper-pagination { bottom: 20px !important;}
.modal-box .swiper-pagination-bullet { margin: 0 8px !important;}
.modal-box .swiper-pagination-bullet-active { background-color: #83c0e7 !important;}

@media all and (max-width:1400px) {
.cstep_box { gap:40px;}
.cstep_box .item + .item::before { left: -20px; font-size: 20px;}
.cstep_box .item ul { margin: 20px 10px;}
.cjwork_box { grid-template-columns: repeat(3, 1fr);}
.cjwork_box .item { padding: 30px;}
.modal-box { width:90%;}
}
@media all and (max-width:1000px) {
.cstep_box { flex-direction: column;}
.cstep_box .item + .item::before { left: 50%; top: -20px; content: "\e905";}
.cjwork_box { grid-template-columns: repeat(2, 1fr);}
.cjwork_box.type2 { grid-template-columns: repeat(2, 1fr);}
.modal-box .modal_in .top_box { flex-direction: column; align-items: flex-start;}
.modal-box .modal_in .top_box .left_text { flex-direction: column; align-items: flex-start; gap: 10px;}
.modal-box .modal_in .top_box h3 { font-size: 20px;}
.modal-box .modal_in .top_box span { align-self: flex-start; padding-bottom: 3px; font-size: 16px;}
.modal-box .modal_in .top_box .right_btn { align-self: flex-end;}
.modal-box .swiper-slide img {  height: 260px;}
.modal-box .modal_in .top_box .right_btn { gap: 30px;}
.modal-box .modal_in .top_box .modal_btn_box { position: relative; width: 100px;}
}
@media all and (max-width:600px) {
.cjwork_box { grid-template-columns: repeat(1, 1fr); gap: 20px;}
.cjwork_box.type2 { grid-template-columns: repeat(1, 1fr);}
.cjwork_box.type3 { grid-template-columns: repeat(1, 1fr);}
.cjwork_box .item .p_desc1 { font-size: 18px;}
.modal-box .modal_in { padding: 20px 20px 40px 20px;}
.modal-box .swiper-slide img {  height: 200px;}
.modal-box .swiper-pagination { bottom: 10px !important;}
.modal-box .swiper-pagination-bullet { margin: 0 4px !important;}
}

/* 메이드인 청주 */
.made_box::after { z-index: -1; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 1920px; height: 100%; content: ""; display: block; background-color: #fff9f5;}
.made_box { margin-top: 50px; position: relative; display: flex; gap: 50px; justify-content: space-between; align-items: center;}
.made_box .left { padding: 30px 0;}
.made_box .left h3 { color: #ff674b; font-size: 30px; font-weight: 700; margin-bottom: 30px;}
.made_box .left p { line-height: 1.8em;}
.made_box .right { align-self: flex-end;}

.ma_top_box { height: 270px; border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 40px; margin-top: 40px; box-sizing: border-box; }
.ma_top_box.bg1 { background:#f6f6f6 url("/project/design/contents/bg_made2.jpg") no-repeat center bottom / cover;}
.ma_top_box.bg2 { background:#f6f6f6 url("/project/design/contents/bg_made3.jpg") no-repeat center bottom / cover;}
.ma_top_box.bg3 { background:#f6f6f6 url("/project/design/contents/bg_made4.jpg") no-repeat center bottom / cover;}
.ma_top_box.bg4 { background:#f6f6f6 url("/project/design/contents/bg_made5.jpg") no-repeat center bottom / cover;}
.ma_top_box.bg5 { background:#f6f6f6 url("/project/design/contents/bg_made6.jpg") no-repeat center bottom / cover;}
.ma_top_box.bg6 { background:#f6f6f6 url("/project/design/contents/bg_made2.jpg") no-repeat center bottom / cover;}
.ma_top_box .box_top { width: 50%; text-align: center;}
.ma_top_box .box_top h4 { position: relative; color: #fff; font-size: 30px; font-family: "TangsBudaeJjigae"; padding: 20px 0;}
.ma_top_box .box_top h4::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background-color: #fff; content: ""; display: block;}
.ma_top_box .box_top ul { display: flex; flex-direction: column; gap: 10px;}
.ma_top_box .box_top ul > li { display: flex; gap: 20px; text-align: left; font-size: 18px;}
.ma_top_box .box_top ul > li span { color: #fff; font-weight: 700; line-height: 1.8em;}
.ma_top_box .box_top ul > li p {  color: rgba(255,255,255,0.7); line-height: 1.8em;}

@media all and (max-width:1400px) {  
    .made_box .left { flex: 1;}
    .made_box .left h3 { font-size: 24px; margin-bottom: 20px;}
    .made_box .right { flex: 1;}
    .ma_top_box .box_top { width: 70%;}
    .ma_top_box .box_top ul { gap: 5px;}
}

@media all and (max-width:1000px) {  
    .made_box {gap: 20px;}
    .made_box .left p { line-height: 1.4em;}
    .ma_top_box { padding: 30px;}
    .ma_top_box .box_top { width: 90%;}
    .ma_top_box .box_top h4 { font-size: 24px; padding: 10px 0;}
    .ma_top_box .box_top ul > li { font-size: 15px;}
    .ma_top_box .box_top ul > li span { line-height: 1.4em;}
    .ma_top_box .box_top ul > li p { line-height: 1.4em;}
}

@media all and (max-width:600px) {  
    .made_box { flex-direction: column; gap: 0;}
    .made_box .left { padding: 30px 0 0 0;}
    .made_box .left h3 { font-size: 20px; margin-bottom: 10px;}
    .ma_top_box { padding: 30px 0;}
}

/* 메이드인 청주 상세 */
.mav_top_box { border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; padding: 60px 70px;}
.mav_top_box span { background-color: #f66e96; color: #fff; padding: 5px 15px; font-size: 0.875em; border-radius: 20px;}
.mav_top_box span.bg1 { background-color: #f66e96;}
.mav_top_box span.bg2 { background-color: #33c469;}
.mav_top_box span.bg3 { background-color: #57bec5;}
.mav_top_box span.bg4 { background-color: #7b47ef;}
.mav_top_box h4 {font-size: 30px; font-family: "TangsBudaeJjigae"; color: #000;}
.mav_top_box p { font-size: 20px; color: #000;}
.mav_top_box.type2 h4 {color: #fff;}
.mav_top_box.type2 p {color: #fff;}
.mav_top_box.bg1 { background:#f3eee2 url("/project/design/contents/bg_madev1.jpg") no-repeat right top;}
.mav_top_box.bg2 { background:#2a1d18 url("/project/design/contents/bg_madev2.jpg") no-repeat right top;}
.mav_top_box.bg3 { background:#f1efea url("/project/design/contents/bg_madev3.jpg") no-repeat right top;}
.mav_top_box.bg4 { background:#4b2f4a url("/project/design/contents/bg_madev4.jpg") no-repeat right top;}
.mav_top_box.bg5 { background:#f1ebe4 url("/project/design/contents/bg_madev5.jpg") no-repeat right top;}
.mav_top_box.bg6 { background:#000000 url("/project/design/contents/bg_madev6.jpg") no-repeat right top;}
.mav_top_box.bg7 { background:#7d705a url("/project/design/contents/bg_madev7.jpg") no-repeat right top;}
.mav_top_box.bg8 { background:#230503 url("/project/design/contents/bg_madev8.jpg") no-repeat right top;}
.mav_top_box.bg9 { background:#2c2627 url("/project/design/contents/bg_madev9.jpg") no-repeat right top;}
.mav_top_box.bg10 { background:#56443a url("/project/design/contents/bg_madev10.jpg") no-repeat right top;}
.mav_top_box.bg11 { background:#8f447f url("/project/design/contents/bg_madev11.jpg") no-repeat right top;}
.mav_top_box.bg12 { background:#001521 url("/project/design/contents/bg_madev12.jpg") no-repeat right top;}
.mav_top_box.bg13 { background:#693e7e url("/project/design/contents/bg_madev13.jpg") no-repeat right top;}

/* 2025 */
.mav_top_box.bg14 { background:#5d25ad url("/project/design/contents/bg_madev14.png") no-repeat right top;}
.mav_top_box.bg15 { background:#2A1D18 url("/project/design/contents/bg_madev15.png") no-repeat right top;}
.mav_top_box.bg16 { background:#030A2E url("/project/design/contents/bg_madev16.png") no-repeat right top;}

.mav_video { position:relative; height:0; padding-bottom:56.25%; margin-top: 60px; }
.mav_video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

@media all and (max-width:1400px) {  
    .mav_top_box { gap: 10px; padding: 40px 50px;}
    .mav_top_box h4 {font-size: 24px;}
    .mav_top_box p { font-size: 18px;}
}
@media all and (max-width:600px) {  
    .mav_top_box { padding: 20px;}
    .mav_top_box h4 {font-size: 20px;}
    .mav_top_box p { font-size: 15px;}
    .mav_top_box.bg1 { background-position:cover;}
    .mav_top_box.bg2 { background-position:cover;}
    .mav_top_box.bg3 { background-position:cover;}
    .mav_top_box.bg4 { background-position:cover;}
    .mav_top_box.bg5 { background-position:cover;}
    .mav_top_box.bg6 { background-position:cover;}
    .mav_top_box.bg7 { background-position:cover;}
    .mav_top_box.bg8 { background-position:cover;}
    .mav_top_box.bg9 { background-position:cover;}
    .mav_top_box.bg10 { background-position:cover;}
    .mav_top_box.bg11 { background-position:cover;}
    .mav_top_box.bg12 { background-position:cover;}
    .mav_top_box.bg13 { background-position:cover;}
}

/* 문화창작소 운영 */
.table_type3 tbody tr td.r_line { border-right: 1px solid #e0e0e0 !important;}
    
/* 문화 창업아이디어 · 공간 지원 */
.h_goodsyou { background-color: #fcf5d4; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 30px; color: #000; font-size: 24px; font-weight: 800; margin-bottom: 30px;}
.h_goodsyou i { font-size: 1.25em; color: #e0b91c; transform: translateY(-1px);}

/* 문화플랫폼 클레이 운영 */
.clay_box { display: flex; align-items: center;}
.clay_box .right { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; width: 100%;}
.clay_box .right .item { position: relative; width: 100%; box-sizing: border-box; border: 1px solid #d7d7d7; border-radius: 30px; padding: 40px; display: flex; flex-direction: column; gap: 20px;}
.clay_box .right .item h4 { font-family: "TangsBudaeJjigae"; font-size: 24px; font-weight: 700; color: #000;}
.clay_box .right .item .p_desc1 { font-family: "TangsBudaeJjigae"; font-size: 24px; font-weight: 700; color: #f221a9;}
.clay_box .right .item img { position: absolute; top: 20px; right: 20px;}
.clay_box .right .item.bg2 { background-color: #f221a9; border: 1px solid #f221a9; justify-content: space-between;}
.clay_box .right .item.bg2 h4 { color: #fff;}
.clay_box .right .item.bg2 a { display: inline-flex; align-self: flex-end;  border-radius: 30px; padding:14px 30px 10px 30px; line-height: 1em;  background-color: #fff; color: #000; font-family: "TangsBudaeJjigae"; font-size: 17px; font-weight: 700;}
.clay_box .right .item.bg2 a:hover { color: #f221a9;}
@media all and (max-width:1400px) {  
.clay_box .right .item { border-radius: 20px; padding: 30px; gap: 10px;}
.clay_box .right .item h4 { font-size: 18px;}
.clay_box .right .item .p_desc1 { font-size: 18px;}
.clay_box .right .item.bg2 a { font-size: 15px;}
}
@media all and (max-width:1024px) {
.clay_box { gap: 20px;}
.clay_box .left { flex: 1;}
.clay_box .right { flex: 1; grid-template-columns: 1fr; gap: 20px;}
}
@media all and (max-width:700px) {
.clay_box { flex-direction: column;}
.clay_box .left img { width: 360px;}
.clay_box .right .item img { width: 64px;}
}





/* ------------------------------------------------------------ contents4 ------------------------------------------------------------ */


/* 기록활동 활성화 */

/* 01 - 청주기록활동가양성 */
.record_box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
@media all and (max-width:500px) {
    .record_box { grid-template-columns: repeat(1, 1fr);}
}
/* // 01 - 청주기록활동가양성 */

/* 03 - 시민자율예산제 */
.section1 > .sec_p { background-color: #f7f7f7; padding: 30px; color: #000;}
.section_inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 70px; }
.section_inner .desc { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5rem;}
.section_inner .desc > p { font-size: 1.25rem; color: #333;}
.section_inner .desc > a { font-size: 1rem;}

@media all and (max-width:1300px) {
    .section_inner { gap: 30px 40px; }
}
@media all and (max-width:950px) {

    .section1 > .sec_p { padding: 20px; }
    .section_inner { grid-template-columns: repeat(2, 1fr);  }
    .section_inner .desc { padding-top: 1rem; gap: 10px;}
    .section_inner .desc > p { font-size: 1rem;}
    .section_inner .desc > a { font-size: .9rem;}
}
@media all and (max-width:500px) {
    .section_inner { grid-template-columns: repeat(1, 1fr); }
}
/* // 03 - 시민자율예산제 */

/* 04 - 도시이야기여행 */
.city_box1 { margin-top: 100px; background-color: #f6f6f6; text-align: center; border-radius: 10px; }
.city_box1_inner { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 50px; background: url(/project/design/contents/bg_city_left.png) no-repeat, url(/project/design/contents/bg_city_right.png) no-repeat; background-position: bottom left, bottom right; }

.city_box1 .rest { font-family: 'S-CoreDream-6Bold'; }
.city_box1 .tit_city { font-size: 50px; font-weight: 700; color: #000;}
.city_box1 .tit_city > .p_col1 { color: #d51065; font-size: 48px; }
.city_box1 .p_desc { font-size: 20px; color: #666; font-weight: 500;}
.city_box1 .btn_city { width: 250px; line-height: 50px; border-radius: 50px; background-color: #d51065; border: 1px solid #d51065; font-size: 20px; color: #fff;}
.city_box1 .btn_city:hover { background-color: #fff; border: 1px solid #d51065; color: #d51065; }

.city_box2 { margin-top: 50px; display: flex; flex-direction: row; justify-content: space-between; gap: 30px;}
.city_box2 > a { width: 100%; height: 220px; }
.city_box2 > a > div { border-radius: 10px; position: relative; transition: .3s ease-in-out;}
.city_box2 .box1_inner { height: 100%; background: url('/project/design/contents/bg_city2_left.png') no-repeat -20% bottom #4faf5a; } 
.city_box2 .box2_inner { height: 100%; background: url('/project/design/contents/bg_city2_right.png') no-repeat -20% 50% #d4af70; }
.city_box2 p { font-size: 30px; font-weight: 600; color: #fff; display: block; }
.city_box2 .box1_inner > p,
.city_box2 .box2_inner > p { position: absolute; right: 10%; bottom: 15%;}
.city_box2 .box1_inner:hover { background: url('/project/design/contents/bg_city2_left.png') no-repeat -20% bottom #444;}
.city_box2 .box2_inner:hover { background: url('/project/design/contents/bg_city2_right.png') no-repeat -20% 50% #444;}

@media all and (max-width:1400px) { 
.city_box1 { margin-top: 60px; }
.city_box1_inner { gap: 20px; padding: 50px 50px 70px 50px; background-size: 30%; }
.city_box1 .tit_city { font-size: 35px; }
.city_box1 .tit_city > .p_col1 { font-size: 35px; }
.city_box1 .p_desc { font-size: 16px;}
.city_box1 .btn_city { width: 200px; line-height: 40px; font-size: 18px; }

.city_box2 { margin-top: 30px; gap: 20px;}
.city_box2 .box1_inner, .city_box2 .box2_inner { background-size: 60%; background-position: -30% 60%; }
.city_box2 .box1_inner:hover, .city_box2 .box2_inner:hover { background-size: 60%; background-position: -30% 60%;}
.city_box2 p { font-size: 25px; }
.city_box2 .box1_inner > p, .city_box2 .box2_inner > p { right: 5%; bottom: 15%;}
}

@media all and (max-width:1024px) { 
.city_box2 { margin-top: 30px; gap: 20px;}
.city_box2 .box1_inner, .city_box2 .box2_inner { background-size: 80%; background-position: -70% 80%; }
.city_box2 .box1_inner:hover, .city_box2 .box2_inner:hover { background-size: 80%; background-position: -70% 80%;}
.city_box2 p { font-size: 20px; }
.city_box2 .box1_inner > p, .city_box2 .box2_inner > p { right: 5%; bottom: 15%;}
}

@media all and (max-width:800px) { 
.city_box1 { margin-top: 40px; }
.city_box1_inner { gap: 20px; padding: 20px 20px 80px 20px;  background-size: 30%; }
.city_box1 .tit_city { font-size: 20px; }
.city_box1 .tit_city > .p_col1 { font-size: 20px; }
.city_box1 .p_desc { font-size: 13px;}
.city_box1 .btn_city { width: 200px; line-height: 40px; font-size: 15px; }

.city_box2 { flex-direction: column; }
.city_box2 > a { height: 180px; }
.city_box2 .box1_inner, .city_box2 .box2_inner { background-size: 70%;  background-position: -50% 50%; }
.city_box2 .box1_inner:hover, .city_box2 .box2_inner:hover { background-size: 70%;  background-position: -50% 50%;}
.city_box2 p { font-size: 18px; }
}
/* // 04 - 도시이야기여행 */


/* 04 - 도시이야기여행 - 운천로그여행 7월 */
.july_box1 { background-color: #f6f6f6; text-align: center; border-radius: 10px;}
.july_box1 .july_box_inner {  height: 350px; display: flex; flex-direction: column; align-items: center; gap: 20px; background: url(/project/design/contents/bg_city3_left.png) no-repeat, url(/project/design/contents/bg_city3_right.png) no-repeat; background-position: bottom left, bottom right; justify-content: center;}
.july_box1 .july_box_inner .tit_city { font-size: 48px; font-weight: 600; color: #fff; background-color: #4FAF5A; padding: 15px 70px; border-radius: 50px;}
.july_box1 .july_box_inner .ul_desc { display: flex; flex-direction: column;}
.july_box1 .july_box_inner .ul_desc > li { margin-top: 10px; }
.july_box1 .july_box_inner .ul_desc > li > ul { display: flex; flex-direction: row; gap: 20px; }
.july_box1 .july_box_inner .ul_desc > li > ul > li { text-align: left; font-size: 20px; color: #666; }
.july_box1 .july_box_inner .ul_desc > li > ul > li > i { font-size: 18px; padding-right: 15px;}
.july_box1 .july_box_inner .ul_desc > li > ul > li:first-child { font-weight: 700; color: #444;}

.july_img { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.july_img img { cursor: pointer;}
.july_img .imgC > img { width: 335px;}

.july_modal { display: none; z-index: 9999; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); cursor: pointer;}
.july_modal img { cursor: auto;}
.july_modal button { position: absolute; top: 12%; right: 35%; background: transparent; border: 0; color: #ffffff; font-size: 3rem; cursor: pointer;}
.july_modal .modalBox { position: relative; top: 25%; left: 50%; transform: translate(-50%, -50%);  transform: translate(-50%, -20%); background-color: #ffffff; width: 30%; height: 30%; text-align: center;}
.july_modal .modalBox img { width: 100%; }

.table_style th { background-color: #f7f7f7;}
.table_style td { background-color: #fff;}

@media all and (max-width:1400px) { 
	.july_box1 .july_box_inner { padding: 40px 10px 120px 10px; height: 100%; gap: 20px; background-size: 30%;}
}
@media all and (max-width:1024px) { 
    .july_box1 .july_box_inner .tit_city { font-size: 30px; padding: 15px 50px;}
    .july_box1 .july_box_inner .ul_desc > li { margin-top: 5px; }
    .july_box1 .july_box_inner .ul_desc > li > ul { flex-direction: row; gap: 5px; }
    .july_box1 .july_box_inner .ul_desc > li > ul > li { font-size: 14px; }
    .july_box1 .july_box_inner .ul_desc > li > ul > li > i { font-size: 14px; padding-right: 5px;}
	.july_modal button { right: 6%; }
	.july_modal .modalBox {  width: 90%; }
}
@media all and (max-width:800px) { 
    .july_box1 .july_box_inner .tit_city { font-size: 22px; padding: 10px 40px;}
    .july_box1 .july_box_inner .ul_desc > li > ul { gap: 5px; }
    .july_box1 .july_box_inner .ul_desc > li > ul > li { font-size: 14px; }
    .july_box1 .july_box_inner .ul_desc > li > ul > li > i { font-size: 14px; padding-right: 5px;}
    .july_img { grid-template-columns: repeat(2, 1fr) !important;}
}
@media all and (max-width:500px) { 
    .july_box1 .july_box_inner { background-size: 40%;}
    .july_img { grid-template-columns: repeat(1, 1fr) !important; justify-items: center; }
}
/* // 04 - 도시이야기여행 - 운천로그여행 7월 */

/* 04 - 도시이야기여행 - 운천로그여행 10월 */
.july_box2 { background-color: #f6f6f6; text-align: center; border-radius: 10px;}
.july_box2 .july_box_inner {  height: 350px; display: flex; flex-direction: column; align-items: center; gap: 20px; background: url(/project/design/contents/bg_city4_left.png) no-repeat, url(/project/design/contents/bg_city4_right.png) no-repeat; background-position: bottom left, bottom right; justify-content: center;}
.july_box2 .july_box_inner .tit_city { font-size: 48px; font-weight: 600; color: #fff; background-color: #D4AF70; padding: 15px 70px; border-radius: 50px;}

.july_box2 .july_box_inner .ul_desc { display: flex; flex-direction: column;}
.july_box2 .july_box_inner .ul_desc > li { margin-top: 10px; }
.july_box2 .july_box_inner .ul_desc > li > ul { display: flex; flex-direction: row; gap: 20px; }
.july_box2 .july_box_inner .ul_desc > li > ul > li { text-align: left; font-size: 20px; color: #666; }
.july_box2 .july_box_inner .ul_desc > li > ul > li > i { font-size: 18px; padding-right: 15px;}
.july_box2 .july_box_inner .ul_desc > li > ul > li:first-child { font-weight: 700; color: #444;}

.july_img { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.july_img img { cursor: pointer;}
.july_img .imgC > img { width: 335px;}

.july_modal { display: none; z-index: 9999; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); cursor: pointer;}
.july_modal img { cursor: auto;}
.july_modal button { position: absolute; top: 12%; right: 35%; background: transparent; border: 0; color: #ffffff; font-size: 3rem; cursor: pointer;}
.july_modal .modalBox { position: relative; top: 25%; left: 50%; transform: translate(-50%, -50%);  transform: translate(-50%, -20%); background-color: #ffffff; width: 30%; height: 30%; text-align: center;}
.july_modal .modalBox img { width: 100%; }

.table_style th { background-color: #f7f7f7;}
.table_style td { background-color: #fff;}

@media all and (max-width:1400px) { 
	.july_box2 .july_box_inner { padding: 40px 10px 100px 10px; height: 100%; gap: 20px; background-size: 30%;}
}
@media all and (max-width:1024px) { 
    .july_box2 .july_box_inner .tit_city { font-size: 30px; padding: 15px 50px;}
    .july_box2 .july_box_inner .ul_desc > li { margin-top: 5px; }
    .july_box2 .july_box_inner .ul_desc > li > ul { flex-direction: row; gap: 5px; }
    .july_box2 .july_box_inner .ul_desc > li > ul > li { font-size: 14px; }
    .july_box2 .july_box_inner .ul_desc > li > ul > li > i { font-size: 14px; padding-right: 5px;}

	.july_modal button { right: 6%; }
	.july_modal .modalBox {  width: 90%; }
}
@media all and (max-width:800px) { 
    .july_box2 .july_box_inner { padding: 40px 6px 150px 6px; }
    .july_box2 .july_box_inner .tit_city { font-size: 22px; padding: 10px 40px;}
    .july_box2 .july_box_inner .ul_desc > li > ul { gap: 5px; }
    .july_box2 .july_box_inner .ul_desc > li > ul > li { font-size: 14px; }
    .july_box2 .july_box_inner .ul_desc > li > ul > li > i { font-size: 14px; padding-right: 5px;}
    .july_img { grid-template-columns: repeat(2, 1fr) !important;}
}
@media all and (max-width:500px) { 
    .july_box2 .july_box_inner { background-size: 40%;}
    .july_img { grid-template-columns: repeat(1, 1fr) !important; justify-items: center; }
}
/* // 04 - 도시이야기여행 - 운천로그여행 10월 */


/* 06 - 기록문화주간 */
/* 2022*/
.tab_box3 .tit { margin-top: 60px;}
.tab_box3 .record_inner { margin-top: 3rem; display: flex; justify-content: space-between; gap: 100px; }
.tab_box3 .record_inner .left_inner > img { width: 500px;}
.tab_box3 .record_inner .right_inner { width: 55%;}
.tab_box3 .record_inner .right_inner .p_desc1 { color: #A86FD0; font-size: 16px; font-weight: 600; }
.tab_box3 .record_inner .right_inner .h6_tit { font-size: 40px; font-weight: 700; color: #000;}
.tab_box3 .record_inner .right_inner .ul_record1 { padding: 30px 0 50px 0; display: flex; flex-direction: column; gap: 20px; }
.tab_box3 .record_inner .right_inner .ul_record1 > li { display: flex; align-items: center; gap: 15px;}
.tab_box3 .record_inner .right_inner .ul_record1 > li > span { font-size: 20px; background-color: #A86FD1; color: #fff; font-weight: 600; padding: 6px 30px; border-radius: 50px;}
.tab_box3 .record_inner .right_inner .ul_record2 { background-color: #F6F6F6; padding: 40px 50px; }
.tab_box3 .record_inner .right_inner .ul_record2 > li { margin-bottom: 20px;}

.tab_box3 .record2022_img { display: flex; flex-direction: row; gap: 30px; margin-top: 60px; width: 100%;}
.tab_box3 .record2022_img > img { width: 685px; }

.record2022_video { display: flex; justify-content: space-between; gap: 20px; }
.record2022_video iframe { width: 445px; height: 250px;}

@media all and (max-width:1400px) {
    .tab_box3 .record_inner { margin-top: 1rem; gap: 40px;}
    .tab_box3 .record_inner .left_inner > img { width: 450px;}
    .tab_box3 .record_inner .right_inner .ul_record1 { padding: 20px 0 30px 0; gap: 15px; }
    .tab_box3 .record_inner .right_inner .ul_record2 { padding: 20px 30px; }
    .tab_box3 .record_inner .right_inner .ul_record2 > li { margin-bottom: 10px;}

    .tab_box3 .record2022_img { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 20px;}
    .tab_box3 .record2022_img > img { width: 100%; }
}
@media all and (max-width:1024px) { 
    .tab_box3 .tit { margin: 40px 0 0 0;}
    .tab_box3 .record_inner { flex-direction: column; gap: 40px; align-items: center;}
    .tab_box3 .record_inner .left_inner > img { width: 400px;}
    .tab_box3 .record_inner .right_inner { width: 100%;}
    .tab_box3 .record_inner .right_inner .ul_record1 { padding: 15px 0; gap: 10px; }

    .tab_box3 .record2022_img { display: flex; flex-direction: column; }
    .tab_box3 .record2022_img > img { width: 100%; }
    
    .record2022_video { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .record2022_video iframe { width: 100%; }
}
@media all and (max-width:800px) { 
    .tab_box3 .tit { margin-top: 20px;}
    .tab_box3 .record_inner .right_inner .p_desc1 { font-size: 14px; }
    .tab_box3 .record_inner .right_inner .h6_tit { font-size: 32px;  }
    .tab_box3 .record_inner .right_inner .ul_record1 > li { gap: 10px;}
    .tab_box3 .record_inner .right_inner .ul_record1 > li > span { font-size: 16px; padding: 4px 20px; }
    .tab_box3 .record_inner .right_inner .ul_record2 { padding: 20px; }
}
@media all and (max-width:500px) { 
    .record2022_video { display: flex; flex-direction: column; gap: 10px; }

    /* program.css */
    .preview_box .view_slide > li > .img_slides { height: 200px !important; margin: 20px 30px;}

}
/* 2023 */
.tab_box3 .record2023_inner .right_2023 .ul_record2 { margin-top: 40px; padding: 40px 50px; }
.tab_box3 .record2023_inner .right_2023 .ul_record2 > li { margin-bottom: 20px;}



/* // 06 - 기록문화주간 */

/* 07 - 상생협력워크숍 */
.busi_tit:first-child { margin-top: 0;}
/* // 07 - 상생협력워크숍 */






/* ------------------------------ contents5 ------------------------------ */


div #people_read h6{
    font-size: 35px;
    font-weight: 800;
    color: #000;
    padding-top: 30px;
}

div #people_read .record-wrapper {
    text-align: center;
    margin-top: 30px;
}

div #people_read .record-wrapper img{
    max-width: 80%;
    padding: 20px 0;
}

div #people_read .record-wrapper>p.record-title {
    font-size: 30px;
    color: #000;
    text-align: center;
    margin: 0 auto;
    padding: 28px 0;
    font-weight: 800;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
div #people_read .record-wrapper>p.record-title b:first-of-type {
    color: #A370C6;
}
div #people_read .record-wrapper>p.record-title b:last-of-type {
    color: #3CB3CB;
}
div #people_read .record-wrapper div.record-box {
    display: flex;
    width: 100%;
    gap: 30px;
    padding: 30px 0;
}
div #people_read .record-wrapper div.record-box ul {
    display: flex;
    width: 50%;
    background: #f8f8f8;
    gap: 30px;
    padding: 30px;
    box-sizing: border-box;
}
div #people_read .record-wrapper div.record-box ul li {
    width: 50%;
    display: inline-block;
    width: 50%;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    position: relative;
}
div #people_read .record-wrapper div.record-box ul li p {
    font-size: 25px;
    font-weight: 800;
    color: #fff;
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
}
div #people_read .record-wrapper div.record-box ul li span {
    font-size: 20px;
    color: inherit;
    font-weight: 700;
    padding: 40px 0;
    box-sizing: border-box;
    display: block;
    color: #000;
}
div #people_read .record-wrapper ul.record-left li:first-of-type p {
    background: #6FB8CC;
}
div #people_read .record-wrapper ul.record-left li:nth-child(2) p {
    background: #E562A6;
}
div #people_read .record-wrapper ul.record-right li:first-of-type p {
    background: #69D28F;
}
div #people_read .record-wrapper ul.record-right li:last-of-type p {
    background: #AE8AC8;
}
div #people_read .record-wrapper div.record-bottom {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 20px;
}
div #people_read .record-wrapper div.record-bottom p {
    background: #A370C6;
    padding: 45px 0;
    color: #fff;
    font-size: 30px;
    flex: 1;
    text-align: center;
    font-weight: 700;
    border-radius: 80px;
    border: 10px solid #D3BCE4;
}
div #people_read .record-wrapper div.record-bottom p:last-of-type {
    background: #3CB3CB;
    border: 10px solid #D0EDF2;
}
div #people_read .record-wrapper div.record-box ul.record-left li.up_arrow {
    position: absolute;
    bottom: -50px;
    right: 25%;
    background: none;
}

div #people_read .recordstep-wrapper {
    display: flex;
    gap: 47px;
    padding: 50px 0;
}
div #people_read .recordstep-wrapper>div {
    flex: 1;
    text-align: left;
    padding: 60px 30px;
    border-color: #A370C6;
    border-radius: 10px;
    border-width: 4px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-style: solid;
}
div #people_read .recordstep-wrapper>div.recordstep-box:nth-child(2) {
    border-color: #3CB3CB;
}
div #people_read .recordstep-wrapper>div.recordstep-box:nth-child(3) {
    border-color: #7FC99A;
}
div #people_read .recordstep-wrapper>div.recordstep-box:nth-child(4) {
    border-color: #C9D458;
}
div #people_read .recordstep-wrapper>div>p {
    font-size: 27px;
    font-weight: 700;
    color: #000;
    padding-bottom: 40px;
    font-weight: 800;
    position: relative;
}
div #people_read .recordstep-wrapper>div>p::after {
    content: '';
    width: 100%;
    height: 1px;
    bottom: 25px;
    background: #D4D4D4;
    position: absolute;
    left: 0;
}
div #people_read .record-wrapper div.record-box ul.record-left {
    position: relative;
}
div #people_read div.recordstep-box span {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02rem;
    color: #fff;
    padding: 10px 50px;
    border-radius: 50px;
    background: #A370C6;
    position: absolute;
    top: -6%;
    right: 25%;
}
div #people_read .recordstep-wrapper>div.recordstep-box:nth-child(2) span {
    background: #3CB3CB;
}
div #people_read .recordstep-wrapper>div.recordstep-box:nth-child(3) span {
    background: #7FC99A;
}
div #people_read .recordstep-wrapper>div.recordstep-box:nth-child(4) span {
    background: #C9D458;
}
div #people_read .recordstep-wrapper>div>ul li:first-child {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    padding-bottom: 8px;
    position: relative;
    padding-left: 28px;
}
div #people_read .recordstep-wrapper>div>ul:not(:last-child) {
    padding-bottom: 30px;
}
div #people_read .recordstep-wrapper>div>ul li:first-child::before {
    position: absolute;
    left: 0;
    top: 3px;
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
}

div #people_read .recordstep-wrapper>div>ul li:last-child {
    padding-left: 10px;
}

@media all and (max-width:1040px) {

    div #people_read .record-wrapper img{
        max-width: 100%;
        padding: 0;
    }

    div #people_read h6{
        font-size: 25px;
    }

    div #people_read .record-wrapper>p.record-title {
        font-size: 30px;
    }
    div #people_read .record-wrapper div.record-box ul li p {
        font-size: 18px;
    }
    div #people_read .record-wrapper div.record-box ul li span {
        font-size: 18px;
        padding: 20px 0;
    }
    div #people_read .record-wrapper div.record-bottom p {
        font-size: 22px;
        padding: 25px 0;
    }
    div #people_read .recordstep-wrapper>div>p {
        font-size: 22px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    div #people_read .recordstep-wrapper>div {
        padding: 35px 20px 20px 25px;
    }
    div #people_read .recordstep-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding-top: 20px;
    }

    div #people_read .record-wrapper{
        /* padding-top: 20px; */
        padding: 10px;
    }

    div #people_read div.recordstep-box span {
        position: unset;
        font-size: 20px;
        padding: 10px 25px;
    }
    div #people_read .recordstep-wrapper>div>ul:not(:last-child) {
        padding-bottom: 15px;
    }
    div #people_read .recordstep-wrapper>div>p::after {
        bottom: 12px;
    }
}


@media all and (max-width:768px) {

    div #people_read h6{
        font-size: 22px;
    }

    div #people_read .record-wrapper>p.record-title {
        font-size: 22px;
    }
    div #people_read .record-wrapper div.record-box {
        gap: 20px;
    }
    div #people_read .record-wrapper div.record-box ul {
        flex-direction: column;
        padding: 20px;
    }
    div #people_read .record-wrapper div.record-box ul li {
        width: 100%;
    }
    div #people_read .record-wrapper div.record-bottom p {
        width: 100%;
        font-size: 17px;
        padding: 12px 0;
    }
    /* div.right_arrow {
        transform: rotate(90deg);
    } */
    div #people_read .record-wrapper div.record-box ul.record-left li.up_arrow {
        right: 0;
    }
    div #people_read .record-wrapper div.record-bottom {
        /* flex-direction: column; */
        gap: 0;
    }
    div #people_read .record-wrapper div.record-box ul li p {
        font-size: 16px;
        padding: 10px 0;
    }

    div #people_read .record-wrapper div.record-box ul li span {
        font-size: 15px;
        padding: 15px 10px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


@media all and (max-width:600px) {

    div #people_read .record-wrapper>p.record-title {
        font-size: 18px;
    }

    div #people_read .record-wrapper div.record-box{
        gap: 10px;
    }

    div #people_read .record-wrapper div.record-box ul li span {
        min-height: 80px;
        font-size: 14px;
    }
    div #people_read .record-wrapper div.record-box ul{
        gap: 15px;
        padding: 10px;
    }

    div #people_read .record-wrapper div.record-bottom p {
        font-weight: 600;
        font-size: 16px;
        border-radius: 5px;
        border: 0;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    #people_read .wrap_box li.up_arrow img,
    #people_read .wrap_box div.right_arrow img
    {
        max-width: 60%;
    }

    #people_read .wrap_box div.right_arrow{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div #people_read .record-wrapper div.record-bottom p:last-of-type {
        border: 0;
    }

    div #people_read .record-wrapper div.record-box ul li p{
        padding: 5px 0;
    }

    div #people_read .recordstep-wrapper>div>p {
        font-size: 20px;
        padding-top: 20px;
    }
    div #people_read .recordstep-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    div #people_read div.recordstep-box span {
        font-size: 16px;

    }
    div #people_read .recordstep-wrapper>div {
        padding: 30px 20px 20px;
    }
    div #people_read .recordstep-wrapper>div>ul li:first-child {
        font-size: 16px;
    }
    div #people_read .recordstep-wrapper>div>ul li:first-child::before {
        top: -2px;
    }
    div #people_read .recordstep-wrapper>div {
        border-width: 2px;
    }
}

div #people_read .recordstep-wrapper>div>ul:first-of-type li:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M5 8V20H9V8H5ZM3 7L7 2L11 7V22H3V7ZM19 16V14H16V12H19V10H17V8H19V6H15V20H19V18H17V16H19ZM14 4H20C20.5523 4 21 4.44772 21 5V21C21 21.5523 20.5523 22 20 22H14C13.4477 22 13 21.5523 13 21V5C13 4.44772 13.4477 4 14 4Z'%3E%3C/path%3E%3C/svg%3E");
}
div #people_read .recordstep-wrapper>div>ul:nth-of-type(2) li:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M17 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9V3H15V1H17V3ZM4 9V19H20V9H4ZM6 11H8V13H6V11ZM11 11H13V13H11V11ZM16 11H18V13H16V11Z'%3E%3C/path%3E%3C/svg%3E");
}
div #people_read .recordstep-wrapper>div>ul:last-of-type li:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M11.9998 1L6 11H18L11.9998 1ZM11.9998 4.8873L14.4676 9H9.53232L11.9998 4.8873ZM6.75 20C5.23122 20 4 18.7688 4 17.25C4 15.7312 5.23122 14.5 6.75 14.5C8.26878 14.5 9.5 15.7312 9.5 17.25C9.5 18.7688 8.26878 20 6.75 20ZM6.75 22C9.37335 22 11.5 19.8734 11.5 17.25C11.5 14.6266 9.37335 12.5 6.75 12.5C4.12665 12.5 2 14.6266 2 17.25C2 19.8734 4.12665 22 6.75 22ZM15 15.5V19.5H19V15.5H15ZM13 21.5V13.5H21V21.5H13Z'%3E%3C/path%3E%3C/svg%3E");
}


/* 출향예술인 아카이빙 마을의 재발견 https://www.cjculture42.org/sub.php?code=242 */

div.archiving_wrapper .archiving_box{
    display: flex;
    padding: 50px 60px;
    letter-spacing: -0.02rem;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    background:#7c797212;
}

div.archiving_wrapper .archiving_box .archiving_txt{
    width: 50%;
    padding: 40px 0 0 50px;
}

div.archiving_wrapper .archiving_box .archiving_txt ul {
    padding:20px 0 50px;
}

div.archiving_wrapper .archiving_box .archiving_txt h5{
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

div.archiving_wrapper h4{
    font-size: 35px;
    font-weight: 800;
    color: #000;
    padding-bottom: 20px;
}

div.archiving_wrapper .archiving_txt div.archiving_btn a {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    border: 1px solid #000;
    padding: 15px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

div.archiving_wrapper .archiving_txt div.archiving_btn a:hover{
    background: #000;
    color: #fff;
}

div.archiving_wrapper .archiving_box .archiving_img{
    position: relative;
    -webkit-box-shadow: 4px 28px 53px -5px rgba(0,0,0,0.05);
    -moz-box-shadow: 4px 28px 53px -5px rgba(0,0,0,0.05);
    box-shadow: 4px 28px 53px -5px rgba(0,0,0,0.05);
}

div.archiving_wrapper .archiving_box .archiving_img::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(60,179,202,1);
    width: 100%;
    height: 100%;
    bottom: -20px;
    left: -20px;
    position: absolute;
    z-index: -1;
}

div.archiving_wrapper .archiving_box .archiving_img.archiving_bottom_img::before {
    background: #76589A;;
}

ul.archiving_youtube_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

ul.archiving_youtube_wrapper li{
    width: 20%;
    flex: 1;
}

ul.archiving_youtube_wrapper li a{
    color: #000;
    width: 100%;
    display: inline-flex;
    padding: 12px 20px;
    border: 1px solid #000000;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50px;
    white-space: nowrap;
    justify-content: center;
}

ul.archiving_youtube_wrapper li a:hover{
    background: #000;
    color: #fff;
}

div.archiving_youtube_box{
    padding: 50px 0;
}

div.archiving_youtube_box h5{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    padding-bottom: 30px;
}


@media all and (max-width:1024px) {

    div.archiving_wrapper .archiving_box .archiving_txt ul{
        padding-bottom: 20px;
    }
    
    div.archiving_wrapper .archiving_box .archiving_txt h5{
        font-size: 25px;
    }

    div.archiving_wrapper .archiving_box{
        flex-direction: column;
        padding: 40px 50px;
    }

    .archiving_img img{
        width: 100%;
    }
    

    div.archiving_wrapper .archiving_box .archiving_txt{
        width: 100%;
        padding: 0;
        padding-top: 40px;
    }


    ul.archiving_youtube_wrapper li a{
        min-width: 100px;
    }
}



@media all and (max-width:750px) {

    div.archiving_wrapper .archiving_box .archiving_txt h5,div.archiving_youtube_box h5{
        font-size: 20px;
    }

    div.archiving_wrapper .archiving_box .archiving_txt ul {
        padding: 10px 0 20px;
    }

    div.archiving_wrapper .archiving_box{
        padding: 25px;
    }

    div.archiving_wrapper .archiving_txt div.archiving_btn a{
        font-size: 14px;
        padding: 12px 20px;
        letter-spacing: -0.03rem;
        width: 100%;
        box-sizing: border-box;
    }
    
    ul.archiving_youtube_wrapper li{
        width: auto;
    }

    div.archiving_wrapper h4{
        font-size: 22px;
    }
    
    div.archiving_youtube_box h5{
        padding-bottom: 15px;
    }
}


@media all and (max-width:380px){
    div.archiving_wrapper .archiving_txt div.archiving_btn a {
        font-size: 12px;
        letter-spacing: -0.04rem;
        padding: 12px 10px;
    }

}

/* ------------------------------------------------------------------------------------- */

/* 문화도시센터 추진과정 (/sub.php?code=140)*/

div.new_center_wrap {
    text-align: center;
    margin: 30px 0;
}

div.new_center_wrap{
    text-align: center;
}

div.new_center_wrap p.color_bullet{
    margin-bottom: 50px;
}

div.new_center_wrap p.color_bullet span {
    border-radius: 100px;
    padding: 4px 30px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    font-family: 'poppins';
}

div.new_center_wrap p.color_bullet.color01 span{
    background: #a86fd1;
}

div.new_center_wrap p.color_bullet.color02 span{
    background: #a86fd1;
}

div.new_center_wrap p.mission_maintxt {
    line-height: 1.2;
    letter-spacing: -0.2rem;
    color: #222;
    font-weight: 700;
    font-family: 'Noto Sans KR';
    font-size: 60px;
    background: linear-gradient(to bottom, #ff23a3, #1aa7ac);
    color: transparent;
    font-size: 80px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

div.new_center_wrap p.vision_maintxt{
    font-size: 55px;
    font-weight: 700;
    color:#222;
    position: relative;
    width:fit-content;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    font-family: 'S-CoreDream-6Bold';
    letter-spacing: -0.1rem;
}

div.new_center_wrap p.vision_maintxt::after{
    position: absolute;
    width: 100%;
    height: 22px;
    background: #E5C6FC;
    content : '';
    bottom:0;
    z-index: -1;
    left: 0%;
}

div.new_center_wrap p.mission_maintxt strong {
    color: #000;
    font-family:'Noto Sans KR';
}

div.new_center_wrap div.vision_box,
div.new_center_wrap div.goal_box,
div.new_center_wrap div.slogan_box,
div.new_center_wrap div.mission_box{
    margin-bottom: 120px;
}

div.new_center_wrap ul.vision_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-top: 90px;
}

div.new_center_wrap ul.vision_wrap li{
    border-radius: 10px;
}

div.new_center_wrap ul.vision_wrap li > div{
    padding: 30px 10px;
}

div.new_center_wrap ul.vision_wrap li > div p:first-child{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: -0.025rem;
    font-family: 'S-CoreDream-6Bold';
}

div.new_center_wrap ul.vision_wrap li > div p:last-child {
    letter-spacing: -0.2px;
    color: #666;
    font-weight: normal;
    font-size: 18px;
}

div.new_center_wrap ul.vision_wrap li:first-child{
    background: #E6EFF2;
}

div.new_center_wrap ul.vision_wrap li:first-child div p:first-child{
    color: #2B98B7;
}

div.new_center_wrap ul.vision_wrap li:nth-child(2){
    background: #eae6f2;
}

div.new_center_wrap ul.vision_wrap li:nth-child(2) div p:first-child{
    color: #A86FD1;
}

div.new_center_wrap ul.vision_wrap li:nth-child(3){
    background: #FFFADF;
}

div.new_center_wrap ul.vision_wrap li:nth-child(3) div p:first-child{
    color: #f5cd04;
}

div.new_center_wrap ul.vision_wrap li:last-child{
    background: #EAF2E6;
}

div.new_center_wrap ul.vision_wrap li:nth-child(4) div p:first-child{
    color: #46AA73;
}

div.new_center_wrap ul.goal_wrap {
    display: grid;
    justify-content: space-around;
    grid-template-columns: 1fr 1fr 1fr;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

div.new_center_wrap ul.goal_wrap li div > span > img{
    background: #fff;
    padding:20px;
    border-radius:100%;
}

div.new_center_wrap ul.goal_wrap li:first-child div > span > img{
    border: 15px solid #e1f5d8;
}

div.new_center_wrap ul.goal_wrap li:nth-child(2) div > span > img {
    border: 15px solid #FFFADF;
}

div.new_center_wrap ul.goal_wrap li:last-child div > span > img{
    border: 15px solid #E6EFF2;
}

div.new_center_wrap ul.goal_wrap li div > p{
    font-size: 30px;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.04rem;
    padding: 15px 0 5px 0;
    font-family: 'S-CoreDream-6Bold';
}

div.new_center_wrap ul.goal_wrap li div > span {
    font-size: 19px;
    line-height: 30px;
    font-weight: 400;
    font-size: 22px;
}

div.new_center_wrap p.slogan_title{
    font-size: 60px;
    letter-spacing: 0rem;
    color: transparent;
    font-size: 80px;
    background: linear-gradient(to bottom , #ff23a3, #1aa7ac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display:block;
    font-family: 'poppins';
    line-height: 80px;
    font-weight: 700;
}

div.new_center_wrap p.slogan_title > span{
    font-family: 'Noto Sans KR';
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 4px;
}

div.new_center_wrap div.gradient {
    position: absolute;
    z-index: -2;
    top: 130px;
    left: 30px;
}

div.new_center_wrap div.vision_box{
    position: relative;
}

/* 문화도시센터 end */

/* 문화도시센터 반응형*/

@media all and (max-width:1024px) {

    div.new_center_wrap ul.goal_wrap img {
        max-width: 50% !important;
    }

    div.new_center_wrap div.goal_box{
        margin-bottom: 40px;
    }

    div.new_center_wrap ul.goal_wrap{
        width: 100%;
    }

    div.new_center_wrap p.mission_maintxt,div.new_center_wrap p.slogan_title{
        font-size: 55px;
    }

    div.new_center_wrap p.vision_maintxt{
        font-size: 40px;
    }

    div.new_center_wrap ul.vision_wrap li > div p:first-child,
    div.new_center_wrap ul.goal_wrap li div > p,p.slogan_title > span{
        font-size: 22px;
    }

    div.new_center_wrap ul.vision_wrap li > div p:last-child,
    div.new_center_wrap ul.goal_wrap li div > span,
    div.new_center_wrap p.color_bullet span{
        font-size: 17px;
        line-height: 1.3;
    }

}

@media all and (max-width:800px) {

    div.new_center_wrap  ul.goal_wrap img {
        max-width: 55%;
    }

    div.new_center_wrap div.gradient{
        display: none;
    }

    div.new_center_wrap ul.vision_wrap {
        grid-template-columns: 1fr 1fr;
    }

    div.new_center_wrap ul.vision_wrap {
        margin-top: 30px;
        grid-gap: 20px;
    }

    div.new_center_wrap ul.goal_wrap {
        grid-gap: 10px;
    }


}

@media all and (max-width:500px) {

    div.new_center_wrap p.color_bullet{
        margin-bottom: 20px;
    }

    div.new_center_wrap ul.goal_wrap{
        grid-template-columns: 1fr 1fr;
    }

    div.new_center_wrap ul.goal_wrap > li {
        margin-bottom: 2rem;
    }

    div.new_center_wrap p.mission_maintxt,p.slogan_title{
        font-size: 40px;
    }

    div.new_center_wrap p.vision_maintxt{
        font-size: 25px;
    }

    div.new_center_wrap  ul.goal_wrap img {
        max-width: 50% !important;
    }


    div.new_center_wrap ul.vision_wrap li > div p:first-child,
    div.new_center_wrap ul.goal_wrap li div > p,
    div.new_center_wrap p.slogan_title > span{
        font-size: 18px;
    }

    div.new_center_wrap ul.vision_wrap li > div p:last-child,
    div.new_center_wrap ul.goal_wrap li div > span,
    div.new_center_wrap p.color_bullet span{
        font-size: 16px;
        line-height: 1.3;
    }
}

@media all and (max-width:440px) {
    div.new_center_wrap ul.vision_wrap li > div p:last-child{
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    div.new_center_wrap ul.goal_wrap li div > span{
        font-size: 14px;
        line-height: 20px;
    }

    div.new_center_wrap div.vision_box,
    div.new_center_wrap div.goal26_box,
    div.new_center_wrap div.slogan_box,
    div.new_center_wrap div.mission_box {
        margin-bottom: 15%;
    }

    div.new_center_wrap p.vision_maintxt{
        font-size: 25px;
    }
    
}    

/* 문화도시센터 반응형 end */



/* ---------- 동네기록관 [250626] ---------- */
.record_color1 { color: #57bec5 !important; }
.record_color2 { color: #33c469 !important; }
.record_color3 { color: #da3079 !important; }
.record_color4 { color: #9b3df3 !important; }
/* ---------- // 동네기록관 [250626] ---------- */