.custom-item .custom-detail p {
	color: #505c66;
}
.search-more {
	padding-left: 2em;
}
.search-more li {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 5px;
}
.breadcrumbs {
	margin-top: 2vw;
	margin-bottom: 0;
	font-size: 14px;
    line-height: 21px !important;
    letter-spacing: 3px;
    color: #838383;
}
.head-container {
	background-image: url(../../../../uploads/images/static/01/cover.jpg);
    background-size: cover;
}
.head-container.head2{
	background-image: url(../../../../uploads/images/static/02/cover.jpg);
}
.head-container.head3 {
	background-image: url(../../../../uploads/images/static/03/cover.jpg);
}
.head-container.head4 {
	background-image: url(../../../../uploads/images/static/04/cover.jpg);
}
.head-content {
	position: absolute;
    top: calc(50% - 8vw);
    width: 100%;
}
.r20-title, 
.r20-summary {
	text-align: center;	
	font-size: 1.45833vw;
	color: #fff;
}
.zy.sp p.r20-title {
	font-size: 2.6vw;
    margin: 3vw;
    color: #505c66;
    padding-left:0;
}
.breadcrumbs-container {
	position: absolute;
	top: 120px;
	left: 14.2857%;
    width: 71.4286%;
    color: #fff;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:hover {
	color: #fff;
}
.breadcrumbs .nav-gt {
	background-image: url(../images/exhibition-right.png);
	width: calc(17px * .4);
    height: calc(30px * .4);
    background-size: contain;
    margin-left: 12px;
}

.sp-head-container {
	height: 200px;
}
.sp-head-container .breadcrumbs-container{
    color: #505c66;
}
.sp-head-container .r20-title,
.sp-head-container .r20-summary {
	color: #505c66;
}
.sp-head-container .breadcrumbs .nav-gt {
	background-image: url(../images/search/next.png);
	margin-right: 0px;
}

@media (max-width: 1024px) {
	.zy.sp p.r20-title {
		font-size: 30px;
	}
	.sp-head-container {
		height: 100px;
	}
}
@media (max-width: 768px) {
	.breadcrumbs-container{
		display: none;
	}
	.sp-head-container .r20-title {
		margin-top: calc(3vw + 120px);
	}
}



.acticle {
    margin-top: 30px;
    line-height: 1.5;
}
.lv-1 {
    margin-top: 30px;
    border-left: 5px solid #505c66;
    line-height: 1;
    font-size:32px;
    padding-left: .5em;
    margin-bottom: 30px;
}
.lv-2 {
    font-size:24px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}
.lv-3 {
    padding-left: 32px;
    font-size:24px;
}
.collqa-container {
    padding-top: 150px;
}
.collqa-container .breadcrumbs .nav-gt {
    background-image: url(${ctx}/ui/zh-mo1/content/images/search/next.png);
    margin-right: 8px;
}
.breadcrumbs{line-height: 25px !important;margin-top:0;}
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {
    color: #505c66;
}
.r20-title {
    text-align: center!important;
    font-size: 40px;
    margin-top: 20px;
    color: #505c66;
}
.acticle-cont {
    margin-left: 15px;
    margin-right: 15px;
}
.note {font-size: 16px; margin-top: 60px;}
.underline{text-decoration: underline;}
.btn-qna {
    color: #78624b;
    border: 1px solid #78624b;
    border-radius: 5.5px;
    padding: 10px 30px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 60px;
}
.btn-qna:hover {
    background-color: #78624b;
    color: #fff!important;
}
@media (max-width: 1250px) {
    .collqa-container {
        padding-top: 112px;
    }
}
@media (max-width: 1024px) {
    .breadcrumbs-container {
        position: relative;
        width: 71.4286%;
        top: 100px;
    }
    .breadcrumbs {
        margin-top: 0;
    }
    .r20-title {
        font-size: 32px;
        line-height: 1.3;
    }
    .lv-1 {font-size: 28px;}
    .lv-2,.lv-3 {font-size: 20px;}
    .lv-3 {padding-left: 0;}
    .acticle {
        margin: 40px 0 0!important;
    }
    .acticle p {text-align: justify;}
    .acticle-cont {
        margin: 60px ?? 0 0;
    }
}
@media (max-width: 768px) {
    .breadcrumbs-container {
        display: block;
        width: 100%;
        left: 15px;
    }
}