@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: 16px; }
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: 46.875rem; 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;}

.event_wrap {max-width: 46.875rem; margin: 0 auto;}
.reward2606 .logo {display: block; height: 2.25rem; margin: 3.75rem auto;}
.reward2606 .event-header {padding: 0 2.75rem;}
.reward2606 .event-header .title {text-align: center;}
.reward2606 .event-header .title p {font-size: 2.25rem; line-height: 2.875rem; font-weight: 400;}
.reward2606 .event-header .title h2 {margin-top: 1rem; font-size: 3rem; line-height: 3.625rem; font-weight: 700;}
.reward2606 .mpoint_img {display: block; width: 100%; height: auto; margin: 2.625rem auto 4.625rem;}

.reward2606 .content01 {padding: 0 2.75rem;}
.reward2606 .content01 .line_box{border: 0.1875rem solid #005baa; border-radius: 1.75rem; padding: 0 1.75rem 1.625rem;}
.reward2606 .content01 .line_box .txt_wrap{margin: 2.625rem 0 2.375rem;}

.reward2606 .benefit_wrap{display: flex; gap: 0.75rem;}
.reward2606 .benefit_item{flex:1; border-radius: 1.25rem; background-color: #005baa; padding: 2.25rem 1rem 2.375rem; min-height: 11.375rem; text-align: center;}
.reward2606 .benefit_item em{display: inline-block; background-color: #fff; color: #005baa; font-size: 1.875rem; font-weight:bold; font-style: normal; text-align: center; padding: 0.75rem 1.625rem; border-radius:3.125rem; margin: 0 auto;}
.reward2606 .benefit_item p{margin-top: 1.625rem; color: #fff; font-size: 1.875rem; line-height: 2.5rem; text-align: center;}

.btn_area01 a {display: block; height: 6.25rem; margin-top: 3.125rem; background: #e31837; font-size: 2rem; line-height: 6.25rem; color: #fff; text-align: center;}

.reward2606 .content02 {background: #005baa; padding: 2.5rem 2.75rem 3.125rem;}
.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: 2.25rem 2.25rem 3.5rem;}
.reward2606 .bg_box + .bg_box{margin-top: 3.125rem;}

.reward2606 .bg_box.type1 em.l_tit {display: block; position: absolute; left: 0; top: 0;width: 8.75rem; height: 3.75rem; font-size: 1.875rem; font-style: normal; background-color: #005baa; color: #fff; border-radius: 0 0 1.25rem 0; text-align: center; padding: 0.75rem 0; font-weight: bold;}
.reward2606 .bg_box.type1 .benefit_list {display: flex; align-items: center; padding: 3.125rem 0;}
.reward2606 .bg_box.type1 .benefit_list .img {width: calc(100% - 19.375rem);}
.reward2606 .bg_box.type1 .benefit_list .txt {width: 19.375rem; text-align: center;}
.reward2606 .bg_box.type1 .benefit_list .txt .t1 {font-size: 3rem; font-weight: 700; line-height: 3.5rem;}
.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: 2.25rem; text-align: center;}
.reward2606 .bg_box.type2 .c_tit {background: #005baa; display: inline-block; margin: 0 auto; padding: 1.25rem 1rem 1.5rem;}
.reward2606 .bg_box.type2 .c_tit > p {font-size: 3rem; font-weight: 700;  color: #fff; padding: 0.25rem;}
.reward2606 .bg_box.type2 .img {margin-top: 2.5rem;}
.reward2606 .bg_box.type2 .txt {font-size: 2.25rem; font-weight: 700; margin-top: 1rem;}
.reward2606 .bg_box.type2 .ben_list {display: flex; justify-content: space-between; margin-top: 3rem;}
.reward2606 .bg_box.type2 .ben_list li {width: 32%; height: 17.5rem; padding: 2.75rem 0; border: 1px solid rgb(119, 119, 119); border-radius: 1rem;}
.reward2606 .bg_box.type2 .ben_list li p {font-size: 1.875rem; line-height: 2.5rem; margin-top: 3rem;}
.reward2606 .bg_box.type2 .ben_list li img {width: 6.375rem; height: auto;}
.reward2606 .bg_box.type2 .caution_list_wrap {margin-top: 3.125rem;}
.reward2606 .bg_box.type2 .caution_list_wrap::before {content: ''; display: inline-block; width: calc(100% - 20px); height: 1px; background-color:rgba(0, 0, 0, 0.5);}
.reward2606 .bg_box.type2 .caution_list_wrap h3 {margin-top: 3.125rem; font-size: 2.25rem; font-weight: 700;}
.reward2606 .bg_box.type2 .caution_list_wrap .bul_list {position: relative; margin-top: 1.75rem;}
.reward2606 .bg_box.type2 .caution_list_wrap .bul_list > li {font-size: 1.25rem; line-height: 2.25rem; text-align: left; font-family: 'Pretendard'; padding-left: 1.25rem;}
.reward2606 .bg_box.type2 .caution_list_wrap .bul_list > li::before {content: 'ㆍ'; display: inline-block; margin-right: 0.25rem; position: absolute; left: 0;}

.reward2606 .bg_box.type3 {padding-bottom: 2.75rem; padding-top: 3rem; margin-bottom: 3.25rem;}
.reward2606 .bg_box.type3 h3 {color: #e31837; font-size: 3rem; font-weight: 700; line-height: 3.5rem; text-align: center; margin-bottom: 3.125rem;}

.conditions_list .conditions_item {display: flex;}
.conditions_item .tit {width: 9.625rem; padding-left: 0.5rem; font-size: 1.875rem; font-weight: 700; line-height: 2.5rem;}
.conditions_item .cont {width: calc(100% - 9.625rem); font-size: 1.5rem; line-height: 2.5rem; 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: 2.125rem; margin-top: 2.125rem;}
.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: 7.5rem; text-align: center; color: #fff; font-family: 'YouandiNewTitleBold'; font-size: 2.25rem; line-height: 7.5rem;}
.reward2606 .btn_wrap .btn_event {color: #ffffff; background-color: #000; border-radius: 1.5rem 0 0 1.5rem;}
.reward2606 .btn_wrap .btn_detail {color: #ffffff; background-color: #e31837; border-radius: 0 1.5rem 1.5rem 0;}

.notice_wrap {background: #3b3838; padding: 3.125rem 2.75rem; color: #fff; font-family: 'Pretendard';}
.notice_wrap .notice-title {font-size: 1.75rem; line-height: 2.25rem; font-weight: 700; font-family: 'Pretendard'; margin-bottom: 2.25rem;}
.notice_wrap .notice-sub-title {font-size: 1.25rem; line-height: 2.25rem; font-weight: 700; font-family: 'Pretendard'; margin-top: 2.25rem;}
.notice_wrap .notice-list li {font-family: 'Pretendard'; font-size: 1.25rem; line-height: 2.25rem; text-indent: -0.75rem; padding-left: 0.75rem;}