@media screen and (max-width:1380px) {
    section.sc03-0 ul::after
    {display:block; clear:both; content:'';}
    section.sc03-0 ul li 
    {padding-left: 20px; padding-right: 20px; float:left; height:430px;}
    section.sc03-0 ul li p br
    {display:none;}
    section.sc03-0 ul li p
    {height:auto;}

    /* 청년재단 무료 프로그램 */
    section.program
    {height:auto; bottom:0; padding:100px 0;}

    .col_wrap>div .inner_list ul
    {text-align:center;}
    .col_wrap>div .inner_list ul li
    {float:none; display:inline-block; margin-right:35px; text-align:left;}
    .col_wrap>div .inner_list
    {height:auto;}

    /* 청년재단 이야기 */
    section.sc061 .inner
    {padding:120px 20px 30px;}

    /* 그래서 청년서가 배너 */
    section.sc06_banner_sec .sc06_banner_img
    {width:100%;}

    /* 기부자들 후원 */
    section.sc03-0 ul li em
    {font-size:32px;}
    section.sc03-0 ul li i
    {left:60%;}
    





}

@media screen and (max-width:1280px) {
    section.sc01 .cont_item .info em br {
        display: none;
    }
}

@media screen and (max-width:1070px) {
    #side {
        position: absolute;
        top: 50px;
        padding: 20px;
        text-align: right;
        width:auto;
        right:0;

    }


    .inner {
        padding: 0;
    }

    #side .date {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        vertical-align: top;
        margin-top: 7px;
    }

    #side .date path {
        fill: #fff;
    }

    img.pc {
        display: none;
    }

    img.mo {
        display: inline-block;
        word-break: keep-all;
    }

    .cont_list_02 .event_title {
        height: 60px;
        margin: 0;
    }

    .event_title img.mo {
        display: inline-block;
        word-break: keep-all;
        width: 180px;
    }

    section.sc02 .cont_list_02 {
        padding: 0 10px;
    }

    section.sc03-0 .job {
        margin-bottom: 60px;
    }

    section.sc03-0 .job img.pc {
        display: block;
    }

    section.sc03-0 .job img.mo {
        display: none;
    }

    #side .select_wrap {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        margin-left: 20px;
        vertical-align: top;
    }

    #side .select_wrap::after {
        content: none;
        word-break: keep-all;
    }

    #header {
        height: 40px;
    }

    #header .logo {
        width: 86px;
        height: 30px;
        position: absolute;
        top: 15px;
        left: 20px;
    }

    #header .sns_list {
        position: absolute;
        top: 15px;
        right: 20px;
    }

    #header .sns_list li a {
        width: 30px;
        height: 30px;
    }

    .content {
        padding-top: 100px;
        padding-bottom: 0px;
        font-size: 9px;
        line-height: 31px;
        font-weight: auto;
        word-break: keep-all;
    }

    section.sc01 .cont_item .info p {
        margin-top: 5px;
        word-break: keep-all;
    }

    section.sc01 .cont_item .info p br {
        display: none;
        word-break: keep-all;
    }

    section.sc03-0 {
        padding-left: 20px;
        padding-right: 20px;
        word-break: keep-all;
    }

    .btn_subscript {
        font-size: 0;
        top: 15px;
        right: 168px;
    }

    .btn_subscript::before {
        margin: 0;
        height: 30px;
        word-break: keep-all;
    }

    section.sc02 .tit span {
        text-align: justify;
        word-break: keep-all;
    }

    section.sc02 .tit span br {
        display: none;
    }

    section.sc02 .cont_list ul li {
        width: 30%;
    }

    .col_wrap>div .inner_list ul li p,
    .col_wrap>div .inner_list ul li a {
        font-size: 20px;
    }

    section.sc03 ul {
        padding-bottom: 40px;
    }


    section.sc03-0 ul li
    {width:100%; margin:0;}
    section.sc03-0 ul li+li
    {margin:0;}
    section.sc03-0 ul li i
    {display:none;}
    section.sc06_banner_sec .sc06_banner_img
    {width:100%; background-position:inherit; background-size:cover; height:auto;}
    section.sc06_banner_sec .sc06_banner_text_inner
    {padding:30px 256px;}
    section.sc06_banner_sec .sc06_banner_star .sc06_banner_star_img
    {background-position-x:100%;}


    /* 청년재단 신규직원 공개채용 */
    section.sc06_banner_sec .sc06_star_sec_text .inner
    {padding:0 0 0 50px;}
}

@media screen and (max-width:1023px) {
    .content .top {
        font-size: 10px;
        line-height: 40px;
        margin-top: 10px;
        word-break: keep-all;
        padding-top:43%;
        height:auto;
        background-size:cover;
    }

    .content .top>div h1 {
        font-size: 18px;
        word-break: keep-all;
    }

    .content .top>div p {
        font-size: 20px;
        line-height: 16px;
        margin-top: 20px;
        word-break: keep-all;
    }

    section.sc02 .bg_obj i:nth-child(1) {
        top: -89px;
        width: 98px;
        height: 203px;
        word-break: keep-all;
    }

    section.sc02 .bg_obj i:nth-child(2) {
        top: -7px;
        width: 63.5px;
        height: 121px;
        background-image: url(../img/assets/img-obj2.png);
        word-break: keep-all;
    }

    section.sc02 .bg_obj i:nth-child(3) {
        bottom: 40px;
        left: 0;
        width: 88.5px;
        height: 92.5px;
        background-image: url(../img/assets/img-obj3.png);
        word-break: keep-all;
    }

    section.sc02 .bg_obj i:nth-child(4) {
        bottom: -19px;
        right: 0;
        width: 83.5px;
        height: 111.5px;
        background-image: url(../img/assets/img-obj4.png);
        word-break: keep-all;
    }

    section.sc02 .cont_wrap .tit
    {text-align:center;}
    section.sc02 .cont_wrap .tit h2
    {width:50%; display:inline-block;}

    section .tit h2 {
        font-size: 20px;
        word-break: keep-all;
    }

    section .tit p {
        font-size: 16px;
        word-break: keep-all;
    }

    section.sc02 .tit span {
        font-size: 16px;
        word-break: keep-all;
    }


    .colored_list ul li a {
        font-size: 16px;
        padding: 0 15px;
        line-height: 45px;
        word-break: keep-all;
    }

    section.sc02 .cont_list ul li
    {width:23%; height:350px;}
    

    section.sc02 .cont_list ul li em {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
        word-break: keep-all;
    }

    section.sc02 .cont_list ul li span {
        font-size: 13px;
        line-height: 20px;
        word-break: keep-all;
    }

    section.sc02 .cont_list ul li a {
        font-size: 13px;
        margin:20px auto 18px;
    }

    section.sc02 .cont_list ul li p {
        font-size: 14px;
        line-height: 22px;
        word-break: keep-all;
    }

    section.sc02 .cont_list ul li>div {
        padding: 35px 15px 0;
    }

    #footer .logo {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin: 0 auto;
        width: 86px;
        height: 30px;
    }

    #footer {
        text-align: center;
    }

    #footer ul {
        padding-left: 0;
        margin-top: 20px;
        display: inline-block;
    }

    #footer ul li {
        display: block;
    }

    #footer ul li:first-child {
        border: none;
        padding: 0;
    }

    #footer ul li+li {
        margin-left: 0;
        margin-top: 20px;
    }

    section.sc01 .inner div {
        width: 100%;
        word-break: keep-all;
    }

    section.sc01 .cont_item .thumb {
        width: 160px;
        height: 140px;
        word-break: keep-all;
    }

    section.sc01 .inner .cont_item {
        width: 100%;
        padding-left: 160px;
        height: 140px;
        word-break: keep-all;
    }

    section.sc01 .cont_item .info em {
        font-size: 18px;
        left: 24px;
        height: auto;
        overflow: visible;
        display: -webkit-box;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
    }

    section.sc01 .inner>.cont_item+.cont_item {
        margin-left: 0;
        margin-top: 20px;
    }

    section.sc01 .cont_item .info p {
        font-size: 13px;
        line-height: 20px;
        height: auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
    }

    section.sc12 .inner div {
        width: 100%;
        word-break: keep-all;
    }

    section.sc12 .cont_item .thumb {
        width: 140px;
        height: 140px;
        word-break: keep-all;
    }

    section.sc12 .inner .cont_item {
        width: 100%;
        padding-left: 150px;
        height: 140px;
        word-break: keep-all;
    }

    section.sc12 .cont_item .info em {
        text-align: justify;
        font-size: 19px;
        left: 24px;
        height: auto;
        overflow: visible;
        display: -webkit-box;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
    }

    section.sc12 .inner>.cont_item+.cont_item {
        margin-left: 0;
        margin-top: 20px;
        word-break: keep-all;
    }

    section.sc12 .cont_item .info p {
        font-size: 13px;
        line-height: 20px;
        height: auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
        word-break: keep-all;
    }



    section.sc03-0 ul li {

        /* height: 300px; */
        padding-top: 110px;
        word-break: keep-all;
    }

    section.sc03-0 ul li .top {
        top: 40px;
        word-break: keep-all;
    }

    section.sc03-0 ul li .bottom {
        bottom: 30px;
    }

    section.sc03-0 ul li+li {

    }

    section.sc03-0 ul li .char_01 {
        left: 0;
        bottom: -50px;
    }

    section.sc03-0 ul li .char_02 {
        top: -80px;
        right: 0;
    }

    section.sc03-0 ul li em {
        font-size: 22px;
        line-height: 28px;
        height: 56px;
    }

    section.sc03-0 ul li p {
        font-size: 13px;
        line-height: 23px;
        word-break: keep-all;
    }

    section.sc03-0 ul li .btn_outline {
        font-size: 13px;
        word-break: keep-all;
    }

    section.sc03-0 ul li b {
        font-size: 18px;
    }

    section.sc03-0 ul li .contact {
        font-size: 18px;
        width: 145px;
        word-break: keep-all;
    }

    .subscription_modal.open .inner {
        padding: 20px;
        word-break: keep-all;
    }

    .subscription_modal .inner .agree_wrap {
        margin-top: 20px;
    }

    section.sc03-0 ul li i {
        transform: scale(0.7);
    }

    .col_wrap {
        display: block;
        word-break: keep-all;
    }

    .col_wrap>div+div {
        margin-left: 0;
        margin-top: 40px;
    }

    .sub_tit h3 {
        font-size: 20px;
    }

    .sub_tit>div {
        height: auto;
        margin: 10px auto 15px;
    }

    .sub_tit>div p {
        font-size: 15px;
    }

    .col_wrap>div .inner_list
    {height:auto;}
    
    .col_wrap>div .inner_list ul::after{
        content:'';
        display:block;
        clear:both;
    }
    .col_wrap>div .inner_list ul {
        display: block;
        height: auto;
        word-break: keep-all;
    }

    .col_wrap>div .inner_list ul li {
        height: 100%;
        
        width:100%;
    }


    .col_wrap>div .inner_list ul li a
    {padding:10px 30px;}


    .col_wrap>div+div .inner_list ul li {
        height: auto;
        padding: 15px 0;
        padding-left: 33px;
    }

    .col_wrap>div .inner_list {
        max-width: 500px;
        margin: 0 auto;
    }

    .col_wrap>div .inner_list ul li p,
    .col_wrap>div .inner_list ul li a {
        font-size: 17px;
        padding-left:15px;
    }

    .col_wrap>div .inner_list ul li p


    section.sc03 ul {
        max-width: 670px;
        padding-top: 0;
    }

    section.sc03 ul li {
        padding-left: 90px;
    }

    section.sc03 ul li .thumb {
        bottom: 50%;
        transform: translateY(50%);
    }

    section.sc03 ul li .thumb>div {
        width: 70px;
        background-position: center;
    }

    section.sc03 ul li .info em {
        font-size: 22px;
    }

    section.sc03 ul li .info p {
        font-size: 15px;
        line-height: 21px;
    }

    section.sc03 ul li .info span,
    section.sc03 ul li .info a {
        font-size: 15px;
        line-height: 20px;
        margin-top: 15px;
    }

    section.sc03 ul li .info a.btn_small_outline {
        line-height: 28px;
        margin-top: 11px;
    }

    section.sc03 ul li .info a {
        background-size: 20px auto;
        padding-left: 24px;
        background-position: left center;
    }

    section.sc02 .tit h2.symbol::after {
        width: 164px;
        height: 109px;
    }


    section.sc061 .cont_item .txt_bar > div
    {width:100%; text-align:center;}
    section.sc06_banner_sec .sc06_banner_text_inner
    {padding:30px 20px 30px 18%;}
    section.sc03-0 ul li em
    {font-size:38px; line-height:1.2; height:auto}
    section.sc03-0 ul li p
    {font-size:18px; line-height:1.3; display:inline-block; width:100%; margin:20px 0px 30px;}
}


@media screen and (max-width:868px){
    section.sc06_banner_sec .sc06_star_sec_text .inner
    {padding:0 20px;}

    section.sc06_banner_sec .sc06_banner_text_inner
    {padding:30px 20px 30px 35%;}


    section.sc02 .cont_list {
        margin-top: 20px;
    }

    section.sc02 .cont_list ul {
        padding: 0 20px;
    }

    section.sc02 .cont_list ul li,
    section.sc02 .cont_list ul li.col2 {
        width: 100%;
        height:425px;
    }

    section.sc02 .cont_list ul li+li {
        margin-left: 0;
        margin-top: 20px;
    }

    section.sc02 .cont_list ul li i {
        width: 26px;
        height: 17px;
    }


}

@media screen and (max-width:767px) {

    /* 헤더 */
    #side {
     padding:0 20px;   
    }

    #side .date {
        /*display: block;*/
        margin-top:13px;
    }

    #side .select_wrap {
        margin-left: 0;
        margin-top: 10px;
    }


    /* 메인 비주얼 */
    .content>.top {
        padding-top:64%;
    }



    section.sc01 .inner .cont_item {
        height: auto;
        padding-left: 0;
    }

    section.sc01 .cont_item .info em br {
        display: block;
    }

    section.sc01 .cont_item .info em {
        line-height: 24px;
    }

    section.sc01 .cont_item .info p {
        word-break: keep-all;
    }

    .colored_list ul li a {
        display: block;
        padding: 15px;
        font-size: 14px;
        line-height: 20px;
        text-indent: -8px;
        padding-left: 23px;
        word-break: keep-all;
    }

    .colored_list ul li a b {
        display: inline;
        margin-left: 0;
    }



    section.sc03 ul li .info p br {
        display: none;
        text-align: justify;
        word-break: keep-all;
    }



    section.sc01 .cont_item {
        height: auto;
        padding-left: 0;
    }

    section.sc01 .cont_item a {
        display: block;
    }


    section.sc01 .cont_item a:after {
        content:'';
        display:block;
        clear:both;
    }

    section.sc01 .cont_item .thumb {
        /*width: 100%;
        padding-top: 90%;
        height: auto;*/
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 202px;
        height: 179px;
        float: left;
    }

    section.sc01 .cont_item .info {
        width:50%; 
        display:inline-block;
        padding:15px 10px;
    }

    section.sc01 .inner {
        
    }

    section.sc01 .inner .tit {
        margin-bottom: 10px;
    }

    section.sc01 .inner .tit h2 i {
        display: block;
    }

    section.sc01 .inner .cont_item {
        margin-top: 20px;
    }


    section.sc02 .cont_wrap .tit {
        padding:40px 0 20px;
    }

    section.sc03-0 {
        /* padding-bottom: 0; */
    }

    section.sc03-0 ul {
        padding-top: 30px;
    }

    section.sc03-0 ul li {
        width: 100%;
        padding-top: 30px;
    }

    section.sc03-0 ul li i {
        height: 240px;
        top: -90px;
        left: 280px;
        transform: scale(0.5);
    }

    section.sc03-0 ul li+li {
        margin-left: 0;
        margin-top: 50px;
    }

    section.sc03-0 ul li em {
        height: auto;
    }

    section.sc03-0 ul li p {
        height: auto;
    }

    section.sc03-0 ul li .btn_outline {
        margin-top: 24px;
    }

    section.sc03-0 .job img.pc {
        display: none;
    }

    section.sc03-0 .job img.mo {
        display: inline-block;
    }

    section.sc03-0 ul li b {
        font-size: 15px;
    }

    section.sc03-0 ul li .contact {
        font-size: 15px;
        line-height: 20px;
        background-size: 20px auto;
        padding-left: 24px;
        width: 115px;
    }

    .sub_tit>div p {
        width: 280px;
        word-break: keep-all;
    }

    section.sc03 ul li {
        padding-left: 0;
    }

    section.sc03 ul li .thumb>div {
        height: 90px;
    }

    section.sc03 ul li .thumb {
        transform: none;
        bottom: auto;
        top: -60px;
        left: 20px;
    }

    section.sc03 ul li .info {
        padding-top: 40px;
    }

    section.sc03 ul li .info em {
        word-break: keep-all;
        line-height: 1.2em;
        font-size: 20px;
    }

    section.sc03 ul li .info p {
        word-break: keep-all;
        text-align: justify;
    }

    section.sc03 ul li .info span {
        display: block;
    }

    .ico_mail {
        background-position: left 4px !important;
    }

    section.sc03 ul li .info a.btn_small_outline {
        width: 100%;
        margin-left: 0;
        text-align: center;
        line-height: 35px;
        margin-top: 22px;
    }

    section.sc02 .tit h2.symbol {
        width: 100%;
    }

    section.sc02 .tit h2.symbol::after {
        left: calc(100% - 100px);
        width: 80px;
        height: 53px;
        bottom: -20px;
    }

    section.sc02 .tit h2 strong {
        position: relative;
        z-index: 2;
    }

    .button {
        background-color: #ff6666;
        /* Green */
        border: none;
        color: white;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 11px;
        margin: 3px 18px;
        cursor: pointer;
        width: auto;
        line-height: 16px;
        word-break: keep-all;
    }

    section.sc061 .inner div {
        width: 100%;
        word-break: keep-all;
    }

    section.sc061 .cont_item .thumb {
        width: 100%;
        height: 15%;
        word-break: keep-all;
    }

    section.sc061 .inner .cont_item {
        width: 100%;
        /* padding-left: 160px; */
        /* height: 140px; */
        word-break: keep-all;
    }

    section.sc061 .cont_item .info em {
        font-size: 18px;
        left: 24px;
        height: auto;
        overflow: visible;
        display: -webkit-box;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
    }

    section.sc061 .inner>.cont_item+.cont_item {
        margin-left: 0;
        margin-top: 20px;
    }

    section.sc061 .cont_item .info p {
        font-size: 13px;
        line-height: 20px;
        height: auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
    }

    section.sc02 .tit
    {padding:0 20px;}

    section.sc06_banner_sec .sc06_star_sec_text .inner .tit h3
    {font-size:21px;}
    section.sc06_banner_sec .sc06_star_sec_text .inner .tit h1
    {font-size:36px;}
    section.sc06_banner_sec .sc06_star_sec_text .inner .txt h4
    {font-size:19px;}
    .sc06_banner_mo
    {display:block; text-align:center; margin:50px 0 0}
    section.sc06_banner_sec .sc06_banner_img.sc06_banner_pc
    {display:none;}


    /* 청년재단 이야기 */
    section.sc061 .inner
    {padding:60px 20px 30px;}
}


@media screen and (max-width:630px){
    section.sc02.program .cont_wrap ul li
    {margin-right:0;}
    section.sc06_banner_sec .sc06_banner_star .sc06_banner_star_img
    {background-image:none;}

}

@media screen and (max-width:447px){
    section.sc02 .tit h2.symbol::after
    {left:calc(100% - 65px);}

    section.sc01 .cont_item .thumb
    {width:40%; padding-top:40%; height:auto;}
    section.sc01 .cont_item .info
    {width:60%;}

    section.program .cont_wrap
    {padding:30px 0 75px;}
    section.sc02 .cont_wrap .tit
    {padding:0 0 20px;}
}


@media screen and (max-width:414px){


    /* 헤더 */
    #header
    {position:relative;}
    #header .inner
    {padding:0;}
    /* 지난 호 보기 */
    #side
    {top:330px; text-align:right; z-index:999; padding:20px;}
    #side .date
    {width:100px; margin:0px; vertical-align:bottom;}
    #side .select_wrap
    {margin:0;}

    /* 컨텐츠 */
    .content
    {padding-top:20px;}


    section.sc02 .tit
    {padding:40px 20px;}
    section.sc02 .tit h2.symbol::after
    {left:calc(100% - 100px); bottom:-50px;}

    section.sc02 .cont_list_02
    {padding:5px;}


    /* 구독과 좋아요 알림설정까지 가능 */
    section.sc02
    {padding:100px 0 0px;}
    section.sc02 .package
    {padding-top:50px;}


    /* 청년재단 무료 프로그램 */
    section.program .bg_obj i
    {display:none;}
    .col_wrap>div .inner_list ul li
    {padding:0; margin:10px 0;}
    .col_wrap>div .inner_list ul li:nth-child(odd)
    {margin-right:0;}
    .col_wrap>div .inner_list ul li a
    {padding:20px 0;}
    section.program .program-detail
    {padding:0 20px 0 40px;}
    .col_wrap>div .inner_list ul li span
    {width:20px;}
    section.program .cont_wrap .col_wrap ul li p
    {padding-left:0;}
    .col_wrap>div .inner_list ul p b
    {font-size:25px;}
    .col_wrap>div .inner_list ul p b br
    {display:none;}
    .col_wrap>div .inner_list ul li p br
    {display:none;}
    section.sc06_banner_sec .sc06_banner_star .sc06_banner_star_img
    {background:none; height:auto}

    section.sc061 .cont_item .tit em
    {font-weight:500; font-size:17px;}
    section.sc061 .cont_item .txt em
    {font-size:18px;}

    img.mo
    {width:350px;}

    /* 청년서가 배너 */
    .sc06_banner_mo img
    {width:100%;}


    /* 기부자들의 후원 */
    section.sc03-0 ul li em
    {font-size:32px;}
    section.sc03-0 ul li em br
    {display:none;}





}

@media screen and (max-width:380px){
    #side
    {top:300px;}
}