/*

// 사용한 곳

1. megazine - view
2. notice - view

-------------------------------------------------------------------------------------

// boardView.css ( common ) 연동
add_stylesheet('<link rel="stylesheet" href="'.THEMA_URL.'/amt/sh1/sh1-common/css/boardView.css" type="text/css">',2);

-------------------------------------------------------------------------------------

// html

<!-- 뒤로가기 버튼 -->
<div class="back_btn_box">
	<button>
		<a href="#">
			<object type="image/svg+xml" data="<?php echo THEMA_URL;?>/amt/sh1/sh1-common/img/icon_back.svg"></object>
		</a>
	</button>
	
	<p class="big_title">매거진</p>
</div>

<section itemscope itemtype="http://schema.org/NewsArticle">
	<article itemprop="articleBody">
		<!-- 뷰 이미지 -->
		<?php if($seometa['img']['src']) { ?>
			<div class="view-img">
				<?php echo get_view_thumbnail('<img src="'.$seometa['img']['src'].'" alt="">');?>
			</div>
		<?php } ?>
		
		<!-- 뷰 타이틀 박스 -->
		<div class="view_title_box">
			<div class="chip darkGray">
				<span>셀프케어</span>
			</div>				
			<p itemprop="headline" content="<?php echo $view_subject;?>" class="view_title">
				<?php if($view['photo']) { ?><span class="talker-photo hidden-xs"><?php echo $view['photo'];?></span><?php } ?>
				<?php echo cut_str(get_text($view['wr_subject']), 70); ?>
			</p>
		</div>
		
		<!-- 프로필 & 작성 시간 웹 -->
		<div class="profile_time_wrap">
			<div class="profile_box">
				<img src="<?php echo THEMA_URL;?>/amt/sh1/sh1-common/img/img_profile.jpg">
				
				<p class="nickname">대치동형님</p>
			</div>
			
			<p class="time">3시간 전</p>
		</div>
		
		<!-- 뷰 본문 -->
		<?php if($seometa['description']) { ?>
			<p class="text-muted">
				<?php echo $seometa['description'];?>
			</p>
		<?php } ?>
		
		...
		
		
	</article>
</sectioln>

*/

/* ===== 뒤로가기 버튼 ===== */
.back_btn_box{
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom:25px;
}

.back_btn_box button{
	position: relative;
	width:50px;
	height:50px;
	border-radius: 50%;
	outline: none;
	background: #FFFFFF;
	border: 1px solid #F4F4F4;
}

.back_btn_box button a{
	display: inline-block;
	width:100%;
	height:100%;
}

.back_btn_box button object{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.back_btn_box .big_title{
	margin:0;
}

/* ===== 뷰 이미지 ===== */
.view-img{
	width:100%;
	height: 260px;
	border-radius: 10px;
}

.view-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 10px;
}

/* ===== 뷰 타이틀 박스 ===== */
.view_title_box{
	margin: 25px 0;
}

.view_title_box .view_title{
	margin-top:5px;
	font-weight: 800;
	font-size: 18px;
	color:var(--black-color);
}

/* ===== 프로필 & 작성 시간 웹 ===== */
.profile_time_wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:20px;
}

/* 프로필 */
.profile_time_wrap .profile_box{
	display: flex;
	align-items: center;
	gap:15px;
}

.profile_time_wrap .profile_box img{
	width:35px;
	height:35px;
	border-radius: 50%;
	object-fit:cover;
}

.profile_time_wrap .profile_box .nickname{
	margin:0;
	font-size: 14px;
	color:var(--black-color);
}

/* 작성 시간 */
.profile_time_wrap .time{
	margin:0;
	font-size: 14px;
	color:var(--dark-gray-color);
}