@charset "utf-8";


/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

	html, body {
		font-family: 'Noto Sans KR';
		/*letter-spacing:1px;
		color:#494949;*/
		height:100%;
		font-size:16px;
	}

	body {
		background-color:#ffffff;
		line-height: 1.6;
	}

  a, a:visited, a:hover {
    text-decoration:none;
		color:#494949;
  }

	.container {
		max-width:1200px;
	}	

	.GNB ul li {
		padding-top:5px;
		padding-bottom:5px;		
		padding-left:30px;
		padding-right:30px;
	}		

	.GNB ul li a {
		color:#ffffff !important;
		font-size:20px;
		
	}
	
	.GNB ul {
		margin-top:0;
		margin-bottom:0;
	}
	
	.GNB li:hover {
	/*	background-color:#00478d; */
	}
	
	hr {
		border-color:#ddd;
	}
	
	.table_program {
		background-color:#cbe3f0;
		border-top: #9ec8de 3px solid;
	}
	
	.table_program th {
		background-color:#f2f8fb;
		text-align:center;
	}
	
	.table_program td {
		background-color:#fff;
		display:table-cell; 
	}	
	
	
	#back-top {
	 position: fixed;
	 bottom: 120px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
	 left: 50%;
	 margin-left: 700px;  /* 부라우저 중앙에서 우측으로 떨어질 거리설정  */
	 z-index:10;
	 display:none;
	 border-radius:0 6px 6px 0;
	}	
	
	#bg_opacity_left {
		position:fixed; 
		z-index:9;
		width:100%; 
		height:100%; 
		left:50%; 		
		top:0px; 
		margin-left: 600px;
		background-color:#366fa1;
		filter:alpha(opacity=20);
		opacity:.2;
	}	
	
	#bg_opacity_right {
		position:fixed; 
		z-index:9;
		width:100%; 
		height:100%; 
		right:50%; 		
		top:0px; 
		margin-right: 600px;
		background-color:#366fa1;
		filter:alpha(opacity=20);
		opacity:.2;
	}	
	
	.mobileOnly {display:none;}
	
@media (max-width: 970px) {

	ul  {padding-left:20px; }

	.container {width:100%;}

	.mobileOnly {display:block;}
	.pcOnly {display:none;}
	
	.GNB ul li {
		padding-top:5px;
		padding-bottom:5px;		
		padding-left:10px;
		padding-right:10px;
		border-bottom:1px solid #dddddd;
	}
	
	.GNB ul li a {
		color:#ffffff !important;
		font-size:14px;
		
	}

}

	
.navbar {
  border: none; /* 네비게이션 헤더의 테두리를 없앰 */
}

.wrap_title {
	display: inline-block;
	font-size: 18px; font-weight: 500; margin-top: 20px; margin-bottom: 20px; 
	background: linear-gradient(90deg, rgba(75,224,166,1) 0%, rgba(38,200,185,1) 100%); color:#ffffff; padding: 7px 30px; border-radius:10px; text-align: center;
}

.session_title {font-size:20px; font-weight:500; letter-spacing: -1px;}

.wrap_title_blue {
	display: inline-block;
	font-size: 18px; font-weight: 500; margin-top: 20px; margin-bottom: 20px; 
	background: linear-gradient(90deg, #75baf6 0%, #75baf6 100%); color:#ffffff; padding: 7px 30px; border-radius:10px; text-align: center; 
}
.text-primary {
  color: #494949;
}

.btn-toggle {width:16px;height:16px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(../img/btn_toggle.svg) no-repeat center/12px auto;vertical-align:6px;margin:0 6px;border:0px}
.btn-toggle.active {transform:rotate(180deg);}

.contents dl {margin-bottom:20px;}
.contents dl dt {font-size: 16px;font-weight:600;}
.contents dl dd {border-radius: 8px;background-color:#f9f9f9;margin-top:10px;display:none;}
.contents dl dd p {font-size:12px;line-height:1.41;padding:16px;}
.contents dl.open dd {display:block;}

.footer {border-top:1px solid #f0f0f0;padding:40px 0 28px;}
.footer .footer__logo {margin-bottom:20px;height:34px;}
.footer .footer__links {margin-bottom:20px;}
.footer .footer__link {display:inline-block;color:#808080;margin-right:20px;font-weight: 300;}
.footer .footer__link:last-child {margin-right:0;}
.footer .footer__info {margin-bottom:28px;}
.footer .footer__info .info__text {color:#808080;line-height:1.5;font-weight: 300;}
.footer .footer__copyright {color:#808080;font-size:13px;font-weight:300;}

/* 모바일 사이즈 (가로 768px 이하) */
좋습니다 👍
가운데 배치 + 텍스트 왼쪽 정렬 + 리스트 점 제거 + 모바일 동일 적용
한 번에 정리된 전체 footer 코드 드릴게요.

✅ HTML 구조 예시
<header class="footer">
    <div class="inner">

        <div class="footer__logo">
            <img src="logo.png" alt="스마트앤컴퍼니">
        </div>

        <ul class="footer__info">
            <li class="info__item">
                <span class="info__text">상호명 : 스마트앤컴퍼니(주)</span>
            </li>
            <li class="info__item">
                <span class="info__text">대표이사 : 박성규 사업자등록번호 : 108-81-64739 통신판매업신고 : 2019-서울구로-2138호</span>
            </li>
            <li class="info__item">
                <span class="info__text">등록번호 : 서울,아55203 등록일자 : 2023-12-6 발행일 : 2011-9-19 발행인·편집인 : 박성규 청소년보호책임자 : 박종서</span>
            </li>
            <li class="info__item">
                <span class="info__text">주소 : 서울특별시 구로구 디지털로 34길 43, 607호(구로동, 코오롱싸이언스밸리1차) P : 02-841-0017 F : 02-841-0584</span>
            </li>
        </ul>

        <div class="footer__copyright">
            © 2025 스마트앤컴퍼니(주). All Rights Reserved.
        </div>

    </div>
</header>

✅ 전체 CSS (완성본)
/* ===== Footer 기본 ===== */

.footer {
    border-top: 1px solid #f0f0f0;
    padding: 40px 0 28px;
    text-align: left; /* 텍스트 왼쪽 */
}

/* 가운데 박스 */
.footer .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

/* 로고 */
.footer .footer__logo {
    margin-bottom: 20px;
    height: 34px;
}

/* 리스트 점 제거 */
.footer .footer__info {
    list-style: none;
    padding: 0;
    margin: 0 0 28px 0;
}

.footer .footer__info .info__item {
    margin-bottom: 6px;
}

.footer .footer__info .info__text {
    color: #808080;
    line-height: 1.5;
    font-weight: 300;
}

/* 카피라이트 */
.footer .footer__copyright {
    color: #808080;
    font-size: 13px;
    font-weight: 300;
}

/* ===== 모바일 (768px 이하) ===== */

@media screen and (max-width: 768px) {

    .pc-only { display: none; }
    .m-only { display: block; }

    .footer {
        padding: 20px 0;
        text-align: left; /* 전체 왼쪽 정렬 */
    }

    .footer .inner {
        padding: 0 16px; /* 좌우 여백 */
    }

    .footer .footer__logo {
        height: 22px;
        margin-bottom: 14px;
    }

    .footer .footer__info {
        list-style: none;
        padding: 0;
        margin: 0 0 14px 0;
    }

    .footer .footer__info .info__text {
        display: block;
        font-size: 12px;  /* 정보 글자 크기 축소 */
        line-height: 1.4;
    }

    /* 링크 스타일 수정 */
    .footer .footer__links {
        margin-bottom: 14px;
        padding: 0;
    }

    .footer .footer__link {
        font-size: 12px;       /* 모바일용 작은 글자 */
        line-height: 1.4;
        margin-right: 8px;
        display: inline-block;
        padding: 2px 0;        /* 링크 높이 조정 */
    }

    .footer .footer__link:last-child {
        margin-right: 0;
    }

    .footer .footer__copyright {
        font-size: 12px;
        line-height: 1.4;
    }
}



.footer .inner {
    max-width: 1200px;   /* 원하는 폭 */
    margin: 0 auto;     /* 가운데 배치 */
    padding: 0 20px;    /* 좌우 여백 */
    text-align: left;   /* 텍스트는 왼쪽 정렬 */
}

.footer__info .info__item {
    list-style: none;
}