/* test  시험중  */
#frontsidebar {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 4vw;
}

#most_read_only {
    clear: both;
    margin-bottom: 22px;
    border-top: 0.5px solid rgba(55,55,55,0.5);
    padding-top: 10px;
    margin-bottom: 15px;
}


    /*========== Story ==========*/
    #storycontent h1 {
		font-size: 22px;
		color: #3b4862;
		line-height: 1.5;
		margin-bottom: 22px;
    }
    .mobilecontainer {
		margin: 5px 9px 0 0;
    }
    #headerimg {
        float: unset;
        width: 100%;
        margin: 15px 0 10px;
		border-top: 1px solid #ccc;
    }
    #headerimg img {
        width: 100%;
        height: auto;
    }
    #storytext {
		margin: 20px 9px 30px 0;
    }

	#storycontainer > #storycontent > div#storytext {
		min-height: 160px;
		font-size: 14.8px;
		font-weight: 500;
		line-height: 1.8;
	}

    #storytext img {
	/* 	width: 100%;*/
    }
    #storytext .inner_img {
		max-width: 100%;
	}
    #frontsidebar {
        width: 100%;
        float: unset;
        margin: 0;
        padding: 0;
		margin-top: 4vw;
    }
    #frontsidebar .relatedstories {
        border-top: .5px solid rgba(55,55,55,0.5);
        padding-top: 8vw;
    }
    #frontsidebar #most_read_only {
        border-top: .5px solid rgba(55,55,55,0.5);
		padding-top: 0;
		margin-bottom: 0px;
    }
    #frontsidebar .most_read_img {
        display: inline-block;
    }
    #frontsidebar .most_read_img img {
        display: none;
    }
    /*========== Story END*/
    #most_read_only {
        padding-bottom: 2vw;
    }
    .most_read_only ul {
        margin-top: 2vw;
    }
    .most_read_only li {
        font-size: 15px;
        line-height: 20px;
    }
    #most_read_only .most_read_img img {
        width: 100%;
    }
    /*========== Footer ==========*/
    #portal-footer-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 4vw 4vw;
        margin: 0 auto;
        top: 100px;
		box-sizing: border-box; /* 뷰포인트 자동확대 방지 */
    }
    #footer {
        width : 100%;
        border-top: none;
        padding: 0;
    }
    #footer a {
        font-size: 13px;
        line-height: 20px;
    }
    /*========== Footer END*/

@media only screen and (max-width: 1000px) {
    /*========== Header ==========*/
    #portal-logo a img {
        width: auto;
        margin: auto;
    }
    h3#portal-logo {
        margin: 0 auto;
		padding: 23px 0 2.5vw 0;
        height: unset;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    #storycontent > div > .mobilecontainer {
		margin: 5px 9px 0 14px;
    }

    #storytext {
		margin: 20px 9px 30px 14px;
    }

	#portal-logo .smart_tit {
		margin: -7px 5px -6px 42px;
	}

	#portal-logo .home_chname {
		margin-left: 0;
	}

	#portal-logo .slide_menu_head {
		right: 0;
	}

	#portal-logo .slide_menu_head > .slide_menu_bar {

	}

    #storycontent > ul.main_list {
        padding: 0;
        margin-left: -13px;
    }

	#storycontent > ul.main_list {
		padding: 0;
		margin-left: -10px;
		list-style: none;
	}

    #header {
		max-width: 916px;
		width: 100%;
		margin-top: 0;
    }
    #header .header_top {
		height: 5px;
    }

    /*========== Header END*/
    /*========== Navigation ==========*/
    .container {
        width : 100%;
    }
    /*========== Navigation END*/
}

@media only screen and (max-width: 900px) {
	#portal-logo .slide_menu_head {
		top: -5px;
		right: 30px;
	}

	#portal-logo .slide_menu_head > .slide_menu_bar {

	}
}

@media only screen and (max-width: 800px) {
    body {
        width: 100%;
        height: 100%;
    }
    #pagewidth {
        width : 100%;
        position: relative;
		height: unset;
    }
    #abovefold {
        width: 100%;
        top: 85px;
    }

    h3#portal-logo {
		padding: 16px 0 2.5vw 0;
    }

	#portal-logo .smart_tit {
		margin: -7px 5px -6px 49px;
	}

	#portal-logo .home_chname {
		margin-left: 1px;
	}

	#portal-logo .slide_menu_head {
		top: -5px;
		right: 7px;
	}

	#portal-logo .slide_menu_head > .slide_menu_bar {

	}

    #storycontent > ul.main_list {
        padding: 0;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 600px) {
    #portal-footer-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 4vw 4vw;
        margin: 0 auto;
        top: 100px;
    }

	#portal-logo .home_chname {
		margin-left: 3px;
	}

	#portal-logo .slide_menu_head {
		top: -14px;
		right: 0;
	}

	#portal-logo .slide_menu_head > .slide_menu_bar {

	}
}

@media only screen and (max-width: 450px) {
    #portal-footer-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 15px 4vw 4vw;
        margin: 0 auto;
        top: 85px;
    }

    #portal-logo .smart_tit {
        margin: -7px 5px -6px 43px;
    }

	#portal-logo .home_chname {
		margin-left: -2px;
	}

	#storycontent > ul.main_list {
		padding: 0;
		margin-left: -5px;
		list-style: none;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 801px) {
    #abovefold {
        max-width: 900px;
        width: 90%;
		top: 95px;
    }

    #footer {
        width: 100%;
        max-width: 900px;
    }
    .most_read_img img {
        width: 100%;
    }

    #frontsidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 4vw;
    }

    #frontsidebar img {
        width: 100%;
        height: 100%;
    }

	#frontsidebar #most_read_only {
		border-top: 0.5px solid rgba(55,55,55,0.5);
		padding-top: 5px;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 1001px) {
    h3#portal-logo {
        max-width: 1000px;
		padding-top: 20px;
    }

	#portal-logo .smart_tit {
		margin: -7px 5px -6px 25px;
	}

	#portal-logo .home_chname {
		margin-left: -22px;
	}

	#portal-logo .slide_menu_head {
		right: 38px;
	}

	#portal-logo .slide_menu_head > .slide_menu_bar {

	}

    #header .header_top {
        height: auto;
    }

    .container {
        width: 100%;
        max-width: 1000px;
    }

    #abovefold {
        max-width: 1000px;
        width: 90%;
		top: 95px;
    }

    #footer {
        width: 100%;
		max-width: 916px;
    }

	#frontsidebar #most_read_only {
		border-top: 0.5px solid rgba(55,55,55,0.5);
		padding-top: 5px;
		margin-bottom: 5px;
	}
}


/* 유니버설 성경용 -- start */
/* 767 화면까지는 popupViewBtn 숨기고, button 스타일 조정 */
@media (max-width: 767px) {
    #popupViewBtn {
        display: none;
    }

	#storycontainer #psmbible_menu > div > .buttonPro:first-of-type {
		min-width: 85px;
	}

    #storycontainer #psmbible_menu .buttonPro.small {
        min-width: 81.5px;
    }

	#storycontainer .bible_menu ul li {
		min-width: 81.5px;
	}

	#storycontainer .bible_menu > ul > li > ul > li {
		text-align: left;
		padding: 0 0px 0 6px;
		min-width: 91px;
	}

}


/* 데스크탑 화면에서 popupViewBtn 다시 표시하고, button 스타일 초기화 */
@media (min-width: 768px) {
    #popupViewBtn {
        display: inline;
    }

    #storycontainer #psmbible_menu .bible_menu.buttonPro.small {
		min-width: 91px;

    }
}
/* 유니버설 성경용 -- end */