@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

/* 모던 Reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --font-base: "Wanted Sans Variable", sans-serif;
}

html, body {
  height: 100%;
  font-family: var(--font-base);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background-color: #1E1F21;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
  color: inherit;
  border: none;
  background: none;
  outline: none;
}

button {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}



/*** 무료쿠폰 css ***/

/* Header */
.fc_header {
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #464649;
    position:fixed;
    top:0;
    width:100%;
    background-color:#1E1F21;
    z-index: 99;
}

/* Footer */
.fc_footer {
    display: flex;
    margin-top: 24px;
    height:100px;
    background-color: #272829;
    justify-content:center;
    align-items: center;
    color:#CBCBCB;
    position: absolute;
    bottom:0;
    width:100%;
}

/* Container */
.fc_container {
    padding-top:60px;
    box-sizing: border-box;
    width:100%;
    overflow-y: auto;
    height:100vh;
    position: relative;
}

.fc_inner {
    max-width:1200px;
    margin:0 auto;
}

.fc_tit {
    font-size:20px;
    font-weight: 700;
    padding:30px 0;
    color:#fff;
}

.fc_tit.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.green {
    color:#00D360 !important;
}

.orange {
    color:#FF542A !important;
}

.fc_card_wrap {
    display: flex;
    gap:20px;
    flex-wrap: wrap;
}

.fc_card {
    width:calc(50% - 10px);
    background-color:#2E2F30;
    border-radius: 16px;
}

.fc_card .fcc_top {
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #3C3E3E;
    align-items: center;
    padding:20px;
}

.fc_card .fcc_top .fcc_left {
    display: inline-flex;
    align-items: center;
    gap:8px;
    font-size:24px;
    font-weight: 700;
    color:#F0F0F2;
}

.fc_card .fcc_top .fcc_left span {
    font-weight: 400;
    font-size:14px;
    color:#A5A5A7;
}

.fc_card .fcc_top .fcc_right {
    display: inline-flex;
    align-items: center;
}

.fc_card .fcc_top .fcc_right .fcc_score {
    margin-left: 4px;
    font-size:14px;
    font-weight: 700;
    color:#F0F0F2;
    margin-top: 2px;
}

.fc_card .fcc_contents {
    padding:20px;
    display: flex;
    justify-content: space-between;
    gap:20px;
}

.fc_card .fcc_contents .fcc_textbox {
    width:220px;
}

.fc_card .fcc_contents .fcc_textbox .fcc_tb {
    display: flex;
    gap: 24px;
    height:30px;
    align-items: center;
}

.fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_tit {
    width:56px;
    font-size:16px;
    color:#A5A5A7;
}

.fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_txt {
    font-weight: 700;
    font-size:16px;
    color:#F0F0F2;
}

.fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_txt .copy_btn {
    border:1px solid #A5A5A7;
    color:#A5A5A7;
    border-radius: 3px;
    background-color:transparent;
    padding:3px 5px;
    font-weight: 600;
    font-size:12px;
    color:#999;
    cursor: pointer;
    padding-left:20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M2.5 8H2C1.73478 8 1.48043 7.89464 1.29289 7.70711C1.10536 7.51957 1 7.26522 1 7V2.5C1 2.23478 1.10536 1.98043 1.29289 1.79289C1.48043 1.60536 1.73478 1.5 2 1.5H6.5C6.76522 1.5 7.01957 1.60536 7.20711 1.79289C7.39464 1.98043 7.5 2.23478 7.5 2.5V3M5.5 5H10C10.5523 5 11 5.44772 11 6V10.5C11 11.0523 10.5523 11.5 10 11.5H5.5C4.94772 11.5 4.5 11.0523 4.5 10.5V6C4.5 5.44772 4.94772 5 5.5 5Z' stroke='%23A5A5A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left 5px;
    vertical-align: text-bottom;
    margin-left: 6px;
}

.fc_card .fcc_contents .fcc_textbox .site_link {
    display: block;
    height:45px;
    line-height:45px;
    border-radius:4px;
    width:100%;
    background-color:#00D360;
    text-align: center;
    color:#fff;
    font-size:16px;
    font-weight: 700;
    margin-top: 24px;
}

.fc_card .fcc_contents .fcc_coupon img {
    max-width:310px;
    width:100%;
}

.fc_btn {
    display: inline-block;
    height: 38px;
    line-height:38px;
    border-radius: 4px;
    width:110px;
    background-color: #00D360;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-left:auto;
}


@media screen and (max-width:1200px) {
    .fc_inner {
        padding:0 24px;
        box-sizing: border-box;
    }
}

@media screen and (max-width:1140px) {
    .fc_card {
        width:100%;
    }

    .fc_footer {
        position: static;
    }

    .fc_container {
        overflow: visible;
    }
}

@media screen and (max-width:680px) {
    .fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_tit,
    .fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_txt {
        font-size:14px;
    }

    .fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_txt .copy_btn {
        padding:1px 3px;
        padding-left:20px;
        display: block;
        margin-left: 0;
    }

    .fc_card .fcc_contents .fcc_textbox .fcc_tb:last-of-type {
        margin-top: 12px;
    }

    .fc_card .fcc_top .fcc_left {
        font-size:20px;
    }

    .fc_card .fcc_top .fcc_left span {
        font-size:13px;
    }
}

@media screen and (max-width:500px) {
    .fc_card .fcc_contents {
        flex-wrap: wrap;
    }

    .fc_card .fcc_contents .fcc_textbox {
        width:100%;
    }

    .fc_card .fcc_contents .fcc_coupon {
        width: 100%;
    }

    .fc_card .fcc_contents .fcc_coupon img {
        width:100%;
    }

    .fc_card .fcc_top .fcc_left span {
        display: none;
    }

    .fc_card .fcc_contents .fcc_textbox .fcc_tb:last-of-type {
        margin-top: 0;
    }

    .fc_card .fcc_contents .fcc_textbox .fcc_tb .fcct_txt .copy_btn {
        display: inline;
        margin-left: 4px;
    }

    .fc_card .fcc_contents .fcc_coupon img {
        max-width:none;
    }

    .fc_footer {
        font-size:14px;
    }
}