/* 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: #333;
	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 */