@media screen and (min-width:1201px) {

    .faq_list {
        border-top: 2px solid #119cae;
    }
    .faq_item {
    }
    .faq_item .faq_tit {
        position: relative;
        padding-left: 70px;
        height: 59px;
        line-height: 59px;
        border-bottom: 1px solid #eaeaea;
        background-image: url('/res/service/img/sub_common/ico_question.png');
        background-repeat: no-repeat;
        background-position: 30px center;
        cursor: pointer;
    }
    .faq_item .faq_tit span {
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 25px;
        width: 20px;
        height: 20px;
        background-image: url('/res/service/img/sub_common/opt_arr_down.png');
        background-repeat: no-repeat;
    }
    .faq_item.on .faq_tit span {
        background-image: url('/res/service/img/sub_common/opt_arr_up.png');
    }
    .faq_item.on .faq_tit {
        color: #119cae;
        border-bottom: 1px solid #b7e1e7;
        background-image: url('/res/service/img/sub_common/ico_question_pressed.png');
    }
    .faq_item .faq_answer {
        display: none;
        padding: 30px 30px 30px 70px;
        line-height: 24px;
        background-color: #f8f8f8;
        background-image: url('/res/service/img/sub_common/ico_answer.png');
        background-repeat: no-repeat;
        background-position: 30px 30px;
    }



    .notice_calendar_group {
        overflow: auto;
    }
    .notice_calendar_group .notice_calendar {
        display: inline-block;
        width: 840px;
        border: 1px solid #d0e5e9;
        float: left;
    }
    .notice_calendar_group .calendar_header {
        position: relative;
        height: 62px;
        text-align: center;
        background-color: #e8f9fd;
    }
    .notice_calendar_group .calendar_header .date_nav {
        display: inline-block;
        height: 62px;
        text-align: center;
    }
    .notice_calendar_group .calendar_header .date_nav img {
        vertical-align: middle;
        margin-top: -5px;
        margin-right: 20px;
        margin-left: 20px;
        cursor: pointer;
    }
    .notice_calendar_group .calendar_header .date_nav span {
        display: inline-block;
        height: 62px;
        line-height: 62px;
        color: #0090a3;
        font-size: 22px;
    }
    .notice_calendar_group .calendar_header .today_btn {
        position: absolute;
        top: 25px;
        right: 30px;
        width: 75px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border: 1px solid #8dcdd5;
        border-radius: 15px;
        cursor: pointer;
    }
    .notice_calendar_group .day_header {
        height: 50px;
        background-color: #e8f9fd;
    }
    .notice_calendar_group .day_header span {
        display: inline-block;
        width: 13.9%;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .notice_calendar_group .day_header span.sun {
        color: #ea3945;
    }
    .notice_calendar_group .day_header span.sat {
        color: #014d98;
    }
    .notice_calendar_group .day_list > div {
        height: 134px;
        border-bottom: 1px solid #ececec;
    }
    .notice_calendar_group .day_list > div.last {
        border-bottom: none;
    }
    .notice_calendar_group .day_list > div > div {
        display: inline-block;
        width: 14%;
        height: 132px;
        border: 1px solid #ffffff;
        float: left;
    }
    .notice_calendar_group .day_list > div > div.on {
        background-color: #f3fdff;
        border: 1px solid #119cae;
    }
    .notice_calendar_group .day_list > div > div p {
        padding-left: 10px;
        height: 30px;
        line-height: 30px;
    }
    .notice_calendar_group .day_list > div > div span {
        display: inline-block;
        margin-right: 5px;
        width: 9px;
        height: 9px;
        background-color: #119cae;
    }
    .notice_calendar_group .notice_schedule {
        display: inline-block;
        width: 277px;
        border-right: 1px solid #ececec;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        float: left;
    }
    .notice_calendar_group .notice_schedule .schedule_header {
        height: 81px;
        line-height: 81px;
        text-align: center;
        font-size: 16px;
        font-family: 'NanumBarunGothicBold', dotum;
        color: #000000;
        border-bottom: 1px solid #ececec;
    }
    .notice_calendar_group .schedule_list {
        height: 704px;
        overflow-y: scroll;
    }
    .notice_calendar_group .schedule_list .schedule_item {
        padding: 20px;
        height: 41px;
        border-bottom: 1px solid #ececec;
        cursor: pointer;
    }
    .notice_calendar_group .schedule_list .schedule_item p {
        letter-spacing: -1px;
        color: #119cae;
        font-family: 'NanumBarunGothicBold', dotum;
        margin-bottom: 10px;
    }

    .option_item {
        display: inline-block;
        line-height: 20px;
        margin-right: 20px;
    }
    .option_item img {
        vertical-align: middle;
        margin-right: 10px;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {

    .faq_list {
        border-top: 2px solid #119cae;
    }
    .faq_item {
    }
    .faq_item .faq_tit {
        position: relative;
        padding-left: 70px;
        height: 59px;
        line-height: 59px;
        border-bottom: 1px solid #eaeaea;
        background-image: url('/res/service/img/sub_common/ico_question.png');
        background-repeat: no-repeat;
        background-position: 30px center;
        cursor: pointer;
    }
    .faq_item .faq_tit span {
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 25px;
        width: 20px;
        height: 20px;
        background-image: url('/res/service/img/sub_common/opt_arr_down.png');
        background-repeat: no-repeat;
    }
    .faq_item.on .faq_tit span {
        background-image: url('/res/service/img/sub_common/opt_arr_up.png');
    }
    .faq_item.on .faq_tit {
        color: #119cae;
        border-bottom: 1px solid #b7e1e7;
        background-image: url('/res/service/img/sub_common/ico_question_pressed.png');
    }
    .faq_item .faq_answer {
        padding: 30px 30px 30px 70px;
        line-height: 24px;
        background-color: #f8f8f8;
        background-image: url('/res/service/img/sub_common/ico_answer.png');
        background-repeat: no-repeat;
        background-position: 30px 30px;
    }


    .notice_calendar_group {
        overflow: auto;
    }
    .notice_calendar_group .notice_calendar {
        border: 1px solid #d0e5e9;
        margin-bottom: 30px;
    }
    .notice_calendar_group .calendar_header {
        position: relative;
        height: 62px;
        text-align: center;
        background-color: #e8f9fd;
    }
    .notice_calendar_group .calendar_header .date_nav {
        display: inline-block;
        height: 62px;
        text-align: center;
    }
    .notice_calendar_group .calendar_header .date_nav img {
        vertical-align: middle;
        margin-top: -5px;
        margin-right: 20px;
        margin-left: 20px;
        cursor: pointer;
    }
    .notice_calendar_group .calendar_header .date_nav span {
        display: inline-block;
        height: 62px;
        line-height: 62px;
        color: #0090a3;
        font-size: 22px;
    }
    .notice_calendar_group .calendar_header .today_btn {
        position: absolute;
        top: 25px;
        right: 30px;
        width: 75px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border: 1px solid #8dcdd5;
        border-radius: 15px;
        cursor: pointer;
    }
    .notice_calendar_group .day_header {
        height: 50px;
        background-color: #e8f9fd;
    }
    .notice_calendar_group .day_header span {
        display: inline-block;
        width: 13.9%;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .notice_calendar_group .day_header span.sun {
        color: #ea3945;
    }
    .notice_calendar_group .day_header span.sat {
        color: #014d98;
    }
    .notice_calendar_group .day_list > div {
        height: 134px;
        border-bottom: 1px solid #ececec;
    }
    .notice_calendar_group .day_list > div.last {
        border-bottom: none;
    }
    .notice_calendar_group .day_list > div > div {
        display: inline-block;
        width: 13.9%;
        height: 132px;
        border: 1px solid #ffffff;
        float: left;
    }
    .notice_calendar_group .day_list > div > div.on {
        background-color: #f3fdff;
        border: 1px solid #119cae;
    }
    .notice_calendar_group .day_list > div > div p {
        padding-left: 10px;
        height: 30px;
        line-height: 30px;
    }
    .notice_calendar_group .day_list > div > div span {
        display: inline-block;
        margin-right: 5px;
        width: 9px;
        height: 9px;
        background-color: #119cae;
    }
    .notice_calendar_group .notice_schedule {
        height: 340px;
        border: 1px solid #ececec;
    }
    .notice_calendar_group .schedule_header {
        height: 81px;
        line-height: 81px;
        text-align: center;
        font-size: 16px;
        font-family: 'NanumBarunGothicBold', dotum;
        color: #000000;
        border-bottom: 1px solid #ececec;
    }
    .notice_calendar_group .schedule_list {
        height: 258px;
        overflow-y: scroll;
    }
    .notice_calendar_group .schedule_list .schedule_item {
        padding: 20px;
        height: 41px;
        border-bottom: 1px solid #ececec;
        cursor: pointer;
    }
    .notice_calendar_group .schedule_list .schedule_item p {
        letter-spacing: -1px;
        color: #119cae;
        font-family: 'NanumBarunGothicBold', dotum;
        margin-bottom: 10px;
    }

    .option_item {
        display: inline-block;
        line-height: 20px;
        margin-right: 20px;
    }
    .option_item img {
        vertical-align: middle;
        margin-right: 10px;
    }
}

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

    .faq_list {
        border-top: 2px solid #119cae;
    }
    .faq_item {
    }
    .faq_item .faq_tit {
        position: relative;
        padding: 10px 35px 10px 40px;
        line-height: 24px;
        border-bottom: 1px solid #eaeaea;
        background-image: url('/res/service/img/sub_common/ico_question.png');
        background-repeat: no-repeat;
        background-position: 10px center;
        cursor: pointer;
    }
    .faq_item .faq_tit span {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -4px;
        width: 12px;
        height: 8px;
        background-image: url('/res/service/img/sub_common/opt_arr_down.png');
        background-repeat: no-repeat;
    }
    .faq_item.on .faq_tit span {
        background-image: url('/res/service/img/sub_common/opt_arr_up.png');
    }
    .faq_item.on .faq_tit {
        color: #119cae;
        border-bottom: 1px solid #b7e1e7;
        background-image: url('/res/service/img/sub_common/ico_question_pressed.png');
    }
    .faq_item .faq_answer {
        padding: 30px 15px 30px 45px;
        line-height: 24px;
        background-color: #f8f8f8;
        background-image: url('/res/service/img/sub_common/ico_answer.png');
        background-repeat: no-repeat;
        background-position: 15px 30px;
    }


    .notice_calendar_group {
        overflow: auto;
    }
    .notice_calendar_group .notice_calendar {
        border: 1px solid #d0e5e9;
        margin-bottom: 10px;
    }
    .notice_calendar_group .calendar_header {
        position: relative;
        height: 62px;
        text-align: center;
        background-color: #e8f9fd;
    }
    .notice_calendar_group .calendar_header .date_nav {
        display: inline-block;
        height: 62px;
        text-align: center;
    }
    .notice_calendar_group .calendar_header .date_nav img {
        vertical-align: middle;
        margin-top: -5px;
        margin-right: 20px;
        margin-left: 20px;
        cursor: pointer;
    }
    .notice_calendar_group .calendar_header .date_nav span {
        display: inline-block;
        height: 62px;
        line-height: 62px;
        color: #0090a3;
        font-size: 22px;
    }
    .notice_calendar_group .calendar_header .today_btn {
        display: none;
    }
    .notice_calendar_group .day_header {
        height: 50px;
        background-color: #e8f9fd;
    }
    .notice_calendar_group .day_header span {
        display: inline-block;
        width: 13%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 9px;
    }
    .notice_calendar_group .day_header span.sun {
        color: #ea3945;
    }
    .notice_calendar_group .day_header span.sat {
        color: #014d98;
    }
    .notice_calendar_group .day_list > div {
        height: 72px;
        border-bottom: 1px solid #ececec;
    }
    .notice_calendar_group .day_list > div.last {
        border-bottom: none;
    }
    .notice_calendar_group .day_list > div > div {
        display: inline-block;
        width: 13.3%;
        height: 70px;
        border: 1px solid #ffffff;
        float: left;
    }
    .notice_calendar_group .day_list > div > div.on {
        background-color: #f3fdff;
        border: 1px solid #119cae;
    }
    .notice_calendar_group .day_list > div > div p {
        padding-left: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 9px;
    }
    .notice_calendar_group .day_list > div > div span {
        display: inline-block;
        margin-right: 2px;
        width: 5px;
        height: 5px;
        background-color: #119cae;
    }
    .notice_calendar_group .notice_schedule {
        height: 305px;
        border: 1px solid #ececec;
    }
    .notice_calendar_group .schedule_header {
        height: 57px;
        line-height: 57px;
        text-align: center;
        font-size: 16px;
        font-family: 'NanumBarunGothicBold', dotum;
        color: #000000;
        border-bottom: 1px solid #ececec;
    }
    .notice_calendar_group .schedule_list {
        height: 247px;
        overflow-y: scroll;
    }
    .notice_calendar_group .schedule_list .schedule_item {
        padding: 20px;
        height: 41px;
        border-bottom: 1px solid #ececec;
        cursor: pointer;
    }
    .notice_calendar_group .schedule_list .schedule_item p {
        letter-spacing: -1px;
        color: #119cae;
        font-family: 'NanumBarunGothicBold', dotum;
        margin-bottom: 10px;
    }


    .option_item {
        display: inline-block;
        line-height: 20px;
        margin-right: 20px;
    }
    .option_item img {
        vertical-align: middle;
        margin-right: 10px;
    }

}