<!DOCTYPE html>
<html lang="ko"
		xmlns:th="http://www.thymeleaf.org"
		xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
		xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="description" content="">
	<meta property="og:title" content="">
	<meta property="og:description" content="">
	<meta property="og:url" content="">
	<meta property="og:type" content="website">
	<meta property="og:image" content="">
	<title th:text="${siteInfo.name}">국제오토텍</title>
	<!-- Favicon -->
	<link href="/resources/kr/iotdoor/comn/site/layout/image/template/favicon.ico" rel="icon" />

	<!-- Google Web Fonts -->
	<link rel="preconnect" href="//fonts.googleapis.com" />
	<link rel="preconnect" href="//fonts.gstatic.com" crossorigin />
	<link href="//fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet"/>

	<!-- Icon Font Stylesheet -->
	<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"/>
	<link href="//cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"/>

	<!-- Libraries Stylesheet -->
	<link href="/resources/lib/animate/animate.min.css" rel="stylesheet" />
	<link href="/resources/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"/>
	<link href="/resources/lib/lightbox/css/lightbox.min.css" rel="stylesheet" />

	<!-- Customized Bootstrap Stylesheet -->
	<link href="/resources/kr/iotdoor/comn/site/layout/css/bootstrap.min.css" rel="stylesheet" />

	<link rel="stylesheet" th:href="@{/resources/kr/iotdoor/comn/site/layout/css/iotdoor.css?v=202404021718}">

	<!-- Template Stylesheet -->
	<link href="/resources/kr/iotdoor/comn/site/layout/css/templateStyle.css?220712" rel="stylesheet" />

	<!-- <link th:if="${mainYn == 'Y' && popupList.size > 0}" rel="stylesheet" th:href="@{/resources/kr/iotdoor/comn/popup/css/popupListLayout.css}"> -->
	<!-- <script th:if="${not #strings.isEmpty(checkMessage)}">alert('[[${checkMessage}]]');</script> -->
	<script sec:authorize="isAuthenticated()">const global_isMber = true;</script><script sec:authorize="isAnonymous()">const global_isMber = false;</script>
	<script>
		const global_errCd = '[[${param.errCd}]]';
	</script> <!--/* common.js 에러코드 정의되어 있음 */-->
	<meta name="_csrf" th:content="${_csrf.token}">
	<meta name="_csrf_header" th:content="${_csrf.headerName}">
	<meta name="theme-color" content="#ffffff">
	<style>
		.spinner {
			border: 4px solid rgba(0, 0, 0, 0.1);
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border-left-color: #09f;

			margin: 0 auto;
			animation: spin 1s linear infinite;
		}

		@keyframes spin {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<div id="skip-nav">
		<a href="#site-contents" class="visually-hidden">본문 바로가기</a>
	</div>

	<th:block th:replace="~{kr/iotdoor/comn/site/layout/cmmnHeader}"></th:block>

    <div id="site-contents" class="content-wrap" th:classappend="${subMainClass}">
		<th:block layout:fragment="content"></th:block>
	</div>

	<th:block th:if="${mainYn == 'Y' and !#lists.isEmpty(popupList)}">
		<th:block th:replace="~{kr/iotdoor/comn/popup/layout/popupListLayout}"></th:block>
	</th:block>
	<th:block th:replace="~{kr/iotdoor/comn/site/layout/cmmnFooter}"></th:block>

	<!-- JavaScript Libraries -->
	<script th:src="@{/resources/lib/jquery/jquery.min.js}"></script>
	<script th:src="@{/resources/lib/jquery-form/jquery.form.min.js}"></script>
	<script th:src="@{/resources/lib/bootstrap/js/bootstrap.bundle.min.js}"></script>
	<script th:src="@{/resources/lib/bootbox/bootbox.min.js}"></script>
	<script th:src="@{/resources/lib/wow/wow.min.js}"></script>
	<script th:src="@{/resources/lib/easing/easing.min.js}"></script>
	<script th:src="@{/resources/lib/waypoints/waypoints.min.js}"></script>
	<script th:src="@{/resources/lib/counterup/counterup.min.js}"></script>
	<script th:src="@{/resources/lib/owlcarousel/owl.carousel.min.js}"></script>
	<script th:src="@{/resources/lib/isotope/isotope.pkgd.min.js}"></script>
	<script th:src="@{/resources/lib/lightbox/js/lightbox.min.js}"></script>
	<script th:src="@{'//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js'}"></script>
	<!-- Includes all JS & CSS for the JavaScript Data Grid -->
	<script th:src="@{/resources/kr/iotdoor/comn/site/layout/js/common.js?v=20240716}"></script>
	<script th:src="@{/resources/kr/iotdoor/comn/site/layout/js/main.js?v=20240716}"></script>
	<script th:if="${mainYn == 'Y' and !#lists.isEmpty(popupList)}" th:src="@{/resources/kr/iotdoor/comn/popup/js/popupListLayout.js}"></script>
	<th:block layout:fragment="script"></th:block>
</body>
</html>
