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

/* --------------------------------reset-------------------------------- */
[lang="ko"] {word-break:break-all}
* {margin:0; padding:0; box-sizing:border-box; font:inherit; color:inherit; flex-shrink:0; outline:none}
html, body {font-size:16px; color:#161616; letter-spacing:-0.02em}
html, body, button, input, select, table, textarea {font-family:'Pretendard', 'Outfit', 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 {display:block; 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}
/*:focus {outline:2px dashed #222}*/
/*:focus:not(:focus-visible) {outline:0}*/
/*@media only screen and (max-width:500px) {*/
/*    :focus {outline:2px dashed #222}*/
/*}*/
/*@media (pointer:coarse) {*/
/*    :focus {outline:0}*/
/*}*/
@media screen and (min-width:1024.1px) and (max-width:1280px) {
    html, body {font-size:15px}
}/* md1 */
@media screen and (min-width:767.1px) and (max-width:1024px) {
    html, body {font-size:14px}
}/* md2 */
@media screen and (max-width:767px) {
    html, body {font-size:13px}
}/* sm */
/* --------------------------------reset end--------------------------- */




/* --------------------------------common-------------------------------- */
/* layout */
#wrapper {text-size-adjust:none; -webkit-text-size-adjust:none}
#container {width:100%; overflow-x:hidden; margin-top:72px}
section {position:relative}
.inner {position:relative; width:88%; max-width:1440px; margin:0 auto}
@media screen and (max-width:767px) {
    #container {margin-top:96px}
}


/* contents */
.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}
.ellipse {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box}

@media screen and (max-width:1000px) {
    .ta {display:none}
}
@media screen and (min-width:767.1px) {
    .pc {display:block !important}
    .mo {display:none !important}
}
@media screen and (max-width:767px) {
    .pc {display:none !important}
    .mo {display:block !important}
}
/* --------------------------------common end-------------------------------- */




/* --------------------------------header-------------------------------- */
#header {background-color:#fff; position:fixed; top:0; transition:top .1s ease-in-out; width:100%; height:72px; display:block; z-index:100}
#header.hidden {top:-72px}
#header .inner {width:88%; max-width:1440px; height:100%; margin:0 auto; position:relative}
#header .logo {position:absolute; top:50%; left:0; transform:translateY(-50%); width:112px; height:32px; z-index:10}
#header .logo a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
#header .logo img {width:100%}
#header .gnb_group {position:absolute; top:50%; right:90px; transform:translateY(-50%); height:100%; z-index:10}
#header .gnb_list {display:flex; justify-content:space-between; flex-direction:row}
#header .depth_01 {height:100%; align-items:center}
#header .depth_01 > li {position:relative; height:100%; padding:0 50px}
#header .gnb_menu {display:flex; justify-content:center; align-items:center; height:100%; font-size:16px; line-height:24px; font-weight:700; color:#161616}
#header .active > .gnb_menu {color:#ED1B23}
#header .depth_02 {visibility:hidden; opacity:0; transition:all .1s ease-in-out; position:absolute; bottom:0; left:50%; transform:translate(-50%,100%); width:100%; text-align:center; z-index:10; flex-direction:column; gap:16px; padding:24px 0}
#header .depth_02 a {font-size:14px; line-height:20px; font-weight:400; color:#666; transition:all .2s ease-in-out}
#header .is_open .depth_02 {visibility:visible; opacity:1}
#header .menu_bg {position:fixed; left:50%; top:70px; width:100%; height:0; transform:translateX(-50%); z-index:9; transition:all .1s ease-in-out; color:transparent}
#header .menu_bg.on {height:176px; background-color:#fff; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#header .btn_mypage {position:absolute; top:50%; right:0; transform:translateY(-50%); width:24px; height:24px}
#header .btn_mypage img {width:100%}
#header .scroll_inner {display:none; opacity:0; visibility:hidden; position:fixed; top:39px; left:0; right:0; background-color:#fff; z-index:15; width:100%; padding:0 6%}
#header .scroll_inner ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:2.46rem}
#header .scroll_inner ul li:last-child {padding-right:6%}
#header .scroll_inner ul li a {padding:0 4px; display:block; position:relative; color:#9F9F9F; font-size:1.08rem; line-height:40px; font-weight:400; height:40px}
#header .scroll_inner ul li.active a {color:#161616; font-weight:700; border-bottom:1px solid #161616}
#header .active .scroll_inner {display:none}

@media (hover:hover) {
    #header .depth_01 li:hover a.gnb_menu{color:#ED1B23}
    #header .depth_02 li:hover a {font-weight:500; color:#161616}
}/* hover */



@media screen and (max-width:767px) {
    #header {height:96px; transition:top .2s ease-in-out}
    #header.hidden {top:-136px}
    #header .inner {width:100%}
    #header .logo {top:12px; left:4%; transform:none}
    #header .gnb_group {position:absolute; transform:translate(50%,0); height:40px; bottom:0; right:50%; top:unset; width:100%; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
    #header .depth_01 {justify-content:space-around}
    #header .depth_01 > li {padding:0}
    #header .gnb_menu {font-size:16px; line-height:24px; font-weight:400}
    #header .active > .gnb_menu {font-weight:500}
    #header .btn_mypage {top:16px; right:4%; transform:none}
    #header .depth_02,
    #header .menu_bg {display:none}
    #header .active .scroll_inner {opacity:1; visibility:visible; display:block; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-overflow-style:none; display:-webkit-inline-box; overflow-x:auto; scrollbar-width:none}
}/* sm */

/* --------------------------------header end-------------------------------- */

/* --------------------------------footer-------------------------------- */
#footer {padding:5rem 0; border-top:1px solid #EAEAEA}
#footer .logo {width:160px}
#footer .inner {width:88%; min-width:280px; max-width:1440px; height:100%; margin:0 auto; position:relative; display:flex; flex-direction:column; gap:3rem}
#footer .list_fnb {font-size:0}
#footer .list_fnb li {position:relative; display:inline-flex; align-items:center}
#footer .list_fnb li:not(:last-child)::after {content:""; margin:0 1rem; background-color:#161616; width:2px; height:2px; display:inline-block}
#footer .list_fnb a {font-size:.875rem; line-height:1.25rem; font-weight:500; color:#161616}
#footer .list_fnb b {font-weight:700}
#footer .list_info {font-size:0; margin:4rem 0 0}
#footer .list_info li:not(:last-child) {margin-bottom:4px}
#footer .list_info p {font-size:12px; line-height:16px; font-weight:400; color:#666; display:inline-flex; align-items:center; position:relative}
#footer .list_info p + p::before {content:""; margin:0 1rem; background-color:#EAEAEA; width:1px; height:10px; display:inline-block; vertical-align:middle}
#footer .aff_list {display:flex; flex-direction:row; justify-content:flex-end; gap:1.5rem}
#footer .aff_list a {display:block; width:auto; height:2rem}
#footer .aff_list a img {width:auto; height:100%}
#footer .f_site {width:100%; z-index:29}
#footer .btn_site {font-size:14px; line-height:48px; font-weight:500; display:block; padding:0; width:100%; height:48px; border-bottom:2px solid #161616; text-align:left; position:relative}
#footer .btn_site::after {content:''; display:block; width:16px; height:16px; position:absolute; right:0; top:50%; background:url(/front/images/common/arrow_swiper_bk.svg) center / 100% auto no-repeat; transform:rotate(90deg) translateX(-50%); transition:all .15s ease-in-out}
#footer .f_site.on .btn_site::after {transform:rotate(90deg) translateX(-50%) scaleX(-1)}
#footer .site_list {display:none; position:absolute; bottom:2.5rem; left:0; width:100%; padding:.625rem 0 .625rem 1.25rem; border:1px solid #eaeaea; background:#fff; box-sizing:border-box; max-height:9rem; overflow-y:auto}
#footer .f_site.on .site_list {display:block}
#footer .site_list a {display:block; font-size:12px; line-height:30px; font-weight:400; color:#161616}

@media (hover:hover) {
    #footer .site_list a:hover {color:#ED1B23}
}

@media screen and (min-width:900.1px) {
    #footer .logo {position:absolute; bottom:0; left:0}
    #footer .f_site {position:absolute; top:0; right:0; max-width:13.75rem}
}/* lg */
@media screen and (max-width:900px) {
    #footer {padding:4.3rem 0 72px; background-color:#F5F5F5}
    #footer .inner {gap:1.85rem}
    #footer .logo {width:112px}
    #footer .list_fnb a,
    #footer .list_info p {font-size:12px; line-height:16px}
    #footer .list_info {margin:1.23rem 0 0}
    #footer .aff_list {max-width:300px; flex-wrap:wrap; justify-content:flex-start; gap:18px 16px; margin-top:.6rem}
    #footer .aff_list li:nth-child(1) {order:1}
    #footer .aff_list li:nth-child(2) {order:3}
    #footer .aff_list li:nth-child(3) {order:2}
    #footer .aff_list li:nth-child(4) {order:4}
    #footer .site_list {bottom:3.69rem; max-height:13.5rem}
    #footer .site_list a {font-size:1.08rem; line-height:3rem}
    #footer .list_fnb li:not(:last-child)::after {margin:0 8px}
    #footer .list_info p + p::before{margin:0 8px}
}/* sm */

@media screen and (max-width:460px) {
    #footer .list_info li.list_mo {display:flex;flex-direction:column;gap:4px;}
    #footer .list_info li.list_mo p + p::before{display:none}
}/* sm */
/* --------------------------------footer 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(22,22,22,.6)}
.popup .out_layer_box {display:table-cell; text-align:center; vertical-align:middle}
.popup .in_layer_box {display:inline-block; width:88%; max-width:400px; position:relative; z-index:10; background-color:#fff; padding:2rem; border-radius:8px; overflow:hidden; box-shadow:0px 16px 16px rgba(0, 0, 0, 0.04); border:1px solid #EAEAEA}
.popup .popup_tit h2 {font-size:1.25rem; line-height:1.875rem; font-weight:700; color:#161616}
.popup .popup_tit p {font-size:1rem; line-height:1.5rem; font-weight:400; color:#161616; margin-top:.5rem}
.popup .popup_tit i,
.popup .popup_tit i.red {width:2.5rem; height:2.5rem; display:block; margin:0 auto 1rem; background:url(/front/images/common/ico_alert_rd.svg)center /100% auto no-repeat}
.popup .popup_tit i.green {width:2.5rem; height:2.5rem; display:block; margin:0 auto 1rem; background:url(/front/images/common/ico_alert_gn.svg)center /100% auto no-repeat}
.popup .btn_close {position:absolute; right:8px; top:8px; width:1.5rem; height:1.5rem; background:url(/front/images/common/ico_close.svg) no-repeat center center / 100% auto}
.popup .btn_wrap {margin:2rem auto 0; display:flex; justify-content:center; align-items:center; gap:8px}
.popup .btn_wrap [class^="btn_"] {display:inline-block; font-size:14px; line-height:20px; font-weight:500; padding:6px 16px; border-radius:30px; border:1px solid #EAEAEA}
.popup .btn_wrap [class^="btn_"].btn_color_01,
.popup .btn_wrap [class^="btn_"]:nth-child(2) {background-color:#161616; color:#fff}

.popup[class*="alert_"] .in_layer_box {max-width:400px}

@media screen and (max-width:767px) {
    .popup .in_layer_box {padding:1.85rem}
    .popup .popup_tit i {margin:0 auto 1.23rem}
    .popup .btn_wrap {margin:1.85rem auto 0}
}
/* --------------------------------popup common end-------------------------------- */

/* --------------------------------popup share------------------------------ */
.popup_share .in_layer_box {max-width:300px; padding:4rem}
.popup_share .share_wrap {display:flex; justify-content:center; align-items:center; margin:0 auto; gap:1.5rem}
.popup_share .share_wrap li {width:4rem; height:4rem; border-radius:100%; border:1px solid #EAEAEA}
.popup_share .share_wrap li:not(:last-child) {margin-right:0}
.popup_share .share_wrap li a {display:block; width:100%; height:100%}
/*.popup_share .btn_facebook {background:url(/front/images/common/ico_facebook.png) no-repeat center center/100% auto}*/
/*.popup_share .btn_kakao {background:url(/front/images/common/ico_kakao.png) no-repeat center center/100% auto}*/
/*.popup_share .btn_twitter {background:url(/front/images/common/ico_twitter.png) no-repeat center center/100% auto}*/
/*.popup_share .btn_url {background:url(/front/images/common/ico_url.png) no-repeat center center/100% auto}*/
.popup_share .btn_email {background:url(/front/images/common/ico_email.svg) no-repeat center center/100% auto}
.popup_share .btn_url {background:url(/front/images/common/ico_url.svg) no-repeat center center/100% auto}
/* --------------------------------popup share end-------------------------------- */




/* --------------------------------popup event -------------------------------- */
#popup_event .popup_wrap{display:flex;align-items:center;justify-content:center;position:fixed;left:5rem;top:6.875rem;width:450px;z-index:201;border-radius:8px;overflow:hidden}
#popup_event .popup_wrap .popup_inner{position:relative;width:100%;background:#fff;display:inline-block;top:0;left:0}
#popup_event .cont_box{text-align:center;width:100%;height:100%}
#popup_event .cont_box figure{background-size:cover;background-position:center center;width:100%;height:580px}
#popup_event .btn_box{position:relative;background-color:#FAFAFA;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}
#popup_event .btn_box .btn_popup_close{position:relative;width:1.2rem;height:1.2rem}
#popup_event .btn_box .btn_popup_close img{width:100%;height:100%}
#popup_event .check_box{width:auto;max-width:11.25rem;position:relative;text-align:center}
#popup_event input[type="checkbox"]{position:absolute;left:.2rem;top:.2rem;width:1rem;height:1rem;z-index:0;appearance:none}
#popup_event input[type="checkbox"] + label span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;cursor:pointer;box-sizing:border-box;border-radius:100%;background:url(/front/images/common/ico_ck_off.svg) no-repeat center /auto .5rem #9F9F9F}
#popup_event input[type="checkbox"]:checked + label span{background:url(/front/images/common/ico_ck_on.svg) no-repeat center /auto .5rem #ED1B23}
#popup_event input[type="checkbox"] + label{font-size:1rem;line-height:1.5rem;padding-left:1.8rem;color:#666;cursor:pointer;}

@media screen and (max-height:800px) {
    #popup_event .popup_wrap{width:360px;}
    #popup_event .cont_box figure{height:464px;}
}
@media screen and (max-width:1200px) {
    #popup_event .popup_wrap{left:4%}
}
@media screen and (max-width:768px) {
    #popup_event .popup_wrap{width:90%; max-width:450px}
    #popup_event .cont_box figure{height:auto;padding-bottom:128.889%;}
    #popup_event .popup_wrap{left:50%; transform:translateX(-50%);}
    #popup_event input[type="checkbox"] + label span,
    #popup_event .btn_box .btn_popup_close{width:1.5rem;height:1.5rem;}
}


/* --------------------------------popup event end-------------------------------- */




/* --------------------------------popup_expire_detail-------------------------------- */
.popup_expire_detail .list_camp{text-align: left;}
.popup_expire_detail .list_camp li{padding: 0.75rem 0; border-bottom: 1px solid #f0f0f0;}
.popup_expire_detail .camp_date{color: #888; font-size: 0.875rem;}
.popup_expire_detail .item_camp{margin-top: 0.8rem;}
.popup_expire_detail .camp_status_wrap{margin-bottom: 0.8rem;}
.popup_expire_detail .camp_tit{font-size: 1.125rem; font-weight: 600;}
.popup_expire_detail .camp_maker{margin-top: 0.3rem; font-size: 0.875rem;}
.popup_expire_detail .camp_price{margin-top: 0.8rem; font-size: 1.25rem; font-weight: 700;}
/* --------------------------------popup_expire_detail-------------------------------- */





/* --------------------------------component-------------------------------- */

/* ---------------- button ---------------- */
/* btn common */
[class*="btn_type_"] {display:flex; justify-content:center; align-items:center; gap:4px; width:100%; color:#000; background-color:transparent; font-weight:600; transition:background-color .2s,box-shadow .2s,color .2s; border-radius:8px; overflow:hidden}
[class*="btn_type_"] i {background-repeat:no-repeat; background-position:center; background-size:100% auto}
[class*="btn_type_"][data-size="s"] {width:100%; max-width:56px; height:32px; font-size:0.875rem; line-height:1.25rem; font-weight:500; border-radius:100px}
[class*="btn_type_"][data-size="m"] {width:100%; max-width:160px; height:48px; font-size:1rem; line-height:1.5rem; font-weight:500}
[class*="btn_type_"][data-size="l"] {width:100%; max-width:240px; height:64px; font-size:1.25rem; line-height:1.875rem; font-weight:500}
[class*="btn_type_"][data-size="xl"] {width:100%; max-width:326px; height:64px; font-size:1.25rem; line-height:1.875rem; font-weight:500}
[class*="btn_type_"][data-color="bk"] {background-color:#161616; color:#fff}
[class*="btn_type_"][data-color="gy"] {background-color:#D2D2D2; color:#F5F5F5}
[class*="btn_type_"][data-color="wh"] {background-color:#fff; color:#161616; border:1px solid #161616}
[class*="btn_type_"][data-color="wg"] {background-color:#fff; color:#3C3C3C; border:1px solid #EAEAEA}
[class*="btn_type_"][data-color="rd"] {background-color:#ED1B23; color:#fff}
[class*="btn_type_"][data-color="gr"] {background-color:#064975; color:#fff}
[class*="btn_type_"][data-color="bw"] {background-color:#fff; color:#161616; border:1px solid #161616; position:relative}
/*[class*="btn_type_"][data-color="bw"]::before {content:''; width:50%; height:100%; background-color:#161616; position:absolute; top:0; left:0; z-index:0}*/
/*[class*="btn_type_"][data-color="bw"] > * {position:relative; z-index:1; width:50%}*/
/*[class*="btn_type_"][data-color="bw"] i {display:block; width:24px; height:24px; background-image:url(/front/images/common/ico_like_off_wh.svg)}*/
/*[class*="btn_type_"][data-color="bw"].active i {background-image:url(/front/images/common/ico_like_on.svg)}*/
/*[class*="btn_type_"][data-color="bw"] span {display:flex; justify-content:center; align-items:center; gap:8px; position:relative; z-index:1; width:50%; color:#fff}*/
[class*="btn_type_"][data-color="bk"] span.text {font-size:14px; line-height:20px; font-weight:500; display:block; color:#fff}
[class*="btn_type_"][data-color="bk"] span.text b {color:#ED1B23}

[class*="btn_type_"][data-ico="none"]::after {display:none}
[class*="btn_type_"][data-color="bk"][data-ico="more"]::after {content:""; display:block; background:url(../images/common/ico_more_wh.svg) no-repeat center/100% auto; width:20px; height:20px}
[class*="btn_type_"][data-color="wh"][data-ico="more"]::after {content:""; display:block; background:url(../images/common/ico_more.svg) no-repeat center/100% auto; width:20px; height:20px}
@media screen and (max-width:767px) {
    [class*="btn_type_"][data-size="s"] {font-size:1.08rem; line-height:1.54rem}
    [class*="btn_type_"][data-size="m"] {max-width:unset; height:32px}
    [class*="btn_type_"][data-size="l"] {font-size:1.23rem; line-height:1.54rem; max-width:unset; height:64px}
    [class*="btn_type_"][data-size="xl"] {font-size:1.23rem; line-height:1.54rem; max-width:unset; height:64px}
    /*[class*="btn_type_"][data-color="bk"] {border:none; background-color:#161616; color:#fff}*/
    /*[class*="btn_type_"][data-color="bk"] span:not(.text) {display:none}*/
    /*[class*="btn_type_"][data-color="bk"] span.text {display:block; width:100%}*/
    /*[class*="btn_type_"][data-color="bk"] span.text,*/
    /*[class*="btn_type_"][data-color="bk"] span.text b {color:#fff}*/
    /*[class*="btn_type_"][data-color="bw"]::before {display:none}*/
    [class*="btn_type_"][data-color="bk"] span.text{font-size:12px;line-height:16px}
}

/* btn disabled */
.btn_wrap.disabled {position:relative}
.btn_wrap.disabled::after {content:''; display:block; position:absolute; top:0; right:50%; transform:translate(50%,0); z-index:10; width:100%; height:64px}
.btn_wrap.disabled [class*="btn_type_"] {background-color:#D2D2D2; color:#F5F5F5}
@media screen and (max-width:767px) {
    .btn_wrap.disabled::after {height:48px}
    .btn_wrap [class*="btn_type_"] {flex:1 0 0}
}

/* btn group */
[class*="btn_group_"] {width:100%; height:3.5rem; display:flex; flex-direction:row; justify-content:space-between; border-top:1px solid #EAEAEA; /*border-radius:0 0 30px 30px; */}
[class*="btn_group_"] button {flex:1 0 0; position:relative}
[class*="btn_group_"] button:not(:last-child) {border-right:1px solid #EAEAEA}
[class*="btn_group_"] [class*="btn_"] {width:100%; height:100%; display:flex; justify-content:center; align-items:center; gap:.5rem; flex-direction:row}
[class*="btn_group_"] [class*="btn_"] i {width:1.25rem; height:1.25rem; display:block; background-repeat:no-repeat; background-position:center; background-size:100% auto}
[class*="btn_group_"] [class*="btn_"] span {font-size:1rem; line-height:1.5rem; font-weight:500}
[class*="btn_group_"] .btn_like i {background-image:url(/front/images/common/ico_like_off.svg)}
[class*="btn_group_"] .btn_like.active i {background-image:url(/front/images/common/ico_like_on.svg)}
[class*="btn_group_"] .btn_cmmt i {background-image:url(/front/images/common/ico_cmmt.svg)}
[class*="btn_group_"] .btn_share i {background-image:url(/front/images/common/ico_share.svg)}
[class*="btn_group_"] [class*="btn_"].active span {color:#ED1B23}
[class*="btn_group_"] .cmmt span {font-size:.875rem; line-height:1.25rem}
@media screen and (max-width:767px) {
    [class*="btn_group_"] {height:48px}
}

/* btn more */
.btn_more {width:100%; max-width:160px; height:48px; font-size:1rem; font-weight:500; color:#3C3C3C; display:flex; justify-content:center; align-items:center; gap:4px; border:1px solid #EAEAEA; border-radius:8px; margin:2.5rem auto 2.5rem}
.btn_more::after {content:''; display:inline-block; width:1rem; height:1rem; background:url("/front/images/common/ico_more.svg") center / 100% auto no-repeat}

/* btn top */
#btn_top {position:fixed; right:2rem; bottom:1.5rem; z-index:50; width:3.5rem; height:3.5rem; display:block; border:none; background-color:transparent; border-radius:100%; background:url(/front/images/common/ico_top.svg) center / 24px auto no-repeat #161616}
@media screen and (max-width:1024px) {

}/* md */
@media screen and (max-width:767px) {
    #btn_top {bottom:calc(64px + 1rem); right:1rem}
}/* md */


/* btn floating */
.btn_group_fab {box-shadow:0 -4px 6px rgba(0, 0, 0, 0.05); border-top:none}
.btn_group_fab li {flex:auto}
.btn_group_fab li:not(:last-child) {border-right:none}
.btn_group_fab li:first-child::after {content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:32px; background-color:#EAEAEA}
.btn_group_fab li:last-child {width:calc(230/360*100%); background-color:#161616; color:#fff}
.btn_group_fab li.disable {background-color:#D2D2D2; color:#F5F5F5}
.btn_group_fab li.cmmt {color:#D2D2D2}
.btn_group_fab li.cmmt b {color:#fff}
.btn_group_fab [class*="btn_"] {flex-direction:column; padding:10px 0; gap:4px}
.btn_group_fab [class*="btn_"] i {width:16px; height:16px}
.btn_group_fab [class*="btn_"] span {font-size:14px; line-height:20px}
.btn_group_fab li:last-child [class*="btn_"] span {font-size:16px; line-height:24px}
/* .btn_group_fab li.cmmt  [class*="btn_"] span {font-size:14px; line-height:20px}*/

/* btn inner */
.btn_group_inner {width:100%; border:none}
.btn_group_inner li {width:50%}
.btn_group_inner li:first-child span {font-size:20px; line-height:30px; font-weight:500}
.btn_group_inner li:last-child {display:inline-flex; justify-content:center; align-items:center}
.btn_group_inner li:last-child span {font-size:14px; line-height:20px; font-weight:500; display:block}
.btn_group_inner li:last-child span b {color:#ED1B23}


/* ---------------- tag ---------------- */
/* tag */
[class^="tag_"] {display:inline-flex; justify-content:center; align-content:center; gap:12px; color:#fff; background-color:#161616; border-radius:4px}
[class^="tag_"][data-size="s"] {padding:4px 8px; font-size:12px; line-height:16px; font-weight:700}
[class^="tag_"][data-size="m"] {padding:6px 8px; font-size:14px; line-height:20px; font-weight:700}
[class^="tag_"] span {position:relative}
[class^="tag_"] span + span::before {content:''; display:block; position:absolute; top:50%; left:-6px; transform:translateY(-50%); width:1px; height:8px; background-color:#fff}
[class^="tag_"][data-color="lrd"] span + span::before {background-color:#ED1B23}
[class^="tag_"][data-color="gy"] span + span::before {background-color:#9F9F9F}
[class^="tag_"][data-color="pk"] span + span::before {background-color:#EA7BB8}
[class^="tag_"][data-color="lrd"] {background-color:#FFF5F5; color:#ED1B23}
[class^="tag_"][data-color="drd"] {background-color:#ED1B23; color:#fff}
[class^="tag_"][data-color="gy"] {background-color:#F5F5F5; color:#9F9F9F}
[class^="tag_"][data-color="yw"] {background-color:#FFF5BE; color:#DD9812}
[class^="tag_"][data-color="pp"] {background-color:#ECE1FA; color:#A370E4}
[class^="tag_"][data-color="bl"] {background-color:#DBF0FF; color:#4693DA}
[class^="tag_"][data-color="rd"] {background-color:#FFE8E8; color:#EF6363}
[class^="tag_"][data-color="gn"] {background-color:#E4F6CB; color:#78B02A}
[class^="tag_"][data-color="bk"] {background-color:#161616; color:#fff}
[class^="tag_"][data-color="pk"] {background-color:#FFE0F1; color:#EA7BB8}
[class^="tag_"][data-color="sy"] {background-color:#FFEBF9; color:#EA73B4}


/* mark */
.mark {display:inline-flex; justify-content:center; align-items:center; width:64px; height:64px; padding:0 10px; border-radius:100%; background-color:#F5F5F5; color:#666666; word-break:keep-all; text-align:center; font-size:12px; line-height:16px; font-weight:700}
.mark.active {background-color:#ED1B23; color:#fff}

/* ---------------- tab ---------------- */
/* tab */
.tab_menu_group {border-bottom:1px solid #EAEAEA}
.tab_menu_group ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:1rem}
.tab_menu_group ul li a {padding:16px 4px; display:block; position:relative; color:#9F9F9F; font-size:16px; line-height:24px; font-weight:400}
.tab_menu_group ul li.active a {color:#161616; font-weight:700}
.tab_menu_group ul li.active a::after {content:""; position:absolute; left:50%; bottom:-1px; width:100%; height:2px; background:#161616; transform:translateX(-50%)}
.tab_cont_group .tab_cont_item {display:none}
.tab_cont_group .tab_cont_item.active {display:block}



/* ---------------- pagination ---------------- */
/* pagination */
.pag_group {position:relative; margin:2.5rem auto 0; text-align:center}
.pag_group .btn_prev,.pag_group .btn_next {vertical-align:middle; width:24px; height:24px; background:url(/front/images/common/arrow_swiper_bk.svg) center center / auto 16px no-repeat; display:inline-block}
.pag_group .btn_prev {transform:scaleX(-1)}
.pag_group .pag_inner {display:inline-block; vertical-align:middle; margin:0 10px}
.pag_group .pag_inner a {width:24px; height:24px; line-height:24px; display:inline-block; position:relative; margin:0 6px; color:#9F9F9F; font-size:14px; text-decoration:none; border-radius:8px; font-weight:400; text-align:center}
.pag_group .pag_inner a.active {background-color:#161616; color:#fff; font-weight:500}
@media screen and (max-width:767px) {
    .pag_group {margin:1.85rem auto 0}
    .pag_group .pag_inner {margin:0 12px}
    .pag_group .pag_inner a {margin:0 4px}
}


/* ---------------- input ---------------- */
/* input - common */
label {font-size:16px; line-height:24px; font-weight:500}
.input_wrap input:disabled {color:#9F9F9F; background-color:#F5F5F5}
.input_wrap input:read-only {color:#9F9F9F; background-color:#F5F5F5}

/* input - text */
.input_wrap {}
.input_wrap input[type=text] {font-size:1rem; line-height:1.5rem; font-weight:400; color:#9F9F9F; border:1px solid #EAEAEA; border-radius:8px; padding:16px; background-color:#fff}
.input_wrap input[type=text]:disabled {color:#9F9F9F; background-color:#F5F5F5}
.input_wrap input[type=text]:read-only {color:#9F9F9F; background-color:#F5F5F5}
@media screen and (max-width:767px) {
    .input_wrap input[type=text] {font-size:1.23rem; line-height:1.85rem; padding:14px 16px}
}

/* input - password */
.input_wrap input[type=password] {font-size:1rem; line-height:1.5rem; font-weight:400; color:#9F9F9F; border:1px solid #EAEAEA; border-radius:8px; padding:16px; background-color:#fff}
@media screen and (max-width:767px) {
    .input_wrap input[type=password] {font-size:1.23rem; line-height:1.85rem; padding:14px 16px}
}


/* input - checkbox */
.ck_wrap {display:flex; justify-content:flex-start; align-items:center; gap:6px}
.ck_wrap label {font-size:16px; line-height:24px; font-weight:400}
.ck_wrap input[type=checkbox] {width:18px; height:18px; border:1px solid #ED1B23; border-radius:3px; background:url(/front/images/common/ico_ck_off.png) center / 10px auto no-repeat}
.ck_wrap input[type=checkbox]:checked {background:url(/front/images/common/ico_ck_on.svg) center / 10px auto no-repeat #ED1B23; border-color:#ED1B23}
@media screen and (max-width:767px) {
    label {font-size:14px; line-height:20px; font-weight:500}

    .ck_wrap label {font-size:14px; line-height:20px}
    .ck_wrap input[type=checkbox] {width:16px; height:16px; border:1px solid #EAEAEA; border-radius:3px; background:url(/front/images/common/ico_ck_off.svg) center / 8px auto no-repeat}
}
/* .ck_wrap input[type=checkbox]:checked + label {color:red}*/


/* input - radio */
.radio_wrap input[type=radio] {width:24px; height:24px; background:url(/front/images/common/ico_radio_off.svg) center / 100% auto no-repeat}
.radio_wrap input[type=radio]:checked {width:24px; height:24px; background:url(/front/images/common/ico_radio_on.svg) center / 100% auto no-repeat}
.radio_wrap label {font-size:16px; line-height:24px; font-weight:400; cursor:pointer}
.radio_wrap input[type=radio]:checked + label {color:#ED1B23}
@media screen and (max-width:767px) {
    .radio_wrap label {font-size:1.23rem; line-height:1.85rem}
}



/* ---------------- select ---------------- */
/* select - sort & filter*/
.sort_wrap {display:flex; justify-content:flex-start; align-items:center; gap:1rem; position:relative}
.sort_wrap >li {position:relative}
.sort_wrap [class^="btn_sort"] > button {position:relative; display:block; width:220px; border-radius:8px; height:48px; color:#161616; font-size:14px; line-height:20px; font-weight:500; text-align:left; border:1px solid #EAEAEA; background-color:#fff; padding:14px 16px; background:url(/front/images/common/ico_dropdown.svg) no-repeat center right 16px / 16px auto}
.sort_wrap [class^="btn_filter"] ul {display:flex; justify-content:flex-start; align-items:center; gap:8px}
.sort_wrap [class^="btn_filter"] ul li {border:1px solid #EAEAEA; border-radius:30px; overflow:hidden; text-align:center}
.sort_wrap [class^="btn_filter"] ul li button {font-size:14px; line-height:36px; font-weight:500; color:#666666; height:36px; padding:0 20px}
.sort_wrap [class^="btn_filter"] ul li.active {border-color:#161616}
.sort_wrap [class^="btn_filter"] ul li.active button {color:#161616}
.sort_wrap [class^="btn_sort"] .opt_depth {position:absolute; left:0; top:calc(100% + .5rem); width:100%; padding:8px; border-radius:8px; z-index:10; display:none; background-color:#fff; border:1px solid #EAEAEA}
.sort_wrap [class^="btn_sort"] .opt_depth.show {display:block}
.sort_wrap [class^="btn_sort"] .opt_depth button {display:block; padding:14px 8px; width:100%; color:#3C3C3C; font-size:14px; line-height:20px; font-weight:400; text-align:left}
/*.sort_wrap .opt_depth li:not(:last-child) {margin-bottom:.75rem}*/

@media (hover:hover) {
    .sort_wrap [class^="btn_sort"] .opt_depth button:hover {color:#3C3C3C; font-weight:500; background-color:#FAFAFA}
}/* hover */

@media screen and (max-width:767px) {
    .sort_wrap [class^="btn_sort"] > button {width:152px; height:40px; line-height:10px; padding:10px 16px}
    .sort_wrap [class^="btn_sort"] .opt_depth button {padding:10px 8px}
    .sort_wrap [class^="btn_filter"] ul {gap:6px}
}

/* response_sort */
@media screen and (min-width:1100.1px) {
    .sort_wrap .response_sort {}
    .sort_wrap .response_sort .btn_sort {display:none}
    .sort_wrap .response_sort ul {display:flex; justify-content:flex-start; align-items:center; gap:8px}
    .sort_wrap .response_sort ul li {border:1px solid #EAEAEA; border-radius:30px; overflow:hidden; text-align:center}
    .sort_wrap .response_sort ul li button {font-size:14px; line-height:36px; font-weight:500; color:#666666; height:36px; padding:0 20px}
    .sort_wrap .response_sort ul li.active {border-color:#161616}
    .sort_wrap .response_sort ul li.active button {color:#161616}
}/* lg */

@media screen and (max-width:1100px) {
    .sort_wrap .response_sort .btn_sort {display:block; width:220px; border-radius:8px; height:48px; color:#161616; font-size:14px; line-height:20px; font-weight:500; text-align:left; border:1px solid #EAEAEA; background-color:#fff; padding:14px 16px; background:url(/front/images/common/ico_dropdown.svg) no-repeat center right 16px / 16px auto}
    .sort_wrap .response_sort .opt_depth {position:absolute; left:0; top:calc(100% + .5rem); width:100%; padding:8px; border-radius:8px; z-index:10; display:none; background-color:#fff; border:1px solid #EAEAEA}
    .sort_wrap .response_sort .opt_depth.show {display:block}
    .sort_wrap .response_sort .opt_depth button {display:block; padding:14px 8px; width:100%; color:#3C3C3C; font-size:14px; line-height:20px; font-weight:400; text-align:left}
}/* sm */

/* select */

/* --------------------------------component end -------------------------------- */



/* --------------------------------campagin -------------------------------- */
/* campagin */
.cam_box {width:100%; height:30.25rem; border:1px solid #EAEAEA; border-radius:8px; overflow:hidden; position:relative; display:flex; justify-content:space-between; flex-direction:column; align-items:unset; background-color:#fff}
.cam_box .cam_tag_wrap {position:absolute; top:1rem; left:1rem; z-index:5; display:flex; justify-content:flex-start; gap:.5rem; align-items:center}
.cam_box .cam_thum_wrap {width:100%; height:47%; position:relative; overflow:hidden}
.cam_box .cam_thum {width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; transition:transform .4s ease; transform-origin:center}
.cam_box .cam_tit_wrap {padding:0; width:100%; height:53%; /*flex:1 0 0; */display:inline-flex; flex-direction:column; justify-content:space-between; position:unset; gap:1.5rem}
.cam_box .cam_tit {font-size:1.25rem; line-height:1.875rem; font-weight:500; margin:1rem 1rem 0}
.cam_box .cam_tit a {font-size:1.25rem; line-height:1.875rem; font-weight:500; height:3.75rem; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box}
.cam_box .cam_maker {width:100%; height:12px; background-position:left center; background-size:auto 100%; background-repeat:no-repeat; margin-bottom:8px; background-image:url(/front/images/common/bi.svg)}
.cam_box .cam_maker.chem {height:24px;background-image:url(/front/images/common/logo_chemical.svg)}
.cam_box .cam_maker.alum {height:24px;background-image:url(/front/images/common/logo_aluminum.svg)}
.cam_box .cam_maker.fine {height:24px;background-image:url(/front/images/common/logo_finechemical.svg)}
.cam_box .cam_maker.energy {height:24px;background-image:url(/front/images/common/logo_energymaterials.svg)}
.cam_box .cam_status_wrap {margin:.5rem 1rem 0}
.cam_box .cam_status_wrap.cam_review {background-color:#FFF5F5; position:absolute; bottom:3.5rem; right:0; margin:0; width:100%}
.cam_box .cam_status_wrap.cam_review a {font-size:1rem; height:3.5rem; line-height:3.5rem; font-weight:500; color:#ED1B23; padding:1rem; display:flex; justify-content:flex-start; gap:8px; align-items:center}
.cam_box .cam_status_wrap.cam_review a::before {content:''; display:inline-block; width:20px; height:20px; fill:#ED1B23; background:url(/front/images/common/ico_noti_rd.svg) center/100% auto no-repeat}

.cam_box .cam_status_wrap.cam_review_end {background-color:#eee; position:absolute; bottom:3.5rem; right:0; margin:0; width:100%}
.cam_box .cam_status_wrap.cam_review_end a {font-size:1rem; height:3.5rem; line-height:3.5rem; font-weight:500; color:#666; padding:1rem; display:flex; justify-content:flex-start; gap:8px; align-items:center}
.cam_box .cam_status_wrap.cam_review_end a::before {content:''; display:inline-block; width:20px; height:20px; fill:#eee; background:url(/front/images/common/ico_noti_rd2.svg) center/100% auto no-repeat}

.cam_box .cam_status_bar {position:relative; width:100%; height:4px; border-radius:100px; background-color:#F0F0F0}
.cam_box .cam_status_bar .bar {position:absolute; left:0; top:0; max-width:100%; width:100%; height:4px; border-radius:100px; overflow:hidden}
.cam_box .cam_status_bar span {position:absolute; left:0; top:0; height:4px}
.cam_box .cam_status_bar span:nth-child(1) {background-color:#ED1B23}
.cam_box .cam_status_bar span:nth-child(2) {background-color:#8DC63F; border-radius:0 100px 100px 0}
.cam_box .cam_status_txt {display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.cam_box .status_recent {font-size:1rem; line-height:1.5rem; font-weight:700; color:#ED1B23}
.cam_box .status_recent div {display:inline-block}
.cam_box .status_recent div:last-child {font-size:0.875rem; line-height:1.25em; font-weight:400; color:#9F9F9F; margin-left:4px}
.cam_box .status_goal {font-size:0.875rem; line-height:1.25em; font-weight:500; color:#666}

@media (hover:hover) {
    .cam_box:hover .cam_thum {transform:scale(1.1)}
}/* hover */
@media screen and (max-width:767px) {
    .cam_box {height:32.46rem}
    .cam_box .cam_thum_wrap {height:50%}
    .cam_box .cam_tit_wrap {height:50%; gap:1.23rem}
    .cam_box .cam_tit {margin:1.23rem 1.23rem 0}
    .cam_box .cam_maker{height:10px}
    .cam_box .cam_maker.chem,
    .cam_box .cam_maker.alum,
    .cam_box .cam_maker.fine,
    .cam_box .cam_maker.energy{height:16px !important}
    .cam_box .cam_status_wrap {margin:0 1.23rem}
    .cam_box .cam_status_wrap.cam_review {border-bottom:1px solid #EAEAEA}
    .cam_box .status_recent{font-size:1.23rem; line-height:1.85rem}
    .cam_box .status_recent div:last-child{font-size:.92rem; line-height:1.23rem}
    .cam_box .status_goal{font-size:.92rem; line-height:1.23rem}
}

/* card */
.cam_box[data-layout=card] .cam_tit_wrap {height:100%; overflow:hidden; position:absolute; justify-content:flex-end}
.cam_box[data-layout=card] .cam_tit {color:#fff}
.cam_box[data-layout=card] .cam_tit.ellipse {-webkit-line-clamp:max(4); height:auto; position:absolute; bottom:3.5rem; right:50%; z-index:3; transform:translateX(50%); width:100%; margin:0 0 1.5rem; overflow:hidden; padding:0 1rem}
.cam_box[data-layout=card] .cam_tit a{-webkit-line-clamp:max(3);height:unset}
.cam_box[data-layout=card] .cam_thum_wrap {width:100%; height:calc(100% - 3.5rem); position:relative; overflow:hidden; z-index:1}
.cam_box[data-layout=card] .cam_thum_wrap::after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 111.11%)}
.cam_box[data-layout=card]  .cam_maker.chem {background-image:url(/front/images/common/logo_chemical_wh.svg)}
.cam_box[data-layout=card]  .cam_maker.alum {background-image:url(/front/images/common/logo_aluminum_wh.svg)}
.cam_box[data-layout=card]  .cam_maker.fine {background-image:url(/front/images/common/logo_finechemical_wh.svg)}
.cam_box[data-layout=card]  .cam_maker.energy {background-image:url(/front/images/common/logo_energymaterials_wh.svg)}
/*종료시 done*/
.cam_box[data-layout=card].done .cam_tit.ellipse{bottom:7rem;}
.cam_box[data-layout=card].done .cam_status_wrap{z-index:1;}
.cam_box[data-layout=card].done .cam_status_wrap.cam_review{z-index:1;}
.cam_box[data-layout=card].done .cam_status_wrap.cam_review_end{z-index:1;}


@media screen and (max-width:767px) {
    .cam_box[data-layout=card] .cam_tit_wrap {position:unset; gap:1.5rem; justify-content:space-between}
    .cam_box[data-layout=card] .cam_thum_wrap {height:calc(100% - 48px)}
    .cam_box[data-layout=card] .cam_tit.ellipse {bottom:48px}
    .cam_box[data-layout=card] [class*="btn_group_"] {height:48px}
}

/* 종료 end */
.cam_box.end .cam_thum_wrap::after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:rgba(0,0,0,0.3)}
.cam_box[data-layout=card].end .cam_thum_wrap::after {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 111.11%)}

/* list */
.list_cam {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:2.5rem 1.5rem}
.list_cam > li {width:calc((100% - 4.5rem)/4)}

@media screen and (max-width:1300px) {
    .list_cam {gap:1.5rem 1rem}
    .list_cam > li {width:calc((100% - 3rem)/4)}
}/* md */

@media screen and (max-width:1140px) {
    .list_cam {gap:1.5rem 1rem}
    .list_cam > li {width:calc((100% - 2rem)/3)}
}/* md */

@media screen and (max-width:1024px) {
    .list_cam {gap:1.5rem 1rem}
    .list_cam > li {width:calc((100% - 1rem)/2)}
}/* md */

@media screen and (max-width:767px) {
    .list_cam .cam_box {height:220px}
    .list_cam .cam_box .cam_thum_wrap {height:100px}
    .list_cam .cam_box .cam_tit_wrap {height:120px; gap:0}
    .list_cam .cam_box .cam_tit {margin:8px 8px 0}
    .list_cam .cam_box .cam_tit a {font-size:1.08rem; line-height:1.54rem; height:3.08rem}
    .list_cam .cam_box .cam_tag_wrap {top:8px; left:8px}
    .list_cam .cam_box .status_recent {font-size:1.08rem; line-height:1.85rem}
    .list_cam .cam_box .status_recent div:last-child {font-size:.92rem; line-height:1.23rem}
    .list_cam .cam_box .status_goal {font-size:.92rem; line-height:1.23rem; color:#9F9F9F}
    .list_cam .cam_box .status_goal span {display:none}
    .list_cam .cam_box .cam_status_wrap(.cam_review_end) {margin:0 8px 16px}
    .list_cam .cam_box .cam_status_wrap.cam_review_end {bottom:0;}
    .list_cam .cam_box .cam_status_wrap.cam_review_end a {padding:0 12px; font-size:12px; gap:2px}
    .list_cam .cam_box .cam_status_wrap.cam_review_end a::before {width:12px; height:12px}
    .list_cam .cam_box .cam_status_txt {margin-bottom:0}
    .list_cam .cam_box .cam_status_wrap.cam_review {bottom:0; border-bottom:none; margin:0}
    .list_cam .cam_box .cam_status_wrap.cam_review a {gap:2px; padding:0 0 0 8px; text-wrap:wrap; font-size:12px}
    .list_cam .cam_box .cam_status_wrap.cam_review a::before {width:12px; height:12px}
    .list_cam .cam_box .status_recent div:last-child {display:none}
    .sub_sec .list_cam [class*="btn_group_"] {display:none}

    .list_cam .cam_box[data-layout=card] .cam_tit_wrap {height:100%}
    .list_cam .cam_box[data-layout=card] .cam_tit.ellipse {bottom:0; padding:0 8px; margin:0 0 16px}
    .list_cam .cam_box[data-layout=card] .cam_thum_wrap {height:100%}
}/* sm */



/* list - 1x */
.list_cam_1x {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:2.5rem 1.5rem}
.list_cam_1x > li {width:calc((100% - 4.5rem)/4)}

@media screen and (max-width:1300px) {
    .list_cam_1x {gap:1.5rem 1rem}
    .list_cam_1x > li {width:calc((100% - 3rem)/4)}
}/* md */

@media screen and (max-width:1140px) {
    .list_cam_1x {gap:1.5rem 1rem}
    .list_cam_1x > li {width:calc((100% - 2rem)/3)}
}/* md */

@media screen and (max-width:1024px) {
    .list_cam_1x {gap:1.5rem 1rem}
    .list_cam_1x > li {width:calc((100% - 1rem)/2)}
}/* md */


@media screen and (max-width:580px) {
    .list_cam_1x {flex-direction:column}
    .list_cam_1x > li {width:100%}
    .list_cam_1x .cam_box {flex-direction:row; height:auto}
    .list_cam_1x .cam_box .cam_thum_wrap {width:50%; height:100%}
    .list_cam_1x .cam_box .cam_thum {height:auto; padding-bottom:calc(136/152*100%)}
    .list_cam_1x .cam_box .cam_tag_wrap {top:8px; left:8px}
    .list_cam_1x .cam_box .cam_tit_wrap {width:50%; height:auto; padding:16px 12px; gap:4px}
    .list_cam_1x .cam_box .cam_tit {margin:0}
    .list_cam_1x .cam_box .cam_tit a {font-size:1.08rem; line-height:1.54rem; height:3.08rem}
    .list_cam_1x .cam_box .cam_status_wrap {margin:0}
    .list_cam_1x .cam_box .cam_status_wrap.cam_review {right:0; bottom:0; width:50%}
    .list_cam_1x .cam_box .cam_status_wrap.cam_review a {padding:0 12px; font-size:12px; gap:2px}
    .list_cam_1x .cam_box .cam_status_wrap.cam_review a::before {width:12px; height:12px}
    .list_cam_1x .cam_box .cam_status_wrap.cam_review_end {bottom:0;}
    .list_cam_1x .cam_box .cam_status_wrap.cam_review_end a {padding:0 12px; font-size:12px; gap:2px}
    .list_cam_1x .cam_box .cam_status_wrap.cam_review_end a::before {width:12px; height:12px}
    .list_cam_1x .cam_box .cam_status_txt {margin-bottom:0}
    .list_cam_1x .cam_box .status_recent {font-size:1.08rem; line-height:1.54rem}
    .list_cam_1x .cam_box .status_goal,
    .list_cam_1x .cam_box .status_recent div:last-child {font-size:.92rem; line-height:1.23rem; color:#9F9F9F}
    .list_cam_1x .cam_box .status_goal span {display:none}
    .list_cam_1x .cam_box .status_recent div:last-child {display:none}
    .list_cam_1x .cam_box [class*="btn_group_"] {display:none}
    .list_cam_1x .cam_box[data-layout=card] .cam_thum_wrap {width:100%; height:auto}
    .list_cam_1x .cam_box[data-layout=card] .cam_thum {padding-bottom:calc(143.2/320*100%)}
    .list_cam_1x .cam_box[data-layout=card] .cam_tit_wrap {width:100%; height:100%; position:absolute}
    .list_cam_1x .cam_box[data-layout=card] .cam_tit.ellipse {-webkit-line-clamp:max(2); height:auto; position:absolute; bottom:0; right:50%; z-index:3; transform:translateX(50%); width:100%; margin:0 0 16px; overflow:hidden; padding:0 8px}
    .list_cam_1x .cam_box[data-layout=card].done .cam_tit.ellipse {margin:0 0 3.5rem;}
}/* sm */
/* --------------------------------campagin end -------------------------------- */


/* --------------------------------swiper  -------------------------------- */
.swiper-pagination-bullet {opacity:1}
/* --------------------------------swiper end -------------------------------- */