@charset "utf-8";
@font-face {
    font-family: "Pretendard Variable";
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
src: local("Pretendard Variable"), url("../font/PretendardVariable.woff2") format("woff2-variations");
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-Thin.woff") format("woff");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-Light.woff") format("woff");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-SemiBold.woff") format("woff");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-Bold.woff") format("woff");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("../font/Pretendard-Black.woff") format("woff");
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: "YouandiModernHB";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(../font/YouandiNewKrTitleBold.eot);
    src: url(../font/YouandiNewKrTitleBold.eot?#iefix) format("embedded-opentype");
    src: url(../font/YouandiNewKrTitleBold.woff) format("woff");
    src: url(../font/YouandiNewKrTitleBold.woff2) format("woff2");
}
@font-face {
    font-family: "YouandiNewTitleBold";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(../font/YouandiNewKrTitleBold.eot);
    src: url(../font/YouandiNewKrTitleBold.eot?#iefix) format("embedded-opentype");
    src: url(../font/YouandiNewKrTitleBold.woff) format("woff");
}
@font-face {
    font-family: 'YouandiModernHR';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(../font/YouandiNewKrTitle-Regular.eot);
    src: url(../font/YouandiNewKrTitle-Regular.eot?#iefix) format('embedded-opentype'), ;
    src: url(../font/YouandiNewKrTitle-Regular.woff) format('woff');
}

@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:400;
    src: url(../font/Youandi/YouandiNewKrTitle-Regular.eot);
    src: url(../font/Youandi/YouandiNewKrTitle-Regular.eot?#iefix) format("embedded-opentype");
    src: url(../font/YouandiNewKrTitle-Regular.woff) format("woff");
}
@font-face {
    font-family: "YouandiNewKr";
    font-style: normal;
    font-weight: 700;
    src: url(../font/Youandi/YouandiNewKrTitle-Bold.eot);
    src: url(../font/Youandi/YouandiNewKrTitle-Bold.eot?#iefix) format("embedded-opentype");
    src: url(../font/Youandi/YouandiNewKrTitle-Bold.woff) format("woff");
}

/* reset */
* { -webkit-touch-callout:none; /* 이미지 길게 터치 방지 */ -webkit-tap-highlight-color:transparent; /* a 클릭시 배경색 제거 */ font-family:/*"YouandiModernHR",*/ "YouandiNewKr", "AppleSDGothicNeo-regular", "Malgun Gothic", "맑은 고딕", sans-serif; font-weight: 400;-webkit-box-sizing: border-box;box-sizing: border-box;word-break: keep-all;}
html, body { font-size: 10px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; background-color: transparent; }
a { text-decoration: none; }
img { max-width: 100%; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
input::-webkit-input-placeholder { font-size: 0.5rem; color: #676767; }
input::-moz-placeholder { font-size: 0.5rem; color: #676767; }
input:-ms-input-placeholder { font-size: 0.5rem; color: #676767; }
input::-ms-input-placeholder { font-size: 0.5rem; color: #676767; }
input::placeholder { font-size: 0.5rem; color: #676767; }
input:focus::-webkit-input-placeholder { color: #ffffff; }
input:focus::-moz-placeholder { color: #ffffff; }
input:focus:-ms-input-placeholder { color: #ffffff; }
input:focus::-ms-input-placeholder { color: #ffffff; }
input:focus::placeholder { color: #ffffff; }
img { vertical-align: top; }
body { font-size: 16px; }
strong { font-family: "YouandiNewTitleBold", sans-serif; font-weight: 900; letter-spacing: -1px;}

.mo_view { display: none !important; }
.pc_view { display: block !important; }
.event_wrap {max-width:75rem; margin: 0 auto;}
@media (max-width: 750px) {
    .mo_view {display: block !important; }
    .pc_view {display: none !important; }
}

.fc_blue{color: #005baa;}
.fc_red {color: #e31837;}
.fw_bold{font-weight: bold;}
.mt0 {margin-top: 0 !important;}
.mt36 {margin-top: 2.25rem !important;}
.mt50 {margin-top: 3.125rem !important;}

[class*="_size40"] {font-size: 2.5rem; line-height: 3.25rem;}
[class*="_size48"] {font-size: 3rem; line-height: 3.875rem;}
[class*="_size52"] {font-size: 3.25rem; line-height: 3.875rem;}

[class^="h1"] {font-size:2.125rem; line-height:2.75rem;}
[class^="h2"] {font-size:1.75rem; line-height:2.25rem;}
[class^="h3"] {font-size:1.5rem; line-height:2rem;}
[class^="h4"] {font-size: 1.25rem;}
[class^="p0"] {font-size: 1.125rem;}
[class^="p1"] {font-size: 1rem;}
[class^="p2"] {font-size: 0.875rem;}
[class^="p3"] {font-size: 0.75rem;}

.reward2606 p[class*="_ctr"] {text-align: center;}
.reward2606 p[class*="_b"] {font-weight: 700;}
.reward2606 .logo {display: block; height:3.6rem; margin:6rem auto 7.5rem;}
.reward2606 .event-header {padding: 0 2.75rem;}
.reward2606 .event-header .title {text-align: center;}
.reward2606 .event-header .title p {font-size:3.6rem;line-height:4.6rem;font-weight:500;}
.reward2606 .event-header .title h2 {margin-top:3.1505rem;font-size:6.398rem;font-weight:700;line-height:7.73rem}
.reward2606 .event-header .title h2 .fc_red {font-size:7.331rem;}
.reward2606 .mpoint_img {display: block; width: 100%; height: auto; margin:7.65rem auto 7.7rem;}

.reward2606 .content01 {text-align:center;}
.reward2606 .content01 .line_box{border:0.5rem solid #005baa;border-radius:2rem; padding:0 2rem;}
.reward2606 .content01 .line_box .txt_wrap{margin: 2.625rem 0 2.375rem;}

.reward2606 .benefit_wrap{display:inline-flex; gap: 0.75rem;}
.reward2606 .benefit_wrap .ico_plus {display:flex;align-items: center;font-size:6rem;font-weight:900;color:#005baa;}
.reward2606 .benefit_item{width:27.33333rem;height:34.13333rem;max-width:205px;max-height:245px;flex:1; display:flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 1.25rem; background-color: #fff; padding: 2.25rem 1rem 2.375rem; min-height: 11.375rem; text-align: center;}

.reward2606 .benefit_item p{font-size:4.5rem;line-height:5rem;color:#005baa;font-weight:700; text-align: center;}
.reward2606 .benefit_item .fc_red {font-size:4.5rem;line-height:5rem;}

.reward2606 .benefit_num_list {padding-left:5.4rem;margin-top:2.2rem;}
.reward2606 .benefit_num_list .item {position:relative;padding-left:4.3rem;font-family: 'Pretendard';font-size:2.5rem;line-height:3.5rem;font-weight:400;color:#000;}
.reward2606 .benefit_num_list .item .num {position:absolute;top:0.2rem;left:0;display:block;width:2.8rem;height:2.8rem;border-radius:2.8rem;font-family: 'Pretendard';font-size:2.5rem;text-align:center;line-height:2.8rem;font-weight:400;color:#fff;background:#005baa;}
.reward2606 .benefit_info_list {padding-left:3.3rem;margin-top:4.75rem;}
.reward2606 .benefit_info_list li {font-family: 'Pretendard';font-size:1.8rem;line-height:2.8rem;font-weight:400;color:#000;}
.reward2606 .benefit_info_list li + li {margin-top:0.2rem;}
.reward2606 .benefit_info_list.type2 {margin-top:0;padding-left:8rem;}

.btn_area01 a {display: block; margin-top:7rem; background: #e31837; font-size:3.2rem;height:10rem;line-height:10rem;font-weight:500; color: #fff; text-align: center;}

.reward2606 .content02 {background: #005baa; padding:9.5rem 4.5rem 6rem;}
.reward2606 .content02 .title {padding-bottom: 2.875rem; color: #fff; text-align: center;}
.reward2606 .content02 .title h3 {font-weight: 700; font-size: 2.25rem;}
.reward2606 .content02 .title h3 span {font-size: 3rem; font-weight: 700; color: #ff5e77;}
.reward2606 .content02 .title p {font-size: 1.5rem; line-height: 2.5rem; margin-top:1.375rem;}

.reward2606 .bg_box{position: relative; background-color: #fff; border-radius: 1.75rem; padding: 6rem 4rem 6.5rem;}
.reward2606 .bg_box + .bg_box{margin-top: 6rem;}

.reward2606 .bg_box.type1 .benefit_flag {padding-left:5.4rem;}
.reward2606 .bg_box.type1 .benefit_flag span {padding:0 0.9rem;border-radius:1rem;font-family: 'Pretendard';font-size:2.5rem;font-weight:700;line-height:3.5rem;color:#005baa;background: #e5eef6;}
.reward2606 .bg_box.type1 em.l_tit {display: block; position: absolute; left: 0; top: 0;font-size:3rem;width:14rem;height:6rem;line-height:6rem; font-style: normal; background-color: #005baa; color: #fff; text-align: center; font-weight: bold;}
.reward2606 .bg_box.type1 .benefit_box {margin:0 auto;}
.reward2606 .bg_box.type1 .benefit_list {display: flex;flex-direction:column; align-items: center; gap:2rem;padding:3.5rem 0 2.5rem;}
.reward2606 .bg_box.type1 .benefit_list .img {width:39.06666rem;text-align:center;}
.reward2606 .bg_box.type1 .benefit_list .txt {width: 100%; text-align: center;}
.reward2606 .bg_box.type1 .benefit_list .txt .t1 {font-size:4.8rem;line-height:6rem;font-weight: 700;letter-spacing:-0.25rem;}
.reward2606 .bg_box.type1 .benefit_list .txt .t1 .fc_red {font-size:6rem;line-height:7.9rem;}
.reward2606 .bg_box.type1 .benefit_list .txt .t2 {font-size: 1.875rem; opacity: 0.7; margin-top: 0.75rem; text-decoration-line: line-through; text-decoration-color: rgba(0, 0, 0, 0.6); text-decoration-thickness: 0.125rem;}
.reward2606 .bg_box.type1 .benefit_list .txt .t3 {font-size: 3rem; font-weight: 700; color: #e31837; margin-top: 1.375rem;}

.reward2606 .bg_box.type1 .benefit_desc{display: flex; align-items: center; }
.reward2606 .bg_box.type1 .benefit_desc .desc_tit{display: inline-block; width: 13rem; /*height: 7.6875rem;*/ border: 0.1875rem solid #005baa; border-radius: 20px; font-size: 1.75rem; line-height: 2.375rem; text-align: center; font-weight: 700; color: #005baa; padding: 1.25rem 0;}
.reward2606 .bg_box.type1 .benefit_desc .ref_list{position: relative; margin-left: 1.5rem;}
.reward2606 .bg_box.type1 .benefit_desc .ref_list li {font-size: 1.25rem; line-height: 2.25rem; font-family: 'Pretendard'; padding-left: 1.5rem;}
.reward2606 .bg_box.type1 .benefit_desc .ref_list li::before{content: 'ㆍ'; display: inline-block; margin-right: 0.25rem; position: absolute; left: 0;}

.reward2606 .bg_box.type2 {padding-top: 0; padding-bottom:6.8rem; text-align: center;}
.reward2606 .bg_box.type2 .c_tit {background: #005baa; display: inline-block; margin: 0 auto; height:9.6rem;padding:0 2.6rem;}
.reward2606 .bg_box.type2 .c_tit > p {font-size:4.8rem;line-height:9.6rem; font-weight: 700;  color: #fff;}
.reward2606 .bg_box.type2 .img {width:50rem;margin:2.6rem auto;text-align:center;}
.reward2606 .bg_box.type2 .txt {font-size:3.6rem; font-weight: 700; margin-top: 1rem;}
.reward2606 .bg_box.type2 .ben_list {display: flex; justify-content: space-between; gap:1.3rem;margin-top:5.2rem;}
.reward2606 .bg_box.type2 .ben_list li {flex:1;display:flex;flex-direction:column;justify-content: center;height: auto; padding:4.4rem 0; border: 1px solid rgb(119, 119, 119); border-radius: 1rem;}
.reward2606 .bg_box.type2 .ben_list li p {font-size:3rem;line-height:4rem;font-weight:500; margin-top:5rem;}
.reward2606 .bg_box.type2 .ben_list li img {width: 6.375rem; height: auto;}
.reward2606 .bg_box.type2 .caution_list_wrap {margin-top:4.2rem;}
.reward2606 .bg_box.type2 .caution_list_wrap::before {content: ''; display: inline-block; width:100%; height: 1px; background-color:rgba(0, 0, 0, 0.5);}
.reward2606 .bg_box.type2 .caution_list_wrap h3 {margin-top:4.6rem; font-size:3.6rem; font-weight: 700;}
.reward2606 .bg_box.type2 .caution_list_wrap .bul_list {position: relative; margin-top:3.1rem;padding-left:2.8rem;}
.reward2606 .bg_box.type2 .caution_list_wrap .bul_list > li {position:relative;padding-left:1.3rem;font-size:1.8rem;line-height:2.8rem;color:#000; text-align: left; font-family: 'Pretendard';}
.reward2606 .bg_box.type2 .caution_list_wrap .bul_list > li::before {content: '*'; display: inline-block; position: absolute; top:0.3rem; left: 0;}

.reward2606 .bg_box.type3 {padding:5.4rem 4rem 4.9rem;margin-bottom: 6rem;}
.reward2606 .bg_box.type3 h3 {color: #e31837; font-size:4.8rem;line-height:6rem; font-weight: 700; text-align: center; margin-bottom:4.9rem;}

.conditions_list .conditions_item {display: flex;}
.conditions_item .tit {width:15.6rem; padding-left:0.8rem; font-size:3rem;line-height:4rem; font-weight: 700;}
.conditions_item .cont {width: calc(100% - 15.6rem); font-size:2.4rem;line-height:4rem; font-family: 'Pretendard';}
.conditions_item .cont > p, .conditions_item .cont .number_list li {font-family: 'Pretendard';}
.conditions_item + .conditions_item {border-top: 1px solid #7f7f7f; padding-top:4rem; margin-top:4rem;}
.conditions_item .cont .number_list > li {position: relative; padding-left: 26px; }
.conditions_item .cont .number_list > li > .num {display: inline-flex; width: 26px; position: absolute; left: 0; font-family: 'Pretendard';}

.reward2606 .btn_wrap {display: flex; position: sticky; bottom: 0; left: 0;}
.reward2606 .btn_wrap > a {display: inline-block; width: 50%; height:12rem; text-align: center; color: #fff; font-family: 'YouandiNewTitleBold'; font-size:3.6rem;line-height:12rem;}
.reward2606 .btn_wrap .btn_event {color: #ffffff; background-color: #000; border-radius:2rem 0 0 2rem;}
.reward2606 .btn_wrap .btn_detail {color: #ffffff; background-color: #e31837; border-radius:0 2rem 2rem 0;}

.notice_wrap {background: #3b3838;padding:4.9rem 4.6rem 6.2rem; color: #fff; font-family: 'Pretendard';}
.notice_wrap .notice-title {font-size:2.8rem;line-height:3.6rem; font-weight: 700; font-family: 'Pretendard'; margin-bottom:4.9rem;}
.notice_wrap .notice-sub-title {font-size:2rem;line-height:3.6rem;margin-top:3.8rem; font-weight: 700; font-family: 'Pretendard';}
.notice_wrap .notice-list li {font-family: 'Pretendard'; font-size:2rem;line-height:3.6rem;padding-left:0.8rem;text-indent: -0.8rem;}
.notice_wrap .notice-list li > ul li {padding-left:1.3rem;text-indent: -1.3rem;}