@charset "utf-8";

:root {
    --font-en:'Roboto', sans-serif;
	--fontNanum:'NanumSquareNeo', sans-serif;
	--material: 'Material Icons Outlined', sans-serif;
    --maxWidth:1360px;
    --header:140px;
	--navHeight:58px;
	--topHeight:40px;
	--pathHeight:48px;
	--subvisHeight:270px;
    --color:#23486a;
    --colorP:#efb036;
    --colorS:#1e3e62;
	--gradient:linear-gradient(90deg, #3357a1 0%, #3674B5 100%);
	--box-shadow:0 4px 5px rgba(0,0,0,0.04);
    --line:#ddd;
	--bnround:1.25rem;
	--input-radius:6px;
	--title:#2d2d2d;
    --text:#777;
    --confIng:#f24f22;
	--confWait:#63d0c5;
    --confEnd:#bdc4cd;
	--transition: all 0.2s ease-out;
}

.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;}
.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; flex-direction:column; justify-content:space-between; max-width:calc(var(--maxWidth) + 40px); padding:0 20px;}
header h1 a {display:block; background:url(../images/common/logo.png) left center no-repeat; background-size:contain; width:264px; height:60px; text-indent:-9999px;}

header nav .gnb {width:100%; max-width:var(--maxWidth); margin:0 auto;}
header nav .gnb::before {content:''; background:#e1e3e1; width:100%; height:1px; position:absolute; left:0; bottom:var(--navHeight);}

/* gnb */
.gnb > ul {display: flex;}
.gnb > ul > li {width:20%; position:relative;}
.gnb > ul > li a {display:block;}
.gnb > ul > li > a {color:#2d2d2d; font-size:1.25rem; font-weight:700; /* border-left:1px solid #e8e8e8; */ text-align:center;}
.gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; height:var(--navHeight);}
/* .gnb > ul > li:last-child > a {border-right:1px solid #e8e8e8;} */
.gnb .map-2 {display:none; width:100%; height:300px; position:absolute; z-index:3;}
.gnb .map-2 .map-2-item {font-size:1.063rem; width:100%; text-align: center;}
.gnb .map-2 .map-2-item:first-child {padding-top:15px;}
.gnb .map-2 .map-2-item a {padding:7px 5px; line-height:1.5;}
.gnb .map-2 .map-2-item a:hover {color:var(--color); font-weight:600;}
.gnb > ul > li:hover > a {color:var(--color);}
.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:4; 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:300px; background:#fff; border-top:1px solid #e1e3e1; 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 {font-weight:500;}
.topmenu .inner {max-width:var(--maxWidth); margin:0 auto; font-size:0.938rem; text-align:right;}
.topmenu a {display:inline-flex; justify-content:center; align-items:center; color:#777; height:var(--topHeight); padding:0 10px; position:relative; vertical-align:top;}
/* .topmenu a::before {content:''; font-family:var(--material); 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:'\e853';}
.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;}

/* 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; display:none;}
.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:180px; left:20px; z-index:1;}
#total_sch .wrap {display:flex; align-items:center; position:relative;}
#total_sch .wrap input {border:2px solid #585752; border-radius:50px; font-size:1rem; width:100%; height:57px; padding:0 70px 0 25px;}
#total_sch .wrap button {display:flex; justify-content:center; align-items:center; background:#585752; 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:-700px;}
}

/* footer ------------------------------- */
footer {background:#1e1f1f; color:#fff; font-size:0.938rem; position:relative; padding:20px 0 70px;}
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:1.25rem 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:#5fc8cc;}
footer .foot_group {margin-top:30px;}
footer .foot_group address {display:block; opacity:0.7; line-height:1.8;}
footer .foot_group address span {display:inline-block;}
footer .foot_group address span::after {content:''; color:#8689a3; padding-left:15px; margin-right:10px;}
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;}
.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:100px; height:30px; 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:'\e88a'; font-family:var(--material); font-size:1.25rem; 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:'\e313'; font-family:var(--material); font-size:20px; 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.depth > a.on {background:var(--color); color:#fff;}
.breadcrumb > li.depth > a.on::after {color:#fff;}
.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:17px;}

.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:1.75rem; color:rgba(255,255,255,0.8);}
#sub_visual .tit_group p {color:rgba(255,255,255,0.5); font-size:0.875rem;}
#sub_visual .bg {background:url(../images/sub_vis01.jpg) 0 25% 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);}
}

.container {/* padding-top:var(--pathHeight); */}
.container .sub_content {padding:3.75rem 0 6.25rem; min-height:500px;}

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

/* lnb */
.lnb {background:rgba(35,72,106,0.4); backdrop-filter: blur(2px); border-radius:2rem 2rem 0 0; position:relative; margin-top:-64px;}
.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 {color:#ffd126;}
/* .lnb h2 {background:var(--gradient); border-radius:12px 36px 12px 12px; color:#fff; font-size:2rem; padding:0 10px; height:8.75rem; display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; text-align:center;}
.lnb h2::after {content:''; background:url(../images/lnb_h2_bg.png) 50% 0 no-repeat; background-size:cover; position:absolute; width:100%; height:100%; mix-blend-mode: overlay;}
.lnb > ul {border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-top:10px;}
.lnb > ul > li {border-bottom:1px solid var(--line); position:relative;}
.lnb > ul > li > a {display:flex; align-items:center; font-size:1.125rem; font-weight:500; padding:0 1.5rem; height:70px; transition:var(--transition);}
.lnb > ul > li > a::before {content:''; background:#ccc; border-radius:50rem; width:5px; height:5px; margin-right:15px;}
.lnb > ul > li:not(.on) > a:hover {padding-left:2rem;}
.lnb > ul > li.on:not(:last-child)::after {content:''; background:var(--color); width:100%; height:3px; position:absolute; bottom:-1px; left:0;}
.lnb > ul > li.on > a {color:var(--color);}
.lnb > ul > li.on > a::before {background:var(--color);}
.lnb > ul > li:last-child {border:0;} */

/* page_title */
.page_info {margin-bottom:2.5rem;}
.page_info h3 {font-size:2.25rem; 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, #3f79ba, #78a0cd); border-radius:50rem; width:13px; height:13px; margin-left:7px;}


@media screen and (min-width:1281px) {
/* page_title */
.page_info {display:flex; justify-content:space-between;}

/* 현재위치 */
#path_wrap {background:#fff; border:0; position:relative; top:0; margin-top:10px; width:auto;}
#path_wrap::after {content:''; background:#e1e1e1; width:100%; height:1px; position:absolute; top:50%; left:0;}
#path_wrap .breadcrumb {background:#fff; 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:#777; pointer-events: none;}
.breadcrumb > li.has_sub > a::after {display:none;}
.breadcrumb > li:first-child {position:relative; width:auto; margin-right:10px;}
.breadcrumb > li:first-child a {background:#eee; border-radius:50rem; color:#aaa; width:26px; height:26px;}
.breadcrumb > li:first-child a::after {font-family: 'Material Icons'; font-size:16px;}
.breadcrumb > li > ul {display:none !important;}
.lnb_none .page_info {justify-content:center;}
.lnb_none .page_info h3 {display:none;}
.lnb_none #path_wrap .breadcrumb {margin:0 auto;}
.lnb_none #path_wrap::after {background:none; border-bottom:1px dashed var(--line);}

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

/* .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) {
header > .innerwrap {height:var(--header);}
header h1 {padding:11px 0;}
header h1 a {position:relative; z-index:1;}

header nav {width:100%;}

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

.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:flex; overflow:auto;}
.allmenu {background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; align-items:center;}
.allmenu > ul {width:100%; max-width:1480px; max-height:calc(100vh - 60px); padding:0 80px; margin:0 auto; display:flex; flex-wrap:wrap;}
.allmenu > ul > li {width:calc(100% / 4); padding:0 15px 20px;}
.allmenu > ul > li > h2 {font-size:1.125rem; background:#f7f7f7; border:1px dashed #aeb4be; border-radius:6px; padding:10px; margin-bottom:15px; text-align:center;}
.allmenu > ul > li li a {display:flex; align-items:center; font-size:1.125rem; padding:8px 10px;}
.allmenu > ul > li li a::before {content:''; background:#2d2d2d; width:5px; height:2px; margin-right:8px;}

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 {/* padding-top:var(--header); */}
#sub_visual .tit_group h2 {font-size:2rem;}
}

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

@media screen and (max-width:1280px) {
:root {
	--header:122px;
	--navHeight:53px;
	--subvisHeight:170px;
}

header h1 a {width:200px; height:45px;}
.gnb > ul > li > a {font-size:1.125rem;}
.headerMain {/* box-shadow: 0 4px 6px rgba(0,0,0,0.07); */}

.topmenu {top:13px;}

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

#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:170px;
}
body.active {overflow:hidden;}

header h1 {display:flex; align-items:center; height:var(--header);}
header h1 a {width:185px; height:42px;}

header nav .gnb {display:none;}

/* sitemap */
#sitemap {width:100%; height:100%; /* max-width:400px; */ 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:var(--color); 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:#fff; 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(255,255,255,0.15); height:var(--header); 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:176px; height:40px; text-indent:-9999px;}

/* allmenu */
.allmenu {background:#fff; flex:1; overflow:auto; position:relative; padding:10px 0;}
.allmenu .map-1 {/* width:85%; */ margin:0 auto;}
.allmenu .map-1 h2 {display:flex; align-items:center; color:#fff; font-size:1rem; width:170px; padding:17px 25px; position:relative; margin-bottom:0; z-index:1; transition: var(--transition);}
.allmenu .map-1 h2.open {color:var(--color);}
.allmenu .map-1 h2::after {content:'';}
.allmenu .map-1 h2.open::after {background:#fff; box-shadow: 0 4px 5px rgba(0,0,0,0.07); border-radius:50rem; position:absolute; top:5px; bottom:5px; left:10px; right:10px; z-index:-1;}
.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; padding:0 15px; height:60px; border-bottom:1px solid var(--line);}
.allmenu li .map-2 li a:hover {text-decoration:underline;}

/* topmenu */
.topmenu {background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.topmenu .inner {display:flex;}
.topmenu .inner a {height:auto; flex:1; flex-direction:column; color:#111; font-size:13px; padding:10px 3px;}
.topmenu .inner a + a {border-left:1px solid #ccc;}
.topmenu a::before {margin:0; font-size:1.25rem; display:none;}
.topmenu a.tm_sitemap {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;}
footer .copyright {font-size:0.813rem;}

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

/* 현재위치 */
#path_wrap {top:calc(var(--subvisHeight) + var(--header));}

/* 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:95% 0;}
}