@charset "utf-8";

/* 초기화 */

html {
    overflow-y: scroll
}

body {
    margin: 0;
    padding: 0;
}


/*h1, h2, h3, h4, h5, h6 {font-size:1em;}*/

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    margin: 0;
    padding: 0;
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0
}

#hd ul,
nav ul,
#ft ul {
    margin: 0;
    padding: 0;
    list-style: none
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

label,
input,
button,
select,
img {
    vertical-align: middle
}

input,
button {
    margin: 0;
    padding: 0;
    ;
    font-size: 1em
}

button {
    cursor: pointer
}

a:focus,
button:focus {
    outline: none;
}

textarea,
select {
    font-size: 1em
}

select {
    margin: 0
}

p {
    margin: 0;
    padding: 0;
    word-break: break-all
}

hr {
    display: none
}

pre {
    overflow-x: scroll;
    font-size: 1.1em
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

body {
    font-family: "Noto Sans KR", Dotum, Helvetica, AppleGothic, Sans-serif;
}


#stamp_page_wrap {
    min-width: 800px; margin: 0 auto;
}



#stamp_page_wrap .section_1 {
    height: 800px; background: url('/event/stamp/img/stamp_event_6/top_bg.jpg') 50% no-repeat; background-size: cover; text-indent: -99999px;
}

@media screen and (max-width: 1950px) {
    #stamp_page_wrap .section_1 {
        height: 470px;
    }
}



#stamp_page_wrap .section_2 {
    padding: 53px 0 63px;
}

#stamp_page_wrap .section_2 .top_text {
    font-family: 'HGSoft GGothic', sans-serif; color: #853DA4; font-size: 39px; font-weight: 600; line-height: 1.5; letter-spacing: -1.17px; text-align: center; margin-bottom: 44px;
}

#stamp_page_wrap .section_2 .stamp_count_wrap {
    font-family: 'HGSoft GGothic', sans-serif; width: 674px; margin: 0 auto; border-radius: 70px; border: 3px solid #853DA4; padding: 6px 0 21px; box-sizing: border-box; text-align: center;
}

#stamp_page_wrap .section_2 .stamp_count_wrap .count_box {
    color: #212121; font-size: 47px; font-weight: 900; line-height: 1.1; letter-spacing: -1.41px;
}

#stamp_page_wrap .section_2 .stamp_count_wrap .count_box .count {
    color: #853DA4; font-size: 72px; font-weight: 800;
}

#stamp_page_wrap .section_2 .stamp_count_wrap .gift_status {
    color: #212121; font-size: 28px; font-weight: 900; line-height: 1.5; letter-spacing: -0.84px;
}

#stamp_page_wrap .section_2 .stamp_count_wrap .gift_status.success {
    color: #853DA4;
}



#stamp_page_wrap .section_3 {
    padding: 72px 0; background-color: rgba(133, 61, 164, 0.1);
}

#stamp_page_wrap .section_3 .section_title {
    color: #853DA4; font-size: 38px; font-weight: 700; line-height: 1.5; letter-spacing: -1.14px; margin-bottom: 57px; text-align: center;
}

#stamp_page_wrap .section_3 .mission_list_wrap {
    display: flex; justify-content: center;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box {
    margin-right: 34px;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box:last-child {
    margin-right: 0;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box .status_box {
    display: flex; justify-content: center; align-items: center; width: 211px; height: 211px; border-radius: 50%; border: 5px solid #853DA4; background-color: #FFF; box-sizing: border-box; margin-bottom: 20px; position: relative;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box .status_box .mission_name {
    color: #853DA4; font-size: 26px; font-weight: 500; line-height: 1.5; letter-spacing: -0.78px; text-align: center;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box .status_box .mission_name.long {
    font-size: 23px; line-height: 1.3; letter-spacing: -0.69px;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box .status_box .success_box {
    display: block; width: 228px; position: absolute; top: -5px; left: -5px; max-width: none;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box .mission_btn_box {
    display: flex; justify-content: center;
}

#stamp_page_wrap .section_3 .mission_list_wrap .mission_box .mission_btn_box .mission_btn {
    display: block; font-family: 'HGSoft GGothic', sans-serif; color: #FFFFFF; font-size: 19px; font-weight: 800; line-height: 1.2; letter-spacing: -0.57px; padding: 7px 20px 6px; background-color: #853DA4; border-radius: 5px;
}



#stamp_page_wrap .section_4 {
    padding: 54px 0; background-color: #FFF;
}

#stamp_page_wrap .section_4 .section_title {
    color: #853DA4; font-size: 28px; font-weight: 700; line-height: 1.5; letter-spacing: -0.84px; text-align: center; margin-bottom: 35px;
}

#stamp_page_wrap .section_4 .notice_list {
    display: block; width: 692px; margin: 0 auto;
}

#stamp_page_wrap .section_4 .notice_list > li {
    font-family: "Noto Sans KR", Dotum, Helvetica, AppleGothic, Sans-serif; color: #141414; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -1.08px; list-style: '-';
}



#popup_wrap {
    display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 10;
}

#popup_wrap.on {
    display: block;
}

#popup_wrap .contents_wrap {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}

#popup_wrap .contents_wrap .alert_box {
    width: 330px; display: none;
}

#popup_wrap .contents_wrap .alert_box.on {
    display: block;
}

#popup_wrap .contents_wrap .alert_box[name="kakao"] {
    width: 409px;
}

#popup_wrap .contents_wrap .alert_box .box_header {
    position: relative; padding: 12px 0; background-color: #853DA4;
}

#popup_wrap .contents_wrap .alert_box .box_header .header_title {
    color: #FFFFFF; font-size: 21px; font-weight: 500; line-height: 1.5; letter-spacing: -0.63px; text-align: center;
}

#popup_wrap .contents_wrap .alert_box .box_header .close_btn {
    display: block; width: 21px; height: 21px; position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: url('/event/stamp/img/stamp_event_6/popup_close.png') 50% no-repeat; background-size: 21px; text-indent: -99999px;
}

#popup_wrap .contents_wrap .alert_box .box_body {
    background-color: #FFF; padding: 30px 27px;
}

#popup_wrap .contents_wrap .alert_box .box_body .text_1 {
    color: #000000; font-size: 17px; font-weight: 400; line-height: 1.5; letter-spacing: -0.17px; margin-bottom: 25px; text-align: center;
}

#popup_wrap .contents_wrap .alert_box .box_body .link_btn {
    display: block; width: 327px; margin: 0 auto; padding: 14px 0 15px; color: #FFF; font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: -0.51px; background-color: #853DA4; text-align: center;
}

#popup_wrap .contents_wrap .alert_box .box_body .continue_btn {
    display: block; width: 100%; padding: 14px 0 15px; color: #FFF; font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: -0.51px; background-color: #853DA4; text-align: center;
}