@charset "utf-8";

body, p{word-break:keep-all;}

/*기본*/
.inner{max-width:1200px; margin:0 auto;}
.cf::after{content:""; display:block; clear:both;}

html {
  scroll-behavior: smooth;
}

/*header*/
.header{position:relative; text-align:center;}
.header > .inner {display: flex; justify-content: space-between; align-items: center;}
.header > .inner > .logo{}
.header > .inner > .logo > a{display:block;}
.header > .inner > .logo > a > img{height:50px;}
.header > .inner > .gnb{line-height:90px;}
.header > .inner > .gnb > li{position:relative; display:inline-block;}
.header > .inner > .gnb > li > a{display:block; font-size:18px; font-weight:700; padding:0 50px; white-space:nowrap;}
.header > .inner > .gnb > li > .subMenu{display:none; position:absolute; padding-top:10px; width:100%; z-index:3; line-height:40px;}
.header > .inner > .gnb > li > .subMenu > li > a{white-space:nowrap;}

.header > .menuBg{display:none; width:100%; height:110px; background:rgba(255,255,255,.5); position:absolute; left:0; top:90px; z-index:2;}

.header > .gnb > li > .subMenu > li > a:hover{font-weight:700;}

/*footer*/
.footer { background-color: #1a1735; color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 60px 0 40px 0; display: flex; justify-content: center; width: 100%; box-sizing: border-box; }
.footer > .footer-inner { width: 100%; max-width: 1400px; padding: 0 40px; box-sizing: border-box; }

.footer > .footer-inner > .footer-top { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 50px; }
.footer > .footer-inner > .footer-top > .footer-logo-area { display: flex; border-right: 1px solid rgba(255, 255, 255, 0.1); width: 280px; box-sizing: border-box; justify-content: center; align-items: center;}
.footer > .footer-inner > .footer-top > .footer-logo-area > img {width: 50%; object-fit: cover; }

.footer > .footer-inner > .footer-top > .footer-links-area { display: flex; flex: 1; justify-content: space-between; padding-left: 60px; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col { display: flex; flex-direction: column; min-width: 120px; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > h4 { font-size: 13px; font-weight: 600; color: #ffffff; letter-spacing: 1px; margin: 0 0 20px 0; position: relative; padding-bottom: 15px; text-transform: uppercase; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background-color: #4b3eb0; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > ul { list-style: none; padding: 0; margin: 0; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > ul > li { margin-bottom: 14px; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > ul > li > a { text-decoration: none; color: #d0cdea; font-size: 14px; transition: color 0.3s ease; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > ul > li > a:hover { color: #ffffff; }

.footer > .footer-inner > .footer-divider { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); margin-bottom: 30px; }

.footer > .footer-inner > .footer-bottom { display: flex; align-items: center; justify-content: flex-start; position: relative; }
.footer > .footer-inner > .footer-bottom > .bottom-info { display: flex; align-items: center; padding: 0 40px; border-right: 1px solid rgba(255, 255, 255, 0.1); height: 44px; }
.footer > .footer-inner > .footer-bottom > .address-info { padding-left: 0; }
.footer > .footer-inner > .footer-bottom > .copyright-info { border-right: none; }
.footer > .footer-inner > .footer-bottom > .bottom-info > .info-icon { font-size: 18px; color: #4b3eb0; margin-right: 15px; flex-shrink: 0; }
.footer > .footer-inner > .footer-bottom > .bottom-info > p { font-size: 13px; color: #9a98aa; margin: 0; line-height: 1.6; }

.footer > .footer-inner > .footer-bottom > .social-icons { display: flex; align-items: center; gap: 12px; margin-left: auto; margin-right: 80px; }
.footer > .footer-inner > .footer-bottom > .social-icons > a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; color: #d0cdea; text-decoration: none; transition: all 0.3s ease; }
.footer > .footer-inner > .footer-bottom > .social-icons > a > i { font-size: 14px; }
.footer > .footer-inner > .footer-bottom > .social-icons > a:hover { border-color: #ffffff; color: #ffffff; background-color: rgba(255, 255, 255, 0.1); }
.footer > .footer-inner > .footer-bottom > .btn-top { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 2px solid #332a68; border-radius: 50%; background-color: transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; cursor: pointer; text-decoration: none; }
.footer > .footer-inner > .footer-bottom > .btn-top:hover { background-color: #332a68; }
.footer > .footer-inner > .footer-bottom > .btn-top::before { content: ''; width: 10px; height: 10px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; transform: rotate(45deg); margin-top: 4px; }


.footer > .footer-inner > .footer-bottom > .admin-link-area {
  margin-left: auto;
  margin-right: 20px;
}
.footer > .footer-inner > .footer-bottom > .admin-link-area > .btn-admin {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.25);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color 0.3s ease;
}
.footer > .footer-inner > .footer-bottom > .admin-link-area > .btn-admin > i {
  font-size: 10px;
}
.footer > .footer-inner > .footer-bottom > .admin-link-area > .btn-admin:hover {
  color: rgba(255, 255, 255, 0.9);
}


.headerM{display:none;}

@media (max-width:1200px) {
	#container{overflow-x:hidden;}

	.header{display:none;}

	.headerM{display:block;}

	.inner{width:100%; margin:0 auto;}

	/*header*/
	.headerM > .top{position:relative; padding:10px 3%;}
	.headerM > .top > h1 {display: flex; justify-content: center; align-items: center;}
	.headerM > .top > h1 > a > img{height:36px;}
	.headerM > .top > .panel{position:absolute; right:5%; top:50%; margin-top:-10px;}
	.headerM > .top > .panel::before{content:""; display:block; width:20px; height:2px; border-top:3px solid #333;}
	.headerM > .top > .panel::after{content:""; display:block; width:20px; height:2px; border-top:3px solid #333;}
	.headerM > .top > .panel > a{display:block; width:16px; height:2px; border-top:3px solid #333; margin:5px 0; text-indent:-9999px;}

	.headerM > .menu{display:none; background:#fff; width:80%; height:100vh; position:fixed; right:-80%; top:0; z-index:10; padding:100px 0 0;}
	.headerM > .menu > .close{position:absolute; right:5%; top:20px; display:flex;}
	.headerM > .menu > .close > a{display:block; text-indent:-9999px;}
	.headerM > .menu > .close::after{content:""; display:block; width:16px; height:16px; border-top:3px solid #333; border-right:3px solid #333; transform:rotate(225deg);}
	.headerM > .menu > .close::before{content:""; display:block; width:16px; height:16px; border-top:3px solid #333; border-right:3px solid #333; transform:rotate(45deg); margin-right:2px;}
	.headerM > .menu > .gnbM > li{width:90%; margin:0 auto;}
	.headerM > .menu > .gnbM > li > a{position:relative; display:block; padding:16px 10px; border-bottom:1px solid #cdcdcd; font-size:1.1rem; font-weight:500;}
	.headerM > .menu > .gnbM > li > a::after{content:""; display:block; width:8px; height:8px; border-top:2px solid #777; border-right:2px solid #777; transform:rotate(135deg); position:absolute; right:3%; top:50%; margin-top:-4px;}
	.headerM > .menu > .gnbM > li > ul{display:none; background:#f5f5f5; padding:8px 16px; border-radius:0 0 10px 10px;}
	.headerM > .menu > .gnbM > li > ul > li > a{display:block; padding:10px 0; font-size:.92rem; font-weight:300;}
	
	.headerM > .menu > .gnbM > li > a.on::after{transform:rotate(315deg); border-color:#333;}
	

	/*footer*/
	.footer { padding: 50px 0 30px 0; }
.footer > .footer-inner { padding: 0 20px; }
.footer > .footer-inner > .footer-top { flex-direction: column; align-items: center; text-align: center; margin-bottom: 30px; }
.footer > .footer-inner > .footer-top > .footer-logo-area { width: 100%; border-right: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none;}
.footer > .footer-inner > .footer-top > .footer-logo-area > img { width: 120px; }
.footer > .footer-inner > .footer-top > .footer-links-area { padding-left: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 20px; width: 100%; text-align: left; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col { min-width: unset; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > h4 { margin-bottom: 12px; padding-bottom: 10px; font-size: 12px; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > h4::after { left: 0; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > ul > li { margin-bottom: 10px; }
.footer > .footer-inner > .footer-top > .footer-links-area > .link-col > ul > li > a { font-size: 13px; }
.footer > .footer-inner > .footer-divider { margin: 30px 0; }
.footer > .footer-inner > .footer-bottom { flex-direction: column; align-items: center; text-align: center; }
.footer > .footer-inner > .footer-bottom > .bottom-info { height: auto; padding: 0; border-right: none; margin-bottom: 20px; flex-direction: column; }
.footer > .footer-inner > .footer-bottom > .bottom-info > .info-icon { margin-right: 0; margin-bottom: 8px; }
.footer > .footer-inner > .footer-bottom > .bottom-info > p { font-size: 13px; }
.footer > .footer-inner > .footer-bottom > .social-icons { margin: 10px 0 20px 0; }
.footer > .footer-inner > .footer-bottom > .btn-top { position: static; transform: none; margin: 10px auto 0 auto; }
}