/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
/* sub 배경 화면 애니메이션 */
.header.sub-page-header{background:url("/img_imha/main_01.jpg")    ;}
@-webkit-keyframes zoom-a {
	0% {  background-position: 0 00% }
	100% { background-position: 0 70% }
}
@-moz-keyframes zoom-a {
	0% {  background-position: 0 00% }
	100% { background-position: 0 70% }
}
@-o-keyframes zoom-a {
	0% {  background-position: 0 00% }
	100% { background-position: 0 70% }
}
@keyframes zoom-a {
	0% {  background-position: 0 0%}
	100% { background-position: 0 70% }
}
.header.sub-page-header {
  -webkit-animation: zoom-a 30s linear infinite alternate; /* Safari 4+ */
  -moz-animation:    zoom-a 30s linear infinite alternate; /* Fx 5+ */
  -o-animation:      zoom-a 30s linear infinite alternate; /* Opera 12+ */
  animation:         zoom-a 30s linear infinite alternate; /* IE 10+, Fx 29+ */
}


	.contents-box{display:flex;margin:50px 0}
	.section.intro{ background-color:#f8f5ee;padding:10px 0}
	.section.intro .contents-box .contents-content{  }
	.section.intro .contents-image img {width:45% }
	.section.intro .contents-image img:nth-child(1){margin-right:20px }
	.contents-box .contents-image{width:50%;text-align:center; }
	.contents-box .contents-content{width:50%;line-height:2.5rem;font-size:1.3rem;padding:0px 10px }
	.contents-box .contents-content h2{font-weight:600;margin-bottom:30px;}

@media (max-width:900px){

	.contents-box{display:block;}
	.contents-box .contents-image{width:100%;text-align:left; }
	.contents-box .contents-content{width:100%; margin-top:40px;margin-left:0px}	
}


/*eblatest */
.basic-latest {font-size:.9375rem;margin-bottom:30px}
.basic-latest .nav-tabs {border:1px solid #e5e5e5;border-bottom:0;margin-bottom:20px}
.basic-latest .nav-tabs li:first-child:nth-last-child(1) {width:100%;display:none}
.basic-latest .nav-tabs li:first-child:nth-last-child(2), .basic-latest .nav-tabs li:first-child:nth-last-child(2) ~ li {width:50%}
.basic-latest .nav-tabs li:first-child:nth-last-child(3), .basic-latest .nav-tabs li:first-child:nth-last-child(3) ~ li {width:33.3333%}
.basic-latest .nav-tabs li:first-child:nth-last-child(4), .basic-latest .nav-tabs li:first-child:nth-last-child(4) ~ li {width:25%}
.basic-latest .nav-tabs li:first-child:nth-last-child(5), .basic-latest .nav-tabs li:first-child:nth-last-child(5) ~ li {width:20%}
.basic-latest .nav-tabs li:first-child:nth-last-child(6), .basic-latest .nav-tabs li:first-child:nth-last-child(6) ~ li {width:16.6666666667%}
.basic-latest .nav-tabs li:first-child:nth-last-child(7), .basic-latest .nav-tabs li:first-child:nth-last-child(7) ~ li {width:14.2857142857%}
.basic-latest .nav-tabs li:first-child:nth-last-child(8), .basic-latest .nav-tabs li:first-child:nth-last-child(8) ~ li {width:12.5%}
.basic-latest .nav-tabs li a {display:block;text-align:center;margin-right:0;margin-left:-1px;background:#f5f5f5;color:#959595;border:1px solid #e5e5e5;padding:8px 5px;font-size:.9375rem;font-weight:500;border-top:0}
.basic-latest .nav-tabs li:first-child a {margin-left:0;border-left:0}
.basic-latest .nav-tabs li:last-child a {border-right:0}
.basic-latest .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.basic-latest .nav-tabs li a.active {z-index:1;background:#fff;color:#000;border-bottom:1px solid transparent}
.basic-latest .nav-tabs li .cursor-pointer:hover {cursor:pointer}
.basic-latest .tab-content {position:relative;padding:0}
.basic-latest .tab-content ul {margin-bottom:0}
.basic-latest .tab-content li {position:relative;padding:3px 0}
.basic-latest .tab-content li.no-latest {width:100%}
.basic-latest .tab-content .basic-subj {position:relative;width:100%;padding-right:40px;padding-left:0;display:block;font-size:1rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;float:left;display:flex;justify-content:space-between}
.basic-latest .tab-content .basic-new-icon {position:relative;display:inline-block;width:18px;height:14px;background-color:#cc2300;margin-right:2px}
.basic-latest .tab-content .basic-new-icon:before {content:"";position:absolute;top:4px;left:5px;width:2px;height:6px;background-color:#fff}
.basic-latest .tab-content .basic-new-icon:after {content:"";position:absolute;top:4px;right:5px;width:2px;height:6px;background-color:#fff}
.basic-latest .tab-content .basic-new-icon b {position:absolute;top:3px;left:8px;width:2px;height:8px;background-color:#fff;transform:rotate(-60deg)}
.basic-latest .tab-content .basic-reply {display:inline-block;width:7px;height:12px;border-left:1px dotted #959595;border-bottom:1px dotted #959595;margin-right:3px}
.basic-latest .tab-content .basic-comment {display:block;position:absolute;top:0;right:0;color:#f4511e;background:#fff;padding-left:5px}
.basic-latest .tab-content .basic-bo-subj {color:#959595;margin-right:3px}
.basic-latest .tab-content .basic-bo-wr-datetime {color:#959595;margin-right:3px}
.basic-latest .tab-content .basic-member {position:relative;display:block;white-space:nowrap;word-wrap:normal;overflow:hidden;width:30%;float:left;text-align:right;padding-right:22px}
.basic-latest .tab-content .basic-photo {position:absolute;top:0;right:0}
.basic-latest .tab-content .basic-photo img {position:absolute;top:2px;right:0;width:17px;height:17px}
.basic-latest .tab-content .basic-photo .basic-user-icon {color:#959595;background-color:#fff}
.basic-latest .tab-content .basic-nick {color:#959595}
.basic-latest .tab-content a:hover .basic-subj {color:#000;text-decoration:underline}
.basic-latest .tab-content a:hover .basic-nick {color:#000}
.basic-latest .tab-content li a[href*="#"] {cursor:not-allowed}
.basic-latest .tab-content li a[href*="#"]:hover .basic-subj {text-decoration:none}
.basic-latest .tab-content li .blind-subj {color:#a5a5a5}
.headline-short h4:after
	{
	 

    margin-top:5px;
    width: 100%;
    height: 1px;
    background: #888;
	}
.headline-short h4{display:flex;justify-content:space-between}
.headline-short .more { font-size: 1.5rem;
    border: 1px solid #ddd;
    padding: 1px 6px;
    border-radius: 40px;}
@media(max-width:767px){
.basic-latest .basic-bo-wr-datetime{display:none}
.sns-list{}
}

.container .contents-box-1  .contents-content-1 h2{margin-bottom:30px}
.container .contents-box-1  .contents-content-1{ line-height:2rem}


/* 메인 영상 */ 

			  /* 비디오: 화면을 가득 채우되 비율 유지 */
			  .hero video {
				position:absolute;
				top:50%;
				left:50%;
				max-width:1585px;
				min-width:100%;
				min-height:100%;
				width:100%;
				height:auto;
				transform:translate(-50%,-50%);
				object-fit:cover;
				z-index:0;
				/* 부드러운 로딩을 위해 약간의 필터/트랜지션(선택 사항) */
				transition:opacity .5s ease;
			  }

			  /* 어둡게 오버레이 (텍스트 가독성 향상) */
			  .hero::after{
				content:"";
				position:absolute;
				inset:0;
				/* background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.45) 100%); */
				z-index:1;
				pointer-events:none;
			  }

			  /* 컨텐츠(텍스트, 버튼) */
			  .hero-content {
				position:relative;
				top:300px;
				left:10px; 
				z-index:2;
				 
				color:var(--accent);
				padding:1rem;
				max-width:1200px;
				width:100%;
			  }

			  .title {
				font-size:clamp(1.4rem, 3.5vw, 2.8rem);
				font-weight:700;
				margin:0 0 .5rem 0;
				text-shadow: 0 6px 18px rgba(0,0,0,0.55);
			  }

			  .subtitle {
				font-size:clamp(.9rem, 1.6vw, 1.1rem);
				margin:0 0 1.2rem 0;
				opacity:0.95;
			  }

			  /* 중앙 플레이 버튼 (커스텀) */
			  .video-controls {
				 
				gap:.6rem;
				align-items:center;
				justify-content:center;
			  }

			  .play-btn{
				appearance:none;
				border:0;
				background: rgba(255,255,255,0.5);
				color:var(--accent);
				padding:.8rem 1.1rem;
				border-radius:999px;
				font-weight:600;
				cursor:pointer;
				backdrop-filter: blur(4px);
				display:inline-flex;
				gap:.6rem;
				align-items:center;
				box-shadow: 0 6px 20px rgba(0,0,0,0.45);
				transition:background .18s ease, transform .08s ease;
			  }

			  .play-btn:hover{ transform:translateY(-3px); background: rgba(255,255,255,0.18); }

			  .icon {
				width:1.05rem;
				height:1.05rem;
				display:inline-block;
			  }

			  /* 하단 안내 (비디오 컨트롤 보이기) */
			  .hint {
				margin-top:1rem;
				font-size:.85rem;
				opacity:.85;
			  }

			  /* 반응형: 모바일에서 컨트롤을 조금 키움 */
			  @media (max-width:520px){
				.title { font-size:1.6rem; }
				.play-btn { padding:.9rem 1.3rem; }
			  }

			  /* 비디오 기본 컨트롤 숨기기(원하면 제거) */
			.hero video::-webkit-media-controls { display:none !important; }