/* 상단이미지 */
.subtopzone {position:relative;overflow:hidden;width:100%; margin-top:0px; padding: 0 0 !important; }
.subtopzone .container .pt_title { text-align:center; color:var(--opacity-b-color0); margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;font-size:1.75em;font-weight:600}
.subtopzone .container p { text-align:center; color:#fff; font-size:0.65em; line-height:1.5em; margin:0 0 0 0; }

.style_subimg0,
.style_subimg1,
.style_subimg2,
.style_subimg3,
.style_subimg4,
.style_subimg5,
.style_subimg6,
.style_subimg7,
.style_subimg8 {
  position:absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  background-position:center;
  background-size:cover;
  z-index:1;
  transform: scale(1.2);transition: all 10s;
}
.style_subimg0,
.style_subimg1,
.style_subimg2,
.style_subimg3,
.style_subimg4,
.style_subimg5,
.style_subimg6,
.style_subimg7,
.style_subimg8 {transform: scale(1);}

.style_subimg0 { background:url(../../../images/sub_top/sub_topimg00.jpg) no-repeat center; background-size:110%; }
.style_subimg1 { background:url(../../../images/sub_top/sub_topimg01.jpg) no-repeat center; background-size:110%; }
.style_subimg2 { background:url(../../../images/sub_top/sub_topimg02.jpg) no-repeat center; background-size:110%; }
.style_subimg3 { background:url(../../../images/sub_top/sub_topimg03.jpg) no-repeat center; background-size:110%; }
.style_subimg4 { background:url(../../../images/sub_top/sub_topimg04.jpg) no-repeat center; background-size:110%; }
.style_subimg5 { background:url(../../../images/sub_top/sub_topimg05.jpg) no-repeat center; background-size:110%; }
.style_subimg6 { background:url(../../../images/sub_top/sub_topimg06.jpg) no-repeat center; background-size:110%; }
.style_subimg7 { background:url(../../../images/sub_top/sub_topimg07.jpg) no-repeat center; background-size:110%; }
.style_subimg8 { background:url(../../../images/sub_top/sub_topimg08.jpg) no-repeat center; background-size:110%; }

.style_subimg0,
.style_subimg1,
.style_subimg2,
.style_subimg3,
.style_subimg4,
.style_subimg5,
.style_subimg6,
.style_subimg7,
.style_subimg8 {animation: mainroll 3s 0.5s both;}

@keyframes mainroll {
	0% { background-size:110%;background-position:center; }
	100% { background-size:100%;background-position:center; }
}

.style_subimg0 .container p,
.style_subimg1 .container p,
.style_subimg2 .container p,
.style_subimg3 .container p,
.style_subimg4 .container p,
.style_subimg5 .container p,
.style_subimg6 .container p,
.style_subimg7 .container p,
.style_subimg8 .container p { text-align:left; color:#fff; font-size:1.5em; line-height:1.5em; margin:0 0 0 0; }

/* 서브상단 배경이미지 가림막 */
.bgBlock {position:absolute;top:0;left:0;height: 100%;width: 100%;background-position:center;background-size:cover;z-index:2;}
.bB_B	{background-color:rgba(0,0,0,0.5);}

/* 상단이미지 영역 */
.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 {position:relative;padding:7em 0 4em 0;z-index:3;}
.stiz1 {display:inline-block;width:100%;}
.stiz2 {display:inline-block;width:100%;}
.stiz3 {display:inline-block;width:100%;}
.stiz4 {display:inline-block;width:100%;}
.stiz5 {display:inline-block;width:100%;}
.stiz6 {display:inline-block;width:100%;}
.stiz7 {display:inline-block;width:100%;}
.stiz8 {display:inline-block;width:100%;}
.stiz9 {display:inline-block;width:100%;}

/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/
@media (max-width: 840px){
	.stiz1, .stiz2, .stiz3, .stiz4, .stiz5, .stiz6, .stiz7, .stiz8, .stiz9 {padding:5em 0 3em;}
}
@media (max-width: 590px){
	
}
@media (max-width: 414px){
	.stiz1, .stiz2, .stiz3, .stiz4, .stiz5, .stiz6, .stiz7, .stiz8, .stiz9 {padding:4.5em 0 2em;}
	.subtopzone .container .pt_title {font-size:1.5em;}
	header.subpage_head h2 {font-size:1.3em;}
}