@charset "utf-8";

/*서브 비주얼 */
.sub_visual_wrap{ width:100%; position:relative;}
.board-title {position:relative;}
.board-title-image {position:relative;width:100%;height:350px;background-repeat:no-repeat;background-size:cover;background-position:center top}
.board-title-image:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25)}
.board-title-image .mask-block {position:absolute;;width:100%;height:50%;background:#000}
.board-title-image .mask-block.mask-1 {right:0;top:0}
.board-title-image .mask-block.mask-2 {left:0;bottom:0}
.board-title-image .mask-block.active {width:0%;-webkit-transition: width .5s linear;-moz-transition: width .5s linear;-o-transition: width .5s linear;-ms-transition: width .5s linear;transition: width .5s linear}
.board-title-caption {position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center}
.board-title-caption p {position:relative; margin:30px 0 0 -30px;}
.board-title-caption .breadcrumb {display:flex;justify-content:center;margin-top:70px;background:none;color:#ddd}
.board-title-caption .breadcrumb li, .board-title-caption .breadcrumb a {font-size:40px; text-shadow:0 2px  2px rgba(0,0,0,.3); color:#fff; letter-spacing:-0.01em;}
.sub_visual_wrap{ width:100%; position:relative;}

@media (max-width:991px) {
	.board-title {padding-left:0}
	.board-title-image {height:300px;}
	.board-title-caption h2 {margin-bottom:10px;font-size:18px}
	.board-title-caption .breadcrumb li, .board-title-caption .breadcrumb a {font-size:30px;}
	.board-title-caption .breadcrumb a {font-size:13px}

	.board-title-caption p img{width:300px; height:auto;}
}

@media (max-width:767px) {
    .board-title-image {height:200px;}
	.board-title-caption .breadcrumb {margin-top:15px;}
	.board-title-caption h2 {font-size:16px}
	.board-title-caption .breadcrumb li, .board-title-caption .breadcrumb a {font-size:24px;}

	.board-title-caption p img{width:240px; height:auto;}
}