.typeaff3-mainTop{}
.typeaff3-mainTop .typeaff3-mainLink{position:relative; margin:-86px 0 40px;}
.typeaff3-mainTop .typeaff3-mainBoard{margin:0 0 20px;}

.typeaff3-mainBot{background:#efece7; padding:50px 0; margin:50px 0 0;}
.typeaff3-mainBot .layout{display:flex; justify-content:space-between;}
/* .typeaff3-mainBot .layout .typeaff3-mainContents{width:680px;}
.typeaff3-mainBot .layout .typeaff3-mainPopupZone{width:680px;} */

.typeaff3-mainBot .layout > *{width: 48.5%}
/* #sportsfacility .typeaff3-mainBot .layout .typeaff3-mainContents,
#sportsfacility .typeaff3-mainBot .layout .typeaff3-mainPopupZone{width:50%;} */

.subpage{}
.subpage .layout{display:flex;}
.subpage .typeaff3-subNav{width:270px; margin:-60px 50px 0 0;}
.subpage .typeaff3-subContent{flex:1; padding:60px 0 0;}

.subpage .typeaff3-subContent__title{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #cdcdcd; padding:0 0 40px; margin:0 0 20px;}
.subpage .typeaff3-subContent__title p{font-size:36px; color:#111; font-weight:500; line-height:1;}
.subpage .typeaff3-subContent__path{display:flex; align-items:center;}
.subpage .typeaff3-subContent__path li{display:flex; align-items:center;}
.subpage .typeaff3-subContent__path li:not(:last-child){margin-right:20px;}
.subpage .typeaff3-subContent__path li:not(:last-child)::after{content:''; display:block; width:5px; height:9px; background:url('/resources/user/khuaff3/images/subpage/subPath_06.png') no-repeat 0 0; margin:0 0 0 20px;}
.subpage .typeaff3-subContent__path li a{}
.subpage .typeaff3-subContent__path li:not(.home) a{font-size:14px; color:#666; font-weight:300;}
.subpage .typeaff3-subContent__path li.home a{display:block; text-indent:-9999px; overflow:hidden; width:15px; height:12px; background:url('/resources/user/khuaff3/images/subpage/subPath_03.png') no-repeat 0 0;}



@media screen and (max-width:1400px){
	.layout{width:100%; padding:0 20px;}
}

@media screen and (max-width:1024px){
	.typeaff3-mainBot .layout{flex-wrap:wrap;}
	.typeaff3-mainBot .layout .typeaff3-mainContents{width:100%; margin:0 0 20px;}
	.typeaff3-mainBot .layout .typeaff3-mainPopupZone{width:100%;}
	
	.subpage .layout{display:block; padding:0;}
	.subpage .typeaff3-subNav{margin-top:0; width:100%;}
	.subpage .typeaff3-subContent{padding:0 20px;}
	.subpage .typeaff3-subContent__title{padding:20px 0;}
}

@media screen and (max-width:768px){
	.subpage .typeaff3-subContent__title{flex-wrap:wrap;}
	.subpage .typeaff3-subContent__title p{font-size:24px; order:2; width:100%; margin:20px 0 0;}
	.subpage .typeaff3-subContent__path{order:1;}
}