@charset "utf-8";

/*공통 스타일*/
html{font-size: var(--rem-size);scroll-behavior: smooth;height: 100%;}
html,body{overflow-x: hidden;}
.container{width: 100%;margin: 0 auto;padding:0 var(--container-padding);}

.site-header {width:100%;height: var(--header-height);position: fixed;top: 0;left: 0;z-index: 2;}
.site-header .mobile-top-line{width: 100%;display: none;position: fixed;top: 0;left: 0;z-index: 1;}
.site-header .mobile-top-line span{width: calc(100% / 4);height:0.6rem;display: block;}
.site-header .mobile-top-line span:nth-of-type(1){background-color: var(--menu-color1);}
.site-header .mobile-top-line span:nth-of-type(2){background-color: var(--menu-color2);}
.site-header .mobile-top-line span:nth-of-type(3){background-color: var(--menu-color3);}
.site-header .mobile-top-line span:nth-of-type(4){background-color: var(--menu-color4);}
.site-header::before{content:'';width: 100%;position: absolute;left: 0;top: 0;height:  var(--header-height);background-color: var(--header-bg);z-index: 1;}
.site-header .container{width:100%;height:var(--header-height);;display: flex;justify-content: space-between;align-items: flex-start;background-color: var(--header-sub-bg);overflow: hidden;transition-duration: 0.3s;transition-property: height;position: relative;box-shadow: 0 -.1rem 1rem 0 rgba(0,0,0,0.1);}
.site-header .logo-box{width: 24.7rem;margin-right: 8rem;position: relative;z-index: 1;height: var(--header-height);display: flex;align-items: center;}
.site-header .logo-box img{width: auto;height: 3.6rem;display: block;}
.site-header .menu-box{width: 100%;position: relative;z-index: 1;}
.site-header .menu-box .menu-list{display: flex;width: 100%;}
.site-header .menu-box .menu-list .menu-item{width: calc(100%/4);position: relative;}
.site-header .menu-box .menu-list .menu-item:nth-of-type(1) strong{border-top:0.6rem solid var(--menu-color1);}
.site-header .menu-box .menu-list .menu-item:nth-of-type(2) strong{border-top:0.6rem solid var(--menu-color2);}
.site-header .menu-box .menu-list .menu-item:nth-of-type(3) strong{border-top:0.6rem solid var(--menu-color3);}
.site-header .menu-box .menu-list .menu-item:nth-of-type(4) strong{border-top:0.6rem solid var(--menu-color4);}
.site-header .menu-box .menu-list .menu-item strong{height: 10rem;display: flex;align-items: center;justify-content: center;font-family: var(--Pretendard);font-weight: 600;font-size: 2rem;color:var(--default-color);letter-spacing: -0.025em;cursor: pointer;}
.site-header .menu-box .menu-list .menu-item .submenu-list{width: 100%;height: auto;padding: 3.7rem 0 ;text-align: center;}
.site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item a{font-family: var(--Pretendard);font-weight: 400;font-size: 2rem;color:var(--default-color);line-height: 2.1em;position: relative;padding:0.6rem 0;letter-spacing: -0.025em;}
.site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item a::before{content:'';width: 0;height: 0.4rem;display: block;left: 0;bottom:0;position: absolute;transition-duration: 0.3s;transition-property: width;}
.site-header .menu-box .menu-list .menu-item:nth-of-type(1) .submenu-list .submenu-item a::before{background-color: var(--menu-color1);}
.site-header .menu-box .menu-list .menu-item:nth-of-type(2) .submenu-list .submenu-item a::before{background-color: var(--menu-color2);}
.site-header .menu-box .menu-list .menu-item:nth-of-type(3) .submenu-list .submenu-item a::before{background-color: var(--menu-color3);}
.site-header .menu-box .menu-list .menu-item:nth-of-type(4) .submenu-list .submenu-item a::before{background-color: var(--menu-color4);}
.site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item a:hover{font-weight: 600;}
.site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item a:hover::before{width: 100%;}

.site-header .language-box{display: flex;height:  var(--header-height);align-items: center;position: relative;z-index: 1;}
.site-header .language-box .language-button{font-family: var(--Pretendard);font-weight: 500;font-size: 1.6rem;color:var(--default-color);padding:0 2em;display: flex;}
.site-header .language-box .language-button::before{content:'';display: inline-block;background-image: url("../../../images/web/en/icons/icon-lang@2x.png");background-repeat: no-repeat;background-size:contain;width: 1.125em;height: 1.125em;margin-right: 0.4375em;}
.site-header .language-box .cvb-logo{width: 13rem;height: 4.4rem;}
.site-header .language-box .cvb-logo img{width: 100%;height: 100%;display: block;}
.site-header .language-box .menu-button {display: none;width: 7rem;height: 7rem;padding:1.3rem 0.7rem;overflow: hidden;}
.site-header .language-box .menu-button .bars{display: flex;width: 100%;height: 100%;flex-direction: column;justify-content: space-between;}
.site-header .language-box .menu-button .bars .bar{width: 100%;height: 2px;background-color: var(--black-op-100);transition-duration: 0.3s;}

/*푸터 스타일*/
footer.site-footer {height: auto;}
footer.site-footer .footer-container{width: 100%;max-width: 1220px;margin: 0 auto;}
footer.site-footer .footer-top-box{display: flex;height: 10rem;align-items: center;}
footer.site-footer .footer-top-box .institution-list{display: flex;justify-content:space-between;column-gap: 3rem;}
footer.site-footer .footer-top-box .institution-list .institution-item{display: flex;align-items: center;}
footer.site-footer .footer-top-box .institution-list .institution-item img{display: block;}
footer.site-footer .footer-bottom-box {background-color: var(--footer-bg-color);}
footer.site-footer .footer-bottom-box .link-box{border-bottom: 1px solid var(--white-op-10);}
footer.site-footer .footer-bottom-box .link-box .link-list{display: flex;column-gap: 5rem;}
footer.site-footer .footer-bottom-box .link-box .link-list .link-item {font-family: var(--Pretendard);font-weight: 400;font-size: 1.8rem;color:var(--white-op-100);letter-spacing: -0.02em;padding: 2.9rem 0;}
footer.site-footer .footer-bottom-box .address-box {padding:5rem 0;}
footer.site-footer .footer-bottom-box .address-box address {font-family: var(--Pretendard);font-weight: 400;font-size: 1.8rem;color:var(--white-op-100);letter-spacing: -0.02em;}
footer.site-footer .footer-bottom-box .address-box .contact-list{display: flex;column-gap: 3rem;margin-top: 1rem;}
footer.site-footer .footer-bottom-box .address-box .contact-list .contact-item a{font-family: var(--Pretendard);font-weight: 300;font-size: 1.8rem;color:var(--white-op-100);letter-spacing: -0.05em;line-height: 1.66;}
footer.site-footer .footer-bottom-box .address-box .copyright{font-family: var(--Pretendard);font-weight: 300;font-size: 1.8rem;color:var(--gray-color);letter-spacing: -0.02em;margin-top: 2rem;}

@media all and (max-width:1400px) {
    .site-header .language-box .cvb-logo {display: none;}
    footer.site-footer .footer-container{padding:0 var(--container-padding);}
}
@media all and (max-width:1000px) {
    .site-header .mobile-top-line{display: flex;}
    .site-header .logo-box {width: auto;margin-right: 1rem;}
    .site-header .logo-box img {width: auto;height: 6rem;}
    .site-header .container{max-height: var(--header-height);min-height: var(--header-height);}
    .site-header .menu-box {position: fixed;width: 100%;height: calc(100% - var(--header-height));background-color: var(--white-op-100);left: 0;top:var(--header-height);overflow-y: auto;transform: translateX(100%);transition-duration: 0.6s;transition-property: transform;}
    .site-header .menu-box .menu-list {flex-direction: column;row-gap: 2px;}
    .site-header .menu-box .menu-list .menu-item {width: 100%;max-height: 10rem;overflow: hidden;transition-duration: .6s;transition-property: max-height;}
    .site-header .menu-box .menu-list .menu-item strong {background-color: #f3f3f3; font-size: 3.4rem;}
    .site-header .menu-box .menu-list .menu-item .submenu-list {padding: 0;}
    .site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item{}
    .site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item a {font-size: 3rem;display: block;padding: 1.5rem 0;}
    .site-header .menu-box .menu-list .menu-item .submenu-list .submenu-item a::before {content:none;}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(1) strong {border-top: 0;border-left: 1rem solid var(--menu-color1);}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(1) .submenu-list {border-left: 1rem solid var(--menu-color1);margin-top: 2px;}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(2) strong {border-top: 0;border-left: 1rem solid var(--menu-color2);}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(2) .submenu-list {border-left: 1rem solid var(--menu-color2);margin-top: 2px;}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(3) strong {border-top: 0;border-left: 1rem solid var(--menu-color3);}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(3) .submenu-list {border-left: 1rem solid var(--menu-color3);margin-top: 2px;}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(4) strong {border-top: 0;border-left: 1rem solid var(--menu-color4);}
    .site-header .menu-box .menu-list .menu-item:nth-of-type(4) .submenu-list {border-left: 1rem solid var(--menu-color4);margin-top: 2px;}
    .site-header .language-box .language-button {font-size: 2.4rem;padding: 0.416em 1em;border: 1px solid var(--default-color);border-radius: 1em;margin-right: 1em;opacity: 0;position: absolute;left: 1000%;transition-duration: 0.6s;transition-property: opacity;}
    .site-header.menuOpen .language-box .menu-button {/*width: 4.5rem;*/}
    .site-header.menuOpen .language-box .menu-button .bars .bar:nth-of-type(1){transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: top right;}
    .site-header.menuOpen .language-box .menu-button .bars .bar:nth-of-type(2){transform: translateX(200%);}
    .site-header.menuOpen .language-box .menu-button .bars .bar:nth-of-type(3){transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: bottom right;}
    .site-header.menuOpen .language-box .language-button{position: static;opacity: 1;}
    .site-header.menuOpen .menu-box{transform: translateX(0);}
    .site-header .language-box .menu-button {display: block;}

    footer.site-footer .footer-top-box {height: auto;}
    footer.site-footer .footer-top-box .institution-list {column-gap: 0;flex-wrap: wrap;row-gap: 6rem;padding:4rem 0;}
    footer.site-footer .footer-top-box .institution-list .institution-item{width: calc(100%/4);display: flex;justify-content: center;}
    footer.site-footer .footer-top-box .institution-list .institution-item img{height: 3.8rem;width: auto;}
    footer.site-footer .footer-bottom-box .link-box .link-list .link-item {font-size: 2.6rem;padding: 2.9rem 0;}
    footer.site-footer .footer-bottom-box .address-box address {font-size: 2.6rem;}
    footer.site-footer .footer-bottom-box .address-box .contact-list{    flex-direction: column;}
    footer.site-footer .footer-bottom-box .address-box .contact-list .contact-item a {font-size: 2.6rem;}
    footer.site-footer .footer-bottom-box .address-box .copyright {font-size: 2.6rem;margin-top: 3rem;}
}