.sub-title-wrap {display: flex;gap: 30px;align-items: center;justify-content: space-between;}
.sub-title-wrap h3{font-weight: 700;font-size: 42px;line-height: 100%;letter-spacing: -0.2px;color: #111111;}
.btn-box {display: flex;gap: 6px;}
.btn-box button {position: relative;font-size: 1px;border: 0;padding: 0;cursor: pointer;width: 42px;height: 42px;border-radius: 100%;background: #FFFFFF;transition: all .3s;border: 1px solid #CCCCCC}
.btn-box button:hover {background: #004EDB;border: 1px solid #004EDB}
.btn-box button:hover img {filter: brightness(0) invert(1);}


.sub-container:has(.bn-view-detail01) .sub-title-wrap h3 {opacity:0;}
.sub-container:has(.bn-view-detail01) .sub-content {margin-top: -100px;}
.sub-container:has(.bn-view-detail01) .bn-view-detail01.type01 .b-top-box .b-title-box {width:calc(100% - 127px);}

@media (max-width: 1200px) {
	.sub-container:has(.bn-view-detail01) .bn-view-detail01.type01 .b-top-box .b-title-box {width:calc(100% - 150px);}
}

@media (max-width: 768px) {
	.sub-title-wrap h3 {font-size: 34px;}
	.btn-box button.btn-print {display: none;}
	.sub-container:has(.bn-view-detail01) .sub-content {margin-top:-70px;}
	.sub-container:has(.bn-view-detail01) .bn-view-detail01.type01 .b-top-box .b-title-box {width:calc(100% - 100px);}
}