/* --------------------------------sec common------------------------------ */
.sec .inner {width: 92%; margin: 0 auto; max-width: 1260px}
.sec .scroll {position: absolute; left: 50%; bottom: 4.125rem; width: 1.625rem ; height: 4rem; margin-left: -0.8125rem; background: url(../images/ico_scroll.svg) no-repeat center center/100% auto; z-index: 99; opacity: 0; transition: opacity 0.6s}
.sec .scroll.on {opacity: 0; animation: scroll 1.4s ease infinite}
.sec img {display: block; width: 100%}
.sec .fade {opacity: 0; transform: translateY(50px); transition: opacity 0.6s,transform 0.6s}
.sec .fade.on {opacity: 1; transform: translateY(0px)}
.sec .inner_box {width: 100%; max-width: 1070px; margin: 0 auto; box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1); background-color: #fff}
.sec .inner_box.yellow_box {width: 100%; padding: 3.375rem 4.875rem; background-color: #FFE971}
.sec .inner_box.yellow_box h6 {margin-bottom: 1.5rem; font-size: 1.25rem; font-weight: 800; color: #333}
.sec .inner_box.yellow_box h6::before {content: ""; display: inline-block; width: 1.125rem; height: 1.125rem; margin-right: 0.625rem; background: url(../images/event/ico_notice.png) no-repeat center center/cover; vertical-align: -0.15rem}
.sec .inner_box.yellow_box li {position: relative; padding-left: 1rem; line-height: 140%; font-size: 1.125rem; font-weight: 500; word-break: keep-all; color: #333}
.sec .inner_box.yellow_box li::before {content: ""; position: absolute; left: 0; top: 0.625rem; width: 0.25rem; height: 0.25rem; margin-right: 0.5rem; border-radius: 100%; background-color: #333}
.sec .inner_box.yellow_box li:not(:last-child) {margin-bottom: 0.5rem}
@media screen and (max-width: 1024px) {
    .sec .inner_box.yellow_box {padding: 3rem 2.875rem}
}/* md */
@media screen and (max-width: 767px) {
    .sec .inner_box.yellow_box {padding: 2rem 1.5rem}
}/* sm */
/* --------------------------------sec common end------------------------------ */


/* --------------------------------sec_01------------------------------ */
.sec_01 {display: flex; align-items: center; position: relative; height: calc(var(--var, 1vh) * 100); min-height: 47.5rem; background: url(../images/event/sec_01_bg.jpg) no-repeat center center/cover}
.sec_01 .inner {transform: translateY(-2rem)}
.sec_01 .title {position: relative; width: 15rem; margin: 0 auto 5rem}
.sec_01 .title span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: 800; font-size: 1.625rem; white-space: nowrap}
.sec_01 .sub_title {margin-bottom: 3.5rem; font-size: 3.125rem; font-weight: 900; text-align: center; color: #323232}
.sec_01 .sub_title span {position: relative; font-size: 3.375rem; color: #F9F9FA}
.sec_01 .sub_title span::before {content: "톡톡"; position: absolute; left: 0; top: 0; color: #323232; font-size: 3.375rem; z-index: 10}
.sec_01 .talk_02::after {content: "Talk! Talk!"; position: absolute; right: -8rem; top: -1.5rem; width: 6.75rem; height: 6.25rem; padding-top: 1.25rem; background: url(../images/event/sec_01_sub_title_bg.png) no-repeat center center/100% auto; font-size: 1.625rem; color: #fff; font-weight: 700; line-height: 125%; text-align: center; transform: rotate(15deg)}
.sec_01 .sub_title.ani span::before {animation: bounce 1.5s ease forwards}
.sec_01 .sub_title.ani span::after {animation: shake 1s ease forwards; animation-delay: 1s}
.sec_01 .typing_slider {height: 6.125rem; text-align: center; font-size: 5rem; color: #000; font-family: 'gmarket',sans-serif; font-weight: 900}
.sec_01 .typing {border-right: 0.25rem solid #111; animation: caret 0.5s steps(1) infinite}
.sec_01 .typing_bg {width: 90%; max-width: 40rem; margin: 2.25rem auto 0}
@media screen and (min-width:767.1px) {
    .sec_01 .typing_bg .img_sm {display: none}
}/* md ~ */
@media screen and (max-width:1024px) {
    .sec_01 {display: block; height: auto; min-height: none; padding: 10rem 0 12rem 0}
    .sec_01 .inner {transform: translateY(0rem)}
    .sec_01 .title {margin: 0 auto 4.125rem}
    .sec_01 .sub_title {margin-bottom: 3rem}
    .sec_01 .typing_slider {height: 4.375rem; font-size: 4.375rem}
    .sec_01 .typing_bg {max-width: 38rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_01 .typing_bg .img_lg {display: none}
    .sec_01 {padding: 9rem 0 12rem 0; background: url(../images/event/sec_01_bg_mo.jpg) no-repeat top center/cover}
    .sec_01 .title {width: 12rem; margin: 0 auto 3.25rem}
    .sec_01 .title span {font-size: 1.4rem}
    .sec_01 .sub_title {margin-bottom: 2.75rem; font-size: 2.25rem; line-height:1}
    .sec_01 .sub_title span {font-size: 2.5rem; line-height:1}
    .sec_01 .sub_title span::before {font-size: 2.5rem; top: unset; ; line-height:1}
    .sec_01 .talk_02::after {right: -5.5rem; top: -1rem; width: 5rem; height: 4.75rem; padding-top: 1rem; font-size: 1.25rem}
    .sec_01 .typing_slider {width: 280px; height: 108px; font-size: 3.375rem; margin: 0 auto; word-break: keep-all; white-space: pre-wrap}
    .sec_01 .typing_bg {width: 70%; max-width: 16rem; margin: 1.5rem auto 0}
}/* sm */
/* --------------------------------sec_01 end------------------------------ */


/* --------------------------------sec_02------------------------------ */
.sec_02 {width: 100%; padding: 8.625rem 0 0 0; background: url(../images/event/sec_02_bg.jpg) no-repeat center center/cover}
.sec_02 .inner {position: relative; }
.sec_02 .sub_title {width: 100%; max-width: 47.75rem; margin: 0 auto}
.sec_02 .title {position: relative; width: 100%; max-width: 78.25rem; margin: 2.25rem auto 0; transition-delay: 0.4s}
.sec_02 .title::after,
.sec_02 .title::before {content: ""; position: absolute; width: 3.125rem; height: 2.375rem} 
.sec_02 .title::after {left: -5%; top: -100%; background: url(../images/event/ico_double_quota.png) no-repeat center center/100% auto}
.sec_02 .title::before {right: -5%; top: -100%; background: url(../images/event/ico_double_quota.png) no-repeat center center/100% auto; transform: rotate(180deg)}

.sec_02 .img_wrap {width: 100%; max-width: 33.75rem; margin: 14.375rem auto 0}
.sec_02 .text_wrap li {position: relative; display: flex; align-items: center; justify-content: center; position: absolute; width: 26.375rem; height: 10.75rem; color: #fff}
.sec_02 .text_wrap p {padding-bottom: 1.5rem; font-size: 1.375rem; font-weight: 600; line-height: 170%; text-align: center}
.sec_02 .text_wrap span {font-weight: 700}
.sec_02 .text_wrap li::after {content: ""; position: absolute}
.sec_02 .text_wrap .text_01 {left: -8%; bottom: 20%; background: url(../images/event/sec_02_text_bg_01.png) no-repeat center center/100% auto; transition-delay: 0.8s}
.sec_02 .text_wrap .text_02 {left: 2%; top: 25%; background: url(../images/event/sec_02_text_bg_02.png) no-repeat center center/100% auto; transition-delay: 1.2s}
.sec_02 .text_wrap .text_03 {right: -5%; top: 38%; width: 27.75rem; background: url(../images/event/sec_02_text_bg_03.png) no-repeat center center/100% auto; transition-delay: 1.6s}
.sec_02 .text_01 span {color: #714400}
.sec_02 .text_02 span {color: #006650}
.sec_02 .text_03 span {color: #004A80}
.sec_02 .text_01:after{right: 0; bottom: -100%; width: 11.75rem; height: 9.875rem; background: url(../images/event/sec_02_img_02.png) no-repeat center center/100% auto}
.sec_02 .text_02:after{right: -35%; top: -20%; width: 8rem; height: 9.375rem; background: url(../images/event/sec_02_img_03.png) no-repeat center center/100% auto}
.sec_02 .text_03:after{left: 20%; bottom: -90%; width: 8rem; height: 8rem; background: url(../images/event/sec_02_img_04.png) no-repeat center center/100% auto}
.sec_02 .text_wrap li.ani:after{animation: shake_02 1.5s ease forwards; animation-delay: 2s}

.sec_02 .btn_next_sec {position: absolute; left: 50%; bottom: 3.75rem; width: 17rem; height: 6.375rem; margin-left: -8.5rem; background: url(../images/event/sec_02_btn_bg.png) no-repeat center center/100% auto; font-weight: 900; font-size: 1.875rem; color: #006350; cursor: pointer; transition-delay: 2s}
.sec_02 .btn_next_sec::after {content: ""; position: absolute; left: 50%; bottom: -22%; width: 1.125rem; height: 1.5rem; margin-left: -0.5625rem; background: url(../images/event/ico_down.png) no-repeat center center/100% auto; opacity: 0}
.sec_02 .btn_next_sec.ani  {animation: pulse 1s infinite ease-in-out alternate; animation-delay: 3.2s}
.sec_02 .btn_next_sec.ani::after {animation: down 1.4s ease infinite; animation-delay: 3.2s}
@media screen and (min-width:767.1px) {
    .sec_02 .sub_title .img_sm,
    .sec_02 .title .img_sm {display: none}
}/* md ~ */
@media screen and (max-width:1500px) {
    .sec_02 .sub_title {max-width: 37.75rem}
    .sec_02 .title {max-width: 68.25rem}
    .sec_02 .img_wrap {max-width: 24rem}
    .sec_02 .text_wrap li {width: 20.375rem; height: 10.75rem}
    .sec_02 .text_wrap p {padding-bottom: 1rem; font-size: 1.125rem}
    .sec_02 .text_wrap .text_01 {left: 5%}
    .sec_02 .text_wrap .text_02 {left: 12%; top: 30%}
    .sec_02 .text_wrap .text_03 {right: 8%; width: 22.375rem}
    .sec_02 .text_01:after{bottom: -70%; width: 8.5rem; height: 6.5rem}
    .sec_02 .text_02:after{width: 6rem; height: 8rem}
    .sec_02 .text_03:after{bottom: -60%; width: 6.5rem; height: 6.5rem}
    .sec_02 .btn_next_sec {bottom: 3rem; width: 12rem; height: 4.5rem; margin-left: -6rem; font-size: 1.4rem}
}/* xlg */
@media screen and (max-width:1200px) {
    .sec_02 {padding: 6.625rem 0 0 0}
    .sec_02 .sub_title {max-width: 30.75rem}
    .sec_02 .title {max-width: 56.25rem}
    .sec_02 .img_wrap {max-width: 20rem}
    .sec_02 .text_wrap .text_01 {left: 5%}
    .sec_02 .text_wrap .text_02 {left: 10%}
    .sec_02 .text_wrap .text_03 {right: 8%}
    .sec_02 .btn_next_sec {bottom: 2.5rem; width: 10rem; height: 3.75rem; margin-left: -5rem; font-size: 1.25rem}
}/* lg */
@media screen and (max-width:1140px) {
    .sec_02 {padding: 5.625rem 0 0 0}
    .sec_02 .sub_title {max-width: 26.75rem}
    .sec_02 .title {max-width: 50.25rem}
    .sec_02 .img_wrap {max-width: 18rem}
    .sec_02 .text_wrap li {width: 17.375rem; height: 8.75rem}
    .sec_02 .text_wrap p {font-size: 1rem}
    .sec_02 .text_wrap .text_03 {width: 19.375rem}
}/* lg2 */
@media screen and (max-width:900px) {
    .sec_02 {padding: 4.625rem 0 0 0}
    .sec_02 .sub_title {max-width: 28.75rem}
    .sec_02 .title {max-width: 42.25rem; margin: 1.25rem auto 0}
    .sec_02 .title::after,
    .sec_02 .title::before {top: -200%}
    .sec_02 .img_wrap {max-width: 16rem; margin: 11.375rem auto 0}
    .sec_02 .text_wrap .text_01 {left: -2%}
    .sec_02 .text_wrap .text_02 {top: 24%}
    .sec_02 .text_wrap .text_03 {right: 0%}
}/* md */
@media screen and (max-width:767px) {
    .sec_02 .sub_title .img_lg,
    .sec_02 .title .img_lg {display: none}
    .sec_02 .sub_title {width: 60%; max-width: 20rem}
    .sec_02 .title {width: 80%; max-width: 30rem; margin: 2.25rem auto 0}
    .sec_02 .title::after,
    .sec_02 .title::before {top: -50%; width: 2.125rem; height: 1.625rem}
    .sec_02 .img_wrap {max-width: 20rem; margin: 0.5rem auto 0}
    .sec_02 .text_wrap {display: flex; flex-wrap: wrap; justify-content: center; width: 22rem; margin: 2rem auto 0; gap: 29px}
    .sec_02 .text_wrap li {position : relative; width: 17rem; margin: 0 auto}
    .sec_02 .text_wrap p{padding-bottom: 0.625rem}
    /* .sec_02 .text_wrap .text_01 {left: auto; right: auto; top: auto; bottom: auto; order: 1}
    .sec_02 .text_wrap .text_02 {left: auto; right: auto; top: auto; bottom: auto; order: 3; transition-delay: 1.6s}
    .sec_02 .text_wrap .text_03 {left: auto; right: auto; top: auto; bottom: auto; order: 2; width: 19rem; transition-delay: 1.2s} */
    .sec_02 .text_wrap .text_01 {left: auto; right: auto; top: auto; bottom: auto; order: 1; width:220px; height:92px }
    .sec_02 .text_wrap .text_01 p{padding-bottom:9px}
    .sec_02 .text_wrap .text_02 {left: auto; right: auto; top: auto; bottom: auto; order: 3; transition-delay: 1.6s; width:220px; height:92px}
    .sec_02 .text_wrap .text_02 p{padding-bottom:8px}
    .sec_02 .text_wrap .text_03 {left: auto; right: auto; top: auto; bottom: auto; order: 2; width: 19rem; transition-delay: 1.2s; width: 248px; height: 100px}
    .sec_02 .text_wrap .text_03 p{padding-bottom:8px}
    .sec_02 .text_01:after{left: auto; right: -30%; top: auto; bottom: 0; width: 5.5rem; height: 5.5rem}
    .sec_02 .text_02:after{left: auto; right: -30%; top: auto; bottom: 0; width: 4.5rem; height: 6rem; }
    .sec_02 .text_03:after{left: -20%; right: auto; top: auto; bottom: 0; width: 4.5rem; height: 4.5rem}
}/* sm */
/* --------------------------------sec_02 end------------------------------ */


/* --------------------------------sec_03------------------------------ */
.sec_03 {width: 100%; padding: 12.5rem 0 5rem 0; background: url(../images/event/sec_03_bg.jpg) no-repeat bottom right/cover}
.sec_03 .title_wrap {position: relative}
.sec_03 .title {position: absolute; left: 52.5%; top: 40%; width: 30%; max-width: 17.25rem; height: 0; padding-bottom: 16%}
.sec_03 .title .underline { position: absolute; left: 0; bottom: -5%; width: 0%; height: 1.5rem; background-color: #FFE971; z-index: 10; transform: rotate(-4deg); transition: width 0.8s; transform-origin: left bottom}
.sec_03 .title .text {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: url(../images/event/sec_03_title.png) no-repeat top center/100% auto; transform: translateZ(0); backface-visibility: hidden}
.sec_03 .title_wrap figure {position: absolute; left: 50%; top: 50%; width: 28%; max-width: 18.5rem; height: 0; padding-bottom: 26.5%; background: url(../images/event/sec_03_title_img.png) no-repeat top center/100% auto; transform: translateX(-100%)}
.sec_03 .title.on .underline {width: 100%}
.sec_03 .title_wrap figure.on {animation: gelatine_02 1.5s ease infinite; animation-delay: 1.5s}
.sec_03 .text_wrap {position: relative; margin-top: -2rem; padding: 2.875rem 0 3rem 0; background-color: #fff; z-index: 10; border-radius: 2.375rem 2.375rem 0 0}
.sec_03 .text_wrap ul {display: flex; justify-content: center; gap: 10.75rem; width: 100%; max-width: 680px; margin: 0 auto}
.sec_03 .text_wrap li {text-align: center}
.sec_03 .text_wrap figure {width: 100%; max-width: 12rem; margin: 0 auto}
.sec_03 .text_wrap .text_box {margin-top: 2rem; font-size: 1.5rem; font-weight: 800; line-height: 160%; color: #333}
.sec_03 .text_wrap .text_box span {font-weight: 900; color: #006350}
@media screen and (min-width: 500.1px) {
    .sec_03 .title_wrap .img_sm {display: none !important}
}/* sm ~ */
@media screen and (max-width: 1000px) {
    .sec_03 .text_wrap ul {gap: 6rem}
    .sec_03 .title {width: 28%; padding-bottom: 17%}
    .sec_03 .title_wrap figure {width: 24%}
}/* md */
@media screen and (max-width:767px) {
    .sec_03 {padding: 6.5rem 0 5rem 0}
    .sec_03 .title {width: 24%; padding-bottom: 16%}
    .sec_03 .text_wrap ul {gap: 3rem}
    .sec_03 .text_wrap figure {max-width: 10rem}
    .sec_03 .text_wrap .text_box {font-size: 1.25rem}
}/* sm */
@media screen and (max-width:767px) and (min-width: 500.1px) {
    .sec_03 .text_wrap .text_box .brd {display: block !important}
    .sec_03 .text_wrap .text_box .brm {display: none}
}/* sm ~ xsm */
@media screen and (max-width:500px) {
    .sec_03 .title_wrap .img_lg {display: none !important}
    .sec_03 .title {top: 35%; width: 27%; padding-bottom: 18%}
    .sec_03 .title_wrap figure {width: 28%; top: 44%}
    .sec_03 .text_wrap ul {flex-wrap: wrap; gap: 1.5rem}
    .sec_03 .text_wrap li {width: 100%}
}/* xsm */
/* --------------------------------sec_03 end------------------------------ */


/* --------------------------------form_common------------------------------ */
[data-layout="form_sec"] .form_wrap {margin-top: 6.5rem}
[data-layout="form_sec"] .form_title {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.125rem; font-size: 1.375rem; color: #333; letter-spacing: -0.0625rem}
[data-layout="form_sec"] .form_title .num {display: block; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; background-color: #009C7F; color: #fff; border-radius: 100%; transform: translateY(0.125rem)}
[data-layout="form_sec"] .form_title h3 {flex: 1}
[data-layout="form_sec"] .form_title span {color: #AFAFAF}
[data-layout="form_sec"] .form_title .desc {width: 100%; font-size: 1.25rem; color: #AFAFAF; word-break: keep-all}
[data-layout="form_sec"] .radio_wrap {display: flex; gap: 2.25rem}
[data-layout="form_sec"] .radio_wrap li {position: relative}
[data-layout="form_sec"] .radio_wrap input[type="radio"] {position: absolute; left: 0rem; top: 0rem; width: 1.75rem; height: 1.75rem; z-index: 0; appearance: none}
[data-layout="form_sec"] .radio_wrap input[type="radio"] + label {padding-left: calc(1.75rem + 0.5rem); vertical-align: top; font-size: 1.25rem; font-weight: 500; color: #444}
[data-layout="form_sec"] .radio_wrap input[type="radio"] + label span {position: absolute; left: 0; top: 50%; width: 1.75rem; height: 1.75rem; transform: translateY(-45%); border-radius: 100%; cursor: pointer; box-sizing: border-box; border: 1px solid #CFCFCF}
[data-layout="form_sec"] .radio_wrap input[type="radio"]:checked + label span {background: url(../images/event/ico_ckbox.svg) no-repeat center/70% auto #006451; border: 1px solid #006451}
[data-layout="form_sec"] .btn_add,
[data-layout="form_sec"] .btn_modi {display: block; width: 11.25rem; height: 3.625rem; margin: 1.5rem auto 0; color: #fff; font-size: 1.5rem; font-weight: 800; background-color: #006451; border-radius: 2rem; cursor: pointer}

[data-layout="form_sec"] .form_ele_wrap:not(:last-child) {margin-bottom: 5.25rem}
[data-layout="form_sec"] .form_ele_title {margin-bottom: 0.875rem; padding-bottom: 0.875rem; border-bottom: 1px dashed #C8C8C8}
[data-layout="form_sec"] .form_ele_title .count {position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #A4A4A4}
[data-layout="form_sec"] .form_box {width: 100%; padding: 1.5rem 2rem; border: 2px solid #009C7F}
[data-layout="form_sec"] .form_box:not(:last-of-type) {margin-bottom: 1rem}
[data-layout="form_sec"] .form_box [class^="form_ele_"] {display: flex; align-items: flex-start; gap: 2rem}
[data-layout="form_sec"] .form_box [class^="form_ele_"] .input_wrap {position: relative; flex: 1}
[data-layout="form_sec"] .form_box [class^="form_ele_"] label {font-size: 1.25rem; transform: translateY(0.75rem)}
[data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="text"],
[data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="number"],
[data-layout="form_sec"] .form_box [class^="form_ele_"] textarea {width: 100%; padding: 0.75rem 1.25rem; font-size: 1.25rem; background-color: #F8F8F8; letter-spacing: -0.0625rem}
[data-layout="form_sec"] .form_box [class^="form_ele_"] textarea {min-height: 21.625rem; padding: 0.75rem 1.25rem 3.625rem; line-height: 170%; resize: none}
[data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="text"]::placeholder,
[data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="number"]::placeholder,
[data-layout="form_sec"] .form_box [class^="form_ele_"] textarea::placeholder {color: #A4A4A4}
[data-layout="form_sec"] .form_box .form_ele_title input[type="text"] {padding: 0.75rem 5rem 0.75rem 1.25rem}

[data-layout="form_sec"] .form_ele_wrap[data-cont="info"]:not(:last-child) {margin-bottom: 2.5rem}
[data-layout="form_sec"] .form_ele_wrap[data-cont="info"] .input_wrap {width: 100%}
[data-layout="form_sec"] .form_ele_wrap[data-cont="info"] .input_wrap[data-width="third"] {width: 33.33%}
[data-layout="form_sec"] .form_ele_wrap[data-cont="info"] input[type="text"],
[data-layout="form_sec"] .form_ele_wrap[data-cont="info"] input[type="number"] {width: 100%; padding: 0.75rem 1.25rem; font-size: 1.25rem; border: 2px solid #CFCFCF}
[data-layout="form_sec"] .form_ele_wrap[data-cont="info"] input::placeholder {color: #A4A4A4}
@media screen and (max-width: 1024px) {
    [data-layout="form_sec"] .form_wrap {margin-top: 5rem}
    [data-layout="form_sec"] .form_title {font-size: 1.125rem}
    [data-layout="form_sec"] .form_title .num {width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 1rem; vertical-align: 0.05rem}
    [data-layout="form_sec"] .form_title .desc {font-size: 1rem}
    [data-layout="form_sec"] .form_box [class^="form_ele_"] label {font-size: 1.125rem}
    [data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="text"],
    [data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="number"],
    [data-layout="form_sec"] .form_box [class^="form_ele_"] textarea {font-size: 1.125rem}
    [data-layout="form_sec"] .radio_wrap input[type="radio"] {width: 1.5rem; height: 1.5rem}
    [data-layout="form_sec"] .radio_wrap input[type="radio"] + label {padding-left: calc(1.5rem + 0.5rem); font-size: 1.125rem}
    [data-layout="form_sec"] .radio_wrap input[type="radio"] + label span {width: 1.5rem; height: 1.5rem; transform: translateY(-45%)}
    [data-layout="form_sec"] .btn_add,
    [data-layout="form_sec"] .btn_modi {font-size: 1.25rem}
    [data-layout="form_sec"] .form_ele_wrap[data-cont="info"] .input_wrap[data-width="third"] {width: 50%}
    [data-layout="form_sec"] .form_ele_wrap[data-cont="info"] input[type="text"] {font-size: 1.125rem}
}/* md */
@media screen and (max-width: 767px) {
    [data-layout="form_sec"] .form_wrap {margin-top: 4rem}
    [data-layout="form_sec"] .form_box {padding: 2rem 1rem}
    [data-layout="form_sec"] .form_title {word-break: keep-all}
    [data-layout="form_sec"] .form_ele_title .count {right: 0.75rem}
    [data-layout="form_sec"] .form_box [class^="form_ele_"] {flex-wrap: wrap}
    [data-layout="form_sec"] .form_box [class^="form_ele_"] label {width: 100%}
    [data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="text"],
    [data-layout="form_sec"] .form_box [class^="form_ele_"] input[type="number"] {padding: 0.75rem}
    [data-layout="form_sec"] .form_box [class^="form_ele_"] textarea {padding: 0.75rem 0.75rem 3rem}
    [data-layout="form_sec"] .form_box .form_ele_title input[type="text"] {padding: 0.75rem 5rem 0.75rem 0.75rem}
    [data-layout="form_sec"] .form_ele_wrap[data-cont="info"] .input_wrap[data-width="third"] {width: 100%}
}/* sm */
/* --------------------------------form_common end------------------------------ */


/* --------------------------------sec_04------------------------------ */
.sec_04 {width: 100%; padding: 0 0 6.125rem 0; background: url(../images/event/sec_04_bg.jpg) no-repeat top right/cover}
.sec_04 .inner_box {padding: 5rem 6.875rem}
.sec_04 .info_wrap h4 {width: 6.75rem; padding: 0.375rem 0.875rem; font-size: 1.125rem; font-weight: 600; background-color: #009C7F; color: #fff; border-radius: 31.25rem}
.sec_04 .flex_wrap {display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem}
.sec_04 .flex_wrap p {font-size: 1.375rem; color: #333; font-weight: 500}
.sec_04 .img_wrap .img {flex: 1; background-color: #f8f8f8; border-radius: 0.375rem; overflow: hidden}

.sec_04 .info_04 h4 {margin-bottom: 1.75rem}
.sec_04 .info_04 ul {display: flex}
.sec_04 .info_04 li:first-child {position: relative; width: 45%; padding-right: 1.375rem}
.sec_04 .info_04 li:last-child {width: 55%; padding-left: 1.375rem}
.sec_04 .info_04 h5 {margin-bottom: 1rem; font-size: 1.375rem; color: #333; font-weight: 500}
.sec_04 .info_04 h5::before {content: ""; display: inline-block; width: 0.375rem; height: 0.375rem; margin-right: 0.5rem; border-radius: 100%; background-color: #009C7F; vertical-align: 0.35rem}
.sec_04 .info_04 h5 span {color: #006350; font-weight: 700}
.sec_04 .info_04 a {display: block; width: 11.5rem; height: 2.5rem; margin: 0 auto; line-height: calc(2.5rem - 4px); border: 2px solid #009C7F; color: #006350; font-size: 1.125rem; font-weight: 700; border-radius: 1.25rem; text-align: center} 
.sec_04 .info_04 li:first-child .img_wrap {position: relative}
.sec_04 .info_04 li:first-child .img_wrap::after {content: ""; position: absolute; right: -1.375rem; top: 0; width: 1px; height: 100%; border: 1px dashed #C8C8C8}
.sec_04 .info_04 li:last-child .img {position: relative; height: 0; padding-top: 39%}
.sec_04 .info_04 li:last-child figure {position: absolute; left: 50%; top: 2.375rem; width: 4.25rem; transform: translateX(-50%)}
.sec_04 .info_04 li:last-child h6 {position: absolute; left: 0; bottom: 1.375rem; width: 100%; text-align: center; font-size: 1.25rem; font-weight: 500; color: #333}
.sec_04 .info_04 li:last-child p {position: absolute; left: 50%; top: 1.25rem; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; background-color: #009C7F; color: #fff; border-radius: 100%; font-size: 0.875rem; font-weight: 700; transform: translateX(50%)}
.sec_04 .info_04 li:last-child p span {font-size: 1rem; font-weight: 900}
/* form */
.sec_04 .form_ele_wrap[data-cont="privacy"] .radio_wrap {margin-top: 1.25rem}
.sec_04 .privacy_wrap {padding: 1.25rem; background-color: #F8F8F8}
.sec_04 .privacy_wrap .desc {font-size: 1.25rem; line-height: 170%; font-weight: 500}
.sec_04 .privacy_wrap .desc:not(:last-child) {margin-bottom: 2.75rem}
.sec_04 .privacy_wrap table {table-layout: fixed; width: 100%; margin-top: 0.5rem}
.sec_04 .privacy_wrap th,
.sec_04 .privacy_wrap td {padding: 0.25rem 0; border: 1px solid #333}
.sec_04 .privacy_wrap th {background-color: #E3E3E3}
.sec_04 .privacy_wrap td {text-align: center}
.sec_04 .btn_submit {position: relative; display: block; width: 14.375rem; height: 4.375rem; margin: 1.5rem auto 0; line-height: 4.375rem; text-align: center; background: url(../images/sec_06_btn.png) no-repeat center center/100% auto; cursor: pointer; font-weight: 800; color: #ffffff; font-size: 1.625rem}
@media screen and (max-width: 1200px) {
    .sec_04 .info_04 h5 {font-size: 1.25rem}
}/* lg */
@media screen and (max-width: 1024px) {
    .sec_04 .inner_box {padding: 4rem 2.875rem}
    .sec_04 .info_04 h5 {font-size: 1.375rem}
    .sec_04 .info_04 ul {flex-wrap: wrap; gap: 2rem}
    .sec_04 .info_04 li:first-child,
    .sec_04 .info_04 li:last-child {width: 100%; padding-right : 0; padding-left: 0}
    .sec_04 .info_04 li:first-child .img_wrap::after {display: none}
    .sec_04 .info_04 li:last-child .img {height: auto; padding: 2rem 0 1.5rem 0}
    .sec_04 .info_04 li:last-child figure {position: static; margin: 0 auto; transform: translate(0, 0)}
    .sec_04 .info_04 li:last-child h6 {position: static; margin-top: 1rem}
    .sec_04 .info_04 a {height: 3.5rem; line-height: calc(3.5rem - 4px); border-radius: 1.75rem; font-size: 1.25rem}
}/* md */
@media screen and (max-width: 767px) {
    .sec_04 .inner_box {padding: 3rem 1.5rem}
    .sec_04 .flex_wrap {align-items: flex-start}
    .sec_04 .flex_wrap p {font-size: 1.25rem}
    .sec_04 .info_03 {align-items: center}
    .sec_04 .info_04 h4 {margin-bottom: 1rem}
    .sec_04 .info_04 h5 {font-size: 1.25rem}
    .sec_04 .info_04 li:last-child .img {padding: 2.5rem 0 1rem 0}
    .sec_04 .info_04 li:last-child p {top: 7.5%; transform: translateX(15%)}
    .sec_04 .info_04 li:last-child h6 {font-size: 1.125rem}
    /* form */
    .sec_04 .privacy_wrap .desc {font-size: 1rem}
    .sec_04 .privacy_wrap th,
    .sec_04 .privacy_wrap td {line-height: 150%}
    .sec_04 .btn_submit {width: 11.375rem; height: 3.375rem; line-height: 3.375rem; font-size: 1.25rem}
}/* sm */
@media screen and (max-width: 767px)  and (min-width: 560.1px){
    .sec_04 .flex_wrap p .brm {display: none !important}
    .sec_04 .flex_wrap {align-items: center}
}/* sm ~ xsm */
/* --------------------------------sec_04 end------------------------------ */


/* --------------------------------sec_05------------------------------ */
.sec_05 {width: 100%; padding: 0 0 12.5rem 0; background: url(../images/event/sec_05_bg.jpg) no-repeat top center/cover}
.sec_05 .inner_box,
.sec_05 .inner_box.yellow_box {padding: 5rem 6.875rem} 
.sec_05 .yellow_box .title {margin-bottom: 2.25rem; font-size: 2.25rem; color: #006350; font-weight: 900; text-align: center}
.sec_05 .yellow_box .form_wrap {display: flex; justify-content: space-between; width: 100%; margin-top: 0} 
/* top */
.sec_05 .yellow_box .flex_wrap {display: flex; align-items: center}
.sec_05 .yellow_box label {display: block; margin-right: 1rem; font-size: 1.625rem; font-weight: 800; color: #333}
.sec_05 .yellow_box input[type="text"] {width: 100%; height: 3.125rem; padding: 0 1rem; border: 2px solid #009C7F; font-size: 1.125rem}
.sec_05 .yellow_box .btn_search {width: 5.625rem; height: 3.125rem; background-color:#009C7F; color: #fff; font-size: 1.5rem; font-weight: 800; cursor: pointer}
.sec_05 .yellow_box .name_wrap {width: 35%}
.sec_05 .yellow_box .name_wrap label {width: 3rem}
.sec_05 .yellow_box .name_wrap .input_wrap {width: calc(100% - 4rem)}
.sec_05 .yellow_box .tel_wrap {width: 55%}
.sec_05 .yellow_box .tel_wrap label {width: 5.5rem}
.sec_05 .yellow_box .tel_wrap .input_wrap {width: calc(100% - 6.5rem - 5.625rem)}
.sec_05 .text_wrap {width: 100%; margin-bottom: 2.75rem; padding: 1.125rem 0; background-color: #F8F8F8; text-align: center}
.sec_05 .text_wrap h3 {font-size: 1.75rem; font-weight: 900; color: #333}
.sec_05 .text_wrap span {font-size: 2.25rem; color: #006350}
.sec_05 .form_wrap {margin-top: 0rem}
.sec_05 .form_ele_wrap input[type="text"]:read-only {border: 0; padding: 0 0 0 2rem}
@media screen and (max-width: 1024px) {
    .sec_05 .inner_box,
    .sec_05 .inner_box.yellow_box {padding: 4rem 2.875rem}
    .sec_05 .yellow_box .title {font-size: 2rem}
    .sec_05 .yellow_box label {margin-right: 0.75rem; font-size: 1.5rem}
    .sec_05 .yellow_box .name_wrap {width: 35%}
    .sec_05 .yellow_box .tel_wrap {width: 60%}
    .sec_05 .text_wrap h3 {font-size: 1.5rem}
    .sec_05 .text_wrap span {font-size: 2rem}
    .sec_05 .form_ele_wrap input[type="text"]:read-only {padding: 0 0 0 1.75rem}
}/* md */
@media screen and (max-width: 767px) {
    .sec_05 {padding: 0 0 8rem 0}
    .sec_05 .inner_box,
    .sec_05 .inner_box.yellow_box {padding: 3rem 1.5rem}
    .sec_05 .yellow_box .title {font-size: 1.625rem}
    .sec_05 .yellow_box .btn_search {width: 4.5rem; font-size: 1.125rem}
    .sec_05 .yellow_box .form_wrap {flex-wrap: wrap}
    .sec_05 .yellow_box .name_wrap {margin-bottom: 0.5rem}
    .sec_05 .yellow_box .name_wrap,
    .sec_05 .yellow_box .tel_wrap  {width: 100%}
    .sec_05 .yellow_box .name_wrap label,
    .sec_05 .yellow_box .tel_wrap label {width: 4.5rem; font-size: 1.25rem}
    .sec_05 .yellow_box .name_wrap .input_wrap {width: calc(100% - 5.5rem)}
    .sec_05 .yellow_box .tel_wrap .input_wrap {width: calc(100% - 5.5rem - 4.5rem)}
    .sec_05 .text_wrap h3 {font-size: 1.25rem}
    .sec_05 .text_wrap span {font-size: 1.5rem}
}/* sm */
/* --------------------------------sec_05 end------------------------------ */


/* --------------------------------sec_06------------------------------ */
.sec_06 {width: 100%; padding: 9.125rem 0 6.5rem 0; background: url(../images/event/sec_06_bg.jpg) no-repeat bottom center/cover; overflow-x: hidden;}
.sec_06 .inner {width: 100%; max-width: none}
.sec_06 .title {position: relative; width: 92%; max-width: 33rem; margin: 0 auto;}
.sec_06 .title::after {content: ""; position: absolute; left: 0; bottom: 0; width: 8.75rem; height: 10.125rem; background: url(../images/event/sec_06_sub_title_img_modi.png) no-repeat center center/100% auto; z-index: -1; transform: translateX(-100%);}
.sec_06 .title::before {content: ""; position: absolute; right: 0; bottom: 10%; width: 9.375rem; height: 4.5rem; background: url(../images/event/sec_06_sub_title_bg.png) no-repeat center center/100% auto; transform: translateX(100%) rotate(15deg);}
.sec_06 .title span {position: absolute; right: 0; bottom: 10%; width: 9.375rem; height: 4.5rem; padding: 0.25rem 1rem; color: #fff; font-size: 1.125rem; font-weight: 700; text-align: center; transform: translateX(100%) rotate(15deg)}
.sec_06 .title.on::after {animation: gelatine 0.8s ease infinite; animation-delay: 1.5s}
.sec_06 .title.on::before,
.sec_06 .title.on span {animation: shake_03 1.5s ease forwards; animation-delay: 1.5s}
.sec_06 .slide_wrap {width: 100%; margin-top: 6.125rem}
.sec_06 .swiper-container {height: 26rem; overflow: visible;}

.sec_06 .swiper-slide {position: relative}
.sec_06 .slide_wrap [class^="cont_"] {position: absolute; left: 50%; top: 0; width: 100%; transform: translate(-50%, 25%) scale(0.85); transition: all 0.5s; }
.sec_06 .slide_wrap .swiper-slide-active [class^="cont_"] {transform: translate(-50%, 0) scale(1)}
.sec_06 .date {position: absolute; left: 1.5rem; top: 8%; display: block; color: #333; font-size: 1.125rem; font-weight: 500}
.sec_06 .text_wrap {position: absolute; left: 1.5rem; top: calc(50% - 0.5rem); width: calc(100% - 3rem); transform: translateY(-50%)}
.sec_06 .text_wrap p {width: 72%; height: 2.5rem; line-height: 2.5rem; font-size: 1.375rem; font-weight: 500; border-bottom: 1px solid #614040}
.sec_06 .text_wrap p:first-child {width: 100%}
.sec_06 .text_wrap::after {content: ""; position: absolute; right: 0; top: 4rem; width: 25%; padding-bottom: 25%;}
/* 하트이모지 */
.sec_06 .cont_01 .text_wrap::after,
.sec_06 .cont_04 .text_wrap::after,
.sec_06 .cont_07 .text_wrap::after,
.sec_06 .cont_10 .text_wrap::after,
.sec_06 .cont_13 .text_wrap::after,
.sec_06 .cont_16 .text_wrap::after {background: url(../images/event/sec_06_img_01.png) no-repeat center center/100% auto;}
/* 곰곰이모지 */
.sec_06 .cont_02 .text_wrap::after,
.sec_06 .cont_05 .text_wrap::after,
.sec_06 .cont_08 .text_wrap::after,
.sec_06 .cont_11 .text_wrap::after,
.sec_06 .cont_14 .text_wrap::after,
.sec_06 .cont_17 .text_wrap::after {background: url(../images/event/sec_06_img_02.png) no-repeat center center/100% auto;}
/* 웃는이모지 */
.sec_06 .cont_03 .text_wrap::after,
.sec_06 .cont_06 .text_wrap::after,
.sec_06 .cont_09 .text_wrap::after,
.sec_06 .cont_12 .text_wrap::after,
.sec_06 .cont_15 .text_wrap::after,
.sec_06 .cont_18 .text_wrap::after {background: url(../images/event/sec_06_img_03.png) no-repeat center center/100% auto;}
@media screen and (min-width: 460.1px) {
    .sec_06 .slide_wrap .img_sm {display: none}
}/* xsm 2 ~ */
@media screen and (max-width:900px) {
    .sec_06 .title {max-width: 28rem;}
    .sec_06 .title::after {width: 6.75rem; height: 8.125rem;}
    .sec_06 .text_wrap p {height: 2.25rem; line-height: 2.25rem; font-size: 1.25rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_06 {padding: 9.5rem 0 3.5rem 0}
    .sec_06 .title {max-width: 220px;}
    .sec_06 .title::after {width: 4.5rem; height: 5rem;}
    .sec_06 .title::before {right: 20%; bottom: 100%; width: 8.5rem; height: 4.5rem;}
    .sec_06 .title span {right: 20%; bottom: 100%; width: 8.5rem; height: 4.5rem; padding: 0.5rem 1rem; font-size: 1rem;}
    .sec_06 .slide_wrap {margin-top: 3rem;}
    .sec_06 .date {font-size: 1rem}
}/* sm */
@media screen and (max-width: 460px) {
    .sec_06 .slide_wrap .img_lg {display: none}
    .sec_06 .text_wrap p {font-size: 1.125rem}
    .sec_06 .swiper-container {height: 22rem;}
}/* xsm */
/* --------------------------------sec_06 end------------------------------ */


/* --------------------------------sec_07------------------------------ */
.sec_07 {width: 100%; padding: 6.125rem 0; background: url(../images/event/sec_04_bg.jpg) no-repeat top right / cover;}
.sec_07 .inner {max-width: 1070px;}
.sec_07[data-layout="form_sec"] .form_wrap {margin-top: 0;}
.sec_07 .inner_box  {padding: 7rem 6.875rem}
.sec_07 .info_box {margin-top: 5rem; padding: 1.5rem; background-color: #F8F8F8; color: #006350;}
.sec_07 .info_box h6 {margin-bottom: 1rem; font-size: 1.125rem; font-weight: 700; line-height: 100%;}
.sec_07 .info_box p {font-size: 1.125rem; font-weight: 500; line-height: 150%;}
.sec_07 .btn_submit {position: relative; display: block; width: 14.375rem; height: 4.375rem; margin: 4.5rem auto 0; line-height: 4.375rem; text-align: center; background: url(../images/sec_06_btn.png) no-repeat center center/100% auto; cursor: pointer; font-weight: 800; color: #ffffff; font-size: 1.625rem}
@media screen and (max-width: 1024px) {
    .sec_07 .inner_box {padding: 5rem 2.875rem}
    .sec_07 .info_box {margin-top: 4rem;}
}/* sm */
@media screen and (max-width: 767px) {
    .sec_07 .inner_box {padding: 4rem 1.5rem}
    .sec_07 .info_box {margin-top: 3rem;}
    .sec_07 .btn_submit {width: 11.375rem; height: 3.375rem;  margin: 3.5rem auto 0;  line-height: 3.375rem; font-size: 1.25rem}
}/* sm */
/* --------------------------------sec_07 end------------------------------ */


/* --------------------------------popup------------------------------ */
#popup_all #popup_event .in_layer_box {position: relative; width: 92%; max-width:850px; padding:5rem; border: 6px solid #009C7F; ; background-color: #fff}
#popup_all #popup_event h2 {margin-bottom: 3rem; font-size: 2rem; font-weight: 900; color: #333; line-height: 150%;}
/*#popup_all #popup_event h2 {margin-bottom: 2rem; font-size: 2.25rem; font-weight: 900; color: #333}*/
/*#popup_all #popup_event h2 span {font-size: 2.75rem; color: #006350}*/
/*#popup_all #popup_event p {padding: 3rem 0; font-size: 1.625rem; font-weight: 500; line-height: 170%; color: #333; background-color: #F8F8F8}*/
#popup_all #popup_event .btn_copy {padding: 0.5rem 1.375rem; background-color: #7B7B7B; color: #fff; font-size: 1.375rem; border-radius: 1.5rem; cursor: pointer; transform: translateY(-50%)}
#popup_all #popup_event .btn_confirm {position: relative; display: block; width: 14.375rem; height: 4.375rem; margin: 1.5rem auto 0; line-height: 4.375rem; text-align: center; background: url(../images/event/pop_btn_bg.png) no-repeat center center/100% auto; cursor: pointer; font-weight: 800; color: #ffffff; font-size: 1.625rem;}

#popup_all #popup_winner .in_layer_box {position: relative; width: 90%; max-width: 700px;}
#popup_all #popup_winner .in_layer_box img {display: block;  width: 100%;}
#popup_all #popup_winner .btn_confirm {position: absolute; left: 50%; bottom: 0px; width: 100%; max-width: 900px; height: 3.75rem; cursor: pointer; transform: translateX(-50%);}
@media screen and (max-width: 1024px) {
    #popup_all #popup_event .in_layer_box {padding: 4rem}
    /*#popup_all #popup_event h2 {font-size: 2rem}*/
    /*#popup_all #popup_event h2 span {font-size: 2.5rem}*/
    /*#popup_all #popup_event p {font-size: 1.5rem}*/
}/* md */
@media screen and (max-width: 767px) {
    #popup_all #popup_event .in_layer_box {padding: 3rem 2rem}
    #popup_all #popup_event h2 {margin-bottom: 2rem; font-size: 1.75rem;}
    /*#popup_all #popup_event h2 {font-size: 1.5rem}*/
    /*#popup_all #popup_event h2 span {font-size: 2rem}*/
    /*#popup_all #popup_event p {padding: 2rem 0 2.5rem 0; font-size: 1.25rem}*/
    #popup_all #popup_event .btn_copy {font-size: 1.125rem}
    #popup_all #popup_event .btn_confirm {width: 11.375rem; height: 3.375rem; line-height: 3.375rem; font-size: 1.25rem}
}/* sm */
/* --------------------------------popup end------------------------------ */


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}
/* Firefox */
input[type=number] {-moz-appearance: textfield}


/* ------ani-------- */
@keyframes scroll {
	0% {opacity: 0; transform: translateY(0px)}
    50% {opacity: 1}
	100% {opacity: 0; transform: translateY(40px)}
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0)}
    40% {transform: translateY(-30px)}
    60% {transform: translateY(-15px)}
}

@keyframes shake {
  30% {transform: rotate(15deg) scale(1)}
  40%, 60% {transform: rotate(-20deg) scale(1.2)}
  50% {transform: rotate(20deg) scale(1.2)}
  70% {transform: rotate(0deg) scale(1.2)}
  100% {transform: rotate(15deg) scale(1)}
}

@keyframes shake_02 {
    30% {transform: rotate(0deg) scale(1)}
    40%, 60% {transform: rotate(-20deg) scale(1.2)}
    50% {transform: rotate(20deg) scale(1.2)}
    70% {transform: rotate(15deg) scale(1.2)}
    100% {transform: rotate(0deg) scale(1)}
}

@keyframes shake_03 {
    30% {transform: translateX(100%) rotate(15deg) scale(1)}
    40%, 60% {transform: translateX(100%) rotate(-20deg) scale(1.05)}
    50% {transform: translateX(100%) rotate(20deg) scale(1.05)}
    70% {transform: translateX(100%) rotate(0deg) scale(1.05)}
    100% {transform: translateX(100%) rotate(15deg) scale(1)}
}

@keyframes caret {
  50% {border-color: transparent}
}

@keyframes down {
	0% {opacity: 0; transform: translateY(0px)}
    50% {opacity: 1}
	100% {opacity: 0; transform: translateY(1.375rem)}
}

@keyframes gelatine {
    from, to {transform: translateX(-100%) scale(1, 1)}
    25% {transform: translateX(-100%) scale(0.9, 1.1)}
    50% {transform: translateX(-100%) scale(1.1, 0.9)}
    75% {transform: translateX(-100%) scale(0.95, 1.05)}
}

@keyframes gelatine_02 {
    from, to {transform: translateX(-100%) scale(1, 1)}
    25% {transform: translateX(-100%) scale(0.9, 1.1)}
    50% {transform: translateX(-100%) scale(1.1, 0.9)}
    75% {transform: translateX(-100%) scale(0.95, 1.05)}
}

@keyframes pulse {
    from { transform: scale(1); }
    to { transform: scale(0.8); }
}


/* --------------------------------20240826 add------------------------------ */
/* 섹션3 */
.sec_03 .inner_box {position: relative;}
.sec_03 .inner_box::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 10;}
.sec_03 .inner_box::before {content: "이벤트가 종료되었습니다"; position: absolute; top: 50%; left: 50%; padding: 2rem 4rem; border-radius: 1.375rem; font-size: 2.375rem; border: 0.5rem solid #005E58; font-weight: 900; transform: translate(-50%,-50%); background-color: #fff; line-height: 142%; z-index: 11; white-space: nowrap;}
/* 섹션4 */
.sec_04 .inner_box {position: relative;}
.sec_04 .inner_box::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 10;}
.sec_04 .btn_submit {display: none;}
@media screen and (max-width:1024px) {
    .sec_03 .inner_box::before {padding: 2rem 3rem; font-size: 2.15rem;}
}/* md */
@media screen and (max-width:767px) {
    .sec_03 .inner_box::before {width: 320px; white-space: wrap;  word-break: keep-all; text-align: center;}
}/* sm */
/* --------------------------------20230905 add end------------------------------ */