@charset "utf-8";

:root {
    --font-en:'Roboto', sans-serif;
	--font-icon: 'Phosphor', sans-serif;
	--font-icon-fill: 'Phosphor-Fill', sans-serif;
    --maxWidth:1300px;
    --header:80px;
	--navHeight:80px;
	--topHeight:35px;
	--pathHeight:48px;
	--subvisHeight:180px;
    --color:#1a2543;
    --colorP:#D4A25F;
    --colorS:#8a3030;
    --colorD:#0F172A;
	--gradient:linear-gradient(90deg, #3357a1 0%, #3674B5 100%);
	--box-shadow:0 4px 5px rgba(0,0,0,0.04);
    --line:#E1E6EB;
	--bnround:12px;
	--input-radius:6px;
	--input-height:42px;
	--title:#2d2d2d;
    --text:#666;
    --text-muted: #a1a1aa;
    --confIng:#f24f22;
	--confWait:#63d0c5;
    --confEnd:#bdc4cd;
	--point-period1: #2D4054;
	--point-period2: #10B981;
	--point-period3: #F59E0B;
	--point-period4: #EC4899;
	--transition: all 0.2s ease-out;
	/* 각 노드의 포인트 컬러 */
	--node-1: #3F4E5A; /* 한독문학 번역비평 */
	--node-2: #0D9488; /* 수용의 장 연구 */
	--node-3: #D97706; /* 번역사 연구 */
	--node-4: #4F46E5; /* 플랫폼 구축 */
	--node-5: #9333EA; /* 번역서지 DB화 */
	--node-6: #E11D48; /* 이론 개발 */
}

/* skip */
#skipnav {overflow:hidden; position:absolute; width:100%; z-index:1000;}
#skipnav a {display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align:center;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {width:auto; height:30px; margin:0; padding:8px 0; background:#20262c; font-size:12px; font-weight:500; line-height:1; color:#fff;}

.skip_info {display:block; position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:100%;}

#wrap {min-width:320px;}
#wrap:has(.headerSub) {display:flex; flex-direction:column; justify-content:space-between; min-height:100%;}
.innerwrap {max-width:var(--maxWidth); margin:0 auto;}

/* header ------------------------------- */
header {position:relative; top:0; width:100%; background:rgba(255,255,255,0); transition: all 0.1s ease-out; z-index:90;}
header > .innerwrap {display:flex; justify-content:space-between; align-items:center; padding:0 20px;}
header h1 a {display:block; background:url(../images/common/logo.png) left center no-repeat; background-size:contain; width:110px; height:21px; text-indent:-9999px;}

header nav .gnb {/* width:100%; max-width:var(--maxWidth); */ margin:0 auto;}

/* gnb */
.gnb > ul {display: flex;}
.gnb > ul > li {position:relative;}
.gnb > ul > li a {display:block;}
.gnb > ul > li > a {color:#2d2d2d; font-size:1.25rem; font-weight:600; padding:0 45px; text-align:center;}
.gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; flex-direction:column; height:var(--navHeight); line-height:1.3;}
.gnb > ul > li > a > span small {display:block; font-size:0.813rem; font-weight:400; letter-spacing:0;}
/* .gnb > ul > li:last-child > a {border-right:1px solid #e8e8e8;} */
.gnb .map-2 {display:none; width:100%; height:250px; position:absolute; z-index:2;}
.gnb .map-2 .map-2-item {font-size:16px; width:100%;}
.gnb .map-2 .map-2-item:first-child {padding-top:15px;}
.gnb .map-2 .map-2-item > a {padding:6px 10px; line-height:1.5; font-weight:500;}
.gnb .map-2 .map-2-item > a:hover {color:var(--color); font-weight:600;}
.gnb .map-3 .map-3-item a {padding:4px 10px 4px 20px; font-size:15px; color:#666;}
.gnb .map-4 .map-4-item a {position:relative; display:flex; padding-left:30px;}
.gnb .map-4 .map-4-item a::before {content:'-'; margin-right:5px;}
.gnb > ul > li:hover > a {color:var(--color);}
.gnb > ul > li:hover > div > ul {background:#f5f7fc;}
.gnb > ul > li > a > span::after {content:''; display:block; background:var(--color); width:0; height:4px; margin:0 auto; position:absolute; left:0; right:0; bottom:0; opacity:0; z-index:3; transition:all 0.2s;}
.gnb > ul > li:hover > a > span::after {width:50%; opacity:1;}
.gnb_bg {position:absolute; top:var(--header); left:0; width:100%; height:250px; background:#fff; box-shadow: 0 4px 10px rgba(0,0,0,0.04); display:none;}
.gnb_overlay {display:none; position:fixed; top:var(--header); bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.5); z-index:-1;}

.external_link > span {display:inline-block;}
.external_link > span::after {content:''; display:inline-block; background:url(../images/common/icon_external.png) 0 0 no-repeat; background-size:contain; width:10px; height:10px; margin-left:5px;}
#path_wrap .external_link > span::after, .lnb .external_link > span::after {background-image:url(../images/common/icon_external_wh.png);}

/* topmenu */
.topmenu .inner {max-width:var(--maxWidth); margin:0 auto; text-align:right;}
.topmenu a {display:inline-flex; justify-content:center; align-items:center; color:rgba(25,25,25,0.7); font-size:14px; font-weight:500; height:var(--topHeight); padding:0 10px; position:relative; text-align:center; vertical-align:top;}
.topmenu a > span small {display:block; font-size:13px; letter-spacing:normal;}
/* .topmenu a::before {content:''; font-family:var(--font-icon); font-size:1rem; font-weight:normal; line-height:1.4; display:block; margin-right:3px;}
.topmenu a.tm_logIn::before {content:'\e897';}
.topmenu a.tm_logout::before {content:'\e898';}
.topmenu a.tm_join::before, .topmenu a.tm_mypage::before {content:'\e7fd';}
.topmenu a.tm_admin::before {content:'\e8b8';}
.topmenu a.tm_lang::before {content:'\e894';}
.topmenu a.tm_sitemap::before {content:'\e5d2'; font-size:1.25rem;}
.topmenu a.tm_sitemap {background:var(--color); color:#fff;}
.topmenu a.tm_sitemap span {display:none;} */

/* fixed */
header.fixed {background:#fff; position:fixed;}
header.fixed h1 a {background-image:url(../images/common/logo.png);}
header.fixed .gnb .map-1 .map-1-item > a {color:#2d2d2d;}
header.fixed .spinner-master label span {background:#333;}
header.fixed .spinner-master input[type=checkbox]:checked + label span {background:#fff;}

.spinner-master {width:30px; height:30px; position:absolute; top:19px; right:20px; display:flex; justify-content:center; align-items:center;}
.spinner-master input[type=checkbox] {width:100%; height:100%; -webkit-appearance:none; appearance:none;}
.spinner-master label {display:block; width:23px; height:16px; position:absolute; cursor:pointer;}
.spinner-master label span {display:block; background:#2d2d2d; width:100%; height:2px; position:absolute; left:calc(50% - 10px); transition:all .3s;}
.spinner-master label span:nth-child(1) {top:0;}
.spinner-master label span:nth-child(2) {top:calc(50% - 1px);}
.spinner-master label span:nth-child(3) {bottom:0;}
.spinner-master input[type=checkbox]:checked + label span {top:calc(50% - 1px);}
.spinner-master input[type=checkbox]:checked + label span:nth-child(1) {transform:rotate(45deg);}
.spinner-master input[type=checkbox]:checked + label span:nth-child(2) {opacity:0;}
.spinner-master input[type=checkbox]:checked + label span:nth-child(3) {transform:rotate(-45deg);}
.spinner-master.on {position:fixed; z-index:20;}

/* sitemap_btn */
.sitemap_btn {width:30px; height:30px; position:absolute; top:110px; right:20px; background-color:transparent; display:flex; justify-content:center; align-items:center;}
.sitemap_btn .icon {display:block; width:24px; height:19px; position:absolute; cursor:pointer;}
.sitemap_btn .icon i {display:block; background:#2d2d2d; width:100%; height:3px; position:absolute; left:0;}
.sitemap_btn .icon i:nth-child(1) {top:0;}
.sitemap_btn .icon i:nth-child(2) {top:calc(50% - 1px); left:auto; right:0; width:75%; background:#31b9ab;}
.sitemap_btn .icon i:nth-child(3) {bottom:0;}

/* msearch_btn */
.msearch_btn {width:30px; height:30px; position:absolute; top:19px; right:55px; display:flex; justify-content:center; align-items:center; background:none; border:0; padding:0; text-indent:-9999px;}
.msearch_btn > span {display:block; background:url(../images/form/icon_btn_msearch.png) 0 0 no-repeat; background-size:contain; width:18px; height:17px;}
.headerSub .msearch_btn {display:none;}
/* 통합검색 */
#total_sch {width:100%; max-width:370px; position:absolute; bottom:160px; left:20px; z-index:1;}
#total_sch .wrap {display:flex; align-items:center; position:relative;}
#total_sch .wrap input {border:2px solid transparent; border-radius:50px; font-size:1rem; width:100%; height:60px; padding:0 70px 0 25px;}
#total_sch .wrap button {display:flex; justify-content:center; align-items:center; background:#f59e0b; border:0; border-radius:100%; width:47px; height:47px; position:absolute; right:6px;}
#total_sch .wrap button::after {content:''; background:url(../images/form/icon_btn_search.png) 50% 0 no-repeat; background-size:contain; width:20px; height:19px; position:absolute;}
#total_sch .close_btn {display:none; background:none; border:0; padding:0; width:24px; height:24px; margin:0 0 20px auto; position:relative; text-indent:-9999px;}
#total_sch .close_btn::after {content:''; background:url(../images/form/icon_pop_close.png) 0 0 no-repeat; background-size:contain; width:15px; height:15px; position:absolute;}
@media all and (min-width:1421px) {
#total_sch {left:50%; margin-left:-690px;}
}

/* @media (min-width: 1025px) and (max-width: 1420px) {
#total_sch {margin-left:140px;}
} */

/* footer ------------------------------- */
main ~ footer {margin-top:60px;}
footer {background:#3A404A; color:#fff; font-size:0.938rem; position:relative; padding:0 0 50px;}
footer .foot_logo > span {display:block; background:url(../images/common/logo.png) left center no-repeat; background-size:contain; width:205px; height:36px; text-indent:-9999px;}
footer .foot_cont {flex:1; position:relative;}
footer .foot_menu {border-bottom:1px solid rgba(255,255,255,0.1); padding:1rem 0;}
footer .foot_menu .foot_link {display:flex; flex-wrap:wrap; margin-left:-10px;}
footer .foot_menu .foot_link a {display:block; color:rgba(255,255,255,0.8); font-weight:500; padding:3px 10px; text-align:center;}
footer .foot_menu .foot_link a.privacy {color:#deb887;}
footer .foot_group {margin-top:20px;}
footer .foot_group address {display:block; opacity:0.7; line-height:1.8;}
footer .foot_group address span {display:inline-block; margin-right:20px;}
footer .copyright {font-size:0.875rem; letter-spacing:0; margin:15px 0 20px;}

/* designEarticle */
.designby a {display:inline-flex; align-items:center; line-height:38px; font-size:12px; letter-spacing:1px; opacity:0.5;}
.designby a em {opacity:0.7;}
.designby a span {display:inline-block; background:url(../images/common/logo_earticle_wh.png) 0 0 no-repeat; background-size:contain; width:90px; height:27px; margin-left:5px; text-indent:-9999px;}

/* go_top */
.go_top {display:none; align-items: center; justify-content: center; background:#fff; border-radius:50rem; box-shadow:0 2px 16px rgba(0,0,0,0.15); width:40px; height:40px; padding:0; position:fixed; bottom:20px; right:20px; opacity:0.7; z-index:2;}
.go_top > span {display:inline-block; background:url(../images/common/icon_arrow_up.png) 0 0 no-repeat; background-size:contain; width:14px; height:18px; text-indent:-9999px;}

/* google_translate */
#google_translate_element {margin:0 0 10px 20px;}
#google_translate_element .goog-te-gadget-simple > span > a > span {border:0 !important;}
#google_translate_element .goog-te-gadget-simple > span > a > span:first-child {margin-right:10px;}
#google_translate_element .goog-te-gadget img {display:none;}
.skiptranslate {box-shadow:none !important;}
.skiptranslate ~ #wrap header {z-index:10000002;}

/* 현재위치 */
#path_wrap {background:#fff; /* border-top:1px solid rgba(0,0,0,0.08); */ border-bottom:1px solid #c2c3c9; position:absolute; top:calc(var(--subvisHeight) + var(--header)); left:0; width:100%;}
#path_wrap .innerwrap {padding:0;}
#path_wrap .breadcrumb {display:flex; position:relative; padding-left:var(--pathHeight); z-index:30;}
.breadcrumb > li {/* border-left:1px solid rgba(0,0,0,0.08); */ width:50%;}
.breadcrumb > li + li > a::before {content:''; background:#dbdbdb; width:1px; height:15px; position:absolute; left:0; z-index:-1;}
.breadcrumb > li > a {display:flex; align-items:center; height:var(--pathHeight);}
.breadcrumb > li:first-child {position:absolute; top:0; left:0; width:var(--pathHeight); height:100%; border-left:0;}
.breadcrumb > li:first-child a {justify-content:center; width:100%; height:100%; color:#777;}
.breadcrumb > li:first-child a::after {content:'\E2C2'; font-family:var(--font-icon); font-size:1rem; display:block;}
.breadcrumb > li.depth {position:relative;}
.breadcrumb > li.depth > a {justify-content:space-between; padding:0 10px 0 15px;}
.breadcrumb > li:nth-child(2) span, .breadcrumb > li:nth-child(3) span {max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.breadcrumb > li > ul {display:none; position:absolute; top:var(--pathHeight); left:0; right:0; background:var(--color); border:0px solid var(--line); border-top:1px solid rgba(255,255,255,0.15);}
.breadcrumb > li.has_sub > a::after {content:'\e136'; font-family:var(--font-icon); font-size:18px; color:#aaa; display:block;}
.breadcrumb > li.has_sub > a.on::after {transform: rotate(180deg);}
.breadcrumb > li > ul > li {/* border-top:1px solid var(--line); */ text-align:left;}
.breadcrumb > li > ul > li > a {display:block; padding:12px 15px; color:#fff;}
.breadcrumb > li > ul > li > a:hover {background:rgba(255,255,255,0.2);}
.breadcrumb > li > ul > li > ul > li a {display:flex; padding:8px 20px; color:#fff;}
.breadcrumb > li > ul > li > ul > li > a::before {content:''; background:#ccc; width:5px; height:2px; margin:10px 7px 0 0;}
.breadcrumb > li > ul > li > ul > li > a:hover {color:#1e1e1e; font-weight:600;}
.breadcrumb > li:nth-child(4) {display:none;}
.breadcrumb > li > ul > li > ul > li .snb-3 {background:rgba(255,255,255,0.2); border-radius:12px; margin:0 10px;}
.lnb_none .page_info {text-align:center;}

@media screen and (min-width:769px) {
:root {
	--pathHeight:50px;
}
/* 현재위치 */
.breadcrumb > li.depth {width:300px;}
/* .breadcrumb > li:last-child {border-right:1px solid rgba(0,0,0,0.08);} */
.breadcrumb > li > a {font-size:15px;}

.go_top {width:50px; height:50px;}
}

/* sub_visual */
#sub_visual {padding:0 20px; position:relative; height:var(--subvisHeight); overflow:hidden;}
#sub_visual::before {content:''; background:rgba(0,0,0,0); width:100%; height:100%; position:absolute; top:0; left:0;}
#sub_visual .tit_group {display:flex; justify-content:center; align-items:center; flex-direction:column; height:var(--subvisHeight); text-align:center; font-family: 'Paperlogy'; animation:1s title_motion;}
#sub_visual .tit_group h2 {font-size:2rem; color:rgba(255,255,255,0.8);}
#sub_visual .tit_group p {color:rgba(255,255,255,0.5); font-size:1rem;}
#sub_visual .bg {background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/main_vis.jpg) 0 30% no-repeat; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; animation: FadeScaleIn 4s ease-out forwards;}

@keyframes title_motion {
	0% {opacity: 0; transform:translateY(-50px);}
	50% {opacity: 0.5; transform:translateY(15px);}
	100% {opacity: 1; transform:translateY(0);}
}
@keyframes FadeScaleIn {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.headerSub ~ .container {flex:1;}
.container {padding-top:var(--pathHeight);}
.container .sub_content {max-width:1300px; padding:0 20px 6.25rem; margin:0 auto;}

.content {font-size:1.125rem; font-family:'Pretendard', Arial, sans-serif, Dotum;}

/* lnb */
.lnb {background:rgba(0,160,65,0.8); backdrop-filter: blur(2px); /* border-radius:2rem 2rem 0 0; */ position:relative;}
.lnb h2 {display:none;}
.lnb > ul {display:flex; justify-content:center; align-items:center;}
.lnb > ul > li > a {display:flex; align-items:center; color:rgba(255,255,255,1); font-size:1.125rem; font-weight:500; padding:0 1.5rem; height:64px; transition:var(--transition);}
.lnb > ul > li.on > a {background:#fff; color:rgba(50,73,140,1);}

/* page_title */
.page_info {margin-bottom:1.875rem;}
.page_info h3 {font-size:2rem; line-height:1.3; padding-bottom:10px;}
.page_info h3 > span {position:relative; display:inline-flex;}
.page_info h3 > span::after {content:''; background:linear-gradient(to bottom, #ffab1e, #f39800); border-radius:50rem; width:8px; height:8px; margin-left:7px;}


@media screen and (min-width:1281px) {
/* page_title */
.page_info {display:flex; flex-direction:column; justify-content:center; position:absolute; top:var(--header); height:var(--subvisHeight);}
.page_info h3 {color:#fff;}

/* 현재위치 */
#path_wrap {background:none; border:0; position:relative; top:0; margin-top:0; width:auto;}
/* #path_wrap::after {content:''; background:#e1e1e1; width:100%; height:1px; position:absolute; top:50%; left:0;} */
#path_wrap .breadcrumb {background:none; padding-left:0;}
.breadcrumb > li + li > a::before {display:none;}
.breadcrumb > li, .breadcrumb > li:last-child {border:0;}
.breadcrumb > li {display:flex; align-items:center;}
.breadcrumb > li.depth {width:auto;}
.breadcrumb > li:not(:first-child)::before {content:''; display:block; width:6px; height:6px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; transform:rotate(-45deg);}
.breadcrumb > li > a {height:auto; color:rgba(255,255,255,0.8); pointer-events: none;}
.breadcrumb > li.has_sub > a::after {display:none;}
.breadcrumb > li:first-child {position:relative; width:auto; margin-right:5px;}
.breadcrumb > li:first-child a {color:rgba(255,255,255,0.5);}
.breadcrumb > li:first-child a::after {font-size:16px;}
.breadcrumb > li > ul {display:none !important;}
.lnb_none .page_info {justify-content:center;}
.lnb_none #path_wrap .breadcrumb {margin:0 auto;}
.lnb_none #path_wrap::after {background:none; border-bottom:1px dashed var(--line);}

/* sub_visual */
.menu_none#sub_visual .tit_group {height:var(--subvisHeight);}

.container > .innerwrap {max-width:none; padding:0;}
/* .container .innerwrap {display:flex; justify-content:space-between;}
.container .sub_content {width:100%;}
.container .lnb + .sub_content {width:calc(100% - 350px);}
.container .lnb {width:270px; padding-bottom:200px;} 좌측메뉴 */
}

@media screen and (min-width:1025px) {
.headerMain {position:absolute; top:20px; width:98%; background:rgba(255, 255, 255, 0.12); max-width:calc(var(--maxWidth) + 40px); margin:0 auto; left:0; right:0; border-radius:12px; backdrop-filter:blur(7px); border:1px solid rgba(255, 255, 255, 0.25);}
.headerMain h1 a {background-image:url(../images/common/logo_wh.png);}
.headerMain .gnb > ul > li a, .headerMain .gnb .map-3 .map-3-item a {color:rgba(255,255,255,0.8);}
.headerMain .gnb > ul > li > a {color:#fff;}
.headerMain .gnb > ul > li > a > span {height:70px;}
.headerMain .gnb .map-2 {padding-top:10px;}
.headerMain .gnb > ul > li:hover > a, .headerMain .gnb .map-2 .map-2-item > a:hover {color:rgba(255,255,255,0.8);}
.headerMain .gnb .map-2 .map-2-item > a:hover {text-decoration:underline;}
.headerMain .gnb > ul > li:hover > div > ul {background:none;}
.headerMain .gnb > ul > li > a > span::after {background:#fff;}
.headerMain .gnb_bg {background:rgba(25, 25, 25, 0.8); border-radius:12px; top:77px;}
.headerMain .topmenu a {color:rgba(255,255,255,0.8);}

header nav {/* width:72%; */ display:flex; justify-content:space-between; align-items:center; width:1%; flex:1 1 auto;}
.headerMain nav .gnb::before {display:none;}

/* topmenu */
.topmenu {/* position:absolute; top:0; left:0; width:100%; height:var(--topHeight); */}

/* sitemap_btn */
.sitemap_btn.on {position:fixed; top:35px; z-index:2;}
.sitemap_btn.on .icon i {top:calc(50% - 1px);}
.sitemap_btn.on .icon i:nth-child(1) {transform:rotate(45deg);}
.sitemap_btn.on .icon i:nth-child(2) {opacity:0;}
.sitemap_btn.on .icon i:nth-child(3) {transform:rotate(-45deg);}

.allmenu, .togglemenu, .mb_logo, .msearch_btn {display:none;}
.tm_sitemap.on, .headerMain .tm_sitemap.on {position:fixed; top:20px; right:20px; width:60px; height:60px; z-index:2;}
.topmenu .tm_sitemap.on::before {content:'\e5cd'; font-size:1.5rem;}
.allmenu.on {display:block; overflow:auto;}
.allmenu.on::before {content:''; background:#fff; width:100%; height:100px; position:fixed; top:0; left:0;}
.allmenu {background:var(--color); position:fixed; top:0; left:0; width:100%; height:100%;}
.allmenu > ul {width:100%; max-width:1480px; padding:140px 40px 60px 40px; margin:0 auto; display:flex; gap:10px; min-height:100vh;}
.allmenu > ul > li {flex:1; padding:10px;}
.allmenu > ul > li + li {border-left:1px solid rgba(255,255,255,0.15);}
.allmenu > ul > li > h2 {font-size:1.25rem; color:#fff; padding:10px; margin-bottom:15px;}
.allmenu > ul > li li a {display:flex; font-size:1rem; color:#fff; padding:8px 8px;}
.allmenu > ul > li li a::before {content:''; background:#fff; width:4px; height:2px; margin:12px 8px 0 0;}
.no_scroll {overflow:hidden;}

footer .innerwrap {display:flex;}
footer .foot_logo {margin-right:3.125rem;}
footer .foot_group {display:flex; justify-content:space-between;}
footer .foot_group address {flex:1; margin-right:15px;}

/* google_translate */
#google_translate_element {position:absolute; top:0; left:0; right:0; max-width:var(--maxWidth); margin:0 auto;}
#google_translate_element .goog-te-gadget {display:flex; align-items:center; height:var(--topHeight); padding:0 10px;}
#google_translate_element .goog-te-gadget-simple {border:0; background:none; position:relative; z-index:1;}
#google_translate_element .goog-te-gadget-simple > span > a {color:#fff;}
#google_translate_element .goog-te-gadget-simple > span > a > span:last-child {color:#fff !important;}

/* sub_visual */
#sub_visual .tit_group h2 {font-size:2rem;}
}

@media screen and (max-width:1500px) {
.innerwrap {padding:0 20px;}
}

@media screen and (max-width:1280px) {
header h1 a {width:110px; height:21px;}
.gnb > ul > li > a {font-size:1.125rem;}
.headerMain {/* box-shadow: 0 4px 6px rgba(0,0,0,0.07); */}

.container {padding-top:var(--pathHeight);}
.container .sub_content {padding:1.25rem 0 5rem;}
.container .lnb {display:none;}

.page_info h3 {display:flex; justify-content:center; align-items:center; position:absolute; top:var(--header); height:var(--subvisHeight); left:0; width:100%; color:#fff; text-align:center;}

.breadcrumb > li.depth > a.on {background:var(--color); color:#fff;}
.breadcrumb > li.depth > a.on::after {color:#fff;}
#path_wrap.fixed {position:fixed; top:0; z-index:10; background:var(--color); border-bottom:0; box-shadow:0px 5px 12px rgba(0,0,0,0.07);}
#path_wrap.fixed .breadcrumb > li > a {color:#fff;}
#path_wrap.fixed .breadcrumb > li + li > a::before {background:rgba(255,255,255,0.2);}
#path_wrap.fixed .breadcrumb > li.has_sub > a::after {color:rgba(255,255,255,0.8);}
}

@media screen and (max-width:1024px) {
:root {
	--header:67px;
	--subvisHeight:140px;
}
body.active {overflow:hidden;}

header h1 {display:flex; align-items:center; height:var(--header);}
header h1 a {width:104px; height:20px; margin:0;}

header nav .gnb {display:none;}

/* sitemap */
#sitemap {width:100%; height:100%; background:#fff; display:flex; flex-direction:column; position:fixed; top:0; right:-100%; transition:all .3s ease-in-out; z-index:10;}
#sitemap::before {content:''; background:rgba(0,0,0,0.5); width:100%; height:0; position:fixed; top:0; left:0; z-index:-1; opacity:0; transition: opacity .3s ease;}
#sitemap::after {content:''; background:#f0f0f5; border-right:1px solid #dbdbdb; width:140px; height:100%; position:absolute; top:0; left:0;}
#sitemap.open {right:0; box-shadow: -5px 0 12px rgba(0,0,0,0.1);}
#sitemap.open::before {height:100%; opacity:1;}
#sitemap .util {background:#3a3e53; /* box-shadow: 0 4px 5px rgba(0,0,0,0.04); */ position:relative; z-index:2;}
.mb_logo {background:#fff; border-bottom:1px solid rgba(25,25,25,0.15); height:calc(var(--header) + 6px); display:flex; align-items:center; padding:0 20px;}
.mb_logo a {display:block; background:url(../images/common/logo.png) 0 50% no-repeat; background-size:contain; width:104px; height:20px; text-indent:-9999px;}

/* allmenu */
.allmenu {background:#fff; flex:1; overflow:auto; position:relative;}
.allmenu .map-1 {/* width:85%; */ margin:0 auto;}
.allmenu .map-1 h2 {display:flex; align-items:center; flex-direction:column; font-size:1rem; width:141px; padding:17px 25px; position:relative; margin-bottom:0; z-index:1; transition: var(--transition);}
.allmenu .map-1 h2 small {display:block; font-size:0.875rem; font-weight:400; letter-spacing:normal;}
.allmenu .map-1 h2.open {background:var(--color); color:#fff;}
.allmenu li .sitemap-2dep {display:none; padding:10px 0; position:absolute; top:0; left:160px; right:20px;}
.allmenu li .sitemap-2dep.open {display:block;}
.allmenu li .map-2 li a {display:flex; align-items:center; font-size:1rem; font-weight:500; padding:0 15px; height:60px; border-bottom:1px solid var(--line);}
.allmenu li .map-2 li a:hover {text-decoration:underline;}
.allmenu li .map-3 li a {border-bottom:0; height:40px; padding:0 10px;}
.allmenu li .map-4 > li > a {position:relative; padding:10px 10px 10px 30px; font-size:14px; font-weight:400; color:var(--text);}
.allmenu li .map-4 > li > a::before {content:''; position:absolute; left:15px; top:50%; transform:translateY(-50%); width:4px; height:4px; background-color:#E2E8F0; border-radius:50%;}
.allmenu li .map-2 .sitemap-3dep {background:#F8FAFC; border:1px solid #E2E8F0; border-radius:10px; padding:10px; margin:0 8px 12px 8px;}
.allmenu li .map-2 li:has(.sitemap-3dep) > a {border:0;}

/* topmenu */
.topmenu {background:#fff; border-bottom:1px solid #ccc;}
.topmenu .inner {display:flex; justify-content:center;}
.topmenu .inner a {height:45px; color:#555; font-size:13px; padding:7px 12px; line-height:1.3;}
.topmenu .inner a + a {/* border-left:1px solid #ccc; */}
.topmenu a::before {margin:0;}
.topmenu a.tm_sitemap, .sitemap_btn {display:none;}

/* 통합검색 */
#total_sch {display:none;}
#total_sch.mb_sch {display:block; margin:0 auto; padding:25px 5%; background:#f0f0f0; position:fixed; top:0; bottom:auto; left:0; width:100%; max-width:none; z-index:95;}
#total_sch.mb_sch .close_btn {display:flex; align-items:center;}
.sch_overlay.on {position:fixed; z-index:9; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}

footer {/* font-size:0.875rem; */}
footer .foot_logo {margin-bottom:1.875rem;}
footer .foot_logo > span {width:140px; height:25px; margin:0 auto;}
footer .foot_group {padding-right:0px;}
footer .foot_group address span {display:block; margin-right:0;}
footer .copyright {font-size:0.813rem;}

/* designEarticle */
.designby {margin-top:30px;}

/* 현재위치 */
#path_wrap {font-size:14px;}

/* page_title */
.page_info {margin-bottom:1.875rem;}
.page_info h3 {font-size:1.875rem; text-align:center;}
.page_info h3 > span::after {width:11px; height:11px; margin-top:3px;}
}

@media screen and (max-width:768px) {
.content {font-size:1.063rem;}

/* sub_visual */
#sub_visual .bg {background-position:35% 50%;}
}

@media (min-width: 600px) and (max-width: 1024px) {
/* sitemap */
#sitemap {max-width:400px;}
}