@charset "utf-8";

.introduce-section{background:url(../img/introduce01_img.png) no-repeat right center;}
.introduce-section h1{font-size:28px; font-weight:300; color:#001e37; line-height:140%;}
.introduce-section h1 span{color:#ff7f00; font-weight:700;}
.introduce-section .txt{margin-top:30px; font-size:16px; color:#404040; line-height:180%;}

.introduce-section02{margin-top:50px;}
.introduce-section02 table{width:100%; border-top:2px solid #1e2326;}
.introduce-section02 table tr th{width:30%; border-bottom:1px solid #dedede; padding:15px 0; text-align:center; background:#f8f8f8;}
.introduce-section02 table tr td{border-bottom:1px solid #dedede; padding:15px 20px;}


.lodcation-section02{margin-top:50px;}
.lodcation-section02 table{width:100%; border-top:2px solid #1e2326;}
.lodcation-section02 table tr th{width:22%; border-bottom:1px solid #dedede; padding:15px 0; text-align:center; background:#f8f8f8;}
.lodcation-section02 table tr td{border-bottom:1px solid #dedede; padding:15px 20px;}



/* 스포츠기념관 로고 */
.brand-guide{max-width:880px; margin:0 auto; padding:30px 0 80px;}
.brand-guide *{box-sizing:border-box;}
.brand-guide img{display:block; max-width:100%;}

/* 공통 박스 */
.brand-block{border:1px solid #ddd; background:#fff;}

/* 상단 영역 */
.brand-visual{padding:70px 55px 60px;}
.brand-main-logo{display:flex; justify-content:center; padding-bottom:55px; border-bottom:1px solid #d8d8d8;}
.brand-concept{margin:50px 0 42px; background:#f7f7f7;}

/* 로고 설명 */
.brand-desc p{position:relative; margin:0 0 24px; padding-left:28px; font-size:20px; line-height:1.85; color:#111;}
.brand-desc p:last-child{margin-bottom:0;}
.brand-desc p:before{position:absolute; top:12px; left:0; width:10px; height:10px; border-radius:50%; background:#346067; content:"";}

/* 공통 정보 영역 */
.brand-info{display:grid; grid-template-columns:200px 1fr; align-items:center; margin-top:24px;}
.brand-title{display:flex; align-items:center; justify-content:center; min-height:210px; border-right:1px solid #ddd; font-size:28px; font-weight:800; color:#346067; letter-spacing:-0.04em;}
.brand-content{padding:45px 55px;}

/* 로고타입 */
.logo-type{display:flex; flex-direction:column; gap:42px;}
.logo-row{display:grid; grid-template-columns:100px 1fr; align-items:center;}
.logo-row strong{font-size:20px; font-weight:700;}
.logo-row p{margin:0;}
.ko-logo{font-size:46px; font-weight:800; color:#346067; letter-spacing:-0.06em;}
.en-logo{font-size:34px; font-weight:600; color:#808285; letter-spacing:.02em;}

/* 로고컬러 */
.color-list{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.color-card{overflow:hidden; border:1px solid #ddd;}
.color-chip{display:flex; align-items:center; justify-content:center; height:170px; padding:20px; color:#fff; font-size:24px; font-weight:700; letter-spacing:.02em; text-align:center;}
.color-card.teal .color-chip{background:#346067;}
.color-card.navy .color-chip{background:#2e3457;}
.color-card.gray .color-chip{background:#808285;}

/* 모바일 */
@media screen and (max-width:768px)
{
	.brand-guide{padding:35px 18px 55px;}
	.brand-visual{padding:38px 22px 35px;}
	.brand-main-logo{padding-bottom:35px;}
	.brand-concept{margin:34px 0 28px;}
	.brand-desc p{margin-bottom:20px; padding-left:22px; font-size:15px; line-height:1.8;}
	.brand-desc p:before{top:9px; width:7px; height:7px;}
	.brand-info{display:block; margin-top:18px;}
	.brand-title{justify-content:flex-start; min-height:auto; padding:24px 22px 0; border-right:0; font-size:24px;}
	.brand-content{padding:28px 22px 34px;}

	/* 로고타입 */
	.logo-type{gap:28px;}
	.logo-row{grid-template-columns:58px 1fr;}
	.logo-row strong{font-size:15px;}
	.ko-logo{font-size:28px;}
	.en-logo{font-size:22px;}

	/* 로고컬러 */
	.color-list{grid-template-columns:1fr; gap:16px;}
	.color-chip{height:120px; font-size:20px;}
}