@charset "UTF-8"; 
/* common */
#skip { position: absolute; top: -1000px; left: 0; width: 100%; height: 0px; font-size: 0px; line-height: 0px; z-index: 1000; } 
#skip a { display: block; width: 100%; font-size: 0px; line-height: 0px; text-align: center; } 
#skip a:focus, #skip_nav a:hover, #skip_nav a:active { display: block; position: absolute; top: 1000px; left: 0px; height: 4.5rem; padding: 0.8rem 0; background: #20262c; color: #fff; font-weight: bold; font-size: 2rem; line-height: 3rem; } 
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0 none; overflow: hidden; clip: rect(0, 0, 0, 0); } 
body.on { overflow: hidden; } 
#wrap { overflow: hidden; } 
img { border: 0 none; font-size: 0; max-width:100%; vertical-align: middle; } 

/* scroll bar */
body::-webkit-scrollbar { width: 5px; height: 8px; } 
body::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #1A305F; } 
body::-webkit-scrollbar-track { background-color: transparent; } 

/* common blind */
.blind-bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: .3s; z-index: 2; } 
.blind-bg.on { display: block; opacity: 0.5; } 

/* header */
#header { position: relative; width: 100%; border:0; background: #fff; font-size: inherit; line-height: normal; z-index: 10; z-index: 2; border-bottom:1px solid #eee; } 
#header .header-bg { position: absolute; top:100px; left: 50%; width: 100vw; height: 0; background: #fff; border-top: 1px solid #ededed; overflow: hidden; z-index: -1; transform: translateX(-50%); opacity: 0; visibility: hidden; border-bottom: 1px solid #ededed; transition: all .2s; } 
#header .header-bg.on { opacity: 1; visibility: visible; } 
@media (max-width:1400px) { 
 #header .header-bg { top:80px; } 
 } 

/* header top */
#header .header-top { display: flex; height: 32px; background: #EEF2F7; align-items: center; } 
#header .header-top .layout { display: flex; width:1800px; margin:0 auto; max-width:100%; justify-content: space-between; align-items: center; } 
/* header top responsive */
@media (max-width: 1800px) { 
 #header .header-top .layout { padding:0 20px; } 
 } 

/* header top nuri */
#header .header-top .layout .header-top-nuri { display: flex; align-items: center; gap: 8px; } 
#header .header-top .layout .header-top-nuri span { color: #1E2124; font-weight: 400; font-size: 15px; line-height: 150%; font-family:"Pretendard GOV"; } 
@media (max-width:1400px) { 
 #header .header-top .layout .header-top-nuri span { font-size:14px; } 
 #header .header-top .layout .header-top-nuri img { width:22px; } 
 } 
@media (max-width:1280px) { 
 #header .header-top .layout .header-top-nuri span { font-size:13px; } 
 #header .header-top .layout .header-top-nuri img { width:20px; } 
 } 
@media (max-width:640px) { 
 #header .header-top .layout .header-top-nuri span { font-size:12px; } 
 #header .header-top .layout .header-top-nuri img { width:18px; } 
 } 

/* header top user */
#header .header-top .layout .header-top-user { display: flex; gap:16px; } 
#header .header-top .layout .header-top-user a { display: flex; align-items: center; gap: 4px; } 
#header .header-top .layout .header-top-user a i { color:#000; font-size:14px; } 
#header .header-top .layout .header-top-user a span { color: #000; font-weight: 500; 
font-size: 15px; line-height: 120%; font-family: "Pretendard"; letter-spacing: -0.15px; font-style: normal; } 
@media (max-width:1280px) { 
 #header .header-top .layout .header-top-user { display: none; } 
 } 

/* header container */
#header .header-container { display: flex; position: relative; width:1800px; height: 100px; margin:0 auto; align-items: center; justify-content: space-between; max-width:100%; } 
#header .header-logo { width:310px; flex-shrink: 0; z-index: 1; } 
#header .header-logo a { display: flex; width: 100%; height: 100%; text-decoration: none; flex-direction: column; overflow: hidden; } 
#header .header-logo a img { transition: all .5s; } 
#header .header-container .header-menu { height: 100%; margin: 0 auto; } 
#header .header-container .header-menu .header-menu-container { height:100%; } 
#header .header-container .header-menu .header-menu-container > ul { display: flex; height: 100%; } 
#header .header-container .header-menu .header-menu-container > ul > li { position: relative; height: 100%; } 
#header .header-container .header-menu .header-menu-container > ul > li > a { display: flex; height: 100%; padding: 0 36px; text-decoration: none; min-width:170px; align-items: center; justify-content: center; transition: all .5s; } 
#header .header-container .header-menu .header-menu-container > ul > li > a:before { display: block; position: absolute; bottom:0; left:50%; width:0; height:4px; height: 4px; background: #2348B8; content: ""; transform: translateX(-50%); transition: all .3s; } 
#header .header-container .header-menu .header-menu-container > ul > li > a > span { color: #000; font-weight: 500; font-size: 20px; line-height: 120%; font-family: "Pretendard"; letter-spacing: -0.2px; font-style: normal; } 
#header .header-container .header-menu .header-menu-container > ul > li > a.on > span { color: #2348B8; font-weight: 700; } 
#header .header-container .header-menu .header-menu-container > ul > li > a.on:before { width: 100%; } 
#header .header-container .header-menu .header-menu-container > ul > li > ul { display: flex; position: absolute; bottom: 0; left: 50%; width: 100%; padding:40px 0 60px 0; transform: translate(-50%, 100%); visibility: hidden; opacity: 0; border-right: 1px solid #ededed; flex-direction: column; gap: 24px; } 
#header .header-container .header-menu .header-menu-container > ul > li:last-of-type > ul { border-right: 0; } 
#header .header-container .header-menu .header-menu-container > ul > li > ul.on { visibility: visible; opacity: 1; transition: all .8s; } 
#header .header-container .header-menu .header-menu-container > ul > li > a.on+ul { background: #F8F8FA; } 
#header .header-container .header-menu .header-menu-container > ul > li > ul:hover { background: #F8F8FA; } 
#header .header-container .header-menu .header-menu-container > ul > li > ul > li > a > span { display: block; color: #444; font-weight: 400; font-size: 18px; line-height: 140%; font-family: "Pretendard"; letter-spacing: -0.36px; text-align: center; font-style: normal; } 
#header .header-container .header-menu .header-menu-container > ul > li > ul > li > a { display: block; padding: 8px 10px; text-decoration: none; white-space: nowrap; transition: all .3s; } 
#header .header-container .header-menu .header-menu-container > ul > li > ul > li > a:hover > span { color: #2348B8; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; } 
#header .header-container .header-util { display: flex; gap: 8px; align-items: center; } 
#header:has(.search-box.on) .header-menu { display: none; } 
/* header container responsive */
@media (max-width: 1800px) { 
 #header .header-container { padding:0 20px; } 
 } 
@media (max-width: 1600px) { 
 #header .header-logo { width:280px } 
 #header .header-container .header-menu .header-menu-container > ul > li > a { padding:0 30px; min-width:160px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > a > span { font-size: 18px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > ul { padding:30px 0 40px 0; gap:18px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > ul > li > a > span { font-size:16px; } 
 } 
@media (max-width: 1400px) { 
 #header .header-logo { width:260px } 
 #header .header-container { height: 80px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > a { padding:0 20px; min-width:150px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > a > span { font-size:18px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > ul { padding:20px 0 30px 0; gap:16px; } 
 #header .header-container .header-menu .header-menu-container > ul > li > ul > li > a > span { font-size:15px; } 
 } 
@media (max-width: 1280px) { 
 #header .header-container .header-menu { display: none; } 
 } 
@media (max-width:640px) { 
 #header .header-logo { width:222px; } 
 #header .header-container { height:64px; } 
 #header .header-container .header-util { gap:16px; } 
 } 

/* header util search */
#header .header-container .header-util .header-util-search { display: flex; gap: 16px; align-items: center; flex-shrink: 0; } 
#header .header-container .header-util .header-util-search > button { display: flex; position: relative; width:55px; height: 55px; border:1px solid #E0E0E0; background: #fff; border-radius: 50%; align-items: center; justify-content: center; } 
#header .header-container .header-util .header-util-search > button > i { color:#000; font-size:24px; } 
#header .header-container .header-util .header-util-search .search-box { display: none; position: absolute; top: 100%; left: 50%; width:100vw; padding:73px 20px; background: #fff; transform: translateX(-50%); border-top:1px solid #eee; } 
#header .header-container .header-util .header-util-search .search-box.on { display: block; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container { display: flex; margin:0 auto; max-width:792px; flex-direction: column; gap:40px; align-items: center; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input { display: flex; width:700px; height: 80px; padding:0 24px; border:2px solid #2348B8; background: #fff; border-radius:10px; align-items: center; gap:10px; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input input[type="text"] { width:100%; border:0; color:#464C53; font-weight: 700; font-size:20px; line-height: 150%; font-family: "Pretendard"; outline: none; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input input[type="text"]::placeholder { color:#464C53; font-weight: 700; line-height: 150%; font-family: "Pretendard"; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input button { border: none; background: none; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button { display: flex; border: none; background: none; align-items: center; gap: 12px; } 
#header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button span { color: #000; font-weight: 700; font-size: 20px; line-height: 150%; font-family: "Pretendard"; font-style: normal; } 
@media (max-width:1600px) { 
 #header .header-container .header-util .header-util-search > button { width:50px; height:50px; } 
 #header .header-container .header-util .header-util-search > button > i { font-size:22px; } 
 #header .header-container .header-util .header-util-search .search-box { padding:60px 20px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input { height:70px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input button img { width:28px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input input[type="text"] { font-size:18px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input input[type="text"]::placeholder { font-size:18px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button { gap:10px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button span { font-size:18px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button img { font-size:20px; } 
 } 
@media (max-width:1400px) { 
 #header .header-container .header-util .header-util-search > button { width:45px; height:45px; } 
 #header .header-container .header-util .header-util-search > button > i { font-size:20px; } 
 #header .header-container .header-util .header-util-search .search-box { padding:50px 20px; } 
 } 
@media (max-width:640px) { 
 #header .header-container .header-util .header-util-search > button { width:auto; height:auto; border:0; } 
 #header .header-container .header-util .header-util-search > button > i { font-size:24px; } 
 #header .header-container .header-util .header-util-search .search-box { padding:40px 20px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container { gap:35px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-input { height: 65px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button { gap:8px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button span { font-size:16px; } 
 #header .header-container .header-util .header-util-search .search-box .search-box-container .search-box-close button img { width:20px; } 
 } 

/* header sitemap */
#header .header-container .header-util .header-util-sitemap { display: none; } 
#header .header-container .header-util .header-util-sitemap > button { display: flex; position: relative; width:45px; height: 45px; border: none; background: #1F1F1F; align-items: center; justify-content: center; border-radius: 50%; z-index: 2; } 
#header .header-container .header-util .header-util-sitemap > button > div { position: relative; position: relative; width: 18px; height: 16px; cursor: pointer; z-index: 1; } 
#header .header-container .header-util .header-util-sitemap > button > div > i { display: block; position: absolute; height: 2px; background: #fff; transition: all .5s; } 
#header .header-container .header-util .header-util-sitemap > button > div > i:nth-of-type(1) { top: 0; width: 100%; } 
#header .header-container .header-util .header-util-sitemap > button > div > i:nth-of-type(2) { top: 50%; right: 0; width: 70%; transform: translateY(-50%); } 
#header .header-container .header-util .header-util-sitemap > button > div > i:nth-of-type(3) { bottom: 0; width: 100%; } 
@media (max-width: 1280px) { 
 #header .header-container .header-util .header-util-sitemap { display: block; } 
 } 
@media (max-width:640px) { 
 #header .header-container .header-util .header-util-sitemap { gap:16px; } 
 #header .header-container .header-util .header-util-sitemap > button { width:auto; height:auto; background: none; border-radius: 0; } 
 #header .header-container .header-util .header-util-sitemap > button > div { width:20px; height:18px; } 
 #header .header-container .header-util .header-util-sitemap > button > div > i { background: #000; } 
 #header .header-container .header-util .header-util-sitemap > button.on > div > i { background: #fff; } 
 } 

/* header menu-all */
#header .header-container .header-util .header-util-sitemap > button.on > div > i { top: 50%; left: 50%; width: 100%; margin: 0; transform: translate(-50%, -50%) rotate(45deg); } 
#header .header-container .header-util .header-util-sitemap > button.on > div > i:nth-of-type(2) { width: 0; opacity: 0; } 
#header .header-container .header-util .header-util-sitemap > button.on > div > i:nth-of-type(3) { transform: translate(-50%, -50%) rotate(-45deg); } 

/* sitemap */
.sitemap-list { display: none; position: absolute; top: 100%; left: 50%; width: calc(100vw + 1px); height: calc(100vh - 100px - 32px); background: #fff; transform: translateX(-50%); } 
.sitemap-list.on { display: block; } 
.sitemap-list ul li a { display: block; position: relative; line-height: 1; text-decoration: none; } 
.sitemap-list { right: 0; left: auto; width: 500px; transform: none; border-top: 1px solid #ddd; } 
.sitemap-list .sitemap-list-menu { height: 100%; } 
.sitemap-list .sitemap-list-menu ul { display: none; } 
.sitemap-list .sitemap-list-menu ul.on { display: block; } 
.sitemap-list .sitemap-list-menu > ul { display: block; height: calc(100% - 80px); padding: 0 24px; overflow-y: auto; } 
.sitemap-list .sitemap-list-menu > ul > li:first-of-type { border-top: 0; } 
.sitemap-list .sitemap-list-menu > ul > li > a { position: relative; padding: 20px 8px; border-bottom:1px solid #000; } 
.sitemap-list .sitemap-list-menu > ul > li > a > span { color: #1E2124; font-weight: 700; font-size: 19px; line-height: 150%; font-family: "Pretendard"; } 
.sitemap-list .sitemap-list-menu > ul > li > a.is:before { position: absolute; top: 50%; right: 8px; color: #000; font-size: 26px; font-family: "remixicon"; content: "\ea4e"; transform: translateY(-50%); transition: all .3s; } 
.sitemap-list .sitemap-list-menu > ul > li.active > a > span { color: #fff; font-weight: 700; } 
.sitemap-list .sitemap-list-menu > ul > li.active > a { background: #1B50AA; } 
.sitemap-list .sitemap-list-menu > ul > li.active > a + ul { display: block; } 
.sitemap-list .sitemap-list-menu > ul > li > a.is.on:before { transform: translateY(-50%) rotate(180deg); } 
.sitemap-list .sitemap-list-menu > ul > li > ul { padding:8px 16px; background: #F3F3F3; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > a { position: relative; padding: 12px 8px; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > a.is:before { position: absolute; top: 50%; right: 8px; color: #616161; font-size: 22px; font-family: "remixicon"; content: "\ea12"; transform: translateY(-50%); transition: all .3s; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li.active > a.is:before, .sitemap-list .sitemap-list-menu > ul > li > ul > li > a.is.on:before { color: #1B50AA; transform: translateY(-50%) rotate(45deg); } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > a > span { color: #1E2124; font-weight: 400; font-size: 17px; line-height: 150%; font-family: "Pretendard"; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > a.on > span { color: #1B50AA; font-weight: 600; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > ul { padding: 20px; background: #fff; border-radius: 12px; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > ul > li { position: relative; padding-left: 3px; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > ul > li:before { display: block; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background: #bdbdbd; content: ""; border-radius: 50%; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > ul > li > a { padding: 8px 6px; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > ul > li > a > span { color: #616161; font-weight: 400; font-size: 15px; } 
.sitemap-list .sitemap-list-menu > ul > li > ul > li > ul > li > a.on > span { font-weight: 600; text-decoration: underline; } 
.sitemap-list .sitemap-list-menu .sitemap-list-user { display: flex; height: 80px; padding:0 24px; background: #1A305F; align-items: center; gap:18px; } 
.sitemap-list .sitemap-list-menu .sitemap-list-user a { display: flex; align-items: center; gap: 4px; } 
.sitemap-list .sitemap-list-menu .sitemap-list-user a i { color:#fff; font-size:18px; } 
.sitemap-list .sitemap-list-menu .sitemap-list-user a span { color: #FFF; font-weight: 500; font-size: 16px; line-height: 120%; font-family: "Pretendard"; letter-spacing: -0.16px; font-style: normal; } 
@media (max-width:1400px) { 
 .sitemap-list { height:calc(100vh - 80px - 32px); } 
 } 
@media (max-width: 640px) { 
 .sitemap-list { top:0; width: 100%; height: 100vh; border:0; z-index: 1; } 
 #header:has(.sitemap-list.on) .header-top { display: none; } 
 #header:has(.sitemap-list.on) .header-container { height:80px; padding:0 24px; } 
 } 

/* footer */
#footer { position: relative; padding:91px 0; background: #fff; } 
#footer .layout { margin:0 auto; max-width:1800px; } 
#footer .layout .footer-top { display: flex; padding-bottom:32px; border-bottom:1px solid #E0E0E0; margin-bottom:30px; } 
#footer .layout .footer-top .footer-logo { width: 310px; } 
#footer .layout .footer-area { display: flex; gap:24px; justify-content: space-between; align-items: center; } 
#footer .layout .footer-area address { display: flex; flex-direction: column; gap:8px; } 
#footer .layout .footer-area address .footer-address { display: flex; gap:40px; } 
#footer .layout .footer-area address .footer-address li { color:#222; font-weight: 400; font-size: 18px; font-family: "Pretendard"; letter-spacing: -0.18px; font-style: normal; } 
#footer .layout .footer-area address .footer-address li a { color:#222; } 
#footer .layout .footer-area address .footer-copyright { color:#222; font-weight: 400; font-size: 18px; line-height: 150%; font-family: "Pretendard"; letter-spacing: -0.18px; font-style: normal; } 
#footer .layout .footer-area address .footer-copyright br { display: none; } 
#footer .layout .footer-area .footer-util { display: flex; gap:12px; } 
#footer .layout .footer-area .footer-util li a { display: flex; height: 51px; padding:0 32px; border:1px solid #E0E0E0; background: #fff; border-radius: 50px; align-items: center; justify-content: center; } 
#footer .layout .footer-area .footer-util li a span { display: block; color: #222; font-weight: 700; font-size: 16px; line-height: 120%; font-family: "Pretendard"; letter-spacing: -0.16px; text-align: center; font-style: normal; word-break: keep-all; } 
#footer .layout .footer-area .footer-util li a.privacy span { color:#5374E9; } 
@media (max-width:1800px) { 
 #footer .layout { padding:0 20px; } 
 } 
@media (max-width: 1600px) { 
 #footer .layout .footer-top .footer-logo { width: 280px; } 
 #footer .layout .footer-area address .footer-address li { font-size:16px; } 
 #footer .layout .footer-area address .footer-copyright { font-size: 16px; } 
 #footer .layout .footer-area .footer-util li a { height: 48px; } 
 #footer .layout .footer-area .footer-util li a span { font-size:14px } 
 } 
@media (max-width: 1400px) { 
 #footer { padding:80px 0; } 
 #footer .layout .footer-top .footer-logo { width: 260px; } 
 #footer .layout .footer-area address .footer-address li { font-size:15px; } 
 #footer .layout .footer-area address .footer-copyright { font-size:15px; } 
 #footer .layout .footer-area .footer-util li a { height: 45px; } 
 #footer .layout .footer-area .footer-util li a span { font-size:13px } 
 } 
@media (max-width: 1280px) { 
 #footer { padding:70px 0; } 
 #footer .layout .footer-top { padding-bottom:24px; margin-bottom:24px; } 
 #footer .layout .footer-area { flex-direction: column; align-items: flex-start; } 
 #footer .layout .footer-area address .footer-address li { font-size:14px; } 
 #footer .layout .footer-area address .footer-copyright { font-size:14px; } 
 #footer .layout .footer-area .footer-util { gap:10px; } 
 #footer .layout .footer-area .footer-util li a { height: 40px; } 
 #footer .layout .footer-area .footer-util li a span { font-size:12px } 
 } 
@media (max-width: 640px) { 
 #footer { padding:60px 0; } 
 #footer .layout .footer-top { padding-bottom:20px; margin-bottom:20px; } 
 #footer .layout .footer-top .footer-logo { width:222px; } 
 #footer .layout .footer-area .footer-util { width:100%; } 
 #footer .layout .footer-area .footer-util li { width:100%; } 
 } 
@media (max-width: 540px) { 
 #footer .layout .footer-area address { gap:12px; } 
 #footer .layout .footer-area address .footer-address { flex-direction: column; gap:8px; } 
 #footer .layout .footer-area .footer-util { flex-direction: column; } 
 #footer .layout .footer-area address .footer-copyright br { display: block; } 
 }