@charset "utf-8";

/* skip */
#skip, #skip ul, #skipSitemap {height:0;width:100%;z-index:100000;}
#skip a, #skipSitemap a {position:absolute;top:-9999px;left:0;z-index:10000;display:block;width:100%;height:40px;background-color:#000;line-height:40px;opacity:1;color:var(--white);text-align:center;}
#skip a:focus, #skip a:hover, #skip a:active, #skip a:visited, #skipSitemap a:focus, #skipSitemap a:hover, #skipSitemap a:active, #skipSitemap a:visited {top:0;}
body {}
/* common */
.gnb-dimmed {position:fixed;left:0;top:0;width:0;height:0;background-color:var(--black);opacity:0;z-index:999;transition:opacity 0.3s var(--cubic);}
.gnb-dimmed.gnb-active {width:100%;height:100%;opacity:0.5;}
/*#wrap {margin:0 auto;padding-top:11.9rem;}*/
#wrap {position:relative; margin:0 auto; padding-top:11.9rem;} /* 2차240105 */
:root {
	--header-height :8.5rem;
}
/* header */
.header {position:fixed;top:0;width:100%;left:0;z-index:1900;background-color:var(--white);border-bottom:0.1rem solid var(--gray1);box-shadow:0 0.5rem 0.8rem rgba(145, 145, 145, 0.25);}
.header-inner {display:flex;justify-content:space-between;max-width:148rem;margin:0 auto;background:#fff;}
.header-inner > * {display:flex;justify-content:center;}
.header .logo {margin-right:10rem;}
.header .logo a {display:flex;width:18.9rem;height:var(--header-height);margin-left:2rem;}
.header .logo a img {width:100%;object-fit:contain;}
/* gnb */
@media screen and (min-width:1025px) {
	.header-inner > .left{overflow:hidden;}
	.header .gnb {position:relative;display:flex;align-items:center;justify-content:center;height:100%;}
	.header-inner:after {display:block;content:'';position:absolute;left:0;top:11.8rem;width:100%;height:0.1rem;background-color:var(--gray1);z-index:0;}
	.header .gnb:after {display:block;content:'';position:absolute;left:0;top: var(--header-height);width:0%;height:0.1rem;background-color:var(--gray1);z-index:1;}
	.header.gnb-active .gnb:after {width:100%;}
	.header .gnb .mobile-menu {display:none;}
	.header .gnb .dep01 {display:flex;height:inherit;}
	.header .gnb .dep01 > li {position:relative;height:inherit;width:17.5rem;display:flex;flex-direction:column;}
	.header .gnb .dep01 > li > a {position:relative;display:flex;font-size:1.9rem;font-weight:700;align-items:center;justify-content:center;flex:0 0 var(--header-height);}
	.header .gnb .dep01 > li.active > a {color:var(--tblue);}
	.header .gnb .dep01 > li > a:after {display:block;content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);background-color:var(--lblue);width:0;height:0.3rem;transition:width 0.3s var(--cubic);}
	.header .gnb .dep01 > li > a:hover:after,
	.header .gnb .dep01 > li > a:focus:after {width:100%;}
	.header .gnb .dep02 {display:none;height:inherit;}
	.header .gnb .dep02:before {content:'';position:absolute;left:0;top:var(--header-height);width:0.1rem;height:calc(100% - var(--header-height));background-color:var(--gray1);}
	.header .gnb .dep02 > li.active > a {color:var(--tblue);font-weight:700;}
	.header .gnb .dep01 > li:last-child .dep02 {border-right:0.1rem solid var(--gray1);}
	.header .gnb .dep02 > li {}
	.header .gnb .dep02 > li > a {display:block;font-size:1.6rem;padding:1.2rem 1.6rem;}
	.header .gnb .dep03 {margin-left:1.6rem;}
	.header .gnb .dep03 > li {position:relative;padding-left:1.6rem;}
	.header .gnb .dep03 > li:before {content:'\00B7';font-size:inherit;color:inherit;position:absolute;left:0;top:0;}
	.header .gnb .dep03 > li > a {display:block;font-size:1.4rem;}
	.header .gnb .dep03 > li.active > a {color:var(--tblue);font-weight:700;}
	.header .gnb .dep01 > li.gnb-calc {position:absolute;left:-28.9rem;top:11.9rem;width:28.9rem;}
	.header.gnb-active .gnb .dep01 > li.gnb-calc {}
	.header .gnb .dep01 > li.gnb-calc a {display:flex;align-items:center;background-color:var(--bgblue);font-size:1.6rem;line-height:4.4rem;padding:0 2.4rem;width:25.6rem;border-radius:0.5rem;}
	.header .gnb .dep01 > li.gnb-calc a:before {content:'';flex:0 0 1.5rem;height:2.1rem;background:url(../img/ico/ico-calculator.svg) center center / 100% 100% no-repeat;margin-right:1.6rem;}
	.header .gnb .dep01 > li.gnb-calc .dep02 {border:0;}
	.header .gnb .dep01 > li.gnb-calc .dep02:before {display:none;}
	.header .mobile-gnb {display:none;}
}
/* alarm */
.header .alarm {position:relative;height:var(--header-height);}
.header .alarm > button {position:relative;display:flex;width:6.1rem;height:100%;align-items:center;justify-content:center;}
.header .alarm > button .ico-alarm {position:relative;flex:0 0 1.9rem;height:2.1rem;background:url(../img/btn/btn-alarm.svg) center center / 1.9rem 2.1rem no-repeat;}
.header .alarm > button .ico-alarm.new:after {content:'';position:absolute;right:0;top:0;width:0.4rem;height:0.4rem;background-color:var(--blue);border-radius:50%;}
/* sitemap */
.header .sitemap {height:var(--header-height);}
.header .sitemap > .toggleTrigger {position:relative;display:flex;width:5.8rem;height:100%;background:url(../img/btn/btn-gnb-sitemap.svg) center center / 1.8rem 1.5rem no-repeat;}
.header .sitemap.active > .toggleTrigger {background:url(../img/btn/btn-layer-close.svg) no-repeat center / 1.7rem 1.6rem;} /* 운영-웹접근성 */
.header .sitemap-inner {display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--white);border-top:0.1rem solid var(--gray1);box-shadow:0 0.5rem 0.8rem rgba(145, 145, 145, 0.25);}
.header .sitemap.active .sitemap-inner {display:block;}
.header .sitemap-inner .dep01 {max-width:144rem;margin:0 auto;border-right:0.1rem solid var(--gray1);display:flex;flex-wrap:wrap;}
.header .sitemap-inner .dep01 > li {border-top:0.1rem solid var(--gray1);border-left:0.1rem solid var(--gray1);flex:1 0 calc(100% / 4);margin-top:-0.1rem;padding-bottom:3.2rem;font-size:1.8rem;}

/* 운영-웹접근성 : s */
.header .sitemap-inner .dep01 > li > a, 
.header .sitemap-inner .dep01 > li > button {display:block; width:100%; padding:1rem 0.8rem 1rem 3.2rem; border-bottom:0.1rem solid var(--gray1); background-color:var(--bgblue); font-weight:700;}
.header .sitemap-inner .dep02 {}
.header .sitemap-inner .dep02 > li {font-size:1.6rem;}
.header .sitemap-inner .dep02 > li > a,
.header .sitemap-inner .dep02 > li > button {display:block; width:100%; padding:1.2rem 0.8rem 1.2rem 3.2rem;}
/* 운영-웹접근성 : e */
.header .sitemap-inner .dep03 {}
.header .sitemap-inner .dep03 > li {position:relative;margin-left:3.2rem;font-size:1.4rem;padding:0 0.8rem 0 1.6rem;}
.header .sitemap-inner .dep03 > li:before {content:'\00B7';font-size:inherit;color:inherit;position:absolute;left:0;top:0;}
.header .sitemap-inner .dep03 > li > a {display:block;}
.header-shortcut {border-bottom:0.1rem solid var(--gray1);}
.header-shortcut-inner {max-width:148rem; height:3.2rem; margin:0 auto; padding:0 2rem; display:flex; justify-content:space-between;} /* 운영-웹접근성 */
.header-shortcut ul {display:flex;}
.header-shortcut ul li {}
.header-shortcut ul li a {display:flex;height:100%;align-items:center;padding:0 1.6rem;color:var(--gray3);}
.header-shortcut ul li.active a {background-color:var(--lblue);color:var(--white);}
/* breadcrumb */
.breadcrumb {border-top:0.1rem solid var(--gray1);border-bottom:0.1rem solid var(--gray1);}
.breadcrumb-inner {max-width:148rem;padding:0 2rem;margin:0 auto;display:flex;justify-content:space-between;}
.breadcrumb ol {display:flex;}
.breadcrumb ol > li {position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;font-size:1.6rem;line-height:4.6rem;min-width:13.4rem;}
.breadcrumb ol > li:after {content:'';position:absolute;right:0;top:50%;margin-top:-1.2rem;width:0.1rem;height:2.4rem;background-color:var(--gray1);}
.breadcrumb ol > li.breadcrumb-home {min-width:0;margin-left:-1.6rem;padding:0;}
.breadcrumb ol .dropDown .trigger {display:flex;align-items:center;justify-content:space-between;}
.breadcrumb ol .dropDown .trigger:after {content:'';width:1.2rem;height:0.8rem;background:url(../img/arrow/arrow-dropdown.svg) center center / 100% 100% no-repeat;}
.breadcrumb ol .dropDown .target {position:absolute;left:0;top:100%;}
.breadcrumb .btn-inner-icon {width:4.6rem;height:4.6rem;}
.breadcrumb .right .btn-inner-icon {margin-right:-1.6rem;}
/* floating */ /* 2차240105 */
.floating {display:none; position:fixed; right:4.1rem; bottom:2.8rem; z-index:1;}
.floating .img {position:relative; text-align:center;}
.floating .img a + a {position:absolute; top:0.5rem; right:2.6rem;}
.floating .img a + a img {width:2.2rem; height:2.2rem;}
.floating .today {font-weight:400; font-size:1.3rem; color:#2e72ed; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.floating .today input {width:1.4rem; height:1.4rem; margin:0.1rem 0.5rem 0 0;}
.chatbot[enable="true"]:not(.lock) {display:block;}
/* footer */
#footer {background-color:#222;padding-top:4.5rem;}
/* footer-top */
.footer {margin-top:10rem;}
.footer-top {display:flex;justify-content:space-between;max-width:148rem;padding:0 2rem;margin:0 auto;}
.footer .logo {display:flex;}
.footer .logo li {}
.footer .logo li:not(:last-child) {margin-right:3rem;}
.footer .logo li a {display:flex;}
.footer .logo li a img {width:100%;}
.footer .address {font-size:1.5rem;color:#80817d;margin-top:2.5rem;}
.footer .copy, .info-center {font-size:1.5rem;color:#80817d;margin-top:1rem;}
.footer .info-center-number {font-size:1.6rem;color:var(--white);font-weight:500;}
.footer .footer-sitemap {}
.footer .footer-sitemap .dep01 {display:flex;}
.footer .footer-sitemap .dep01 > li {margin-right:5rem;}
.footer .footer-sitemap .dep01 > li > a {display:block;font-size:1.8rem;color:var(--white);font-weight:700;}
.footer .footer-sitemap .dep02 {}
.footer .footer-sitemap .dep02 > li {margin-top:2rem;}
/* 운영-웹접근성 : s */
.footer .footer-sitemap .dep02 > li > a,
.footer .footer-sitemap .dep02 > li > button.service-link {display:block; font-size:1.6rem; color:#b9b9b9;}
.footer .footer-sitemap .dep02 > li > button.service-link {display:flex; justify-content:center; align-items:center; width:15.2rem; height:4rem; border-radius:0.5rem; border:0.1rem solid #5f5f5f;}
.footer .footer-sitemap .dep02 > li > button.service-link i {margin-right:5px;}
.footer .footer-sitemap .dep02 > li > button.service-link i.rec {width:1.7rem; height:1.5rem; background:url(../img/ico/ico-footer-service-rec.png) no-repeat center / 100% 100%;}
.footer .footer-sitemap .dep02 > li > button.service-link i.calc {width:1.3rem; height:1.5rem; background:url(../img/ico/ico-footer-service-calc.png) no-repeat center / 100% 100%;}
/* 운영-웹접근성 : e */
/* footer-bottom */
.footer-bottom {border-top:0.1rem solid #313131;margin-top:5rem;}
.footer-bottom-inner {display:flex;align-items:center;justify-content:space-between;max-width:148rem;margin:0 auto;padding:0 2rem;}
.footer-bottom .left {display:flex;align-items:center;height:5rem;}
.footer-bottom .left .footer-terms-list {display:flex;}
.footer-bottom .left .footer-terms-list li {position:relative;padding:0 2.5rem;}
.footer-bottom .left .footer-terms-list li:first-child {padding-left:0;}
.footer-bottom .left .footer-terms-list li:not(:last-child):after {display:block;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.1rem;height:1.3rem;background-color:#484644;}
.footer-bottom .left .footer-terms-list li a {display:block;font-size:1.6rem;color:var(--white);font-weight:500;}
.footer-bottom .left .footer-terms-list li:nth-child(2) a {color:#2a61f7;} /* 운영-웹접근성 */
.footer-bottom .right {position:relative;}
.footer-bottom .family-site {position:relative;}
.footer-bottom .family-site.active {}
.footer-bottom .family-site .trigger {display:flex;align-items:center;justify-content:space-between;width:22.6rem;height:4rem;padding:0 1.5rem;background-color:#343434;border-radius:0.5rem;}
.footer-bottom .family-site .trigger span {font-size:1.6rem;color:var(--white);}
.footer-bottom .family-site .trigger::after {content:""; flex:1 0 1.3rem; max-width:1.3rem; height:0.7rem; background:url(../img/arrow/arrow-family.svg) no-repeat center / 100% 100%;} /* 운영-웹접근성 */
.footer-bottom .family-site.active .trigger:after {transform:rotate(180deg);}
.footer-bottom .family-site .target {position:absolute;bottom:100%;left:0;padding:8px 12px;background-color:#343434;width:100%;}
.footer-bottom .family-site .target li {}
.footer-bottom .family-site .target li a {display:block; font-size:16px; font-weight:500; color:var(--white); white-space:nowrap;} /* 운영241028 */
/* bottom-bar */
.bottom-bar {display:none;}
/* spinner */
.spinner-overlay {position:fixed;top:0;z-index:999999;width:100%;height:100%;display:none;background:rgba(0, 0, 0, 0.6);}
.spinner-overlay .cv-spinner {display:flex;align-items:center;justify-content:center;height:100%;}
.spinner-overlay img {top: calc(50vh - 60px); left: 50%; transform: translateX(-50%); display: block; position: absolute;}
.spinner-overlay .spinner {width:7rem;height:7rem;border:0.5rem solid var(--white);border-bottom-color:var(--blue);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;}
@keyframes rotation {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
} 
/* Mobile */
@media screen and (max-width:1024px) {
	.mobile-gnb-active {overflow:hidden;}
	#wrap {padding-top:4.9rem;}
	/* header */
	.header {}
	.header-inner {}
	.header .logo {}
	.header .logo a {width:11.8rem;height:4.8rem;}
	.header .gnb {position:absolute;left:100%;top:0;display:flex;flex-direction:column;width:calc(100% - 1.6rem);height:100vh;background-color:#fff;z-index:1899;margin-left:1.6rem;transition:left 0.3s var(--cubic);overflow:auto;}
	.header.gnb-active .gnb {left:0;}
	.header.gnb-active .gnb:after {display:block;content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:-1;}
	.header .gnb .btn-gnb-start,
	.header .gnb .btn-gnb-end {display:none;}
	.header .gnb .mobile-menu {background-color:var(--blue);position:sticky;top:0;z-index:1;}
	.header .gnb .mobile-menu-header {display:flex;align-items:center;justify-content:space-between;border-bottom:0.1rem solid var(--bgblue);height:4.8rem;}
	.header .gnb .mobile-menu-header .gnb-mobile-close {width:4.8rem;height:4.8rem;background:url(../img/btn/btn-layer-close2.svg) center center / 1.4rem 1.3rem no-repeat}
	.header .gnb .mobile-menu-header ul {display:flex;color:var(--white);padding:0 0.8rem;}
	.header .gnb .mobile-menu-header ul li {position:relative;display:flex;height:4.8rem;align-items:center;justify-content:center;padding:0 1.6rem;}
	.header .gnb .mobile-menu-header ul li:not(:last-child):after {display:block;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.1rem;height:1.6rem;background-color:var(--white);}
	.header .gnb .mobile-menu-header ul li strong {font-size:1.6rem;}
	.header .gnb .mobile-menu-header ul li a {font-size:1.4rem;}
	.header .gnb .mobile-menu .logout {width:3.2rem;height:4.8rem;background:url(../img/btn/btn-gnb-logout.svg) center center / 1.6rem 1.4rem no-repeat;}
	.header .gnb .mobile-menu .go-home {width:3.2rem;height:4.8rem;background:url(../img/btn/btn-gnb-home.svg) center center / 1.8rem 1.6rem no-repeat;}
	.header .gnb .gnb-mobile-link {display:block;font-size:1.4rem;color:var(--white);line-height:3.2rem;padding-left:2.4rem;}
	.header .gnb .dep01 {flex:1 1 100%;background-color:var(--bgblue);position:relative;/* overflow:auto; */}
	.header .gnb .dep01 > li > a {display:block;font-size:1.4rem;font-weight:700;padding:1rem 0.8rem 1rem 2.4rem;width:calc(50% - 1.6rem);}
	.header .gnb .dep01 > li.active > a {color:var(--tblue);}
	.header .gnb .dep01 > li.open > a {background-color:var(--lblue);color:var(--white);}
	.header .gnb .dep01 > li.open > .dep02 {display:block;}
	.header .gnb .dep02 {display:none;position:absolute;right:0;top:0;width:calc(50% + 1.6rem);height:100%;background:var(--white);overflow:auto;}
	.header .gnb .dep02 > li {position:relative;}
	.header .gnb .dep02 > li:after {display:block;content:'';position:absolute;left:0;bottom:0;margin:0 2.4rem 0 0.8rem;width:calc(100% - 3.2rem);height:0.1rem;background-color:var(--gray1);}
	.header .gnb .dep02 > li > a {position:relative;display:block;font-size:1.4rem;padding:1rem 3.4rem 1rem 0.8rem;}
	.header .gnb .dep02 > li.active > a {color:var(--tblue);font-weight:700;}
	.header .gnb .dep02 > li.hasDep03 > a::after {content:""; position:absolute; top:50%; right:2.4rem; margin-top:-0.3rem; width:1rem; height:0.6rem; background:url(../img/arrow/arrow-accordion-down.svg) no-repeat center / cover;}
	.header .gnb .dep02 > li.hasDep03.open > a:after {transform:rotate(180deg);}
	.header .gnb .dep03 {position:relative;padding:0.8rem 2.4rem 0.8rem 0.8rem;}
	.header .gnb .dep02 .dep03 {display:none;}
	.header .gnb .dep03:before {content:'';position:absolute;left:0;top:0;margin:0 2.4rem 0 0.8rem;width:calc(100% - 3.2rem);border-top:0.1rem dashed var(--gray1);}
	.header .gnb .dep03 > li {position:relative;font-size:1.2rem;padding-left:1rem;}
	.header .gnb .dep03 > li:before {content:'\00B7';font-size:inherit;color:inherit;position:absolute;left:0;top:0;}
	.header .gnb .dep03 > li > a {display:block;}
	/* alarm */
	.header .alarm {height:100%;}
	.header .alarm > button {display:flex;width:4.8rem;height:100%;background:url(../img/btn/btn-alarm.svg) center center / 2.1rem 2.1rem no-repeat;}
	.header .sitemap {display:none;}
	.header .mobile-gnb {display:block;position:relative;height:100%;}
	.header .mobile-gnb > .toggleTrigger {position:relative;display:flex;width:4.8rem;height:100%;background:url(../img/btn/btn-gnb-sitemap-mo.svg) center center / 1.8rem 1.5rem no-repeat;}
	.header-shortcut {display:none;}
	.breadcrumb {display:none;}
	/* floating */ /* 2차240105 */
	.floating {right:2rem;}
	/* footer */
	#footer {display:flex;flex-direction:column-reverse;padding-top:0rem;padding-bottom:2.3rem;margin-top:5rem;}
	/* footer-top */
	.footer-top {padding-top:2.3rem;margin:0;}
	.footer .logo {display:flex;}
	.footer .logo li {}
	.footer .logo li:not(:last-child) {margin-right:1.5rem;}
	.footer .logo li.list01 a {width:8.5rem;}
	.footer .logo li.list02 a {width:6.9rem;}
	.footer .address {font-size:1.2rem;margin-top:1.3rem;}
	.footer .copy {font-size:1.2rem;margin-top:0.5rem;}
	.footer .footer-sitemap {display:none;}
	/* footer-bottom */
	.footer-bottom {border-top:0;border-bottom:0.1rem solid #313131;margin-top:0;}
	.footer-bottom-inner {}
	.footer-bottom .left {height:auto;}
	.footer-bottom .left .footer-terms-list {flex-wrap:wrap;}
	.footer-bottom .left .footer-terms-list li {position:relative;padding:0 0.4rem;}
	.footer-bottom .left .footer-terms-list li:not(:last-child):after {height:0.6rem;background-color:#484644;}
	.footer-bottom .left .footer-terms-list li a {font-size:1.2rem;padding:1.1rem 0;}
	.footer-bottom .right {position:relative;}
	.footer-bottom .family-site {display:none;}
}