@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

*{padding: 0; margin: 0; font-family: Pretendard,'Malgun Gothic'}
html, body{height: 100%;}
.wrap{display: flex; height: 100%;justify-content: center; align-items: center;}
.container{width: 1008px; display: flex; justify-content:space-between;}
.left{width:490px}
.right{width: 432px; padding-top: 47px;}
.right h1{font-size:0; margin-bottom:30px; background-image: url("data:image/svg+xml,%0A%3Csvg width='120' height='48' viewBox='0 0 120 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M115.173 4.136c-.454 0-.7.044-.804.068l.001-.016c.009-.116.027-.36.027-.664V2.92h-1.109v.604c0 .32.016.572.028.68-.101-.024-.346-.068-.804-.068h-1.781v1.105h.47c.587 0 .961-.076 1.355-.393l.101.12c-.656.26-1.279.969-1.279 1.877 0 1.312 1.033 2.264 2.46 2.264s2.46-.952 2.46-2.264c0-.908-.619-1.616-1.278-1.877l.101-.12c.393.317.767.393 1.354.393h.47V4.136h-1.772zm.02 2.629c0 .756-.555 1.284-1.351 1.284-.796 0-1.35-.528-1.35-1.284s.542-1.3 1.35-1.3 1.351.52 1.351 1.3z' fill='%23FFBF4D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M113.842 0c-3.396 0-6.158 2.748-6.158 6.129 0 3.38 2.762 6.128 6.158 6.128 3.397 0 6.158-2.748 6.158-6.128S117.239 0 113.842 0zm0 11.09c-2.749 0-4.984-2.225-4.984-4.961 0-2.737 2.235-4.96 4.984-4.96 2.75 0 4.984 2.223 4.984 4.96 0 2.736-2.234 4.96-4.984 4.96z' fill='%23FFBF4D'/%3E%3Cpath d='M70.17 5.945c-.499 2.74-3.136 4.556-5.89 4.06-2.753-.496-4.578-3.12-4.079-5.86.498-2.74 3.135-4.557 5.889-4.061 2.753.496 4.578 3.12 4.08 5.86zM0 6.145C3.573 5.28 15.785 2.528 30.814 1.26h.004V8.17c-3.176.324-6.263.76-10.29 1.444l-.125.02v24.69h-9.176V11.605l-.19.044A104.98 104.98 0 0 0 0 15.021V6.145z' fill='%23FFBF4D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.162 34.32s2.533-5.677 1.632-12.038c-1.177-8.34-6.238-11.969-14.016-12.657-6.05-.624-12.746.824-16.717 2.84l1.25 6.293c2.986-1.532 7.87-3.036 13.63-2.6 5.6.424 7.143 2.852 7.372 4.804-2.673-1.244-6.592-2.124-10.68-1.972-5.33.196-13.494 1.896-13.494 8.28 0 5.53 4.695 7.437 10.837 7.437 4.076 0 8.92-1.132 12.714-3.656-.33 1.084-.82 2.172-1.455 3.268h8.927zm-16.367-5.753c-3.365-.072-5.262-.592-5.262-1.916 0-1.4 2.48-2.409 6.21-2.409 3.204 0 6.38.564 8.843 1.3v.052l-.064.892a.438.438 0 0 1-.008.072c-2.569 1.2-6.552 2.077-9.72 2.009zM78.434 12.47c3.971-2.017 10.668-3.465 16.717-2.841h-.004c7.778.688 12.838 4.316 14.016 12.657.901 6.36-1.632 12.037-1.632 12.037h-8.923c.635-1.096 1.125-2.184 1.455-3.268-3.794 2.524-8.638 3.656-12.714 3.656-6.142 0-10.837-1.908-10.837-7.436 0-6.385 8.164-8.085 13.494-8.281 4.088-.152 8.007.728 10.68 1.972-.225-1.952-1.773-4.38-7.372-4.805-5.76-.436-10.644 1.069-13.63 2.6l-1.25-6.292zm22.457 14.016.064-.892v-.052c-2.464-.736-5.64-1.3-8.843-1.3-3.73 0-6.21 1.008-6.21 2.409 0 1.324 1.897 1.844 5.262 1.916 3.167.068 7.15-.808 9.719-2.009a.44.44 0 0 0 .008-.072z' fill='%23FFBF4D'/%3E%3Cpath d='M62.126 14.321c3.739 8.353 2.878 18.85-1.776 22.775-3.284 2.768-9.302 3.352-14.748 2.232l-1.89 7.868c1.709.369 3.51.609 5.315.725 6.121.396 12.448-.633 16.894-4.38 8.063-6.801 8.714-20.815 4.642-31.14l-8.437 1.916v.004z' fill='%23FFBF4D'/%3E%3C/svg%3E%0A"); width:120px; height: 48px;}

.right h2{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.14;
    letter-spacing: -0.36px;
    color: #333;
    margin-bottom: 20px;
}
.right p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.16px;
    color: #333;;
}
.right > div {
    border: solid 1px #e8e8e8;
    background-color: #f5f5f5;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.16px;
    color: #000;
    margin: 30px 0;
    padding: 16px;
}
.right > div span{
    color:#f4a414; 
    display: block;
}
.right li{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    letter-spacing: -0.14px;
    color: #747474;
    list-style: none;
    padding-left: 20px;
    position: relative;
}
.right li:before{
    width:2px;
    height:2px;
    border-radius: 50%;
    background-color: #747474;
    content: '';
    display: inline-block;
    position: absolute;
    left:10px;
    top:10px
}
.right a{
    width: 200px;
    height: 48px;
    line-height: 48px;
    margin-top: 40px;
    border-radius: 4px;
    background-color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color:#fff;
    text-decoration: none;
}
.right a span{
    width:10px;
    height: 18px;
    display: inline-flex;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.106 0 10 9l-8.894 9L0 16.88 7.788 9 0 1.12 1.106 0z' fill='%23fff'/%3E%3C/svg%3E%0A");
    margin-left: 26px;
}

@media screen and (max-width:950px){
    body, html{height: auto;}
    .container{
        flex-direction: column;
        align-items: center;
        padding: 32px 24px;
    }
    .left{
        width: auto;
        text-align: center;
    }
    .left img{
        width : 326px
    }
    .right{
        width: auto;
        padding-top: 32px;
    }
    .right h2{
        font-size: 32px;
    }
    .right p{
        font-size: 14px;
        line-height: 1.71;
    }
    .right > div{
        font-size:14px
    }
    .right li{
        font-size: 12px;
    }
}