.mobileShow {display: none !important;}
.mobileShowInline {display: none !important;}
.tabletShow {display: none !important;}
.tabletShowInline {display: none !important;}

.mainColorText{color: #0083CA !important;}
.mainColorBg{background-color: #0083CA !important;}
.mainColorBd{border-color: #0083CA !important;}
.subColorText{color: #00A0E1 !important;}
.subColorBg{background-color: #00A0E1 !important;}
.subColorBd{border-color: #00A0E1 !important;}
.blackColorText{color: #333 !important;}
.blackColorBg{background-color: #333 !important;}
.blackColorBd{border-color: #333 !important;}

.scrollLock {overflow: hidden;}
#header{position: fixed;top: 0;display: flex;align-items: center;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;width: 100%;height: 152px;padding: 0 8%;border-bottom: 1px solid transparent;box-sizing: border-box;-webkit-transition: all .5s ease; transition: all .5s ease;z-index: 99;}
#header .logo a{position: relative;display: block;width: 211px;height: 32px;}
#header .logo a img{width: 100%;height: 100%;display: block;transition: all 0.5s;}
#header .logo a:after{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/layout/logo_blue.svg);background-size: contain;background-repeat: no-repeat;opacity: 0;transition: all 0.5s;}
#gnb > ul{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 982px;height: 152px;}
#gnb > ul > li{position: relative;min-width: 220px;}
#gnb > ul > li > a{display: flex;justify-content: center;align-items: center;height: 152px;box-sizing: border-box;font-size: 20px;color: #FFF;font-weight: 700;line-height: 150%;text-align: center;}
#gnb > ul > li > ul{display: none;position: absolute;top: 152px;left: 50%;transform: translateX(-50%);min-width: 100%;height: 520px;padding: 32px 0;background: #FFF;box-sizing: border-box;text-align: center;}
#gnb > ul > li > ul > li + li{margin-top: 16px;}
#gnb > ul > li > ul > li > a{position: relative;color: #555;font-size: 16px;font-weight: 500;line-height: 150%;transition: .3s;-webkit-transition: .3s;}
#gnb > ul > li.active > a{background: #0083CA;border-bottom: 1px solid #DDD;}
#gnb > ul > li.active > ul{background: #0083CA;}
#gnb > ul > li.active > ul > li > a{color: rgba(255, 255, 255, 0.60);}
#gnb > ul > li.active > ul > li > a:hover{color: #FFF;text-decoration: underline;}
#gnb > ul > li > ul > li > a:hover:after{content: " ";position: absolute;top: 0;left: -6px;width: 5px;height: 5px;background: #FFF;border-radius: 100%;z-index: 1;}
#header.hide {position: fixed;top: -152px;opacity: 0;z-index: 100;background: #fff;border-bottom: 1px solid #ddd;}
#header.show {position: fixed;top: 0;opacity: 1;z-index: 100;background: #fff;border-bottom: 1px solid #ddd;}
#header.hide .logo a:after, #header.show .logo a:after{opacity: 1;}
#header.hide .logo a img, #header.show .logo a img{opacity: 0;}
#header.hide #gnb > ul > li > a, #header.show #gnb > ul > li > a{color: #333;}
#header.hide #gnb > ul > li.active > a, #header.show #gnb > ul > li.active > a{background: #0083CA;color: #FFF;}
.gnbBg{display: none;position: absolute;top: 152px;left: 0;width: 100%;height: 520px;background: #FFF;z-index: -1;overflow: hidden;box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.05);}
.rightGroup{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;gap: 10px;}
.langGroup{position: relative;}
.langGroup button{display: flex;justify-content: center;align-items: center;gap: 16px;height: 40px;padding: 0 16px;box-sizing: border-box;background: #0083CA;border-radius: 30px;color:#FFF;font-size: 16px;font-weight: 600;line-height: 150%;transition: .3s;-webkit-transition: .3s;}
.langGroup button:after{content: "";width: 20px;height: 20px;background-image: url(../images/layout/icon_open_white.svg);background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.langGroup button:hover{background: #006faa;}
.langGroup ul{display: none;position: absolute;top: 48px;left: 50%;width: 100px;margin-left: -50px;padding: 5px 0;border: 1px solid #DDD;border-radius: 16px;background: #FFF;box-sizing: border-box;overflow: hidden;}
.langGroup ul li{text-align: center;}
.langGroup ul li.active a{background: #F2F7FD;color: #0083CA;}
.langGroup ul li a{display: block;padding: 8px 0;box-sizing: border-box;color: #555;font-size: 14px;font-weight: 500;line-height: 150%;}
.langGroup.active ul{display: block;}
.btnSitemapOpen{position: relative;height: 40px;padding: 0 16px;background:#333;border-radius: 30px;box-sizing: border-box;line-height: 100%;}
.btnSitemapOpen:hover{background:#222;}
.btnSitemapOpen span{color:#FFF;font-size: 14px;font-weight: 600;line-height: 100%;vertical-align: middle;}
.sitemapWrap{display: none;position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: #00A0E1;z-index: 101;}
.sitemapWrap.show{display: block;}
.sitemapHeader{position: relative;display: flex;align-items: center;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;width: 100%;height: 152px;padding: 0 8%;box-sizing: border-box;}
.sitemapHeader:before{content: "";position: absolute;left: 8%;top: 50%;display: block;width: 84%;height: 1px;background:rgba(255, 255, 255, 0.30);}
.sitemapHeader .logo{position: relative;background: #00A0E1;padding-right: 50px;}
.sitemapHeader .logo a{display: block;}
.sitemapHeader .logo a img{vertical-align: bottom;}
.sitemapHeader .langGroup{display: none;}
.btnSitemapClose{position: absolute;right: 0;top: 0;width: 110px;height: 100px;background: #0083CA;}
.btnSitemapClose span{display: block;overflow: hidden;text-indent: -9999px;white-space: nowrap;}
.btnSitemapClose:before, .btnSitemapClose:after{content: "";position: absolute;width: 32px;left: 50%;height: 2px;margin-left: -16px;background: #fff;transition: all 0.5s;will-change: transform;}
.btnSitemapClose:before{top: 50%;transform: rotate(45deg);}
.btnSitemapClose:after{top: 50%;transform: rotate(135deg);}
.sitemapBody{position: relative;width: 100%;height: calc(100vh - 152px);padding: 0 8%;box-sizing: border-box;}
.sitemapBody > ul{position: relative;width: 100%;height: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;counter-reset: section;}
.sitemapBody > ul > li{min-width: 210px;box-sizing: border-box;text-align: left;}
.sitemapBody > ul > li:before{counter-increment: section;content: "0" counter(section);display: block;color: #FFF;font-size: 28px;font-weight: 600;line-height: 150%;letter-spacing: -1px;}
.sitemapBody > ul > li > a{position: relative;display: inline-block;padding-bottom: 50px;margin-bottom: 15px;box-sizing: border-box;color: #FFF;font-size: 40px;font-weight: 700;line-height: 150%;text-align: left;}
.sitemapBody > ul > li > a:before{content: "";position: absolute;bottom: 25px;left: 0;width: 70px;height: 1px;background: #FFF;transition: .4s;-webkit-transition: .4s;}
.sitemapBody > ul > li > a:after{content: "";position: absolute;bottom: 25px;left: 0;width: 210px;height: 1px;background: rgba(255, 255, 255, 0.30);}
.sitemapBody > ul > li:hover > a:before{width: 210px;}
.sitemapBody > ul > li > ul{display: block;}
.sitemapBody > ul > li > ul > li + li{margin-top: 20px;}
.sitemapBody > ul > li > ul > li > a{position: relative;color: rgba(255, 255, 255, 0.60);font-size: 22px;font-weight: 500;line-height: 150%;text-align: left;transition: all 0.3s;}
.sitemapBody > ul > li > ul > li > a:hover{color: #fff;}
.sitemapWrap.active .sitemapBody > ul > li {animation: sitemapShow 1s 0.5s both;}
.sitemapWrap.active .sitemapBody > ul > li > ul > li{animation: sitemapShow 1s 0.8s both;}

#footer{position: relative;padding: 48px 0;background-color: #333;box-sizing: border-box;}
#footer .footerInner{display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;flex-wrap: wrap;padding: 0 8%;box-sizing: border-box;}
.footerLogo a{display: inline-block;}
.footerLogo img{vertical-align: middle;}
.footerMenu{display: flex;align-items: center;gap: 8px;margin-top: 24px;}
.footerMenu li a{color: #FFF;font-size: 16px;font-weight: 500;line-height: 150%;}
.footerMenu li a:before{content: "";display: inline-block;width: 3px;height: 3px;margin-right: 4px;background-color: #FFF;border-radius: 100%;vertical-align: middle;}
.address{margin-top: 16px;color: #BCBCBC;font-size: 15px;font-weight: 500;line-height: 150%;word-break: keep-all;}
.copy{color: #BCBCBC;font-size: 12px;font-weight: 400;line-height: 150%;word-break: keep-all;}
.copy span{color: #0083CA;}
.familysiteGroup{position: relative;}
.familysiteGroup .btnSiteOpen{position: relative;width: 240px;height: 56px;padding: 0 36px 0 20px;background-color: #333;border: 1px solid #BCBCBC;border-radius: 30px;box-sizing: border-box;color: #BCBCBC;font-size: 16px;font-weight: 600;line-height: 150%;text-align: left;}
.familysiteGroup .btnSiteOpen:hover{background: #222;}
.familysiteGroup .btnSiteOpen:after{content: "";position: absolute;right: 16px;top: 50%;transform: translateY(-50%);display: block;width: 20px;height: 20px;background-image: url(../images/layout/icon_open_white.svg);background-position: center;background-size: cover;background-repeat: no-repeat;-webkit-transition: .3s;transition: .3s;}
.familysiteGroup .familysiteList{display: none;overflow-y: auto;position: absolute;left: 0;bottom: 61px;width: 100%;height: auto;max-height: 220px;border-radius: 16px;background: #FFF;border: 1px solid #DDD;box-sizing: border-box;scrollbar-color: #DDD transparent;scrollbar-width: thin;}
.familysiteGroup .familysiteList::-webkit-scrollbar {width: 4px;}/* 스크롤 바 */
.familysiteGroup .familysiteList::-webkit-scrollbar-track {background-color: transparent;}/* 스크롤 바 밑의 배경 */
.familysiteGroup .familysiteList::-webkit-scrollbar-thumb {background: #DDD;}/* 실질적 스크롤 바 */
.familysiteGroup .familysiteList::-webkit-scrollbar-thumb:hover {background: #333;}/* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.familysiteGroup .familysiteList::-webkit-scrollbar-thumb:active {background: #333;}/* 실질적 스크롤 바를 클릭할 때 */
.familysiteGroup .familysiteList ul li a{display: block;padding: 8px 16px;box-sizing: border-box;color: #555;font-size: 14px;font-weight: 500;line-height: 150%;}
.familysiteGroup .familysiteList ul li a:hover{background: #F2F7FD;color: #0083CA;}
.familysiteGroup.open .btnSiteOpen:after{transform: translateY(-50%) rotate(180deg);}
.familysiteGroup.open .familysiteList{display: block;}

#btnTop{opacity: 0;position: fixed;bottom: 70px;right: 70px;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color: #FFF;border: 1px solid #DDD;border-radius: 100%;box-sizing: border-box;z-index: 99;transition: .5s;-webkit-transition: .5s;}
#btnTop img{width: 32px;height: 32px;}
#btnTop.show{opacity: 1;}

/* popup */
.modalPopup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.8);-webkit-overflow-scrolling: touch;z-index: 99999;opacity: 0;overflow-y: auto;overflow-x: hidden;visibility: hidden;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transition-property: opacity, visibility;transition-property: opacity, visibility;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.modalCenter{position: absolute;width: 100%;height: auto;min-height: 100%;display: flex;justify-content: center;align-items: center;padding: 40px 20px;box-sizing: border-box;}
.modalInner{position: relative;max-width: 100%;width: 960px;background: #FFF;border-radius: 24px;border: 4px solid #0083CA;box-sizing: border-box;-webkit-animation: slideOutDown 0.5s;-moz-animation: slideOutDown 0.5s;-ms-animation: slideOutDown 0.5s;-o-animation: slideOutDown 0.5s;animation: slideOutDown 0.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;overflow: hidden;}
.modalHeader{padding: 20px 32px;background: #00A0E1;}
.modalHeader h4{color: #FFF;font-size: 28px;font-weight: 700;line-height: 150%;}
.btnModalClose{position: absolute;right: 32px;top: 18px;width: 40px;height: 40px;background: #0083CA;border-radius: 100%;}
.btnModalClose span{display: block;overflow: hidden;text-indent: -9999px;white-space: nowrap;}
.btnModalClose:before, .btnModalClose:after{content: "";position: absolute;width: 26px;left: 50%;height: 2px;margin-left: -13px;background: #fff;transition: all 0.5s;will-change: transform;}
.btnModalClose:before{top: 50%;transform: rotate(45deg);}
.btnModalClose:after{top: 50%;transform: rotate(135deg);}
.modalBody{overflow-y: auto;max-height: calc(100vh - 300px);display: flex;flex-direction: column;flex-wrap: nowrap;gap: 16px;padding: 32px;background: #FFF;box-sizing: border-box;word-break: keep-all;}
.modalBody h6{color: #333;font-size: 18px;font-weight: 700;line-height: 150%;}
.modalBody h3{color: #333;font-size: 16px;font-weight: 700;line-height: 150%;}
.modalBody strong{color: #333;font-size: 16px;font-weight: 400;line-height: 150%;}
.modalBody p{color: #333;font-size: 14px;font-weight: 400;line-height: 150%;}
.modalBody a{color: #0083CA;font-size: 14px;font-weight: 500;line-height: 150%;border-bottom: 1px solid #0083CA;box-sizing: border-box;}
.modalBody dl dt{color:#333;font-size: 14px;font-weight: 700;line-height: 150%;}
.modalBody dl dd{color: #555;font-size: 14px;font-weight: 400;line-height: 150%;}
.modalBody ol li{color: #555;font-size: 14px;font-weight: 400;line-height: 150%;}
.policyLink{display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;}
.policyLink a{border: 1px solid #0083CA;padding: 5px 20px;color: #0083CA;font-size: 14px;font-weight: 400;line-height: 150%;}
.modalPopup.show{opacity: 1;visibility: visible;-webkit-transition-delay: 0s;transition-delay: 0s;}
.modalPopup.show .modalInner{-webkit-animation: slideInUp 0.5s 50ms;-moz-animation: slideInUp 0.5s 50ms;-ms-animation: slideInUp 0.5s 50ms;-o-animation: slideInUp 0.5s 50ms;animation: slideInUp 0.5s 50ms;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
.dataTable{background-color: #FFF;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;box-sizing: border-box;}
.dataTable th, .dataTable td {height: 30px;padding: 24px 15px;border-top: 1px solid #DDD;box-sizing: border-box;color: #555;font-size: 18px;font-weight: 400;line-height: 150%;letter-spacing: -0.5px;text-align: center;}
.dataTable th {background-color: #F1F1F1;color: #333;}
.dataTable th + th{border-left: 1px solid #DDD;}
.dataTable td + td{border-left: 1px solid #DDD;}
.dataTable thead tr:first-child > * {border-top: 0;}
.dataTable tfoot td {background-color: #F1F1F1;color: #333;}
.dataTable colgroup + tbody > tr:first-child > * {border-top: 0;}
.modalPopup .dataTable th, .modalPopup .dataTable td{padding: 5px 15px;font-size: 13px;}


@media screen and (max-width: 1920px){

    #header{height: 7.9167vw;padding: 0 5%;}
    #header .logo a{width: 10.9896vw;height: 1.6667vw;}
    #gnb > ul{width: 51.1458vw;height: 7.9167vw;}
    #gnb > ul > li{min-width: 11.4583vw;}
    #gnb > ul > li > a{height: 7.9167vw;font-size: 1.0417vw;}
    #gnb > ul > li > ul{top: 7.9167vw;height: 27.0833vw;padding: 1.6667vw 0;}
    #gnb > ul > li > ul > li + li{margin-top: 0.8333vw;}
    #gnb > ul > li > ul > li > a{font-size: 0.8333vw;}
    #gnb > ul > li > ul > li > a:hover:after{left: -0.3125vw;width: 0.2604vw;height: 0.2604vw;}
    #header.hide {top: -7.9167vw;}
    .gnbBg{top: 7.9167vw;height: 27.0833vw;box-shadow: 0 0.4167vw 0.5208vw 0 rgba(0, 0, 0, 0.05);}
    .rightGroup{gap: 0.5208vw;}
    .langGroup button{gap: 0.8333vw;height: 2.0833vw;padding: 0 0.8333vw;border-radius: 1.5625vw;font-size: 0.8333vw;}
    .langGroup button:after{width: 1.0417vw;height: 1.0417vw;}
    .langGroup ul{top: 2.5000vw;width: 5.2083vw;margin-left: -2.6042vw;padding: 0.2604vw 0;border-radius: 0.8333vw;}
    .langGroup ul li a{padding: 0.4167vw 0;font-size: 0.7292vw;}
    .btnSitemapOpen{height: 2.0833vw;padding: 0 0.8333vw;border-radius: 1.5625vw;}
    .btnSitemapOpen span{font-size: 0.7292vw;}
    .sitemapHeader{height: 7.9167vw;padding: 0 5%;}
    .sitemapHeader:before{left: 5%;width: 84%;height: 0.0521vw;}
    .sitemapHeader .logo{padding-right: 2.6042vw;}
    .sitemapHeader .logo a img{display: block;width: 10.9896vw;height: 1.6667vw;}
    .btnSitemapClose{width: 5.7292vw;height: 5.2083vw;}
    .btnSitemapClose:before, .btnSitemapClose:after{width: 1.6667vw;height: 0.1042vw;margin-left: -0.8333vw;}
    .sitemapBody{height: calc(100vh - 7.9167vw);padding: 0 5%;}
    .sitemapBody > ul > li{min-width: 10.9375vw;}
    .sitemapBody > ul > li:before{font-size: 1.4583vw;letter-spacing: -0.0521vw;}
    .sitemapBody > ul > li > a{padding-bottom: 2.6042vw;margin-bottom: 0.7813vw;font-size: 2.0833vw;}
    .sitemapBody > ul > li > a:before{bottom: 1.3021vw;width: 3.6458vw;height: 0.0521vw;}
    .sitemapBody > ul > li > a:after{bottom: 1.3021vw;width: 10.9375vw;height: 0.0521vw;}
    .sitemapBody > ul > li:hover > a:before{width: 10.9375vw;}
    .sitemapBody > ul > li > ul > li + li{margin-top: 7%;}
    .sitemapBody > ul > li > ul > li > a{font-size: 1.1458vw;}

    #footer{padding: 2.5000vw 0;}
    #footer .footerInner{padding: 0 5%;}
    .footerMenu{gap: 0.4167vw;margin-top: 1.2500vw;}
    .footerMenu li a{font-size: 0.8333vw;}
    .footerMenu li a:before{width: 0.1563vw;height: 0.1563vw;margin-right: 0.2083vw;}
    .address{margin-top: 0.8333vw;font-size: 0.7813vw;}
    .copy{font-size: 0.6250vw;}
    .familysiteGroup .btnSiteOpen{width: 12.5000vw;height: 2.9167vw;padding: 0 1.8750vw 0 1.0417vw;border-radius: 1.5625vw;font-size: 0.8333vw;}
    .familysiteGroup .btnSiteOpen:after{right: 0.8333vw;width: 1.0417vw;height: 1.0417vw;}
    .familysiteGroup .familysiteList{bottom: 3.1771vw;max-height: 11.4583vw;border-radius: 0.8333vw;}
    .familysiteGroup .familysiteList ul li a{padding: 0.4167vw 0.8333vw;font-size: 0.7292vw;}
    #btnTop{bottom: 3.6458vw;right: 3.6458vw;width: 3.1250vw;height: 3.1250vw;}
    #btnTop img{width: 1.6667vw;height: 1.6667vw;}

    .dataTable th, .dataTable td {height: 1.5625vw;padding: 1.2500vw 0.7813vw;font-size: 0.9375vw;letter-spacing: -0.0260vw;}

}
@media screen and (max-width: 1199px){

    .tabletShow {display: block !important;}
	.tabletShowInline {display: inline-block !important;}
    .tabletHide{display: none !important;}

    /* #header{height: 60px;padding: 0 0 0 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
    #header .logo a{width: 160px;height: 24px;}
    #gnb{display: none;}
    #header.hide {top: -60px;}
    .gnbBg{display: none;}
    .rightGroup{gap: 16px;}
    .langGroup button{gap: 18px;height: 26px;padding: 0 8px;border-radius: 30px;font-size: 12px;}
    .langGroup button:after{width: 12px;height: 12px;}
    .langGroup ul{top: 30px;width: 68px;margin-left: -34px;padding: 5px 0;border-radius: 8px;}
    .langGroup ul li a{padding: 4px 0;font-size: 12px;}
    .btnSitemapOpen{width: 60px;height: 60px;border-radius: 0;background: #0083CA;}
    .btnSitemapOpen:before, .btnSitemapOpen:after{content: "";position: absolute;left: 50%;width: 14px;height: 2px;margin-left: -11px;background: #fff;border-radius: 10px;transition: all 0.5s;will-change: transform;}
    .btnSitemapOpen:before{top: 20px;}
    .btnSitemapOpen:after{top: 38px;width: 10px;}
    .btnSitemapOpen span{display: block;position: absolute;top: 29px;left: 50%;width: 22px;height: 2px;margin-left: -11px;background: #fff;border-radius: 10px;transition: all 0.5s;will-change: transform;overflow: hidden;text-indent: -9999px;white-space: nowrap;}
    .sitemapWrap{background: #F2F7FD;}
    .sitemapHeader{height: 60px;padding: 0 16px;}
    .sitemapHeader:before{display: none;}
    .sitemapHeader .logo{padding-right: 0;background: transparent;}
    .sitemapHeader .logo a img{width: 160px;height: 24px;}
    .sitemapHeader .logo a:after{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/layout/logo_blue.svg);background-size: contain;background-repeat: no-repeat;}
    .sitemapHeader .langGroup{display: block;position: absolute;right: 76px;        z-index: 10;}
    .btnSitemapClose{width: 60px;height: 60px;}
    .btnSitemapClose:before, .btnSitemapClose:after{width: 22px;height: 2px;margin-left: -11px;}
    .sitemapBody{height: calc(100vh - 60px);padding: 0;overflow-y: auto;box-sizing: border-box;}
    .sitemapBody > ul{flex-direction: column;justify-content: flex-start;}
    .sitemapBody > ul > li{min-width: auto;background: #f2f7fd;}
    .sitemapBody > ul > li:before{display: none;}
    .sitemapBody > ul > li > a{width: 40%;padding: 16px 16px;margin-bottom: 0;font-size: 18px;color: #333;}
    .sitemapBody > ul > li > a:before, .sitemapBody > ul > li > a:after{display: none;}
    .sitemapBody > ul > li > ul{display: none;position: absolute;top: 0;left: 40%;width: 60%;min-height: stretch;padding: 0 16px;background-color: #FFF;background-image: url(../images/layout/bg_sitemap.png);background-size: contain;background-position: 70px calc(100% + 30px);background-repeat: no-repeat;box-sizing: border-box;}
    .sitemapBody > ul > li > ul > li{border-bottom: 1px solid #DDD;box-sizing: border-box;}
    .sitemapBody > ul > li > ul > li + li{margin-top: 0;}
    .sitemapBody > ul > li > ul > li > a{display: block;padding: 16px 0;font-size: 16px;color: #555;}
    .sitemapBody > ul > li > ul > li > a:hover{color: #0083CA;}
    .sitemapBody > ul > li.on > a{background: #FFF;border-radius: 30px 0 0 30px;color: #0083CA;}
    .sitemapBody > ul > li.on > ul{display: block;}
    .sitemapWrap.active .sitemapBody > ul > li {animation: none;}
    .sitemapWrap.active .sitemapBody > ul > li > ul > li{animation: none;} */

    #header{height: 15.3846vw;padding: 0 0 0 4.1026vw;border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
    #header .logo a{width: 41.0256vw;height: 6.1538vw;}
    #gnb{display: none;}
    #header.hide {top: -15.3846vw;}
    .gnbBg{display: none;}
    .rightGroup{gap: 4.1026vw;}
    .langGroup button{gap: 4.6154vw;height: 6.6667vw;padding: 0 2.0513vw;border-radius: 7.6923vw;font-size: 3.0769vw;}
    .langGroup button:after{width: 3.0769vw;height: 3.0769vw;}
    .langGroup ul{top: 7.6923vw;width: 17.4359vw;margin-left: -8.7179vw;padding: 1.2821vw 0;border-radius: 2.0513vw;}
    .langGroup ul li a{padding: 1.0256vw 0;font-size: 3.0769vw;}
    .btnSitemapOpen{width: 15.3846vw;height: 15.3846vw;border-radius: 0;background: #0083CA;}
    .btnSitemapOpen:before, .btnSitemapOpen:after{content: "";position: absolute;left: 50%;width: 3.5897vw;height: 0.5128vw;margin-left: -2.8205vw;background: #fff;border-radius: 2.5641vw;transition: all 0.5s;will-change: transform;}
    .btnSitemapOpen:before{top: 5.1282vw;}
    .btnSitemapOpen:after{top: 9.7436vw;width: 2.5641vw;}
    .btnSitemapOpen span{display: block;position: absolute;top: 7.4359vw;left: 50%;width: 5.6410vw;height: 0.5128vw;margin-left: -2.8205vw;background: #fff;border-radius: 2.5641vw;transition: all 0.5s;will-change: transform;overflow: hidden;text-indent: -2563.8462vw;white-space: nowrap;}
    .sitemapWrap{background: #F2F7FD;}
    .sitemapHeader{height: 15.3846vw;padding: 0 4.1026vw;border-bottom: 1px solid #f2f7fd;}
    .sitemapHeader:before{display: none;}
    .sitemapHeader .logo{padding-right: 0;background: transparent;}
    .sitemapHeader .logo a img{width: 41.0256vw;height: 6.1538vw;}
    .sitemapHeader .logo a:after{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/layout/logo_blue.svg);background-size: contain;background-repeat: no-repeat;}
    .sitemapHeader .langGroup{display: block;position: absolute;right: 19.4872vw;z-index: 10;}
    .btnSitemapClose{width: 15.3846vw;height: 15.3846vw;}
    .btnSitemapClose:before, .btnSitemapClose:after{width: 5.6410vw;height: 0.5128vw;margin-left: -2.8205vw;}
    .sitemapBody{height: calc(100vh - 15.3846vw);padding: 0;overflow-y: auto;box-sizing: border-box;}
    .sitemapBody > ul{flex-direction: column;justify-content: flex-start;}
    .sitemapBody > ul > li{min-width: auto;background: #f2f7fd;}
    .sitemapBody > ul > li:before{display: none;}
    .sitemapBody > ul > li > a{width: 40%;padding: 4.1026vw 4.1026vw;margin-bottom: 0;font-size: 4.6154vw;color: #333;}
    .sitemapBody > ul > li > a:before, .sitemapBody > ul > li > a:after{display: none;}
    .sitemapBody > ul > li > ul{display: none;position: absolute;top: 0;left: 40%;width: 60%;min-height: 100%;padding: 0 4.1026vw;background-color: #FFF;background-image: url(../images/layout/bg_sitemap.png);background-size: contain;background-position: 17.9487vw calc(100% + 7.6923vw);background-repeat: no-repeat;box-sizing: border-box;}
    .sitemapBody > ul > li > ul > li{border-bottom: 1px solid #DDD;box-sizing: border-box;}
    .sitemapBody > ul > li > ul > li + li{margin-top: 0;}
    .sitemapBody > ul > li > ul > li > a{display: block;padding: 4.1026vw 0;font-size: 4.1026vw;color: #555;}
    .sitemapBody > ul > li > ul > li > a:hover{color: #0083CA;}
    .sitemapBody > ul > li.on > a{background: #FFF;border-radius: 7.6923vw 0 0 7.6923vw;color: #0083CA;}
    .sitemapBody > ul > li.on > ul{display: block;}
    .sitemapWrap.active .sitemapBody > ul > li {animation: none;}
    .sitemapWrap.active .sitemapBody > ul > li > ul > li{animation: none;}

    /* #footer{padding: 48px 0;}
    #footer .footerInner{flex-direction: column;gap: 24px 0;padding: 0 16px;}
    .footerLogo a{width: 160px;height: 24px;vertical-align: bottom;}
    .footerLogo img{display: block;width: 100%;height: 100%;}
    .footerMenu{gap: 4px 0;flex-direction: row;flex-wrap: wrap;margin-top: 24px;}
    .footerMenu li{width: 50%;}
    .footerMenu li a{font-size: 15px;}
    .footerMenu li a:before{width: 3px;height: 3px;margin-right: 4px;}
    .address{margin-top: 24px;font-size: 14px;}
    .copy{margin-top: 8px;font-size: 12px;}
    .familysiteGroup .btnSiteOpen{width: 200px;height: 37px;padding: 0 30px 0 16px;border-radius: 40px;font-size: 14px;}
    .familysiteGroup .btnSiteOpen:after{right: 10px;width: 16px;height: 16px;}
    .familysiteGroup .familysiteList{bottom: 45px;max-height: 220px;border-radius: 16px;}
    .familysiteGroup .familysiteList ul li a{padding: 8px 16px;font-size: 14px;}
    #btnTop{bottom: 20px;right: 10px;width: 40px;height: 40px;}
    #btnTop img{width: 24px;height: 24px;} */

    #footer{padding: 12.3077vw 0;}
    #footer .footerInner{flex-direction: column;gap: 6.1538vw 0;padding: 0 4.1026vw;}
    .footerLogo a{width: 41.0256vw;height: 6.1538vw;vertical-align: bottom;}
    .footerLogo img{display: block;width: 100%;height: 100%;}
    .footerMenu{gap: 1.0256vw 0;flex-direction: row;flex-wrap: wrap;margin-top: 6.1538vw;}
    .footerMenu li{width: 50%;}
    .footerMenu li a{font-size: 3.8462vw;}
    .footerMenu li a:before{width: 0.7692vw;height: 0.7692vw;margin-right: 1.0256vw;}
    .address{margin-top: 6.1538vw;font-size: 3.5897vw;}
    .copy{margin-top: 2.0513vw;font-size: 3.0769vw;}
    .familysiteGroup .btnSiteOpen{width: 51.2821vw;height: 9.4872vw;padding: 0 7.6923vw 0 4.1026vw;border-radius: 10.2564vw;font-size: 3.5897vw;}
    .familysiteGroup .btnSiteOpen:after{right: 2.5641vw;width: 4.1026vw;height: 4.1026vw;}
    .familysiteGroup .familysiteList{bottom: 11.5385vw;max-height: 56.4103vw;border-radius: 4.1026vw;}
    .familysiteGroup .familysiteList ul li a{padding: 2.0513vw 4.1026vw;font-size: 3.5897vw;}
    #btnTop{bottom: 5.1282vw;right: 2.5641vw;width: 10.2564vw;height: 10.2564vw;}
    #btnTop img{width: 6.1538vw;height: 6.1538vw;}

    /* popup */
    .modalHeader{padding: 12px 20px}
    .modalHeader h4{font-size: 18px;}
    .btnModalClose{right: 15px;top: 7px;width: 35px;height: 35px;}
    .btnModalClose:before, .btnModalClose:after{width: 20px;margin-left: -10px;}
    .modalBody{gap: 6px;padding: 20px;}
    .modalBody h6{font-size: 16px;}
    .modalBody h3, .modalBody strong{font-size: 15px;}
    .dataTable th, .dataTable td {height: 7.6923vw;padding: 2.5641vw 3.8462vw;font-size: 3.5897vw;letter-spacing: 0;}

}
@media screen and (max-width: 767px){

    .mobileShow {display: block !important;}
	.mobileShowInline {display: inline-block !important;}
    .mobileHide{display: none !important;}
    
}

@-webkit-keyframes btnTopAni {
    from {-webkit-box-shadow: 0 0 0 0 #2E40E3;box-shadow: 0 0 0 0 #2E40E3;}
    to {-webkit-box-shadow: 0 0 0 20px rgba(37, 72, 227, 0);box-shadow: 0 0 0 20px rgba(37, 72, 227, 0);}
}
@keyframes btnTopAni {
    from {-webkit-box-shadow: 0 0 0 0 #2E40E3;box-shadow: 0 0 0 0 #2E40E3;}
    to {-webkit-box-shadow: 0 0 0 20px rgba(37, 72, 227, 0);box-shadow: 0 0 0 20px rgba(37, 72, 227, 0);}
}

@-webkit-keyframes sitemapShow {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes sitemapShow {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
}
@-moz-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
}
@-ms-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
}
@-o-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }
}
@-moz-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }
}
@-ms-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }
}
@-o-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }
}