@charset "utf-8";
@import url(../css/font.css);

/* --------------------------------width-------------------------------- */
:root {
    --width: 90%;
    --primary-color: #f77;
    --primary-color-rgb: 255, 119, 119;
    --secondary-color: #ff8f8f; /* 임시 */
    --secondary-color-rgb: 255, 143, 143;
}
@media (max-width: 1280px) {
    :root {--width: 88.8%;}
}
@media (max-width: 800px) {
    :root {--width: 86.6666667%;}
}

/* --------------------------------reset-------------------------------- */
[lang="ko"] {word-break:break-all;}
* {margin:0; padding:0; box-sizing:border-box; color:inherit; flex-shrink:0; outline:none;-webkit-tap-highlight-color:transparent;}
html, body {font-size:16px; color:#444;}
html, body, button, input, select, table, textarea {font-family: 'Pretendard', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:inherit; line-height:inherit;}
ul,ol,dl,menu,li {list-style:none;}
a, a:active, a:hover {text-decoration:none;}
button {background-color:transparent; border:none; cursor:pointer;}
blockquote, q {quotes:none;}
:after, :before {box-sizing:inherit;}
img, picture, video, canvas, svg {max-width:100%;}
fieldset,img {border:0;}
iframe {overflow:hidden; margin:0; border:0; padding:0; vertical-align:top;}
address, em,i {font-style:normal;}
textarea {-webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:transparent; border:0; word-wrap:break-word;}
table {border-collapse:collapse; border-spacing:0;}
td, th {padding:0;}
input, select, textarea {vertical-align:middle; box-sizing:border-box; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input[type=text]::-ms-clear {display:none;}
@media screen and (min-width:1024.1px) and (max-width:1280px) {
    html, body {font-size:14px;}
}/* lg */
@media screen and (min-width:767.1px) and (max-width:1024px) {
    html, body {font-size:13px;}
}/* md */
@media screen and (max-width:767px) {
    html, body {font-size:12px;}
}/* sm */
/* --------------------------------reset end--------------------------- */


/* --------------------------------common-------------------------------- */
html.ofy_hidden {height:100dvh; height:calc(var(--var, 1vh) * 100);}
html.ofy_hidden body {height:100%; overflow:hidden;}
#wrap {text-size-adjust:none; -webkit-text-size-adjust:none;}
#container {width:100%; padding-top: 90px;}
section {position:relative;}
.inner {position:relative; width:var(--width); max-width:1600px; margin:0 auto;}
.inner[data-layout="sm"] {max-width: 1056px;}
.blind {border:0; clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap;}
.clearfix::after {content:""; clear:both; display:block}
.no_cont {font-size:2.8vw; font-weight:500; line-height:100%; text-align:center;}
.bpc,.pc {display:block;}
.bmo,.mo {display:none;}
.f_paperlogy {font-family:'Paperlogy', sans-serif;}
.f_pretendard {font-family:'Pretendard', sans-serif;}
.swiper-container {height: auto;}
@media screen and (max-width:1024px) {
    #container {padding-top: 64px;}
    .bpc,.pc {display:none;}
    .bmo,.mo {display:block;}
}/* md */

/*---title wrap---*/
.title_wrap {display: flex; align-items: center; gap: 5rem; margin-bottom: 4rem;}
.title_wrap .title {display: flex; align-items: center; gap: 1rem; flex: 1; font-size: 2.25rem; font-weight: 800; color: #222; word-break: keep-all; line-height: 140%;}
.title_wrap .title [class^="title_ico"] {display: block; width: 3.5rem; height: 3.5rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.title_wrap .title .title_ico_01 {background-image: url(/front/images/common/title_ico_01.svg);}
.title_wrap .title .title_ico_02 {background-image: url(/front/images/common/title_ico_02.svg);}
.title_wrap .title .title_ico_03 {background-image: url(/front/images/common/title_ico_03.svg);}
.title_wrap .title .title_ico_04 {background-image: url(/front/images/common/title_ico_04.svg);}
.title_wrap .title .title_ico_05 {background-image: url(/front/images/common/title_ico_05.svg);}
.title_wrap .btn_more {display: block; width: 3rem; height: 3rem; background: url(/front/images/common/ico_plus.svg) no-repeat center/100% auto;}
/*list title*/
.list_tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%; color: #222; text-overflow: ellipsis; font-weight: 700; line-height: 135%;}
/*서브 페이지 타이탈*/
.title_wrap[data-layout="sub"] {margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #222;}
.title_wrap[data-layout="sub"] .title {font-weight: 900; font-family: 'PaperlogyOnlyAlphaNum';}
@media screen and (max-width:1024px) {
    .title_wrap {margin-bottom: 3.33rem;}
    .title_wrap .title {font-size: 2.16rem;}
    .title_wrap .title [class^="title_ico"] {width: 3rem; height: 3rem;}
    .title_wrap .btn_more {display: none;}
    .title_wrap[data-layout="sub"] {margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
}/* md */

/*---tag---*/
.tag_wrap {display: flex; align-items: center; gap: 0.25rem; position: absolute; left: 1rem; top: 1rem; z-index: 1;}
.tag_wrap .tag {display: flex; align-items: center; justify-content: center; height: 2.25rem; padding: 0 0.83333rem; font-size: 1rem; font-weight: 600; background-color: #F77; color: #fff; transition: all 0.2s; border-radius: 0.66667rem;}
.tag_wrap .tag[data-layout="border"] {border: 2px solid #222; background-color: #fff; color: #222;}
@media screen and (max-width:1024px) {
    .tag_wrap .tag {height: 2.5rem; font-size: 1.167rem;}
}/* sm */
@media (hover:hover) {
    /*a:hover .tag:not([data-hover="none"]),*/
    /*button:hover .tag:not([data-hover="none"]) {background-color: var(--primary-color);}*/
    /*a:hover .tag[data-layout="border"]:not([data-hover="none"]),*/
    /*button:hover .tag[data-layout="border"]:not([data-hover="none"]) {border: 2px solid var(--primary-color); color: var(--primary-color); background-color: #fff;}*/
    a:hover .tag,
    button:hover .tag {background-color: var(--primary-color);}
    a:hover .tag[data-layout="border"],
    button:hover .tag[data-layout="border"] {border: 2px solid var(--primary-color); color: var(--primary-color); background-color: #fff;}
}/* hover */

/*---hover effect---*/
.hover_border {position: relative;}
.hover_border::after {content: ""; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 6px solid var(--primary-color); opacity: 0; transition: all 0.2s;}
@media (hover:hover) {
    a:hover .hover_border::after,
    button:hover .hover_border::after{opacity: 1;}
}/* hover */

/*---button---*/
.btn_wrap {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin-top: 4rem;}
.btn_wrap [class^="btn_type"] {display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0 4.5rem;}
.btn_wrap [class^="btn_type"][data-bgColor="black"] {background-color: #222; color: #fff;}
.btn_wrap [class^="btn_type"][data-bgColor="purple"] {background-color: var(--primary-color); color: #fff;}
.btn_wrap [class^="btn_type"][data-bgColor="white"] {background-color: #fff; border: 1px solid #222; color: #222;}
.btn_wrap [class^="btn_type"][data-bgColor="gradient"] {background: linear-gradient(90deg, #F77 0%, #F9BB64 100%); border-radius: 1rem; color: #fff;}
.btn_wrap [class^="btn_type"][data-width="full"] {flex: 100% 0 0; padding: 0;}
.btn_wrap [class^="ico_"] {display: block; width: 2rem; height: 2rem;}
.btn_wrap .ico_clab {background: url(/front/images/common/ico_clab_pink.svg) no-repeat center/100% auto;}
.btn_wrap .ico_clab_gradient {background: url(/front/images/common/ico_clab_gradient.svg) no-repeat center/100% auto; width: 2rem; height: 2rem;}
.btn_wrap .ico_share {background: url(/front/images/common/ico_share.svg) no-repeat center/100% auto;}
.btn_wrap .ico_comment {background: url(/front/images/common/ico_comment.svg) no-repeat center/100% auto;}
.btn_wrap .ico_qr {width: 2.5rem; height: 2.5rem; background: url(/front/images/common/ico_qr.svg) no-repeat center/100% auto;}
.btn_wrap .ico_down{background: url(/front/images/common/ico_down.png) no-repeat center/100% auto;}
.btn_wrap .ico_arrow{background: url(/front/images/common/ico_down.png) no-repeat center/100% auto; transform: rotate(-90deg); transform-origin: center center;}
/*버튼 두개*/
.btn_wrap[data-layout="multiple"] [class^="btn_type"] {width: auto; flex: 1 0 0; padding: 0;}
/*버튼 크기별*/
.btn_wrap .btn_type_01 {height: 56px; font-size: 1.125rem; font-weight: 700;}
.btn_wrap .btn_type_02 {height: 32px; font-size: 0.875rem; font-weight: 600;}
.btn_wrap .btn_type_03 {height: 44px; font-size: 0.875rem; font-weight: 700;}
/*링크 버튼*/
.btn_link {display: flex; align-items: center; gap: 0.5rem; font-size: 1.5rem; font-weight: 700;}
.btn_link::after {content: ""; display: block; width: 2.5rem; height: 2.5rem;}
.btn_link[data-layout="reverse"]::before {content: ""; display: block; width: 2.5rem; height: 2.5rem;}
.btn_link[data-layout="reverse"]::after {display: none;}
.btn_link[data-color="black"] {color: #222;}
.btn_link[data-color="black"][data-layout="reverse"]::before {background: url(/front/images/common/ico_link_black.svg) no-repeat center/90% auto;}
.btn_link[data-color="black"]::after {background: url(/front/images/common/ico_link_black.svg) no-repeat center/90% auto;}
.btn_link[data-color="white"] {color: #fff;}
.btn_link[data-color="white"]::after {background: url(/front/images/common/ico_link_white.svg) no-repeat center/90% auto;}
/*하단 문의 fixed 버튼*/
.inquiry_fixed,
.magazine_fixed {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.25rem; position: fixed; right: 1.5rem; bottom: 1.5rem; width: 7.5rem; height: 7.5rem; z-index: 90; background-color: #222; border-radius: 50%;}
.inquiry_fixed span,
.magazine_fixed span{display: block; color: #fff; font-size: 1.25rem; font-weight: 800; line-height: 150%;}
.inquiry_fixed .ico,
.magazine_fixed .ico{display: block; width: 2rem; height: 2rem; background-image: var(--inquiry-icon, url(/front/images/common/ico_inquiry_01.svg)); background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.inquiry_fixed:hover{background-color: var(--primary-color);}
/*지난매거진보기*/
.magazine_wrap{display: none; position: fixed; right: 1.5rem; bottom: 1.5rem; width: 7.5rem; height: 7.5rem; z-index: 90;}
.magazine_wrap .magazine_fixed{gap: 0.5rem;}
.magazine_wrap .magazine_fixed .ico{background-image: url(/front/images/common/ico_magazine.svg);}
.magazine_wrap .magazine_fixed span{font-size: 1.125rem; font-weight: 700; line-height: 120%;}
.magazine_wrap .options_wrap{position: absolute; left: 50%; top: -11.875rem; transform: translateX(-50%); display: none; background-color: #fff; width: 100%; padding: 1.25rem; border: 2px solid #222; min-width: 9.125rem;}
.magazine_wrap .options{display: flex; flex-direction: column; gap: 0.5rem; max-height: 8rem; overflow-y: auto; white-space: nowrap;}
.magazine_wrap .options_arrow{width: 1rem; height: 0.813rem; background: url(/front/images/common/ico_bubble_arrow.svg) no-repeat center/100% auto; position: absolute; bottom: -0.75rem; left: 50%; transform: translateX(-50%);}
.magazine_wrap .options li{font-size: 1rem; font-weight: 600; line-height: 150%; text-align: center;}
.magazine_wrap.on .options_wrap{display: block;}
/*top 버튼*/
.top_fixed{display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 90; background: url(/front/images/common/top.png) no-repeat center/100% auto; border-radius: 50%;}
/*캠페인 후원 btn_wrap*/
.camp_btn_wrap[data-layout="multiple"] .btn_sponsor {flex: 1 0 0;}
.camp_btn_wrap[data-layout="multiple"] .btn_qr {flex: 56px 0 0;}
@media screen and (max-width:1024px) {
    .btn_wrap {margin-top: 2.667rem;}
    .btn_wrap .btn_type_01 {height: 4rem; font-size: 1.167rem;}
    .btn_link {font-size: 1.667rem;}
    .inquiry_fixed, .top_fixed{right: 1rem; bottom: 1rem;}
}/* md */
@media screen and (max-width: 767px){
    .top_fixed{width: 4rem; height: 4rem; bottom: 9rem;}
}

/*---swiper control---*/
.swiper_control_wrap {display: flex; align-items: center; gap: 2.5rem;}
.swiper_control_wrap ul {position: relative; display: flex; align-items: center; gap: 3.125rem; z-index: 1;}
.swiper_control_wrap ul::after {content: ""; position: absolute; left: 50%; top: 50%; width: 2px; height: 1.5rem; background-color: #CCC; transform: translate(-50%, -50%);}
.swiper-button-prev,
.swiper-button-next {position: static; width: 3rem; height: 3rem; margin: 0; background-size: 100% auto; background-position: center; background-repeat: no-repeat; opacity: 1; cursor: pointer;}
.swiper-button-prev {background-image: url(/front/images/common/ico_arrow_left.svg);}
.swiper-button-next {background-image: url(/front/images/common/ico_arrow_right.svg)}
@media screen and (max-width:767px) {
    .swiper_control_wrap {display: none;}
}

/*---filter---*/
.filter_wrap {display: flex; gap: 0.5rem; margin-bottom: 2rem;}
.filter_wrap .select_wrap {position: relative; flex: 10rem 0 0; isolation: isolate; z-index: 10;}
.filter_wrap .select_wrap .btn_select {display: flex; align-items: center; justify-content: center; gap: 0.25rem; width: 100%; height: 3.5rem; font-size: 1rem; font-weight: 600; color: #fff;background-color: var(--primary-color);}
.filter_wrap .select_wrap .btn_select::before {content: ""; display: block; width: 1.5rem; height: 1.5rem; background: url(/front/images/common/ico_filter.svg) no-repeat center/100% auto;}
/*옵션*/
.filter_wrap .select_options {display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.70); padding: 1.25rem 0.625rem; box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.10); z-index: 10; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.filter_wrap .select_options li {width: 100%; line-height: 150%; text-align: center; font-size: 1rem; font-weight: 500; color: #888; cursor: pointer;}
.filter_wrap .select_options li:not(:last-child) {margin-bottom: 0.625rem;}
.filter_wrap .select_options li.selected {color: var(--primary-color); font-weight: 700;}
/*셀렉트 검정*/
.filter_wrap .select_wrap[data-bgColor="black"] .btn_select {background-color: #222;}
.filter_wrap .select_wrap[data-bgColor="black"] .select_options li.selected {color: #222;}
@media screen and (max-width:500px) {
    .filter_wrap {margin-bottom: 4rem;}
    .filter_wrap .select_wrap {position: relative; flex: 1 0 0;}
}/* md */

/*---tab menu---*/
.tab_menu {display: flex; gap: 1.5rem; margin-bottom: 1.5rem;}
.tab_menu li {position: relative;}
.tab_menu li button,
.tab_menu li a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 4rem; background-color: #fff; font-size: 1.125rem; color: #222; font-weight: 700; font-family:'Paperlogy', sans-serif}
.tab_menu li.active button,
.tab_menu li.active a {color: var(--primary-color);}
.tab_menu li.active button::after,
.tab_menu li.active a::after{content: ""; position: absolute; left: 0; bottom: 0.75rem; width: 100%; height: 3px; background-color: var(--primary-color);}
@media screen and (max-width:1024px) {
    .tab_menu {gap: 1.667rem;}
    .tab_menu li button,
    .tab_menu li a {font-size: 1.33rem;}
}/* md */


/*---progress---*/
.progress {display: flex; flex-direction: column; gap: 0.25rem; margin-top: 1.25rem;}
.progress .pg_num,
.progress .pg_date {display: flex; align-items: center; justify-content: space-between;}
.progress .amount,
.progress .date {font-size: 0.875rem; font-weight: 500; color: #666; line-height: 142%;}
.progress .percent,
.progress .dday {font-size: 1rem; font-weight: 700; color: #222; line-height: 150%;}
.progress .pg_bar {position: relative; width: 100%; height: 1rem; background-color: #f8f8f8; border-radius: 83.25rem; overflow: hidden;}
.progress .pg_bar span {position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, #F77 0%, #F9BB64 100%); max-width: 100%;}
@media screen and (max-width: 500px) {
    .progress .amount {font-size: 1rem;}
    .progress .percent {font-size: 1.167rem;}
    .progress .pg_bar {height: 12px;}
}/* sm */
@media (hover:hover) {
    a:hover .progress .amount {color: #877EFF;}
    a:hover .progress .percent {color: var(--primary-color);}
}/* hover */


/*---campaign list---*/
.camp_list {display: flex; flex-wrap: wrap; gap: 4rem 2rem}
.camp_list li {position: relative; flex: calc((100% - (2rem * 3))/4) 0 0; }
.camp_list a {display: block; border: 2px solid #222;}
.camp_list figure {width: 100%; height: 0; padding-bottom: calc((242 / 376) * 100%); border-bottom: 2px solid #222; background-size: cover; background-position: center; background-repeat: no-repeat;}
.camp_list .text_box {padding: 1rem 1.5rem 1.25rem;}
.camp_list .logo {width: auto; height: 1.75rem; margin-bottom: 0.5rem;}
.camp_list .logo img {width: auto; height: 100%;}
.camp_list .list_tit {height: 4rem; font-size: 1.5rem; line-height: 140%; word-break: break-all;}
.camp_list .status {display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 1.25rem;}
.camp_list .status p {width: 100%; font-size: 1rem; font-weight: 700; color: #222; text-align: center; word-break: keep-all; line-height: 130%;}
.clap_box {display: flex; align-items: center; justify-content: center; width: 100%; height: 4rem; background-color: #222;}
.clap_box p {display: flex; gap: 0.375rem; justify-content: center; align-items: center; font-size: 1rem; font-weight: 700; color: #fff;}
.clap_box p::before {content: ""; display: block; width: 1.625rem; height: 1.625rem; background: url(/front/images/common/ico_clab_white.svg) no-repeat center/100% auto;}
/*hover*/
.camp_list a:hover {border: 2px solid var(--primary-color)}
.camp_list a:hover figure {border-bottom: 2px solid var(--primary-color)}
@media screen and (max-width:1480px) {
    .camp_list {gap: 3rem 1.5rem}
    .camp_list li {position: relative; flex: calc((100% - (1.5rem * 3))/4) 0 0;}
    .camp_list .text_box {padding: 1rem 1rem 1.25rem;}
    .camp_list .list_tit {font-size: 1.375rem; height: 3.5rem;}
    .clap_box p {font-size: 0.875rem;}
}/* xlg */
@media screen and (max-width:1200px) {
    .camp_list {gap: 3rem 1.5rem}
    .camp_list li {flex: calc((100% - (1.5rem * 2))/3) 0 0;}
}/* lg */
@media screen and (max-width:1024px) {
    .camp_list {gap: 2.5rem 1rem}
    .camp_list li {flex: calc((100% - (1rem * 2))/3) 0 0;}
}/* md */
@media screen and (max-width:767px) {
    .camp_list {gap: 3rem 1.5rem}
    .camp_list li {flex: calc((100% - (1.5rem * 1))/2) 0 0;}
}/* sm */
@media screen and (max-width: 500px) {
    .camp_list {gap: 2.667rem 0;}
    .camp_list li {flex: 100% 0 0;}
    .camp_list .list_tit {font-size: 1.667rem;  height: 4.5rem;}
    .camp_list .status p {font-size: 1.167rem;}
    .clap_box p {font-size: 1.167rem;}
    .clap_box p::before {width: 1.875rem; height: 1.875rem;}
}/* sm */
@media (hover:hover) {
    a:hover .clap_box {background-color: var(--primary-color);}
}/* hover */


/*---partner list---*/
.partner_list {display: flex; flex-wrap: wrap; gap: 2.5rem 2rem;}
.partner_list >li {width: calc((100% - (2rem * 3))/4); border: 2px solid #222; background-color: #fff;}
.partner_list >li a {display: block; width: 100%; padding: 1.25rem;}
.partner_list figure {width: 100%; height: 0; padding-top: calc((150 / 336) * 100%); background-color: #F8F8F8; background-size: calc(100% - (3rem * 2)) auto; background-position: center; background-repeat: no-repeat;}
.partner_list .partner_tit {margin: 1.25rem 0; font-size: 1.5rem; font-weight: 800; color: #222;}
.partner_list .info {display: flex; background-color: #F8F8F8;}
.partner_list .info li {position: relative; flex: 1; padding: 1rem; text-align: center;}
.partner_list .info li:nth-child(1)::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 2rem; background-color: rgba(34, 34, 34, 0.15); transform: translateY(-50%);}
.partner_list .info h4 {margin-bottom: 0.25rem; font-size: 0.875rem; color: var(--primary-color); font-weight: 500;}
.partner_list .info p {display: flex; justify-content: center; align-items: center; gap: 0.25rem; font-size: 1rem; font-weight: 600;}
.partner_list .info p span {font-size: 1.5rem; font-weight: 700; font-family:'Pretendard', sans-serif;}
@media screen and (max-width:1200px) {
    .partner_list >li {width: calc((100% - (2rem * 2))/3);}
}
@media screen and (max-width:1024px) {
    .partner_list >li {width: calc((100% - (2rem * 1))/2);}
    .partner_list >li a {padding: 1.33rem;}
    .partner_list .partner_tit {margin: 1.33rem 0;}
    .partner_list .info li {padding: 1.667rem 1rem;}
    .partner_list .info h4 {font-size: 1rem;}
    .partner_list .info p {font-size: 1.167rem;}
    .partner_list .info p span {font-size: 1.667rem;}
}
@media screen and (max-width:500px) {
    .partner_list >li {width: 100%;}
}


/*---content list---*/
.cont_list_sec .title_wrap[data-layout="sub"] {margin-bottom: 1.5rem}
.cont_list li {position: relative;}
.cont_list .tag_wrap {position: static;}
.cont_list figure {width: 100%; height: 0; padding-top: calc((620 / 510) * 100%); background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(/front/images/common/cont_default.png);}
.cont_list .list_tit {margin: 1rem 0; font-size: 1.5rem; height: 4rem;}
.cont_list .list_date {font-size: 1rem; font-weight: 500; color: #888;}
/*리스트형*/
ul.cont_list {display: flex; flex-wrap: wrap; gap: 4rem 2rem}
ul.cont_list li {position: relative; flex: calc((100% - (2rem * 3))/4) 0 0;}
ul.cont_list a {display: flex; flex-direction: column-reverse; gap: 1rem;}
ul.cont_list figure {border: 2px solid #222;}
/*슬라이드형*/
.swiper-container.cont_list {overflow: visible;}
.swiper-container.cont_list .swiper-slide figure {width: 100%; height: 0; padding-top: calc((620 / 510) * 100%); background-size: cover; background-position: center; background-repeat: no-repeat;}
.swiper-container.cont_list .text_box {padding: 2rem 0; border-top: 2px solid #222;}
@media screen and (max-width:1024px) {
    .cont_list_sec .title_wrap[data-layout="sub"] {margin-bottom: 1rem}
    .cont_list figure {width: 100%; padding-top: calc((380 / 312) * 100%); }

    ul.cont_list li {flex: calc((100% - (2rem * 2))/3) 0 0;}
    .cont_list .list_tit {font-size: 1.667rem; height: 4.25rem;}
    .cont_list .list_date {font-size: 1.167rem;}
}
@media screen and (max-width:767px) {
    .cont_list figure {width: 100%; padding-top: calc((380 / 312) * 100%); }

    ul.cont_list li {flex: calc((100% - (2rem * 1))/2) 0 0;}

    .swiper-container.cont_list {padding-top: 2rem; border-top: 2px solid #222;}
    .swiper-container.cont_list .swiper-container {padding-top: 2rem; border-top: 2px solid #222;}
    .swiper-container.cont_list .swiper-wrapper {flex-wrap: wrap; gap: 3rem 2rem;}
    .swiper-container.cont_list .swiper-slide {width: calc((100% - (2rem * 1))/2) !important;}
    .swiper-container.cont_list .text_box {padding: 0 0 1.25rem 0; border-top: none;}
}
@media screen and (max-width:500px) {
    ul.cont_list li {flex: 100% 0 0;}
    .swiper-container.cont_list .swiper-slide {width: 100% !important;}
}
/* --------------------------------common end-------------------------------- */


/* --------------------------------header-------------------------------- */
#header {font-family: 'PaperlogyOnlyAlphaNum'; position: fixed; left: 0; top: 0; width: 100%; height: 90px; z-index: 100; background-color: rgba(255, 255, 255, 0.60); backdrop-filter: blur(10px);}
#header .inner {display: flex; justify-content: space-between; align-items: center; height: 100%;}
#header .logo_wrap {display: flex; align-items: center; gap: 1rem;}
#header .logo_wrap .logo {height: 30px;}
#header [class^="logo"] a,
#header [class^="logo"] img {display: block; width: auto; height: 100%;}
#header .logo_wrap i {display: block; width: 2rem; height: 2rem; background: url(/front/images/common/ico_x_white.svg) no-repeat center/100% auto;}
/*뒤로가기버튼*/
#header .mo_back{width: 32px; height: 32px; background: url(/front/images/common/btn_back.png) no-repeat center/100% auto; display: none;}
#header .btn_back{width: 100%; height: 100%;}
@media screen and (max-width: 1024px){
    body[data-page="showBack"] #header .mo_back {
        display: block;
    }
    body[data-page="showBack"] #header .logo_wrap {
        display: none;
    }
}
/* gnb */
#header .gnb_pc {display: flex; align-items: center; gap: 1rem}
#header .depth_01 span {display: inline-block; padding: 0 0.25rem; line-height: 160%;}
#header .depth_01 {display: flex;}
#header .depth_01 >li {position: relative; height: 90px;}
#header .depth_01 >li >a {display: flex; align-items: center; width: 100%; height: 100%; padding: 0 1.5rem; font-size: 1.125rem; font-weight: 600; color: #222;}
#header .depth_01 >li.on >a {color: var(--secondary-color); font-weight: 700;}
#header .depth_01 >li.on >a >span {border-bottom: 3px solid var(--secondary-color);}
/* 하위메뉴 */
#header .depth_02 {position: absolute; left: 0; top: 90px; width: 100%; padding: 1rem 0; background-color: rgba(var(--primary-color-rgb), 0.7); display: none; opacity: 0;}
#header .depth_02 li {padding: 0.75rem 1.5rem;}
#header .depth_02 a {display: block; width: 100%; height: 1.5rem; align-items: center; justify-content: center; text-align: center; font-size: 1rem; color: #fff; font-weight: 500;}
#header .depth_02 li.on a {font-weight: 700;}
#header .depth_02 li.on span {border-bottom: 3px solid #fff;}
/*마이페이지 버튼*/
#header .gnb_pc .btn_mypage {display: inline-block; width: 2.5rem; height: 2.5rem; background: url(/front/images/common/ico_mypage_bk.svg) no-repeat center/100% auto;}
/* layer 버튼 */
#header .only_mo {display: none;}
#header .notification {display: block; width: 32px; height: 32px; background: url(/front/images/common/ico_notification.png) no-repeat center/100% auto;}
#header .notification.unread {background-image: url(/front/images/common/ico_notification_unread.png);}
.btn_menu {position: relative; width: 32px; height: 32px;}
.btn_menu [class^="bar"] {position: absolute; left: 50%; width: 22px; height: 2px; margin-left: -11px; background-color: #222;}
.btn_menu[data-btn="open"] .bar_01 {top: 8px;}
.btn_menu[data-btn="open"] .bar_02 {top: 16px; opacity: 1;}
.btn_menu[data-btn="open"] .bar_03 {top: 24px;}
.btn_menu[data-btn="open"] .bar_01,
.btn_menu[data-btn="open"] .bar_02,
.btn_menu[data-btn="open"] .bar_03 {transition: transform 0.5s 0s, top 0.5s 0.5s, opacity 0.5s 0.5s;}
.btn_menu[data-btn="close"] .bar_01 {top: 16px; transform: rotate(45deg);}
.btn_menu[data-btn="close"] .bar_02 {opacity: 0;}
.btn_menu[data-btn="close"] .bar_03 {top: 16px; transform: rotate(-45deg);}
.btn_menu[data-btn="close"] .bar_01,
.btn_menu[data-btn="close"] .bar_02,
.btn_menu[data-btn="close"] .bar_03 {transition: transform 0.5s 0.5s, top 0.5s 0s, opacity 0.5s 0s;}
/* layer 메뉴 */
.layer_menu {display: none; position: fixed; top: 0; right: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); padding-top: 64px; clip-path: circle(0% at 100% 0%); transition: clip-path 0.6s ease-in-out; z-index: 99; pointer-events: none; /* 비활성화 */ background-color: #222; color: #fff; }
.layer_menu.active {clip-path: circle(150% at 100% 0%); /* 오른쪽 상단에서 커지도록 */ pointer-events: auto;}
.layer_menu .user_wrap {display: flex; align-items: center; padding: 2.5rem 2rem 1.833rem; gap: 1rem;}
.layer_menu .user_wrap .flex_wrap {position: relative; display: flex; align-items: center; width: 100%; gap: 1.33rem;}
.layer_menu .user_wrap .flex_wrap::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 2.667rem; height: 2.667rem; background: url(/front/images/common/ico_arrow_right_white.svg) no-repeat center/100% auto;}
.layer_menu .user_wrap figure {width: 4.667rem; height: 4.667rem; background: url(/front/images/common/ico_clab.svg) no-repeat center/70% auto var(--primary-color); border-radius: 50%;}
.layer_menu .user_wrap h6 {font-size: 1.33rem; font-weight: 700; line-height: 138%;}
.layer_menu .user_wrap p {display: flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem; font-size: 1rem; font-weight: 500; color: rgba(255, 255, 255, 0.60); line-height: 150%;}
.layer_menu .user_wrap p::after {content: ""; width: 1rem; height: 1rem; background: url(/front/images/common/ico_arrow_right_white.svg) no-repeat center/100% auto; opacity: 0.6;}
.layer_menu .user_wrap[data-login="true"] .flex_wrap::after {background: url(/front/images/common/ico_pen.svg) no-repeat center/100% auto rgba(255, 255, 255, 0.10); border-radius: 50%;}
/*gnb - mo*/
.layer_menu .depth_01 >li {padding: 0 2.667rem; border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.layer_menu .depth_01 >li >a {font-family: 'PaperlogyOnlyAlphaNum'; display: flex; align-items: center; width: 100%; height: 6.667rem; font-size: 1.833rem; font-weight: 700;}
/*파트너 헤더*/
#header[data-layout="partner"] .logo_partner {height: 42px;}
/*알림 헤더*/
#header[data-layout="notif"] .btn_prev,
#header[data-layout="notif"] .btn_setting {display: block; width: 32px; height: 32px;}
#header[data-layout="notif"] .btn_prev {background: url(/front/images/etc/ico_arrow.png) no-repeat center/100% auto}
#header[data-layout="notif"] .btn_setting {background: url(/front/images/etc/ico_settings.png) no-repeat center/100% auto}
@media screen and (max-width:1024px) {
    #header {height: 64px; backdrop-filter: unset; background-color: #fff;}
    #header .logo_wrap .logo {height: 21px;}
    #header .gnb_pc {display: none;}
    #header .only_mo {display: flex; align-items: center; gap: 12px;}
    #header[data-layout="partner"] .logo_partner {height: 29px;}
}/* md */
/* --------------------------------header end-------------------------------- */


/* --------------------------------footer-------------------------------- */
#footer {width: 100%; padding: 3.75rem 0 5rem; background: url(/front/images/common/footer_bg.svg) no-repeat center calc(100% + 2rem)/auto 70% #fff; color: #444;letter-spacing: -0.02rem;}
#footer .inner {display: flex; justify-content: space-between; align-items: center;}
#footer .left {flex: auto;}
#footer .fnb {margin-bottom: 2rem;}
#footer .fnb ul {display: flex; gap: 0.75rem; flex-wrap: wrap;}
#footer .fnb li {display: flex; gap: 0.75rem; align-items: center;}
#footer .fnb li:last-child {font-weight: 600;}
#footer .fnb a {padding: 0.5rem 0; font-size: 0.875rem;}
#footer .mid{display: flex; flex-wrap: wrap; column-gap: 5.625rem;}
#footer h2 {margin-bottom: 0.75rem; font-size: 1rem; font-weight: 600; color: #F77;}
#footer .info {display: flex; flex-wrap: wrap; gap: 0.5rem 2.5rem; max-width: 500px; margin-bottom: 2rem;}
#footer .info li {display: flex; gap: 0.75rem; font-size: 0.875rem; line-height: 140%;}
#footer .info h3 {font-weight: 600;}
#footer h4 {font-size: 0.875rem; color: #666; font-weight: 400;}
#footer .right {padding: 1.5rem; border-radius: 1rem;background: rgba(249, 187, 100, 0.12);backdrop-filter: blur(10px);}
#footer h5 {display: flex; align-items: center; gap: 0.25rem; font-size: 1rem; font-weight: 500;}
#footer h5 span {font-size: 1.5rem; font-weight: 700; color: #F77;}
#footer .btn_wrap {margin-top: 1rem;}
#footer .btn_ask {display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 23.75rem; height: 3.5rem; font-size: 1rem; font-weight: 600; color: #fff; border-radius: 0.75rem; background: linear-gradient(90deg, #F77 0%, #F9BB64 100%);}
#footer .btn_ask::before {content: ""; display: block; width: 1.5rem; height: 1.5rem; background: url(/front/images/common/ico_kakao_white.svg) no-repeat center/100% auto;}
@media screen and (max-width:900px){
    #footer .inner {flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 3.33rem;}
}/* md */
@media screen and (max-width:767px) {
    #footer {padding: 2.66rem 0 6.66rem; background-size: 100% auto; background-position: center bottom;}
    #footer .fnb {margin-bottom: 2.66rem;}
    #footer .fnb a {font-size: 1rem;}
    #footer .fnb ul,
    #footer h2 {margin-bottom: 1rem; font-size: 1.167rem;}
    #footer .info {flex-direction: column; margin-bottom: 2rem;}
    #footer .info li {gap: 1rem; font-size: 1rem;}
    #footer h4 {font-size: 1rem;}
    #footer .right {width: 100%;}
    #footer h5 {flex-wrap: wrap; gap: 0.35rem 0.25rem; padding: 0 0.66rem; font-size: 1.167rem;}
    #footer h5 span {font-size: 1.667rem;}
    #footer .btn_wrap {margin-top: 1.33rem;}
    #footer .btn_ask {width: 100%; height: 4rem; font-size: 1.167rem;}
}/* sm */
/* --------------------------------footer end-------------------------------- */


/* --------------------------------sub_vis-------------------------------- */
.sub_vis {position: relative; width: 100%; height: 500px; padding: 0; margin-top: -90px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.sub_vis .text_wrap {font-family: 'PaperlogyOnlyAlphaNum'; position: absolute; left: 50%; top: 50%; width: 92%; max-width: 1320px; transform: translate(-50%,-40%); display: flex; flex-direction: column; gap: 1.25rem;}
.sub_vis h2 {font-size: 1.25rem; color: rgba(255, 255, 255, 0.60); line-height: 150%; font-weight: 800;}
.sub_vis p {font-size: 2.875rem; font-weight: 800; color: #fff; line-height: 130%;}
@media screen and (min-width:500.1px) {
    .sub_vis .text_wrap[data-align="center"] {text-align: center;}
}/* sm ~ */
@media screen and (max-width:1024px) {
    .sub_vis {height: 400px; margin-top: 0;}
    .sub_vis .text_wrap {transform: translate(-50%,-50%);}
}/* md */
@media screen and (max-width:767px) {
    .sub_vis p {font-size: 2.667rem;}
}/* sm */
@media screen and (max-width:500px) {
    .sub_vis {height: 320px;}
    .sub_vis .text_wrap {top: auto; bottom: calc((48 / 320) * 100%);; transform: translate(-50%,0); gap: 1.667rem;}
}/* xs */
/* --------------------------------sub_vis end-------------------------------- */


/* --------------------------------no content sec-------------------------------- */
.no_cont_sec {padding: 10.625rem 0 11.875rem;}
.no_cont_sec .logo {width: 15rem; margin: 0 auto;}
.no_cont_sec .logo img {display: block; width: 100%;}
.no_cont_sec .text_wrap {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1rem; margin-top: 2.5rem; text-align: center; color: #222; }
.no_cont_sec .title {font-size: 2.25rem; font-weight: 800; line-height: 134%;}
.no_cont_sec .desc {font-size: 1.125rem; font-weight: 500; line-height: 144%;}
@media screen and (max-width:1024px) {
    .no_cont_sec {padding: 8.33rem 0 10rem;}
    .no_cont_sec .title {font-size: 2.167rem;}
    .no_cont_sec .desc {font-size: 1.33rem;}
}/* md */
/* --------------------------------no content sec end-------------------------------- */


/* --------------------------------2box layout------------------------------ */
.cont_box_wrap{text-align: center; font-weight: 500; font-size: 1rem; line-height: 150%;}
.cont_box_wrap .btn_wrap{margin-top: 0;}
.cont_box_wrap [class^="box_"]{border: 2px solid #222; background-color: #fff;}
.cont_box_wrap [class^="box_"]:not(:last-child){margin-bottom: 1rem;}
.cont_box_wrap .box_01 {padding: 2.5rem;}
.cont_box_wrap figure{width: 100%; height: 0; padding-bottom: calc(100% * (238 / 580)); background: url(/front/images/common/clab_motion.gif) no-repeat center/contain;}
.cont_box_wrap .clab_lottie{width: 14.875rem; height: 14.875rem;}
.cont_box_wrap .tit_wrap{display: flex; flex-direction: column; align-items: center; gap: 0.8rem;}
.cont_box_wrap .camp_name,
.cont_box_wrap .purple{color: var(--primary-color);}
.cont_box_wrap .box_02 {padding: 3rem 2.5rem; display: flex; flex-direction: column; gap: 1.5rem;}
.cont_box_wrap .cont_wrap{margin: 2rem 0 2.5rem;}
.cont_box_wrap .btn_list{display: flex; justify-content: center; gap: 1rem;}
.cont_box_wrap .btn_list li{display: flex; align-items: center; cursor: pointer; flex: 1;}
@media screen and (max-width: 767px) {
    .cont_box_wrap [class^="box_"]{border: none;}
}
/* --------------------------------2box layout end------------------------------ */


/* --------------------------------form-------------------------------- */
.form_wrap .tit_wrap {margin-bottom: 1.5rem; display: flex; justify-content: space-between; align-items: flex-start;}
.form_wrap .tit_wrap .btn_wrap{margin-top: 0;}
.form_wrap .form_tit {font-size: 1.5rem; font-weight: 700; font-family:'Paperlogy', sans-serif; line-height: 134%; color: #222;}
.form_wrap .form_desc {margin-top: 0.25rem; font-size: 1rem; color: #888; font-weight: 500; line-height: 150%;}
.form_wrap .error {display: block; margin-top: 0.75rem; font-size: 1rem; color: #F77;}
.form_wrap .form_list .input_wrap {position: relative;}
.form_wrap .form_list >li:not(:last-child) {margin-bottom: 2rem;}
.form_wrap .form_list h6 {margin-bottom: 1.25rem; font-size: 1rem; line-height: 150%;}
.form_wrap:nth-child(1) .form_list h6 {font-weight: 700;}
/*글자수*/
.charNum {position: absolute; right: 1rem; bottom: 1rem; font-size: 0.875rem; color: #aaa; font-family:'Pretendard', sans-serif;}
@media screen and (max-width:1024px) {
    .form_wrap .error {font-size: 1.125rem;}
    .form_wrap .form_list h6 {margin-bottom: 0.833rem;}
}/* md */
@media screen and (max-width: 767px){
    .form_wrap .tit_wrap{flex-direction: column; gap: 1rem;}
}
/* --------------------------------form end-------------------------------- */


/* --------------------------------input-------------------------------- */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {width: 100%; height: 3.5rem; padding: 0 1.5rem; border:none; background-color: #F8F8F8; font-size: 0.875rem;}
textarea {padding: 1.25rem 1.5rem 2.5rem; height: auto; resize: none;}
input::placeholder {color:#888;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input[type="number"] {appearance:textfield; -moz-appearance:textfield;}
/*file input*/
.file_wrap {display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; height: 3.5rem; padding: 0 0.5rem 0 1.5rem; background-color: #f8f8f8;}
.file_wrap .file_name {color: #aaa; font-size: 0.875rem;}
.file_wrap .file_btn {padding: 0.625rem 1.25rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 700; background-color: #222; color: #fff; cursor: pointer;}
.file_wrap input[type="file"] {display: none;}
.file_desc {margin-top: 0.75rem; font-size: 0.875rem; color: #888; font-weight: 500; font-family: 'Pretendard', sans-serif;}
/*address*/
.address_wrap li {position: relative;}
.address_wrap li:not(:last-child) {margin-bottom: 0.75rem;}
.address_wrap .btn_address {position: absolute; right: 0.5rem; top: 50%; padding: 0.625rem 1.25rem; transform: translateY(-50%); border-radius: 0.25rem; font-size: 0.875rem; font-weight: 700; background-color: #222; color: #fff;}
@media screen and (max-width:1024px) {
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    textarea,
    .file_wrap .file_name,
    .file_wrap .file_btn,
    .file_desc,
    .address_wrap .btn_address {font-size: 1rem;}
}/* md */
/* --------------------------------input end-------------------------------- */


/* --------------------------------check box custom------------------------------ */
/*체크박스*/
.ck_list[data-layout="all"] {margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #CCC}
.ck_list li:not(:last-child) {margin-bottom: 1rem;}
.ck_list .chk_wrap {position: relative;}
.ck_list .chk_wrap input[type="checkbox"] {position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; z-index:0; appearance:none;}
.ck_list .chk_wrap input[type="checkbox"] + label {padding-left:calc(1.25rem + 0.5rem); vertical-align: middle; font-weight:500; color: #666; font-size: 1rem; font-family: 'Pretendard', sans-serif;}
.ck_list .chk_wrap input[type="checkbox"] + label span {position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; cursor:pointer; box-sizing:border-box; border:1px solid #E4E4E4;}
.ck_list .chk_wrap input[type="checkbox"]:checked + label {color: #222;}
.ck_list .chk_wrap input[type="checkbox"]:checked + label span {background:url(/front/images/common/ico_ckbox.svg) no-repeat center top 0.3rem/0.75rem auto var(--primary-color); border:1px solid var(--primary-color);}
.ck_list .btn_popup[data-layout="text"] {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0.875rem; color: #aaa; line-height: 150%; border-bottom: 1px solid #aaa;}
/*라디오*/
.radio_list li:not(:last-child) {margin-bottom: 1rem;}
.radio_list .radio_wrap {position: relative;}
.radio_list .radio_wrap input[type="radio"] {position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; z-index:0; appearance:none}
.radio_list .radio_wrap input[type="radio"] + label {padding-left:calc(1.25rem + 0.5rem); vertical-align:middle; font-weight:500; color: #666; font-size: 1rem; font-family: 'Pretendard', sans-serif;}
.radio_list .radio_wrap input[type="radio"] + label span {position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; border-radius:50%; cursor:pointer; box-sizing:border-box; border:1px solid #E4E4E4;}
.radio_list .radio_wrap input[type="radio"]:checked + label {color: #222;}
.radio_list .radio_wrap input[type="radio"]:checked + label span {background:url(/front/images/common/ico_radio_pink.svg) no-repeat center/100% auto; border: none; border-radius: 0;}
@media screen and (max-width: 1024px) {
    .ck_list li:not(:last-child) {margin-bottom: 1.33rem;}
    .ck_list .chk_wrap input[type="checkbox"] + label,
    .radio_list .radio_wrap input[type="radio"] + label {font-size: 1.125rem; padding-left:calc(1.5rem + 0.5rem);}
    .ck_list .chk_wrap input[type="checkbox"] + label span,
    .radio_list .radio_wrap input[type="radio"] + label span {width: 1.5rem; height: 1.5rem;}
    .ck_list .chk_wrap input[type="checkbox"]:checked + label span {background-size: 0.875rem auto;}
}
/* --------------------------------check box custom end------------------------------ */


/* --------------------------------tab------------------------------ */
.tab_menu_wrap{display: flex; gap: 1.5rem; align-items: center;}
.tab_menu{position: relative; margin-bottom: 1rem; font-size: 1.125rem; font-weight: 700; line-height: 155%; cursor: pointer; font-family: Paperlogy;}
.tab_menu.active{color: var(--primary-color);}
.tab_menu.active::after{display: block; content: ""; width: 100%; height: 0.188rem; background-color: var(--primary-color); position: absolute; bottom: -0.4rem; left: 0;}
.tab_content {display: none;}
.tab_content.active {display: flex; flex-direction: column; gap: 16px;}
/* --------------------------------tab end------------------------------ */


/* --------------------------------popup common------------------------------ */
.popup {display:table; width:100%; height:calc(var(--var, 1vh) * 100); position:fixed; left:0; top:0; z-index:150;}
.popup .bg {width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5);}
.popup .out_layer_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup .in_layer_box {display:inline-block; width:94%; max-width:540px; position:relative; z-index:10; background-color:#fff; padding: 4.5rem 3rem 3rem; border: 2px solid #222;}
.popup .btn_close{position:absolute; right:1rem; top:1rem; width:2.5rem; height:2.5rem; background:url(/front/images/common/ico_x_black.svg) no-repeat center center / 100% auto;}
.popup .pop_tit_wrap {margin-bottom: 2rem;}
.popup .pop_tit {font-size: 1.5rem; color: #222; font-weight: 800; font-family: 'Paperlogy', sans-serif; line-height: 133%; text-align: left;}
.popup .cont_wrap {max-height: 50vh; overflow-y: auto; text-align: left;}
.popup .btn_wrap {margin-top: 1.75rem;}
/*얼럿*/
.popup[data-type="alert"] .in_layer_box {max-width: 400px; padding: 2.5rem 2rem 2rem;}
.popup[data-type="alert"] .pop_tit_wrap {margin-bottom: 0;}
.popup[data-type="alert"] .pop_tit { font-size: 1.125rem; font-weight: 500; font-family: 'Pretendard', sans-serif; line-height: 144%; text-align: center;}
.popup[data-type="alert"] .btn_wrap {margin-top: 1.5rem;}
/* 개인정보처리, 이용약관 팝업 내부 연동 시 */
.popup_agree .in_layer_box {max-width:920px; padding:0; border-radius:0.938rem; overflow:hidden;}
.popup_agree .btn_close {position:absolute; right:1rem; top:1rem; width:2.5rem; height:2.5rem; background:url(/front/images/common/ico_x_black.svg) no-repeat center center / 100% auto;}
.popup_agree .title_wrap {padding:2.5rem; text-align:left; border-bottom:1px solid #BFBFBF; margin-bottom: 0;}
.popup_agree .title_wrap .title {font-size:1.875rem; font-weight:800; color:#222; font-family:'Nanumsquare', sans-serif;}
.popup_agree .title_wrap .sub_title {margin-top:1rem; color:#888; font-weight:300;}
.popup_agree .cont_wrap {max-height:26.125rem; padding:2.5rem; text-align:left; overflow-y:auto;}
.popup_agree .cont_wrap p {font-weight:300; line-height:160%;}
.popup_agree .cont_wrap .desc {margin-bottom:5rem;}
.popup_agree .cont_wrap .next {margin-bottom:5rem; text-align:center; font-weight:300;}
.popup_agree .text_wrap:not(:last-of-type) {margin-bottom:2rem;}
.popup_agree .text_wrap h6 {margin-bottom:1rem; font-size:1.375rem; font-weight:700;}
.popup_agree .btn_wrap {width:100%; padding:2rem 2.5rem;}
.popup_agree .btn_popup_close {border-radius:1rem; display:block; width:100%; padding:1.3rem 0; color:#444; text-align:center; font-size:1.125rem; font-weight:700; line-height:100%; border:1px solid #bfbfbf;}
/*qr팝업*/
#popup_qr .qrcode {width: 11.25rem; margin: 0 auto 1rem;}
#popup_qr p {text-align: center; font-size: 1rem; color: #222; line-height: 150%; font-weight: 500;}
/*공유하기 팝업*/
#popup_share .in_layer_box {padding-bottom: 4rem;}
#popup_share .pop_tit {text-align: center;}
#popup_share .pop_txt{margin-top: 0.5rem; font-size: 1rem; line-height: 150%; font-weight: 500;}
#popup_share .sns_wrap {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-template-areas: "facebook kakao x link" "linkedin naver band more"; justify-content: center; gap: 0.5rem 0.5rem; padding: 0 3.25rem;}
#popup_share .sns_wrap li {flex: 5rem 0 0;}
#popup_share .sns_wrap a {display: block; width: 100%; padding-bottom: 100%;}
#popup_share .sns_wrap .btn_facebook {grid-area: facebook; background: url(/front/images/common/ico_facebook.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_kakao {grid-area: kakao; background: url(/front/images/common/ico_kakao.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_x {grid-area: x; background: url(/front/images/common/ico_x.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_band {grid-area: band; background: url(/front/images/common/ico_band.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_naver {grid-area: naver; background: url(/front/images/common/ico_naver.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_linkedin {grid-area: linkedin; background: url(/front/images/common/ico_linkedin.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_link {grid-area: link; background: url(/front/images/common/ico_link.png) no-repeat center/100% auto;}
#popup_share .sns_wrap .btn_more {grid-area: more; background: url(/front/images/common/ico_more.png) no-repeat center/100% auto;}

/* 박수모션 팝업 */
.popup_clabAni .in_layer_box {padding: 1.5rem 2rem 4rem;}
.popup_clabAni .clab_lottie{width: 14.875rem; height: 14.875rem; margin: 0 auto;}
.popup_clabAni .pop_tit_wrap {margin-bottom: 0.5rem;}
.popup_clabAni .pop_tit {text-align: center;}
.popup_clabAni .cont_wrap {text-align: center;}
.popup_clabAni .cont_wrap p {font-size: 1rem; line-height: 150%;}
/* 딤드 폭죽효과 */
.popup_clabAni .confetti_fx{position: absolute; inset: 0; pointer-events: none; z-index: 2;}
.popup_clabAni .confetti_fx span{position: absolute; will-change: transform, opacity;}
.popup_clabAni .confetti_fx span i {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;/* animation: sway 1.6s cubic-bezier(.25,.1,.25,1) infinite;*/}
@keyframes sway {
    0%   { transform: translateX(-6px); }
    50%  { transform: translateX(6px); }
    100% { transform: translateX(-6px); }
}

/*선정안내팝업*/
/*#popup_banner .bg{display: none;}*/
#popup_banner .in_layer_box{max-width: 510px;}
#popup_banner .pop_tit_wrap{display: flex; align-items: center; justify-content: center;}
#popup_banner .pop_tit_wrap figure{width: 8.75rem; height: 2.563rem; background: url(/front/images/common/logo.svg) no-repeat center/100% auto;}
#popup_banner .cont_wrap{background-color: #f8f8f8; padding: 1.5rem; text-align: center;}
#popup_banner .cont_wrap p{font-size: 1rem; font-weight: 500; line-height: 150%; font-family: 'Pretendard', sans-serif;}
#popup_banner .cont_wrap p span{font-weight: 700;}
#popup_banner .ck_list{margin-top: 1.5rem; display: flex; align-items: center; justify-content: center;}
#popup_banner .ck_list .chk_wrap{width: fit-content;}

@media screen and (min-width: 767.1px) {
    .popup .in_layer_box[data-size="lg"] {max-width: 960px;}
    .popup .in_layer_box[data-size="sm"] {max-width: 510px;}
}/* md */
@media screen and (max-width: 1024px) {
    .popup .in_layer_box {padding:4.063rem 2.375rem 3.75rem 2.375rem;}
}/* md */
@media screen and (max-width:767px) {
    .popup .in_layer_box {max-width: 312px;}
    .popup[data-type="alert"] .in_layer_box {max-width: 300px;}
    .popup[data-type="alert"] .pop_tit{font-size: 1.25rem;}
    /* 개인정보처리, 이용약관 팝업 내부 연동 시 */
    .popup_agree .title_wrap {padding:1.75rem;}
    .popup_agree .title_wrap .title {font-size:1.3rem;}
    .popup_agree .cont_wrap {padding:1.75rem;}
    .popup_agree .cont_wrap .desc {margin-bottom:3rem;}
    .popup_agree .btn_wrap {padding:1.75rem;}
    .popup_agree .btn_close {right:1.25rem; top:1.25rem; width:1.25rem; height:1.25rem;}
    /*qr팝업*/
    #popup_qr .qrcode {width: 10rem;}
    #popup_qr p {font-size: 1.125rem;}
    /*공유하기 팝업*/
    #popup_share .sns_wrap {max-width: 148px;  margin: 0 auto; grid-template-rows: repeat(4, 1fr); grid-template-columns: repeat(2, 1fr); grid-template-areas: "facebook kakao" "x linkedin" "naver band" "link more"; padding: 0;}
    #popup_share .sns_wrap li {flex: calc((100% - (0.5rem * 1))/2);}
    /*박수모션*/
    .popup_clabAni .in_layer_box{padding: 1rem 1rem 3rem;}
    /*선정안내팝업*/
    #popup_banner .in_layer_box{max-width: 320px;}
}
/* --------------------------------popup common end------------------------------ */


/* --------------------------------popup_signup ----------------------------- */
.popup_signup .in_layer_box{max-width:920px; padding:0; border-radius:0.938rem; overflow:hidden}
.popup_signup .btn_close{position:absolute; right:1rem; top:1rem; width:1rem; height:1rem; background:url(/front/images/campaign/ico_times.svg) no-repeat center center/100% auto}
.popup_signup .title_wrap{margin-bottom: 0;padding:2.5rem; text-align:left; border-bottom:1px solid #BFBFBF}
.popup_signup .title_wrap .title{font-size:1.875rem; font-weight:800; color:#222; font-family:'Nanumsquare', sans-serif}
.popup_signup .title_wrap .sub_title{margin-top:1rem; color:#888; font-weight:300}
.popup_signup .cont_wrap{max-height:26.125rem; padding:2.5rem; text-align:left; overflow-y:auto}
.popup_signup .cont_wrap p{font-weight:300; line-height:160%}
.popup_signup .cont_wrap .desc:not(:last-child){margin-bottom:5rem}
.popup_signup .cont_wrap .next{margin-bottom:5rem; text-align:center; font-weight:300}
.popup_signup .text_wrap:not(:last-of-type){margin-bottom:2rem}
.popup_signup .text_wrap h6{margin-bottom:1rem; font-size:1.375rem; font-weight:700}
.popup_signup .btn_wrap{width:100%; padding:2rem 2.5rem; margin-top: 0;}
.popup_signup .btn_popup_close{border-radius:1rem; display:block; width:100%; padding:1.3rem 0; color:#444; text-align:center; font-size:1.125rem; font-weight:700; line-height:100%; border:1px solid #bfbfbf}
.popup_signup .privacy_sec {padding: 2rem 0;}
/*약관 팝업 수정*/
.popup_signup_03 .table_wrap,
.popup_signup_04 .table_wrap {width: 100%; overflow-y: auto; margin: 1rem 0;}
.popup_signup_03 table,
.popup_signup_04 table {table-layout: fixed; width: 100%;  min-width: 600px;}
.popup_signup_03 table th,
.popup_signup_03 table td,
.popup_signup_04 table th,
.popup_signup_04 table td {padding: 1rem; border: 1px solid #E4E4E4; text-align: center; line-height: 140%;}
.popup_signup_03 table th,
.popup_signup_04 table th {font-weight: 600; background-color: #F8F8F8;}

.popup_signup_03 .cont_wrap .desc:not(:last-child),
.popup_signup_04 .cont_wrap .desc:not(:last-child) {margin-bottom: 1rem;}
@media screen and (max-width:767px){
    .popup_signup .in_layer_box{max-width:320px}
    .popup_signup .title_wrap{padding:1.75rem}
    .popup_signup .title_wrap .title{font-size:1.3rem}
    .popup_signup .cont_wrap{padding:1.75rem}
    .popup_signup .cont_wrap .desc{margin-bottom:3rem}
    .popup_signup .btn_wrap{padding:1.75rem}
    .popup_signup .btn_close{right:1.25rem; top:1.25rem; width:1.25rem; height:1.25rem}
}/* sm */
/* --------------------------------popup_signup  end----------------------------- */



/* --------------------------------리스트 데이터 없음------------------------------ */
ul li.no_data ,
div.no_data {flex: 1; text-align: center;}
.swiper-slide.no_data {width: 100% !important; margin: 0 !important; text-align: center;}
.no_data_msg {background-color: #f8f8f8; padding: 4rem 0;}
.no_data_msg p{color: #222; font-family: 'Paperlogy', sans-serif; font-size: 1.875rem; font-weight: 800; line-height: 140%;}
/* --------------------------------리스트 데이터 없음 end------------------------------ */


@media screen and (max-width:1024px) {
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
}/* sm */
@media (hover:hover) {
}/* hover */