@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.7/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css");
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


/** {box-sizing: border-box; position: relative; margin: 0; padding: 0; line-height: 1.4em; }*/
/*body {font-family:'Pretendard', 'Malgun Gothic', 'Open Sans'; word-wrap:break-word; font-size:0.875rem;}*/
/*a{text-decoration: none; color: inherit; transition: all ease 0.3s;}*/
/*ul{ list-style:none; }*/
/*input, textarea, select, img { vertical-align: top; }*/
/*address, caption, em { font-weight:normal; font-style:normal; }*/


/* 기본설정 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; line-height:1.6em; font-family:'Pretendard GOV','Pretendard','Noto Sans KR', 'Malgun Gothic', sans-serif; -webkit-font-smoothing: antialiased; word-break: break-all; -webkit-text-size-adjust:none;}
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; }
a { text-decoration:none; }
a:link, a:visited, a:hover, a:active { text-decoration:none !important; }

#wrap a { transition: all .3s ease;}
#wrap a:hover { transition: all .3s ease;}

/* 숨김영역 */
legend, caption { display:none; }

input, textarea, select, img { vertical-align: middle; } /* 이미지, form 세로중앙정렬 */
input, textarea, select { font-family:inherit; font-size:inherit;} /* 폰트, 사이즈 상속 */

.black_bold { color: #000; font-weight: 600;}
.font_em1 { color: #5289D9; font-weight: 600; }
.font_em1_n { color: #5289D9; }
.font_em2 { color: #ee4141; font-weight: 600; }

.mgT5 { margin-top:5px !important;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT40 { margin-top:40px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL10 { margin-left:10px !important;}
.mgL20 { margin-left:20px !important;}
.mgL25 { margin-left:25px !important;}
.mgL30 { margin-left:30px !important;}
.mgL35 { margin-left:35px !important;}
.mgL40 { margin-left:40px !important;}
.mgL60 { margin-left:60px !important;}
.mgR30 { margin-right:30px !important;}
.mgB10 { margin-bottom:10px !important;}
.mgB20 { margin-bottom:20px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}
.txL { text-align:left !important;}
.txC { text-align:center !important;}
.txR { text-align:right !important;}


html, body { height:100%;}
body { font-size:18px; font-weight: 300; word-break: break-all;}

/* Layout */
#wrap { width:100%; min-width:1680px; overflow-x:hidden;}
.wrap_box {  width:90%; max-width: 1680px; margin:0 auto; position:relative; }

/* header */
header { height: 120px}
.header_wrap{ height: 120px; width: 100%; position: absolute; background: #fff; transition: 0.3s all ease; overflow: hidden; z-index: 100;}

.header_wrap.on { background:rgba(255,255,255,0.8);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.header_wrap_inner{ position:relative;}
#header h1 { z-index: 1000; position:absolute; left: 5%; top: 30px; }

/*#lnb { overflow:hidden; transition: 0.3s height ease; height: 120px; }*/
/* #lnb:hover { height: auto; } */
#lnb { display: flex; justify-content: flex-end; margin :0 280px;}
#lnb > ul { padding-top: 30px; display:flex; justify-content: center;}
#lnb > ul > li > a { min-width: 160px; max-width:200px; height:60px;  display:flex; align-items: center; color: #000; font-size: 18px; font-weight: 700;  line-height: 1.2em; box-sizing: border-box; padding-right: 30px; word-break: keep-all;} /* 최상위메뉴 제목 a태그 */
#lnb > ul > li > a:after { display:inline-block; content: "\EA4E"; font-family: "remixicon"; font-weight: 400; color: #333; font-size: 0.875em; transition:.3s all ease; margin-left: 10px;}
#lnb > ul > li > a:hover,
#lnb > ul > li > a.on,
#lnb > ul > li > a:hover:after,
#lnb > ul > li > a.on:after { color: #5289D9; }

#lnb .lnb_sub { display: block; padding-top:30px; width: 160px;}
#lnb .lnb_sub li a {display:block; color:rgba(0,0,0,0.7); font-size:15px; line-height: 1.2em; font-weight: 400; padding:0 10px 10px 0; word-break: keep-all;}
#lnb .lnb_sub li a.on,
#lnb .lnb_sub li a:hover { color:#000;}

#gnb { z-index: 1000; position: absolute; top: 40px; right: 5%; display: flex; gap: 10px; align-items: center; transition: all .3s ease;}
#gnb .dropbtn { padding:0 9px; width: 150px; height: 32px; border: 0; background-color: #E9E9E9; color: #000; box-sizing: border-box; font-size: 12px; font-weight: 600; font-family: 'Paperlogy-8ExtraBold'; border-radius: 30px; cursor: pointer; text-align: left; position: relative; display: flex; align-items: center; gap: 8px; transition: all ease 0.3s;}
#gnb .dropbtn i { font-size: 20px; color: #333; font-weight: 400;}
#gnb .dropbtn::after { position: absolute; top: 50%; right: 10px; transform: translateY(-45%); content: "\EA50"; font-family: "remixicon"; font-size: 16px; color: #333; font-weight: 400;}
#gnb .dropbtn:hover, .dropbtn:focus { color: #000;}
#gnb .dropdown { position: relative; display: inline-block;}
#gnb .dropdown-content { display: none; position: absolute; right: 0; width: 100%; min-width:150px; background-color: #fff; border-radius: 16px; overflow: auto; border: 1px solid #ddd; z-index: 1;}
#gnb .dropdown-content.on {display: block; }
#gnb .dropdown-content a { color: #666; padding: 8px 16px; font-size: 13px; line-height: 1.2em; display: block; text-align: center;}
#gnb .dropdown-content a + a { border-top: 1px solid #ddd;}
#gnb .dropdown a:hover {background-color: #f9f9f9; color: #000;}
#gnb .show {display: none;}
#gnb .btn_sitemap { display: flex; align-items: center; justify-content: center; width:40px; height:40px;}
#gnb .btn_sitemap i { font-size: 28px; color: #333; font-weight: 400;}

/*#gnb .search { padding:0 4px 0 16px; height: 32px; background-color: #E9E9E9; box-sizing: border-box; font-size: 12px; font-weight: 600; font-family: 'Paperlogy-8ExtraBold'; border-radius: 30px; display: flex; align-items: center; gap: 8px;}*/
/*#gnb .search i{ font-size: 20px; color: #333; font-weight: 400;}*/
/*#gnb .search input { border:0; background-color: transparent; height: 32px; width: 90px; transition: all ease 0.3s;}*/
/*#gnb .search input:focus { width: 160px;}*/
/*#gnb .search button { cursor: pointer ; border: none; background: transparent; width:36px; height: 100%; font-size: 0; }*/
/*#gnb .search button::after { content: "\F0D1"; font-family: "remixicon"; font-size: 20px; color: #333; font-weight: 400;}*/

/* 모바일 메뉴 */
#sitemap { display: none; display:block; position:relative; z-index:5000;}
#sitemap .m_menu { position:absolute; top:0; right:-310px; width:310px; background:#fff; z-index:5000; }
#sitemap .m_menu h2 { text-indent:-9999px; height: 0;}
#sitemap .m_menu .close { width:30px; height:30px; display:block; position:absolute; top:20px; right:10px; color: #ddd; font-size: 1.5em;}

#sitemap .sitemap_top .logo { padding: 20px;}
#sitemap .sitemap_top .logo img { width: 200px;}
#sitemap .gnb_sitemap ul { display: flex; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4;}
#sitemap .gnb_sitemap ul li { flex: 1;}
#sitemap .gnb_sitemap ul li a { border-right:1px solid #f4f4f4; display: block; font-size: .875em; color:#666; line-height:37px; text-align: center;}
#sitemap .gnb_sitemap ul li a:hover {color:#2d2d2d; }
#sitemap .gnb_sitemap ul li:last-child a { border-right:none;}

#sitemap .m_menu h3 a { position:relative; color:#333; font-size:1em;line-height:1.2em; border-bottom:1px solid #f4f4f4; display:block; padding:20px 55px 20px 35px;}
#sitemap .m_menu h3 a:hover { background-color:#f9f9f9;}
#sitemap .m_menu h3 a:after { display:inline-block; content:""; position:absolute; right:25px; top:50%; transform:translate(0,-50%); content: "\EA13"; font-family: "remixicon"; color: #ddd; transition:.3s all ease;}
#sitemap .m_menu h3.on a:after {content: "\EA4E";}

#sitemap .m_menu .depth2 { display:none; border-left:5px solid; border-image:linear-gradient(to bottom, #724598, #00AEBB); border-image-slice:1; padding:15px 0; background:#fafafa;} /* 컬러변경 */
#sitemap .m_menu .depth2 li a { color:#666; font-size:0.875em; line-height:1.2em; display:block; padding:12px 30px;}
#sitemap .m_menu .depth2 li a:hover { color:#000}

#sitemap .m_menu .depth3 { background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a { font-size:0.875em;line-height:1.2em; display:block; padding:10px 20px 10px 35px; background:rgba(255, 255, 255, 0.8);}
#sitemap .m_menu .depth3 li a:before { content:"· ";}

#sitemap .shadow_bg { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.8); z-index:10; display:none; }

/* footer */
footer { background-color: #0E1D46; padding: 50px 0;}
footer .top_box { display: flex; justify-content: space-between;}
footer .top_box .sns_box { display: flex; gap: 36px; align-items: center;}
footer .top_box .sns_box a { color: #fff; font-size: 28px;}
footer .bottom_box { margin-top: 30px; color: rgba(255,255,255,0.7); font-size: 0.875em;}
footer .bottom_box address { font-weight: 300; display: flex; gap: 30px;}
footer .bottom_box address .title { font-weight:600; color:#fff; flex-basis: 170px; line-height:1.3em; }
footer .bottom_box p {margin-top:20px;}
/* top 버튼 */
#back-top { z-index:1000; position:fixed; bottom:35px; right:5%;}
#back-top a { width:50px; height:50px; display:flex; justify-content: center; align-items: center; color: #fff; font-size: 1.25rem; background:rgba(0,0,0,0.8); border-radius:100%; transition: all 0.7s ease;}

@media all and (max-width:1680px) {
    body { font-size:16px;}
    #wrap { min-width:auto;}
    .wrap_box {  width:94%; }
    #header h1 { left: 3%; }
    #lnb { margin :0 250px;}
    #lnb > ul > li > a { min-width: 140px; max-width:160px; font-size: 17px; padding-right: 20px;}
    #lnb .lnb_sub { width: 140px;}
    #gnb { right: 3%;}
    footer .bottom_box address .title { flex-basis: 150px;}
}

@media all and (max-width:1460px) {
    #header h1 { top: 35px; }
    #header h1 img { height: 50px}
    #lnb > ul > li > a { min-width: 110px; max-width:140px; font-size: 16px; padding-right: 10px;}
    #lnb .lnb_sub { width: 110px;}
    footer h1 img { height: 50px;}
}

@media all and (max-width:1260px) {
    header { height: 80px;}
    .header_wrap{ height: 80px;}
    #header h1 { top: 20px; }
    #header h1 img { height: 40px}
    #lnb { display: none; }
    #gnb { top: 20px;}
    footer h1 img { height: 40px;}
    footer .bottom_box address { gap: 20px;}
    footer .bottom_box p {margin-top:10px;}
}

@media all and (max-width:1024px) {
    body { font-size:15px;}
    footer .bottom_box address {flex-direction: column; gap:0; line-height:1.3em;}
    footer .bottom_box address .title { flex-basis: auto;}
    footer .bottom_box address + address { margin-top:10px;}
    footer .bottom_box p { line-height:1.3em;}
}

@media all and (max-width:600px) {
    body { font-size:14px;}
    #gnb .dropbtn { font-size: 0; width: 40px; height: 40px; background-color: #fff;}
    #gnb .dropbtn i { font-size: 28px;}
    footer .top_box { flex-direction: column; gap: 20px;}
}