/*=layout 공통=*/
@media screen and (max-width: 1024px) {
    /*#sub_visual{display:none;}*/
    #m_sub_visual {
        display: block;
    }

    #sub_container {
        width: 93%;
        margin: 30px auto;
    }

    #sub_menu {
        display: none;
    }

    #sub_content {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    #sub_content h2.sub_tit {
        font-size: 30px;
        margin: 20px 0 40px 0;
    }
}

@media screen and (max-width: 480px) {
    #sub_container {
        width: 90%;
        margin: 25px auto;
    }

    #sub_content h2.sub_tit {
        font-size: 26px;
        margin: 15px 0 35px 0;
    }
}

/*사이트맵*/
@media screen and (max-width: 500px) {
    #sitemap_nav section {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
}

/*로그인*/
@media screen and (max-width: 480px) {
    #login_box {
        width: 85%;
    }
}

/*==태블릿==*/
@media screen and (min-width: 768px) and (max-width: 1199px) {

    /* 댓글입력폼 영역 */
    ul.reply_write_input {
        overflow: hidden;
    }

    ul.reply_write_input li {
        float: left;
        margin-right: 10px;
    }

    ul.in_box1 {
        float: left;
    }

    ul.in_box2 {
        float: left;
    }

    /* 첨부파일 */
    .attachment {
        background: #f5f5f5;
        min-height: 20px;
        padding: 3px 0 3px 0;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    /*=== 쓰기 상단 섹션(리스트 쓰기) ===*/
    .write_top {
        font-size: 13px;
        font-family: 'nanum gothic';
    }

    ul.input_section li {
        margin-bottom: 10px;
    }

    ul.input_section li:nth-child(8) {
        overflow: hidden;
        height: 37px;
    }

    ul.input_section li input {
        height: 30px;
        border-radius: 3px;
        padding: 0 10px 0 5px;
        color: #ccc;
        width: 96.5%;
    }

    ul.input_section li button {
        margin-bottom: 4px;
    }

    input.input_txt:hover {
        border: 1px solid #67c0ff;
    }

    input.input_txt:focus {
        border: 1px solid #67c0ff;
        color: #000;
    }

    .selcet_section {
        width: 98%;
    }

    ul.spam_section {
        overflow: hidden;
        margin-bottom: 10px;
    }

    ul.spam_section li {
        float: left;
        margin-right: 10px;
    }

    .no_spam {
        border: 1px solid #ccc;
        border-radius: 3px; /*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/
        color: #ccc;
        padding: 2px 2px 2px 10px;
    }

    div.secret {
        float: right
    }

    div.secret span {
        margin-left: 6px;
        line-height: 30px;
        display: inline-block;
        font-size: 14px;
    }

    input.check_box {
        line-height: 30px;
        margin-top: 3px;
    }
}

/*==모바일(가로)==*/
@media screen and (max-width: 767px) {
    .reply_view_text {
        width: 95%;
    }

    /* 댓글입력폼 영역 */
    .reply_section {
    }

    .reply_action {
        display: table;
        min-height: 190px;
        margin-bottom: 10px;
    }

    .reply_update_action {
        width: 100%;
        display: table;
        min-height: 190px;
        margin-bottom: 10px;
    }

    .reply_write {
        position: relative;
        min-height: 50px;
    }

    ul.reply_write_input {
        overflow: hidden;
    }

    ul.reply_write_input li {
        float: left;
        margin: 0 5px 5px 0;
    }

    ul.reply_write_input li img {
        vertical-align: middle;
        line-height: 30px;
    }

    ul.reply_write_input {
        overflow: hidden;
    }

    ul.reply_write_input li {
        float: left;
        margin-right: 10px;
    }

    ul.in_box1 {
        float: left;
    }

    ul.in_box2 {
        float: left;
    }

    ul.in_box2 li {
        margin: 0 5px 5px 0;
    }

    /* 태그, 짧은주소 */
    .txt_tag_url {
        font-size: 11px;
        margin-bottom: 40px;
    }

    .txt_tag_url li {
        float: left;
        line-height: 30px;
        margin-right: 10px;
    }

    .txt_tag_url li.txt_last {
        float: left;
    }

    .txt_tag {
        text-indent: 50px;
        background: url(/image/icon_tag.gif) no-repeat 0 10px;
    }

    .txt_url {
        text-indent: 20px;
        background: url(/image/icon_link.gif) no-repeat 0px 9px;
    }

    .txt_url a {
        color: #b5b5b5;
    }

    .txt_url a:hover {
        color: #48c0f8;
        text-decoration: underline;
    }

    /* 설교게시판(프리미엄) */
    .worship_box {
        display: table;
        min-height: 230px;
        background: url(/image/img_worship_box_back.jpg) no-repeat top right;
        background-color: #f6f6f6;
        border: 1px solid #c5c5c5;
        border-top: 3px solid #9a9a9a;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

    .worship_box_in {
        margin: 45px 0 0 0;
    }

    .title_worship {
        float: left;
        overflow: hidden;
        width: 100%;
        margin: 20px 0 0 15px;
    }

    .title_worship li h1 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .title_worship {
        font-size: 14px;
        line-height: 20px;
    }

    p.img_movie_box {
        float: none;
        text-align: center;
    }

    .btn_worship li {
        float: left;
    }

    .buttons {
        position: relative;
        float: left;
        margin: 10px 0 0 15px;
    }

    /*=== 쓰기 상단 섹션(리스트 쓰기) ===*/
    .write_top {
        font-size: 13px;
        font-family: 'nanum gothic';
    }

    ul.input_section li {
        margin-bottom: 10px;
    }

    ul.input_section li:nth-child(8) {
        overflow: hidden;
        height: 37px;
    }

    ul.input_section li input {
        height: 30px;
        border-radius: 3px;
        padding: 0 10px 0 5px;
        color: #ccc;
        width: 96.5%;
    }

    ul.input_section li button {
        margin-bottom: 4px;
    }

    input.input_txt:hover {
        border: 1px solid #67c0ff;
    }

    input.input_txt:focus {
        border: 1px solid #67c0ff;
        color: #000;
    }

    .selcet_section {
        width: 99%;
    }

    ul.spam_section {
        overflow: hidden;
        margin-bottom: 10px;
    }

    ul.spam_section li {
        float: left;
        margin-right: 10px;
    }

    .no_spam {
        border: 1px solid #ccc;
        border-radius: 3px; /*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/
        color: #ccc;
        padding: 2px 2px 2px 10px;
    }

    div.secret {
        float: right
    }

    div.secret span {
        margin-left: 6px;
        line-height: 30px;
        display: inline-block;
        font-size: 14px;
    }

    input.check_box {
        line-height: 30px;
        margin-top: 3px;
    }

    .view_btn_list li:nth-child(3) {
        display: none;
    }

    /*======================= Youtube Iframe Resize =======================*/
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*======================= Youtube Iframe Resize =======================*/
}


/*==모바일==*/
@media screen and (min-width: 320px) and (max-width: 690px) {

    /*========== 게시판 디자인1 (한줄 목록리스트 형태) ==========*/
    /* -------일반 게시판일때---------*/
    /* 일반게시판 칼럼*/
    .list_top_section ul li.cisno {
        width: 15%;
    }

    .list_top_section ul li.cisstitle {
        max-width: 60%;
        min-width: 60%;
    }

    .list_top_section ul li.cisdwritedate {
        width: 25%;
    }

    .list_top_section ul li.cisihit {
        display: none;
    }

    /*조회*/
    .list_top_section ul li.cissname {
        display: none;
    }

    /*작성자*/
    /* 설교게시판 칼럼*/
    .list_top_section ul li.cisworshipdate {
        width: 25%;
    }

    /*설교일*/
    .list_top_section ul li.cisscripture {
        display: none;
    }

    /*성경말씀*/
    .list_top_section ul li.cisreader {
        display: none;
    }

    /*설교자*/
    ul.list_type_list li a {
        display: inline;
        padding: 0 4px 5px 4px;
    }

    span.category {
        margin-right: 6px;
        color: #b9b9b9;
        display: none;
    }

    /* 게시판_앨범 */
    ul.list_type_album li {
        text-align: center;
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    /*ul.list_type_album li img{border:1px solid #ccc;width:75%;}*/
    ul.list_type_album li img {
        border: 1px solid #ccc;
        width: 88%;
        height: 88%
    }

    .album_tit {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
    }

    .bar1 li:first-child {
        width: 15%;
    }

    .bar1 li:nth-child(2) {
        width: 55%;
    }

    .bar1 li:nth-child(3) {
        display: none;
    }

    .bar1 li:last-child {
        width: 30%;
    }

    ul.album_gong_normal li:first-child {
        width: 15%;
    }

    ul.album_gong_normal li:nth-child(2) {
        width: 55%;
        text-align: left;
    }

    ul.album_gong_normal li:nth-child(3) {
        display: none;
    }

    ul.album_gong_normal li:last-child {
        width: 30%;
    }

    .list_btn ul li {
        float: none;
        margin-left: 5px;
        margin-bottom: 5px;
        text-align: right;
    }

    .list_btn ul li:last-child {
        float: none;
    }

    select.select_box {
        width: 139px;
    }

    input.search {
        width: 133px;
    }

    .reply_view_text {
        width: 95%;
    }

    .reply_tit {
        display: block;
        padding: 5px 0 5px 10px;
        border: 1px solid #eee;
        font: 500 12px/12px Nanum Gothic;
        background: #f8f8f8;
        width: 95%;
        border-radius: 3px;
        clear: both;
    }

    .reply_tit p {
        display: inline;
        line-height: 20px;
    }

    .reply_tit p:nth-child(2) {
        float: right;
        margin-right: 5px;
    }

    .reply_coment {
        font-size: 13px;
        margin: 5px 5px 0 3px;
    }

    /*rss 버튼*/
    .btn_rss {
        float: left;
        margin: 2px 0 5px 0;
    }

    /* 뷰페이지_버튼영역 */
    .view_btn_section {
        margin: 20px 0 30px 0;
        overflow: hidden;
    }

    ul.view_btn_list {
        overflow: hidden;
    }

    ul.view_btn_list li {
        float: left;
    }

    ul.btn_view2 li button img {
        vertical-align: middle;
    }

    .btn_view1 {
        float: left;
        width: 100%;
    }

    .btn_view2 {
        float: left;
        margin-top: 10px;
    }

    .view_btn_list li:nth-child(3) {
        display: none;
    }

    /*======================= Youtube Iframe Resize =======================*/
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*======================= Youtube Iframe Resize =======================*/
}

/*==모바일==*/
@media screen and (max-width: 320px) {

    /*==게시판==*/
    .list_top_section {
        font-size: 0.813em;
    }

    .list_top_section ul {
        overflow: hidden;
    }

    .list_top_section ul li {
        float: left;
    }

    ul.list_bar {
        padding: 7px 0 7px 0;
        border-top: 2px solid #737373;
        border-bottom: 1px solid #cbcbcb;
        background-image: -webkit-gradient(
                linear,
                left top,
                left bottom,
                color-stop(0.09, #FCFCFC),
                color-stop(0.91, #F2F2F2)
        );
        background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
        background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
        background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
        background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
        background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
        /*background:#f0f0f0;*/
    }

    ul.list_bar li {
        text-align: center;
        font-weight: bold;
    }

    ul.list_type_list {
        border-bottom: 1px solid #ccc;
    }

    ul.list_type_list:hover {
        background: #fafafa;
    }

    ul.list_type_list li {
        text-align: center;
        min-height: 28px;
        line-height: 30px;
    }

    ul.list_type_list li a {
        display: inline-block;
        width: 100%;
    }

    ul.list_type_list li a:hover {
        color: #2e99e4;
        transition: background 0.3s, color 0.5s;
        -moz-transition: background 0.3s, color 0.5s;
        -webkit-transition: background 0.3s, color 0.5s;
        -o-transition: background 0.3s, color 0.5s;
    }

    /*========== 게시판 디자인1 (한줄 목록리스트 형태) ==========*/
    /* -------일반 게시판일때---------*/
    /* 일반게시판 칼럼*/
    .list_top_section ul li.cisno {
        width: 15%;
    }

    .list_top_section ul li.cisstitle {
        max-width: 60%;
        min-width: 60%;
    }

    .list_top_section ul li.cisdwritedate {
        width: 25%;
        min-width: 25%;
    }

    .list_top_section ul li.cisihit {
        display: none;
    }

    /*조회*/
    .list_top_section ul li.cissname {
        display: none;
    }

    /*작성자*/
    /* 설교게시판 칼럼*/
    .list_top_section ul li.cisworshipdate {
        width: 25%;
    }

    /*설교일*/
    .list_top_section ul li.cisscripture {
        display: none;
    }

    /*성경말씀*/
    .list_top_section ul li.cisreader {
        display: none;
    }

    /*설교자*/
    /* -------설교 게시판일때---------*/
    /* 일반게시판 칼럼
    .list_top_section ul li:first-child{display:none;}
    .list_top_section ul li:nth-child(2){width:60%;}
    .list_top_section ul li:nth-child(3){display:block;}
    .list_top_section ul li:nth-child(4){display:none;}
    .list_top_section ul li:nth-child(5){display:none;}
    .list_top_section ul li:nth-child(6){display:none;}
    /* 설교게시판 칼럼
    .list_top_section ul li:nth-child(7){display:block;width:20%;}
    */
    ul.list_type_album li {
        display: block;
        text-align: center;
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    ul.list_type_album li img {
        border: 1px solid #ccc;
        width: 75%;
    }

    .album_tit {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
    }

    /* 뷰페이지_버튼영역 */
    .view_btn_section {
        margin: 20px 0 30px 0;
        overflow: hidden;
    }

    ul.view_btn_list {
        overflow: hidden;
    }

    ul.view_btn_list li {
        float: left;
    }

    ul.btn_view2 li button img {
        vertical-align: middle;
    }

    .btn_view1 {
        float: left;
    }

    .btn_view2 {
        float: left;
        margin-top: 10px;
    }

    .view_btn_list li:nth-child(3) {
        display: none;
    }

    /*======================= Youtube Iframe Resize =======================*/
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*======================= Youtube Iframe Resize =======================*/
}

/*=주보게시판=*/
@media screen and (max-width: 1024px) {
    ul.list_type_weekly li div.weekly_img {
        height: 360px;
    }
}

@media screen and (max-width: 767px) {
    ul.list_type_weekly li div.weekly_img {
        height: 300px;
    }
}

@media screen and (max-width: 640px) {
    ul.list_type_weekly li {
        width: 48%;
        margin-right: 4% !important;
        margin-bottom: 20px;
    }

    ul.list_type_weekly li:nth-child(even) {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    ul.list_type_weekly li div.weekly_img {
        height: 250px;
    }

    ul.list_type_weekly li div.weekly_txt {
        padding: 20px 0;
    }

    ul.list_type_weekly li div.weekly_txt p {
        font-size: 13px;
    }

    ul.list_type_weekly li a:after {
        border: 4px solid #4699bb;
    }
}