:root {
    --weight-400 : 'CoreSansCRegular', 'AppleSDGothicNeo-Medium', 'NotoSansKRRegular', sans-serif;
    --weight-500 : 'CoreSansCMedium', 'AppleSDGothicNeo-Medium', 'NotoSansKRMedium', sans-serif;
    --weight-600 : 'CoreSansCBold', 'AppleSDGothicNeo-SemiBold', 'NotoSansKRSmBold', sans-serif;
    --weight-700 : 'CoreSansCBold', 'AppleSDGothicNeo-Bold', 'NotoSansKRBold', sans-serif;
    --weight-800 : 'CoreSansCBold', 'AppleSDGothicNeo-Bold', 'NotoSansKRExaBold', sans-serif;
}

.giftcard {
    padding: 16.21vw 3.51vw 29.73vw;
    text-align: center;
    background: #ffebbe;
}

.giftcard__title {
    margin-bottom: 4.59vw;
    font: 8.11vw / 1.5 var(--weight-700);
}

.giftcard__subtext {
    margin-bottom: 8.37vw;
    font: 4.05vw / 6.75vw var(--weight-500);
}
button.giftcard__buy {
    width: 100%;
    padding: 4.32vw 0 3.24vw;
    margin-bottom: 17.29vw;
    color: white;
    font: 4.32vw / 5.94vw var(--weight-700);
    letter-spacing: -0.11vw;
    background: var(--ten);
    border-radius: 8.1vw;
}

.giftcard__img {
    margin-bottom: 11.35vw;
}

.giftcard__box {
    padding: 14.59vw 3.78vw;
    background: white;
}
.giftcard__box +.giftcard__box {
    margin-top: 5.86vw;
}
.giftcard__box--title {
    margin-bottom: 4.86vw;
    font: 6.75vw / 1.5 var(--weight-700);
}
.color-ten {
    color: var(--ten);
}
.giftcard__box--subtitle {
    margin-bottom: 3.2vw;
    font:  3.73vw / 1.25 var(--weight-700);
    text-align: left;
}
.giftcard__box--subtext {
    margin-bottom: 7.83vw;
    padding-bottom: 5.4vw;
    font: 4.05vw / 6.75vw var(--weight-500);
    border-bottom: 1px solid #eee;
}
.giftcard dl {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5.33vw;
    padding: 0 2.13vw;
    text-align: left;
}
.giftcard dl:last-of-type {
    margin-bottom: 8.55vw;
}
.giftcard dl > dt {
    width: 21.62vw;
    font: 3.46vw / 1.25 var(--weight-700);
}
.giftcard dl > dd {
    flex: 1;
    font: 3.46vw / 1.25 var(--weight-500);
}
.infobox {
    padding: 0 0.8vw 8.8vw;
    text-align: left;
}
.infobox > li {
    position: relative;
    padding-left: 3.73vw;
    margin-bottom: 2.13vw;
    color: #666;
    font: 3.2vw / 1.25 var(--weight-400);
}
.infobox > li:before {
    content: '';
    position: absolute;
    top: 1.07vw;
    left: 0;
    width: 0.53vw;
    height: 0.53vw;
    background: #666;
    border-radius: 50%;
}
.infobox > li:last-of-type {
    margin-bottom: 0;
}

.giftcard__store > li {
    position: relative;
    padding: 5.33vw 1.86vw 3.73vw;
    border-bottom: 1px solid #eee;
}
.giftcard__store--title {
    font: 4.26vw / 6.93vw var(--weight-700);
}
.giftcard__store--sub {
    font: 3.46vw / 1.25 var(--weight-400);
}
.giftcard__store {
    text-align: left;
}
.giftcard__store > li:last-of-type {
    border-bottom: none;
}

.giftcard__store > li:first-of-type .giftcard__store--title {
    color: var(--ten);
}

.giftcard__store > li:after {
    content: '';
    position: absolute;
    top: 8vw;
    right: 2.66vw;
    width: 5.33vw;
    height: 5.33vw;
    background: url(//fiximage.10x10.co.kr/m/2014/common/blt_arrow_btm.png) no-repeat center center / 100%;
    transform: rotate(-90deg);
}

.giftcard__round {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.8vw;
}
.giftcard__round > li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 6.13vw;
    width: 24.53vw;
    height: 24.53vw;
    font: 3.46vw / 1.25 var(--weight-400);
    border-radius: 50%;
    box-sizing: border-box;
}
.giftcard__round > li:after {
    content: '';
    position: absolute;
    top: 10.4vw;
    left: -5.06vw;
    width: 3.73vw;
    height: 3.73vw;
    background: url(//fiximage.10x10.co.kr/m/2014/common/blt_arrow_btm.png) no-repeat center center / 100%;
    transform: rotate(-90deg);
}
.giftcard__round > li:first-of-type {
    margin-left: 0;
    background: #d6e7f5;
}
.giftcard__round > li:nth-of-type(2) {
    background: #C1D8EA;
}
.giftcard__round > li:nth-of-type(3) {
    background: #ACC8DF;
}
.giftcard__round > li:first-of-type:after {
    content: none;
}
.giftcard__round.color-purple {
    color: #fff;
}
.giftcard__round.color-purple > li:first-of-type {
    background: #BEBFD9;
}
.giftcard__round.color-purple > li:nth-of-type(2) {
    background: #9E9FC4;
}
.giftcard__round.color-purple  > li:nth-of-type(3) {
    background: #8081B2;
}