@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap');

#page, .container {
    max-width: 960px;
    overflow: visible;
    margin: 0 auto;
    position: relative;
		cursor: auto;
}

.southpaw-header {
	padding:5px !important;
	z-index:9999;
	position:fixed;
	left:0;
	width:100vw;
}
.southpaw-header a{
	color:#ffffff !important;
	border: none !important;
}
.display-none {
	display:none;
}

.logo {
	margin-left:40px;
}

.logo img {
	min-height:30px;
	max-height: 30px;
	min-width:30px;
	max-width: 30px;
}

.logo figure {
	display: inline-block;
}
.southpaw-header .wp-block-navigation-link__content {
	padding:0 !important
}

.southpaw-header nav {
	text-align: center;
}

.southpaw-header ul {
	position: fixed;
	top: 5px;
	left:calc(-220px + 50%);
	display: inline-block;
}

.southpaw-header li {
	display: inline-block !important;
}

.southpaw-header a {
	margin: 0 20px;
}

.sharedaddy{
	display:none;
}

.coblocks-form__submit.wp-block-button {
	text-align:center;
}


.sub-description {
	padding: 20px 10px;
	margin: 0 !important;
}

.flex-10 {
	flex:unset !important;
}

.flex-25 {
	flex-basis:25% !important;
}

.flex-75 {
	flex-basis:75% !important;
}

.flex-80 {
	flex:unset !important;
}

.mgb-0 {
	margin-bottom: 0 !important;
}
.mgt-10 {
	margin-top:10px !important;
}

.mgt-0 {
	margin-top: 0 !important;
}

.mgt-20 {
	margin-top:20px;
}

.mgt-40 {
	margin-top:40px;
}

.mgb-10 {
	margin-bottom:10px !important;
}

.btn-container {
	margin: 0 !important
}

.contact-form .wpcf7-text {
	width:100% !important;
	background-color:#e7e5ef;
	border: solid 1px #52458f;
}

.contact-form .wpcf7-textarea {
	width:100% !important;
	background-color:#e7e5ef;
	border: solid 1px #52458f;
}

.contact-form .wpcf7-submit {
	margin: 0 auto;
	display:block;
	background:none;
	color: #1264a3;
	text-align:center !important;
	padding: 0 !important;
	font-size:24px !important;
	font-weight: 700 !important;
}
input::placeholder {
	color: #999999;
}

.cursor-auto{ 
	cursor: auto !important;
}

.southpaw-footer {
	max-width:960px;
	margin-bottom: 0 !important;
	padding: 20px !important;
}

.southpaw-footer .social-icon {
	margin: 0;
}
.southpaw-footer .social-icon a {
		display:contents;
}

.southpaw-footer .social-icon figure {
	margin: 0 0 0 auto;
}

.team-profile {
	border: 1px solid #52458f;
	padding: 30px 20px 10px;
	text-align:center;
	display:inline-block;
	width: 316px !important;
	margin: 5px 0 !important;
	vertical-align: top;
}
.team-profile-image {
	margin:0 0 10px 0 !important;
	object-fit: cover;
}

.team-profile-role {
	font-size:14px;
	color: #999999;
	margin: 0 !important;
	height: 20px;
}

.team-profile-name {
	font-size:15px;
	color: #52458f;
	font-weight: 700;
	margin:0 !important;
	height: 24px;
}

.team-profile-quote {
	font-size:13px;
	color: #999999;
	margin: 3px 0 !important;
	height:77px;
	border-top: 1px solid #52458f;
	border-bottom: 1px solid #52458f;
	padding-top: 5px;
}
.team-profile-quote.last {
	border-bottom: none;
}

.team-profile-game-title {
	font-size: 14px;
	color: #52458f;
	margin: 0 0 10px !important;
	height: 23px;
}

.team-profile-game-list {
	font-size: 13px;
	color: #999999;
	margin: 5px 0 !important;
	height:  63px;
}




.separator  {
	max-width:none !important;
	margin: 80px 0;
	color:#52458f;
	background-color:#52458f;
}

.text-container .ajax-loader {
	display:contents;
}


footer {
	display:none;
}

@media screen and (max-width: 880px) {
	.southpaw-header .nav {
      display: none;
    }
	.nav-left {
		margin:0 !important;
	}
	.flex-80 {
		flex-basis:0% !important;
	}
	.logo figure {
		margin:0 !important;
	}
	.logo {
		margin:0 0 0 20px !important;
	}
	.language {
		text-align:right !important;
	}
}

@media screen and (max-width:974px) {
	.team-profile-container {
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
.flex-10 {
		flex-basis:20% !important;
	}
	.flex-25 {
		flex-basis:100% !important;
		padding: 0 25%;
	}
	.text-container {
		padding:0 20px
	}
	.small {
		font-size:10px !important;
	}
	.southpaw-footer .left{
		flex-basis:66% !important;
	}
	.southpaw-footer .right{
		flex-basis:33% !important;
	}
	.main-logo {
		margin-top:40px;
	}
}

.font-title {
	font-family: 'DM Serif Text', serif;
	font-size:30px !important;
	color:#52458f;
}

.font-medium {
	font-family: 'Noto Sans KR' !important;
}
.font-medium span {
	font-family: 'Noto Sans KR' !important;
}

.font-black {
	font-family: 'Noto Sans KR' !important;
	font-weight: 900;
}

.font-regular {
	font-family: 'Noto Sans KR' !important;
}

.text-container form span {
	font-family: 'Noto Sans KR' !important;
	color:#757575;
}


.footer-container {
	position:relative;
	max-width:none;
	width:100vw;
	left:calc(-50vw + 49%);
	background-color:#52458f;
	margin: 0;
}