@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(fonts/Pretendard-Medium.woff2) format('woff2'), url(fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/fonts/Pretendard-Light.woff2) format('woff2'), url(/fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: 'Ttangsbudaejjigae';
    src: url(/fonts/DdangFontsTTF/TtangsbudaejjigaeBold.ttf) format('truetype'),
    url(/fonts/DdangFontsOTF/TtangsbudaejjigaeBold.otf) format('otf');
    font-weight: 700;
    font-style: normal;
}

*{box-sizing: border-box;}
.cont {
    display: flex; align-items: center; justify-content: center;
    flex-direction: column;
    padding: 40px 0;
}
.cont .cont-txt {
    margin: 20px 0 40px;
}
.cont .order-wrap {
    display: flex; align-items: center; justify-content: center;
    flex-direction: column;
}
.cont .order-wrap .order-box {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    row-gap: 20px;
    width: 350px;
    border-radius: 40px;
    padding: 30px 15px;
    margin-bottom: 40px;
    position: relative;
}
.cont .order-wrap .order-box p {
    font-family: 'Ttangsbudaejjigae';
    font-weight: 500;
    font-size: 30px;
    line-height: 154%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin: unset;

}
.cont .order-wrap .order-box + .order-box {
    margin-top: 40px;
}
.cont .order-wrap .order-box + .order-box::before {
    content: '';
    position: absolute; left: 50%; top: -39px;
    transform: translateX(-50%);
    width: 100%; height: 1px;
    background-color: #e6e6e6;
}
.cont .order-wrap .order-box.red {
    background-color: #F5ECEC;
}
.cont .order-wrap .order-box.red p {
    color: #E35555;
}
.cont .order-wrap .order-box.green {
    background-color: #DFF9E9;
}
.cont .order-wrap .order-box.green p {
    color: #13B889;
}
.cont .order-wrap .order-box.blue {
    background-color: #E3EDF8;
}
.cont .order-wrap .order-box.blue p {
    color: #28A193;
}
.cont .order-wrap .order-box.mint {
    background-color: #DFF4F9;
}
.cont .order-wrap .order-box.mint p {
    color: #19A0AF;
}
.cont .order-wrap .order-box .app-list {
    width: 100%;
    display: flex; align-items: center; justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

footer {
    padding: unset;
}
footer ul {
    padding: unset;
    list-style: unset;
    margin-bottom: 10px;
}
footer ul li{
    display: flex; align-items: center;
    list-style: unset;
}
footer ul li + li {
    margin-top: 3px;
}
footer ul li p {
    position: relative;
    font-family: 'Pretendard'; font-size: 12px; font-weight: 500; color: #999;
    margin: unset;
}
footer ul li p + p {
    margin-left: 10px;
}
footer ul li p + p::before {
    content: '';
    width: 1px; height: 8px;
    background-color: #999;
    position: absolute; left: -5px; top: 50%; transform: translateY(-50%);
}
footer .copyright p {
    font-family: 'Pretendard'; font-size: 14px; font-weight: 300; color: #ccc;
}