/* triangle */
.overlap-triangle-wrap {width: 33.75rem;max-width: 33.75rem;height: 31.25rem;}
.overlap-deco > div {width: 15rem;height: 33.75rem;border-radius: 9.375rem;}
.overlap-deco > div:nth-child(1) {bottom: -1.3125rem;left: 4.6875rem;}
.overlap-deco > div:nth-child(2) {bottom: -1.3125rem;right: 4.6875rem;}
.overlap-deco > div:nth-child(3) {bottom: 15rem;}
.overlap-text > div {width: 11.25rem;height: 11.25rem;;font-size: 1.625rem;font-weight: bold;}
.overlap-text > div:nth-child(1) {top: 1.875rem;left: calc(50% - 5.625rem);}
.overlap-text > div:nth-child(2) {bottom: 1.875rem;left: 1.875rem;}
.overlap-text > div:nth-child(3) {bottom: 1.875rem;right: 1.875rem;}
/* //triangle */

/* btn-in-btn */
.btn-in-btn-wrap {position: relative;width: 100%;height: 100%;}
.btn-in-btn-wrap .outer-btn {position: relative;z-index: 0;}
.btn-in-btn-wrap .inner-btn-wrap {position: absolute;left: 50%;z-index: 1;transform: translateX(-50%);}
/* //btn-in-btn */

/* img-text-item */
.img-text-item .rect-box .img-wrap:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 50%);}
.img-text-item .rect-box .text-wrap {top: unset;bottom: 0;left: 0;right: 0;z-index: 1;color: var(--white-color);padding: 1.25rem;text-align: center;height: auto;}
/* //img-text-item */

/* dropdown-menu */
.form-dropdown-wrap .dropdown-menu {max-height: 18.75rem;overflow: auto;}
/* //dropdown-menu */

/* header */
.header {
    min-width: 1320px;
}
.header:after {
    top: 6.25rem;
}
.header .header-wrap {
    padding: 0 2.5rem;
}
.header .header-wrap .logo {
    display: flex;
    width: 12.9375rem;
    height: 6.25rem;
    background: none;
}
.header .header-wrap .logo > a {
    height: 2rem;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-image: url(../../img/icon/logo.png);
}
.header .header-wrap .header-gnb {
    width: 100%;
    max-width: 1120px;
    justify-content: space-between;
}

.header .header-wrap .gnb-wrap {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 792px;
    margin-left: 7.5rem;
}
.header .header-wrap .gnb-wrap .depth-01 {
    display: flex;
    align-items: center;
    align-self: stretch;
}
.header .header-wrap .gnb-wrap .depth-01 > a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.25rem;
    color: var(--gray-color-2);
    font-weight: bold;
}
.header .header-wrap .gnb-wrap .depth-01.active > a {
    color: var(--primary-color);
}
.header .header-wrap .gnb-wrap .sub-category {position: absolute;top: 6.25rem;left: 0;display: none;align-items: start;width: 100%;min-width: 1320px;}
.header .header-wrap .gnb-wrap .depth-01.active > a + .sub-category {display: flex;}
.header .header-wrap .gnb-wrap .sub-category .d-flex > * {padding: 3.75rem 0;}
.header .header-wrap .gnb-wrap .sub-category .d-flex > p {align-self: stretch;width: 15.4375rem;color: var(--black-color);font-size: 2rem;font-weight: 700;line-height: 2.375rem;text-align: right;}
.header .header-wrap .gnb-wrap .sub-category .category-list {position: relative;z-index: 1;display: flex;flex: 1;justify-content: space-between;margin-left: 7.5rem;max-width: 85.625rem;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul {display: flex;flex-wrap: wrap;flex: 1;gap: 3.75rem;max-width: 40.5rem;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul > li {width: 100%;max-width: 11rem;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a {font-size: 1.25rem;color: var(--gray-color-2);font-weight: bold;line-height: 1.5rem;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02.active > a {color: var(--primary-color);}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a + ul {margin-top: 1rem;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a + ul > li {padding-left: 0;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a + ul > li + li {margin-top: .5rem;}
.header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a + ul > li a {display: block;font-size: 1.125rem;font-weight: 500;color: var(--gray-color-7);line-height: 1.5rem;}

.header .header-wrap .gnb-wrap .sub-category .category-banner {position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: start;align-items: center;width: 23.75rem;}
.header .header-wrap .gnb-wrap .sub-category .category-banner > p {font-size: 1rem;color: var(--deepgray-color);font-weight: 500;}
.header .header-wrap .gnb-wrap .sub-category .category-banner > a {display: flex;flex-direction: column;}
.header .header-wrap .gnb-wrap .sub-category .category-banner > a > .rect-box {padding-bottom: 56.3%;}
.header .header-wrap .gnb-wrap .sub-category .category-banner > a > .rect-box + span {padding: 1.25rem;font-size: 1rem;font-weight: 500;line-height: 1.25rem;color: var(--gray-color-2);text-align: left;}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 412px;
    height: 100%;
    margin-left: 94px;
}

.header-menu .btn {
    position: relative;
    color: var(--gray-color-2);
    font-size: 1rem;
    font-weight: 500;
    padding: 0;
}
.header-menu .btn:hover,
.header-menu .btn:active,
.header-menu .btn.active {
    border-color: transparent;
}
.header-menu .btn-lang {
    display: flex;
    align-items: center;
    gap: .625rem;
    color: var(--gray-color-2);
    font-weight: 500;
    font-size: 1rem;
}
.header-menu .btn-lang .icon-lang-pr {
    display: block;
    width: 1.625rem;
    height: 1.625rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.header-menu .btn-search {
    width: 1.625rem;
    height: 1.625rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.header-menu .btn-search {
    background-image: url(../../img/icon/icon-search-pr.png);
}
.header-menu .btn-rds {
    background: linear-gradient(124deg, #00AD4C, #007F3D);
    border-radius: 25px;
    border-width: 0;
    color: var(--white-color);
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
}
.search-box-wrap {
    position: absolute;
    top: 6.25rem;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden;
    background-color: var(--white-color);
    transition: all .3s ease;
}
.btn-search.on + .search-box-wrap {
    height: 8.75rem;
}
.search-box-wrap .search-box {
    max-width: 45rem;
    margin: auto;
    padding: 3.1875rem 0 2.75rem;
}
.search-box-wrap .form-icon-inp .form-control {
    border-radius: 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0 2.25rem 1.25rem 0;
    border-width: 0;
    border-bottom: 1px solid var(--gray-color-c);
}
.search-box-wrap .form-icon-inp .form-icon {
    right: 0;
    margin: 0 0 1.1875rem;
}

/* top-fixed-banner */
.top-fixed-banner {position: fixed;top: 0;left: 0;display: none;width: 100%;min-width: 1320px;height: 5rem;z-index: 14;background-color: var(--primary-color);}
.top-fixed-banner.show {display: block;}
.top-fixed-banner > a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.top-fixed-banner > a > img {width: 50rem;}
.top-fixed-banner.show + .header {top: 5rem;}

.top-fixed-banner .banner-controls {position: absolute;bottom: 1rem;right: 2.5rem;display: flex;align-items: center;gap: 1.25rem;}
.top-fixed-banner .banner-controls .form-check .label-text {color: var(--white-color);}
.top-fixed-banner .banner-controls .form-check .check-mark {background-image: url(../../img/icon/form-check.png);}
.top-fixed-banner .banner-controls .form-check .form-control:checked + .check-mark {background-image: url(../../img/icon/form-check-pr.png);background-color: var(--white-color);}
/* //top-fixed-banner */

/* footer */
.footer {
    position: relative;
    width: 100%;
    min-width: 1320px;
    z-index: 1;
    background-color: var(--white-color);
    color: var(--black-color);
    border-top: 1px solid var(--gray-color-c);
}
.footer .footer-wrap {
    position: relative;
    z-index: 1;
}
.footer .logo {
    width: 12.9375rem;
    height: 2.5rem;
    margin: 0 0 2.5rem;
}
.footer .footer-top {
    border-bottom: 1px solid var(--gray-color-c);
}
.footer .footer-top > .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .footer-top .f-link {
    display: flex;
    align-items: center;
    gap: 2.0625rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-color-2);
}
.footer .footer-top .f-link > div {
    position: relative;
}
.footer .footer-top .f-link > div:not(:first-child):before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    left: -1rem;
    width: 1px;
    height: 8px;
    border-left: 1px solid var(--gray-color-c);
}
.footer .footer-top .f-link > div > a {
    line-height: 1.25rem;
}
.footer .footer-top .family-site {
    position: relative;
}
.footer .footer-top .family-site .btn-family-site {
    min-width: 10rem;
    color: var(--gray-color-2);
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
}
.footer .footer-top .family-site .btn-family-site:active,
.footer .footer-top .family-site .btn-family-site.active {
    border-color: transparent;
}
.family-site-wrap {
    position: absolute;
    display: none;
}
.family-site-wrap .family-site-list {
    border: 1px solid var(--gray-color-c);
    background-color: var(--white-color);
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    opacity: 0;
}
.family-site-wrap .family-site-list > li a {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .875rem 1rem;
    text-align: center;
    color: var(--gray-color-2);
}
.family-site-wrap .family-site-list > li + li {
    border-top: 1px solid var(--gray-color-f5);
}
/*
.btn-family-site.on + .family-site-wrap {
    display: block;
}
.btn-family-site.on + .family-site-wrap .family-site-list {
    opacity: 1;
}
*/
.family-site-wrap.clone {
    z-index: 4;
    display: block;
}
.family-site-wrap.clone .family-site-list {
    opacity: 1;
}

.footer .footer-bottom {
    color: var(--gray-color-2);
    padding: 3rem 0 3.125rem;
}
.footer .footer-bottom > .container {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.footer .footer-bottom .left-area {
    width: 77%;
}
.footer .footer-bottom .left-area .info {
    display: flex;
    align-items: end;
}
.footer .footer-bottom .left-area .info .info-left {
    display: flex;
    flex-direction: column;
    gap: .5625rem;
    line-height: 1.25rem;
}
.footer .footer-bottom .left-area .info .info-left .line-flex > *:not(:last-child):after {
    margin: 0 .6rem;
}
.footer .footer-bottom .left-area .info .info-left .copyright {
    margin-top: .6875rem;
}
.footer .footer-bottom .left-area .info .info-right {
    display: flex;
    flex-direction: column;
    line-height: 1.25rem;
    padding-left: 5rem;
}
.footer .footer-bottom .left-area .info .info-right h5 {
    line-height: 1.5rem;
}
.footer .footer-bottom .right-area {
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.footer .footer-bottom .right-area > h5 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
.footer .footer-bottom .right-area > h5 ~ p {
    font-size: 1rem;
    line-height: 1.25rem;
}
.footer .footer-bottom .right-area .f-sns {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: .75rem;
    margin-top: 3.5rem;
}

.modal {
    overflow: auto;
}
.modal-dialog .modal-content {
    width: 660px;
    margin: auto;
}
.modal-dialog .modal-content.wide-contents {
    max-width: 81.25rem;
    min-width: 81.25rem;
    width: 100%;
    margin: auto;
}

.modal-tit {font-size: 1.25rem;line-height: 1.5rem;font-weight: bold;}
.modal-contents-label {font-size: 1.25rem;font-weight: bold;line-height: 1.5rem;}
.modal-border-box {border: 1px solid var(--gray-color-c);border-radius: .625rem;}
.modal-border-box .modal-box-header {text-align: center;padding: .875rem 0;border-bottom: 1px solid var(--gray-color-e5);}
.modal-border-box .modal-box-header .modal-box-title {font-size: 1.125rem;line-height: 1.5rem;font-weight: bold;}
.modal-border-box .modal-box-contents {padding: 1.875rem;}

.modal-cont-row {display: flex;flex-direction: column;}
.modal-cont-row .modal-cont-val {font-size: 1.125rem;font-weight: 500;line-height: 1.5rem;}

.modal-dialog .modal-content.ds-modal {width: 480px;}
.modal-dialog .modal-content.ds-modal .modal-body {font-size: 1.125rem;font-weight: 500;text-align: center;}
.modal-dialog .modal-content.ds-modal .modal-footer .btn-bd-gray-7:hover {background-color: var(--gray-color-7);color: var(--white-color);}

/* fixed btn */
.fixed-contents-wrap {
    position: fixed;
    bottom: 2.5rem;
    right: 2.5rem;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}
.fixed-contents-wrap .con-gradation {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    color: var(--white-color);
    text-align: center;
}
.fixed-contents-wrap .con-gradation > span:first-child {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5rem;
}
.fixed-contents-wrap .con-gradation > span:last-child {
    position: absolute;
    bottom: 1.25rem;
    font-size: 1rem;
}

.fixed-contents-wrap.right {
    right: 2.5rem;
}
.fixed-contents-wrap .fixed-custom-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    width: 10rem;
    border-radius: 10px;
    text-align: center;
    will-change: transform;
}
.fixed-contents-wrap .fixed-custom-btn:hover {
    animation: bounce 0.35s ease-out alternate infinite;
}
@keyframes bounce {
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(0,-12px,0); }
}
.fixed-contents-wrap .fixed-custom-btn .img-wrap {
    flex: 1;
    overflow: hidden;
    border-radius: 20px;
}
.fixed-contents-wrap .fixed-custom-btn .img-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fixed-contents-wrap .fixed-custom-btn.rectangle {
    height: 10rem;
}
.fixed-contents-wrap .fixed-custom-btn.circle {
    height: 10rem;
    border-radius: 50%;
}
.fixed-contents-wrap .fixed-custom-btn.circle .img-wrap {
    border-radius: 50%;
}
.fixed-contents-wrap .fixed-custom-btn.circle .img-wrap + .text-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.125rem;
}

.fixed-contents-wrap.bottom {
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
}
.fixed-contents-wrap.bottom .con-gradation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    width: 100%;
    height: 6.25rem;
    border-radius: 0;
}
.fixed-contents-wrap.bottom .con-gradation > p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: bold;
}
.fixed-contents-wrap.bottom .con-gradation > .fixed-custom-btn {
    width: auto;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    border-radius: 25px;
    padding: .8125rem 1.5rem;
    background: rgba(255,255,255,.15);
}

/* hover-box */
.hover-box .hover-contents {display: block;}
.hover-box .hover-contents:before {content: "";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;transition: all .3s ease-in-out;}
.hover-box .hover-contents > span {transform: translateY(0);transition: all .3s ease-in-out;}
.hover-box .hover-contents > span > span:not([class*=tit]) {font-size: 1.125rem;}
.hover-box .hover-contents > span:first-child {position: relative;display: block;width: 100%;height: 100%;}
.hover-box .hover-contents > span:first-child:before {content: "";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;border-radius: .625rem;transition: all .3s ease-in-out;}
.hover-box .hover-contents > span:first-child:after {content: "";position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;height: 50%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);transition: all .3s ease-in-out;}

.hover-box .hover-contents > span:last-child {position: absolute;z-index: 2;bottom: 1.875rem;left: 1.625rem;right: 1.625rem;display: flex;justify-content: center;align-items: center;color: var(--white-color);text-align: center;line-height: 1.5rem;}
.hover-box .hover-contents > span:last-child > span {width: 100%;word-wrap: break-word;word-break: keep-all;letter-spacing: -.03em;}
.hover-box .hover-contents img {width: 100%;height: 100%;object-fit: cover;}

.hover-box.type2 > [class *= col] .rect-box {padding-bottom: 124.56%;}
.hover-box.type2 .hover-contents {border-radius: 1.25rem;overflow: hidden;}
.hover-box.type2 .hover-contents > span:first-child {flex-direction: column;background-color: white;}
.hover-box.type2 .hover-contents > span:first-child .top-text {display: block;text-align: center;padding: 1.875rem;font-weight: bold;}
.hover-box.type2 .hover-contents > span:first-child img {height: auto;}

.hover-box .opacity-contents > span:first-child {position: relative;display: block;width: 100%;height: 100%;}
.hover-box .opacity-contents .opacity-text {position: absolute;z-index: 2;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: var(--white-color);text-align: center;line-height: 1.5rem;opacity: 0;transition: all .3s ease-in-out;}
.hover-box .opacity-contents > span:first-child:after {content: "";position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: transparent;transition: all .3s ease-in-out;}


.line-info {display: flex;align-items: baseline;justify-content: space-between;padding-bottom: 1.25rem;border-bottom: 1px solid var(--gray-color-a);}
.line-info .line-info-label {font-size: 1.25rem;font-weight: bold;line-height: 1.5rem;}
.line-info .line-info-val {font-size: 1.25rem;font-weight: bold;line-height: 1.5rem;}

.calc-formula {display: flex;align-items: center;justify-content: center;gap: .625rem;font-weight: 500;}
.calc-result-wrap {text-align: center;}
.calc-result-wrap .calc-result {font-size: 1.25rem;font-weight: bold;}
.calc-result-wrap .calc-result .val {font-size: 1.625rem;line-height: 1.875rem;color: var(--primary-color);}

/* loading */
.page-loading {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 1000;background-color: rgba(0,0,0,.5);}
.page-loading .loading-box {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.page-loading .loading-box .page-loader {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: conic-gradient(rgba(0, 173, 76, 1) 10%,#fff);
    -webkit-mask:
            radial-gradient(circle 2rem at center, transparent 98%, black 100%);
    -webkit-mask-composite: destination-out;
    mask:
            radial-gradient(circle 2rem at center, transparent 98%, black 100%);
    mask-composite: exclude;
    animation: loader 1s infinite linear;
}
.page-loading .loading-box p {color: var(--white-color);font-size: 1.125rem;line-height: 1.625rem;margin-top: 1.25rem;font-weight: 500;}

@keyframes loader {to{transform: rotate(1turn)}}
/* //loading */

/* 비공개 header */
.header.secret-header {position: absolute;background-color: transparent;}
.header.secret-header:after {display: none;}
.header.secret-header .header-wrap {padding: 0;}
.header.secret-header .header-wrap .header-gnb {display: block;width: 100%;max-width: 1120px;padding-left: 20px;padding-right: 20px;margin: auto;}
.header.secret-header .header-wrap .logo {position: relative;}
.header.secret-header .header-wrap .logo > a {background-image: url(../../img/icon/logo_w.png);}
.header.secret-header .header-wrap .gnb-wrap {display: none;}
.header.secret-header .header-menu {display: none;}
.header.secret-header + .section .layout {padding-top: 0;}
/* 비공개 header */

/* hover */
@media (hover: hover) and (pointer: fine) {
    .header .header-wrap .gnb-wrap .depth-01:not(:last-child) > a:hover:after {
        color: var(--black-color);
    }
    .header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a:hover {
        color: var(--primary-color);
    }
    .header .header-wrap .gnb-wrap .sub-category .category-list > ul li.depth-02 > a + ul > li > a:hover {
        color: var(--primary-color);
    }
    .header-menu .menu-right > .btn-search:hover {
        background-color: rgba(201, 210, 220, .2);
    }

    .family-site-wrap .family-site-list > li a:hover {
        background-color: var(--gray-color-f5);
        color: var(--gray-color-2);
    }

    .hover-box a:hover .hover-contents:before {background-color: rgba(0,0,0,.5);}
	.hover-box a:hover .hover-contents > span:last-child {bottom: 50%;transform: translateY(50%);}

    .hover-box a:hover .opacity-contents .opacity-text {opacity: 1;}
    .hover-box a:hover .opacity-contents > span:first-child:after {background-color: rgba(0,0,0,.5);}
}

@media (max-width: 1399.98px){
    .header .header-wrap .gnb-wrap {
        gap: 2.1425rem;
    }
    .header .header-wrap .gnb-wrap .depth-01:not(:last-child) > a:after {
        right: -1.0713rem;
    }

    .modal-open .modal {
        overflow-x: auto;
    }
}

@media (max-width: 1319.98px){
    .fixed-contents-wrap {
        right: 30px;
    }
}