.pm-container{
	display: flex;
	align-items: center; /* 세로 중앙 정렬 */
}

.pm-container .pm-subj {
    flex: 0 0 auto; /* 첫 번째 영역은 글자수만큼 */
	vertical-align: top;
    font-family: 'Noto Sans KR', dotum, sans-serif;
    font-size: 40px;
    color: #fff;
    display: inline-block;
    height: 54px;
    font-weight: bold;
	margin-top:-5px;
}

.pm-subj span{
	color:#24b46c;
}

.pm-container .pm-dots {
    flex: 1 1 auto; /* 두 번째 영역은 나머지를 차지하도록 */
	text-align:right;
	padding-right:50px;
}

.pm-container .pm-dots a{
    display: inline-block;
	width:15px;
	height:15px;
	border-radius:50%;
	border:2px solid #fff;
	margin-right:15px;
	cursor:pointer;
}

.pm-container .pm-dots a.active{
	background-color:#24b46c;
	border:0;
}

.pm-container .pm-more{
    flex: 0 0 20px; /* 세 번째 영역은 54px */
	vertical-align: top;
    font-size: 16px;
    text-align:center;
    height: 54px;
    line-height: 54px;
}

.pm-container .pm-more a{
	color:#fff;
	cursor:pointer;
}

.pm-media-box{
    flex-grow: 1;
    height: 345px;
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-top:18px;
}

.pm-media-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left:0;
}

.pm-media-box li{
    display: inline-block;
    text-align: center;
	width:615px;
	position:relative;
}

.pm-media-box li .msk{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0;
}