@charset "utf-8";

html { font-size:10px; }
html,body{width: 100%;height: 100%;color:#000000;font-family:Century Gothic Pro,Noto Sans KR,sans-serif;}
.wrapper{width: 100%;height: 100%;overflow: auto;max-width:800px;margin: 0  auto;scrollbar-width: none;}
.wrapper::-webkit-scrollbar {display: none; /* Chrome, Safari */}

img {max-width: 100%;display: block;}
.container {position: relative;width: 100%;margin: 0 auto;overflow: hidden;background-color: #ffffff;}

.logo-img{width: 100%;height: 13.7rem;display: flex;justify-content: center;align-items: center;}
.logo-img img{width: 22.4rem;height:6.3rem;display: block;}
.header-img{width: 100%;position: relative;}

.info-text{padding:7rem 0 7rem;color:#000000;}
.info-text .title{font-size: 5.4rem;line-height:1.481em;letter-spacing: -0.05em;font-weight: 500;text-align: center;}
.info-text .title em{font-weight: 600;}
.info-text .introduction{font-size:3.1rem;letter-spacing: -0.05em;font-weight: 400;text-align: center;margin-top: 7rem;}
.info-text .introduction em{font-weight: 500}
.info-text .introduction .Century{font-weight: 700}

.info-text .schedule{display: flex;justify-content: center;align-items: center;font-size:3.2rem;line-height:1em;font-weight:500;text-align: center;margin-top: 7rem;}
.info-text .schedule em{font-weight: 700;margin-left: 0.3em;}
.info-text .schedule::before{content:'';display: inline-block;width:0.5rem;height: 2.9rem;background-color: #000000;margin-right: 2rem;}


.download #contentWrapper{padding-bottom: 7rem;}
.download-info{font-size:3.2rem;line-height:1.5625em;letter-spacing: -0.05em;font-weight: 400;text-align: center;padding: 3.5rem 0;}
.download-logo {display: flex;justify-content: center;width: 100%;height: 13.7rem;align-items: center}
.download-logo img{width: 22.4rem;height:6.3rem;display: block;}

.item-group{display: flex;align-items:center;flex-direction: column;row-gap: 24px;margin-top: 4rem;}
.item-group .item-box {width: 62.1rem;}
.item-group .item-box > input[type=radio] {display: none;}
.item-group .item-box > input[type=radio] + label{display:block;width: 100%;height: auto;position: relative;}
.item-group .item-box > input[type=radio] + label > img{width: 100%;display: block;}
.item-group .item-box > input[type=radio] + label::before{content:'';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top:0;left: 0;opacity: 0;pointer-events: none;transition-duration: 0.6s;z-index: 1;}
.item-group .item-box > input[type=radio]:checked + label:before{opacity: 1;}

.button-box{margin: 0 auto;padding-bottom: 8rem;display: flex;justify-content: center;align-items: center;row-gap: 1rem;}
.button-box .button{display: flex;justify-content: center;align-items: center;width: 45.9rem;height: 14rem;background-color: #f9e000;font-size: 3.1rem;font-weight: 400;text-align: center;line-height: 1.3;letter-spacing: -0.05em;color:#000000;}
.button-box .button.black{width: 30.8rem;height: 10rem;box-shadow: none;background-color: #000000;color:#ffffff;}
.button-box .info{font-size: 2.1rem;font-weight: 400;}
.button-box .info em{font-weight: 700;}

.footer {height: auto;color: #fff;background-color: #000;font-size: 1.66rem;display: flex;align-items: center;margin: 0 auto;padding: 3rem 0 2.6rem;position: relative;}
.footer::before{content:'';width:67.6rem;height: 0.2rem;background-color: rgba(0,0,0,0.3);display: block;position: absolute;top:0;left: 50%;transform: translateX(-50%);}
.footer .footer-text{font-size: 1.66rem;font-weight: 300;line-height: 2.369rem;letter-spacing:-0.025em;text-align: center;margin: 0 auto;}
.footer .copyright{margin-top:1.3rem;display: block;}

@media screen and (max-width:800px){
    ::-webkit-scrollbar {width: 0;}
    html { font-size:1.25vw;-ms-overflow-style: none;}
}