@charset "utf-8";

/* 스탬프 영역 */
.stamp-list-image {width:100%;text-align:center;}

/* 기본 스탬프 */
[class*='spec-ty'] {display:flex;flex-wrap:wrap;width:70%;justify-content:center;top:50% !important;}
[class*='spec-ty'] .stamp-item {flex-basis:25%;margin:0 0 16px;text-align:center;display:inline-flex;justify-content:center;}
[class*='spec-ty'] .stamp-item:nth-of-type(1) {flex-basis:30%;margin-left:20%;}
[class*='spec-ty'] .stamp-item:nth-of-type(2) {flex-basis:30%;margin-right:20%;}

/* 스탬프 :: 스폐설 1개 + 일반 6개 */
.stamp-list.spec-ty01 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%;}
.stamp-list.spec-ty01 .stamp-item:nth-of-type(2) {margin-left:10%;margin-right:0;flex-basis:25%;}
.stamp-list.spec-ty01 .stamp-item:nth-of-type(3) {margin-left:0;margin-right:0;}
.stamp-list.spec-ty01 .stamp-item:nth-of-type(4) {margin-left:0;margin-right:10%;}
.stamp-list.spec-ty01 .stamp-item:nth-of-type(5) {margin-right:0;}

/* 스탬프 :: 스폐설 1개 + 일반 7개 */
.stamp-list.spec-ty02 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%;}
.stamp-list.spec-ty02 .stamp-item:nth-of-type(2) {margin-left:10%;margin-right:0;flex-basis:25%;}
.stamp-list.spec-ty02 .stamp-item:nth-of-type(3) {margin-left:0;margin-right:0;}
.stamp-list.spec-ty02 .stamp-item:nth-of-type(4) {margin-left:0;margin-right:10%;}
.stamp-list.spec-ty02 .stamp-item:nth-of-type(5) {margin-right:0;}

/* 스탬프 :: 스폐설 2개 + 일반 6개 */
.stamp-list.spec-ty03 .stamp-item {flex-basis:25%;margin:0 0 16px;text-align:center;display:inline-flex;justify-content:center;}
.stamp-list.spec-ty03 .stamp-item:nth-of-type(1) {flex-basis:30%;margin-left:20%;}
.stamp-list.spec-ty03 .stamp-item:nth-of-type(2) {flex-basis:30%;margin-right:20%;}
.stamp-list.spec-ty03 .stamp-item:nth-of-type(3) {margin-left:10%;}
.stamp-list.spec-ty03 .stamp-item:nth-of-type(5) {margin-right:10%;}

/* 스탬프 :: 스폐설 2개 + 일반 7개 */
.stamp-list.spec-ty04 .stamp-item {flex-basis:25%;margin:0 0 16px;text-align:center;display:inline-flex;justify-content:center;}
.stamp-list.spec-ty04 .stamp-item:nth-of-type(1) {flex-basis:30%;margin-left:20%;}
.stamp-list.spec-ty04 .stamp-item:nth-of-type(2) {flex-basis:30%;margin-right:20%;}
.stamp-list.spec-ty04 .stamp-item:nth-of-type(3) {margin-left:10%;}
.stamp-list.spec-ty04 .stamp-item:nth-of-type(5) {margin-right:10%;}

/* 스탬프 :: 스폐설 3개 + 일반 9개 */
.stamp-list-wrap.has-image .spec-ty05 {transform: translate(-50%, -61%);}
.stamp-list.spec-ty05 .stamp-item {flex-basis:25%;margin:10px 0 0;text-align:center;display:inline-flex;justify-content:center;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(2) {flex-basis:23.5%;margin-left:26.5%;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(3) {flex-basis:23.5%;margin-right:26.5%;} 
.stamp-list.spec-ty05 .stamp-item:nth-of-type(n+1):nth-of-type(-n+3){margin-top:-10px;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(n+1):nth-of-type(-n+3) > .stamp-item-cup {height:48px;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(n+4):nth-of-type(-n+7){flex-basis: 20.6%; transform: scale(1.3); margin-top:5px;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(n+8) {flex-basis: 20%; transform: scale(1.3); margin-top:15px;}
.stamp-list.spec-ty05 .stamp-item:nth-of-type(n+4) .stamp-item-cup {height:44px !important;}

/* 스탬프 :: 스폐설 1개 + 일반 9개 */
.stamp-list-wrap.has-image .spec-ty06 {transform: translate(-50%, -97%);}
.stamp-list.spec-ty06 .stamp-item {flex-basis:25%;margin:10px 0 0;text-align:center;display:inline-flex;justify-content:center;}
.stamp-list.spec-ty06 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%; margin-top:-10px;}
.stamp-list.spec-ty06 .stamp-item:nth-of-type(n+1) > .stamp-item-cup {height:48px;}
.stamp-list.spec-ty06 .stamp-item:nth-of-type(n+2):nth-of-type(-n+5){flex-basis: 20.6%; transform: scale(1.3); margin-top:8px;}
.stamp-list.spec-ty06 .stamp-item:nth-of-type(n+6) {flex-basis: 20%; transform: scale(1.3); margin-top:18px;}
.stamp-list.spec-ty06 .stamp-item:nth-of-type(n+2) .stamp-item-cup {height:44px !important;}

/* 스탬프 :: 스폐설 3개 + 일반 4개 */
.stamp-list-wrap.has-image .spec-ty07 {transform: translate(-50%, -52%);}
.stamp-list.spec-ty07 .stamp-item {flex-basis:25%;margin:10px 0 0;text-align:center;display:inline-flex;justify-content:center;}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%;}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(2) {flex-basis:32%;margin-left:18%;}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(3) {flex-basis:32%;margin-right:18%;} 
.stamp-list.spec-ty07 .stamp-item:nth-of-type(n+1):nth-of-type(-n+3){margin-top:13px; transform: scale(1.2);}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(n+1):nth-of-type(-n+3) > .stamp-item-cup {height:48px;}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(n+4):nth-of-type(-n+7){flex-basis: 22%; transform: scale(1.25); margin-top:16px;}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(n+8) {flex-basis: 20%; transform: scale(1.3); margin-top:15px;}
.stamp-list.spec-ty07 .stamp-item:nth-of-type(n+4) .stamp-item-cup {height:44px !important;}

/* 스탬프 :: 스폐설 4개 + 일반 11개 */
.stamp-list-wrap.has-image .spec-ty08 {transform: translate(-50%, -75%); width:90%;}
.stamp-list.spec-ty08 .stamp-item {flex-basis:25%;margin:10px 0 0;text-align:center; display:inline-flex; justify-content:center;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(1) {flex-basis:100% !important;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(2) {margin-left:18%;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(4) {margin-right:18%;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(5) {margin-left:5%;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(9) {margin-right:5%;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(n+1):nth-of-type(-n+4){margin-top:-1px; transform: scale(.9); flex-basis:16%;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(n+1):nth-of-type(-n+4) > .stamp-item-cup {height:46px;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(n+5):nth-of-type(-n+9) {flex-basis: 15.5%; transform: scale(1.2); margin-top:5px;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(n+10):nth-of-type(-n+15) {flex-basis: 15.5%; transform: scale(1.2); margin-top:14px;}
.stamp-list.spec-ty08 .stamp-item:nth-of-type(n+5) .stamp-item-cup {height:44px !important;}


/* 스탬프 :: 스폐설 1개 + 일반 4개 */
.stamp-list-wrap.has-image .spec-ty09 {transform: translate(-50%, -88%);}
.stamp-list.spec-ty09 .stamp-item {flex-basis:20%;margin:10px 0 0;text-align:center;display:inline-flex;justify-content:center;}
.stamp-list.spec-ty09 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%; margin-top:73px;  }
.stamp-list.spec-ty09 .stamp-item > .stamp-item-cup {height:45px;}
.stamp-list.spec-ty09 .stamp-item:nth-of-type(n+2):nth-of-type(-n+5){ margin-top:13px;}

/* 스탬프 :: 스폐설 1개 + 일반 3개 */
.stamp-list-wrap.has-image .spec-ty10 {transform: translate(-50%, -7%);}
.stamp-list.spec-ty10 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%; margin-bottom:6.8vw;}
/* .stamp-list.spec-ty10 .stamp-item:nth-of-type(1) > span {height:17.2vw;} */
.stamp-list.spec-ty10 .stamp-item > .stamp-item-cup {height:16.9vw;} 
.stamp-list.spec-ty10 .stamp-item:nth-of-type(n+2):nth-of-type(-n+4){flex-basis: 28%; margin-left:0;margin-right:0;}
/* .stamp-list.spec-ty10 .stamp-item:nth-of-type(2) {margin-left:0%;margin-right:0;}
.stamp-list.spec-ty10 .stamp-item:nth-of-type(3) {margin-left:0;margin-right:0;}
.stamp-list.spec-ty10 .stamp-item:nth-of-type(4) {margin-left:0;margin-right:0%;} */
/* .stamp-list.spec-ty10 .stamp-item:nth-of-type(5) {margin-right:0;} */

/* 스탬프 :: 일반 1개*/
.stamp-list-wrap.has-image .spec-ty11 {transform: translate(-46%, -90%);}
.stamp-list.spec-ty11 .stamp-item:nth-of-type(1) {margin-left:0;flex-basis:100%;}
.stamp-list.spec-ty11 .stamp-item:nth-of-type(1) > span {height:11.5vh;}

/* 쿠폰지급 프로그래스바 */
@keyframes bar-fill {
    0% {
        width:0;
    }
}

@-webkit-keyframes bar-fill {
    0% {
        width:0;
    }
}

@-moz-keyframes bar-fill {
    0% {
        width:0;
    }
}

@-o-keyframes bar-fill {
    0% {
        width:0;
    }
}
.textarea{font-size:14px;}
.textarea::placeholder{font-size:14px;}
.coupon-progress .bar-graph {list-style:none;margin:50px 0px auto;}
.coupon-progress .bar-wrap {
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    -ms-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
    background-color:#d6d6d6;
    /* border:1px solid #d70035;
    height:8px;
    overflow:hidden; */
    margin-top:8px;
}
.coupon-progress .bar-fill {
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    -ms-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
    -moz-animation:bar-fill 1s;
    -webkit-animation:bar-fill 1s;
    -ms-animation:bar-fill 1s;
    animation:bar-fill 1s;
    /*background-color:#d6d6d6;
    display:inline-block;
    height:8px;
    position:relative;
    width:0px;
    top:-9px;
    left:-2px;
    border:1px solid #d6d6d6;*/
   
    background-color:#d70035;
    display:block;
    height:8px;
}
.stamp-main.stamp-cup-main .stamp-main-top {margin:0 -16px;padding:0 16px;/* background:#fff; */}
.barcode-stamp .stamp-txt {font-size:14px;color:#707070;font-family:"애플 SD 산돌고딕 Neo","Apple SD Gothic Neo","Noto Sans KR",sans-serif;/* font-weight:300; */line-height:1.2;border-bottom:1px solid #707070}
.barcode-stamp .button-stamp-barcode {width:117px;}
.barcode-stamp .button-stamp-barcode img {vertical-align:top;}

.stamp-main.stamp-cup-main {background:#fff;padding:0;}
.stamp-main.stamp-cup-main .barcode-stamp {
    margin:0 16px;border-radius:16px 16px 0 0;padding:14px 20px 13px 19px;background:#fff;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 6px 0;
     -khtml-box-shadow:rgba(0, 0, 0, 0.2) 0 0 6px 0;
       -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 6px 0;
            box-shadow:rgba(0, 0, 0, 0.2) 0 0 6px 0;
}
.stamp-main.stamp-cup-main .barcode-stamp .float-left {width:auto;}
.stamp-main.stamp-cup-main .barcode-stamp:after {display:table;content:'';clear:both;}

.coupon-progress {padding:22px 50px 0;text-align:center;font-weight:normal;color:#000;}
.txt-progress {display:inline-block;font-family:"Mark Pro";font-size:12px;letter-spacing:-1px;}
.txt-progress > em {display:inline-block;font-family:"Mark Pro";font-size:14px;}
.coupon-progress .bar-wrap {text-align:left;}
.stamp-cup-main .stamp-main-center__desc {text-align:center;padding-top:20px;margin:0 20px;}
.stamp-cup-main .stamp-main-center__desc span,
.stamp-cup-main .stamp-main-center__desc div,
.stamp-cup-main .stamp-main-center__desc p,
.stamp-cup-main .stamp-main-center__desc em,
.stamp-cup-main .stamp-main-center__desc strong {text-align:center !important;}
.stamp-cup-main .stamp-cup-num {position:relative;/* background:#F4F4FC; */text-align:center;}
.stamp-main.stamp-cup-main .row-tooltip-wrap {position:relative;width:100%;height:68px;line-height:68px; vertical-align:top;margin:16px 0 18px;}
.stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip {text-indent:0;background:none;width:auto;height:56px;position:relative;top:0; margin:0;}
.stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip img {height:100%;}
.stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip span {
display:inline-flex;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;color:#fff;
position:absolute;top:11px;left:-4px;text-indent:0;background:#d70035;align-items:center;justify-content:center;
}
.stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip.gift-box { width:60px; position:relative;text-align:center;}
.stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip.gift-box > img { height:43px;position:absolute;bottom:7px;left:50%; margin-left:-25px; }
/* .stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip.gift-box span {position:absolute;top:4px;left:0px;} */
.row-tooltip-wrap .button-tooltip.is-active~.ui_tool_tip_box {top:55px;width:auto;margin:0 16px;}
.row-tooltip-wrap .button-tooltip.is-active~.ui_tool_tip_box.is-event {width:calc(100vw - 32px);}
/* .stamp-main.stamp-cup-main .stamp-cup-num .button-rotate-refresh {position:absolute;top:50%;right:52px;z-index:10;margin-top:-10px; margin-left:0;} */
.stamp-main.stamp-cup-main .stamp-cup-num .button-rotate-refresh {z-index:10; margin-left:0; height:43px; display:inline-flex; align-items:flex-end;}
.stamp-main .ui_tool_tip_box {right:16px;}
/* .stamp-main.stamp-cup-main .row-tooltip-wrap .button-tooltip {margin:0;} *//*250508*/
/* .stamp-main.stamp-cup-main .row-tooltip-wrap li:first-child img{height: 56px; margin-left: 6px;} */
.stamp-main.stamp-cup-main .link-horiz-menus li:before {background-position: bottom; height:43px; margin-left:5px;}

/* .stamp-main.stamp-cup-main .row-tooltip-wrap li.stamp-list01 .button-tooltip {height:48px;} */
.stamp-main.stamp-cup-main .link-horiz-menus li.stamp-list01:before {
    background-repeat:no-repeat;
    background-image:url('https://mcdn.twosome.co.kr/upload/mobile/event/2022/220415/ico_cup_plus.png');
    background-size:100% auto;
    width:24px;
    border:none;margin-left:14px;margin-right:14px;
}

.stamp-main.stamp-cup-main .link-horiz-menus li.stamp-list02:before {
    background-repeat:no-repeat;
    background-image:url('https://mcdn.twosome.co.kr/upload/mobile/event/2022/220415/ico_cup_equal.png');
    background-size:100% auto;
    width:24px;
    border:none;border:none;margin-left:14px;margin-right:14px;
}

.gift-box {position:relative;top:4px;}
.barcode-top-area {background:#fff;}
.stamp-main.stamp-cup-main + .goods-user-guide {border-top:none;}
.stamp-cup-box {padding-bottom:8px;}

.stamp-main.stamp-cup-main .stamp-item-cup {width:auto;height:57px;}

/* 스탬프이벤트 인증 */
/*220713 jik 수정(댓글이벤트 좌우 여백)*/
.event-temp-picture{
    padding:0 16px;
}
.event-temp-picture .tit-h3-box {
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
    align-items:center;justify-content:space-between;padding-bottom:0;padding:20px 16px 0;
}
.event-temp-picture .tit-h3-box .title-h3 {font-size:16px;font-weight:400;color:#333;}
.event-temp-picture .tit-h3-box .title-h3 > em {font-size:16px;font-weight:bold;font-family:"Mark Pro", sans-serif;line-height:24px;margin-left:6px;}
.event-temp-picture .tit-h3-box .buttons .button {padding-right:0;font-size:14px; outline: none;     border: none;}
.event-temp-picture .image_box {width:180px;margin:0 auto;position:relative;}
.event-temp-picture .image_box + p {margin-top:14px;color:#000;font-size:14px;font-weight:400;font-family:"AppleSDGothicNeoM00";line-height:20px;}
#image_container {position:relative;/* overflow:hidden; */width:180px;margin:0 auto;line-height:1.5em;/* height:140px; */border:1px solid #D6D6D6;}
#image_container img, #image_container p {
    width:100%;/*height:100%;*/position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;right:0;margin:0 auto;
}

#image_container img {position:static;transform:translate(0,0)}
.thumnail {text-align:center;position:relative;margin-top:24px;}
.thumnail input[type=file]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}
.thumnail::after{display:block;content:"";clear:both;}
.ptchange {width:180px;height:100%;/* height:140px;line-height:140px; */text-align:center;/* position:absolute; */top:0;left:0;font-family:"AppleSDGothicNeoR00";}
.ptchange > label {
    width:100%;height:140px;display:inline-block;background-repeat:no-repeat;background-image:url('/resources/images/icon/ico_album_s.png');
    background-position:center 45px;background-size:24px auto;padding-top:80px;line-height:1.2;
}
/* .ptchange.off {width:100%;background:#F5F5F5;color:#999;font-weight:normal;}
.ptchange.off > label {background-image:url('/resources/images/icon/ico_album_off.png');} */
.event-information {background:#f5f5f5;/* border-radius:8px; */padding:24px 16px;text-align:center;}
.event-temp-picture .btn-del-imgfile {position:absolute;top:-10px;right:-10px;background-color:#010101;}
.event-temp-picture .btn-del-imgfile .ico-cross:before {color:#fff;}
.event-temp-picture .btn-del-imgfile > i {position:relative;top:-2px;}
.event-temp-picture .txt-picture {text-align:center;padding:20px 0;font-family:"AppleSDGothicNeoR00";color:#000;}
.picture-detail-custom {border-bottom:1px solid #EBEBEB;padding:12px 16px 11px;margin:0 -16px;align-items:center;border-top:none;}
.picture-detail-custom .title-h4 {font-size: 14px;}
.picture-detail-option__title {flex:0 0 150px;font-size:14px;font-weight:normal;}
.picture-detail-option__title > em {font-size:14px;font-weight:bold;font-family:"Mark Pro", sans-serif;line-height:24px;margin-left:6px;}
.picture-detail-custom .button {padding:0;font-weight: 400;color:#707070;flex: 1 1;justify-content: flex-end;}
.picture-list {margin-bottom:0px;}/*220713 jik 수정(댓글이벤트 아래 여백)*/
.picture-list .picture-list-item:first-child {border-top:none;}
.picture-list-item {position:relative; border-top:1px solid #EBEBEB;margin:0 -16px 31px;padding:31px 16px 0;}
.picture-list .picture-list-item:nth-last-of-type(2){border-bottom: 1px solid #EBEBEB; padding-bottom: 25px;}/*220713 jik 수정(댓글이벤트 마지막 여백)*/
/* .picture-list-item:last-child {padding-bottom:22px;border-bottom:1px solid #EBEBEB;margin-bottom:0;} */
.picture-list__date{min-width:70px;}
.picture-list__date, .picture-list__like, .heart-wrap {display:block;line-height:1;margin:18px 0 0;color:#333;font-size:12px;font-family:"Mark Pro", sans-serif;}
.picture-list__like{margin-left:32px}
.picture-list__like small{font-size:12px;}
.picture-list__title {display:block;margin-bottom:12px;color:#000;font-size: 14px;font-weight:600;font-family:"Mark Pro", sans-serif;}
.picture-list__desc {display:block;margin-bottom: 16px;font-size: 14px;color:#333;}
.picture-list__desc.is-small {font-size:12px;color:#999;}
.picture-list__image {display:block;position:relative;/* padding-top:75%; */overflow:hidden;text-align:center;}
.picture-list__image .txt-off-hidden {display:none;}
.picture-list__image.off {background:#F5F5F5}
.picture-list__image.off .txt-off-hidden {
    display:block;text-align:center;width:100%;height:280px;margin:0 auto;padding-top:120px;
    color:#000;font-size:14px;line-height:20px;font-weight:normal;background:#F5F5F5;
}
.layer .picture-list__image.off > img {display:block;}
.picture-list__image.off > img {display:block;}
.picture-list__image img {max-width: 100%; height: auto;}
.event-temp-picture .button-link-round i {
    display:inline-flex;width:16px;height:16px;border:1px solid #000;color:#000;font-size:15px;
    padding:0;border-radius:50%;align-items:center;justify-content:center;margin-left:6px;padding-left:1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    
}
.event-temp-picture .button-link-round span{
	   margin-bottom: 1px;
}
.txt-picture-num {display:inline-block;color:#000;font-size:14px;font-weight:bold;font-family:"Mark Pro", sans-serif;}
.event-temp-picture .img-file-add {display:inline-block;width:100%;height:100%;line-height:1.2;vertical-align:top;padding-top:45px;color:#000;}
.event-temp-picture #image_container .img-file-add img {width:24px;height:24px;position:static;transform:translate(0, 0);margin-bottom:10px;}
.btn-del-imgfile.on {display:block;}
.btn-del-imgfile {display:none;}

.picture-detail-custom .button-rotate-refresh {margin-right:-6px;}
.picture-detail-custom .button-rotate-refresh .icon-refresh {
    background-repeat:no-repeat;
    background-image:url('https://mcdn.twosome.co.kr/upload/mobile/event/2022/220415/ico_reset.png');
    background-position:center center;
    background-size:16px auto;
    width:24px;height:24px;
    border:none;
}

.picture-list-btm, .txt-comment-btm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    
}

.add-comment {margin-bottom:8px;}
.txt-comment-btm {margin-top:6px; justify-content: space-between;}
.txt-comment-btm .txt-count {color:#707070;font-size:12px;}
.txt-comment-btm .txt-count em {font-family:"Mark Pro", sans-serif;font-weight:bold;}
.txt-comment-btm .txt-count span {font-family:"Mark Pro", sans-serif;font-weight:normal;}
.txt-comment-btm span.total-num {color:#707070;font-weight:normal;font-size:12px;font-family:"Mark Pro", sans-serif;}

.picture-list-btm .btn-select-chk-del {font-size:12px;color:#707070;text-decoration:underline; margin-top: 11px; position: absolute; right: 16px;}
.txt-hidden-right {font-size:12px;position:absolute;top:31px;right:16px;}
.picture-list__comment {display:block;position:relative;}
.picture-list__comment p {white-space: pre-line;}
.picture-list__comment .txt-off-hidden {display:none;}
.picture-list__comment.off {background:#F5F5F5}
.picture-list__comment.off .txt-off-hidden {
    display:block;text-align:center;width:100%;margin:0 auto;
    color:#000;font-size:14px;line-height:20px;font-weight:normal;background:#F5F5F5;padding:20px;
}
.picture-list__comment.off .txt-off-hidden + p {display:none;}
.layer .picture-list__comment.off > img {display:block;}
.picture-list__comment.off > img {display:none;}
.picture-list__comment img {width:100%;position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;}
.layer .layer_content.layer-comment, .layer .layer_content.layer-picture {height:100%;}
.layer.has_btn .layer_content.layer-comment .layer_content_inner,
.layer.has_btn .layer_content.layer-picture .layer_content_inner {padding-top:0;}
.layer .layer_content.layer-comment .picture-list, 
.layer .layer_content.layer-picture .picture-list {margin-bottom:0;}


/* 출석체크 */
.section-attend-box {/* margin-top:14px; */background:#59bfc3;}/*220721 jik수정*/
.attend-chk-box {/* background:linear-gradient(135deg, #FEEEEC, #F5BCC2); */background-repeat:no-repeat;background-position:center center;background-size:100% 100%;/* padding:35px 17px 30px; */ padding:0 0 30px; margin:0 17px; background:#fff;}
.attend-chk-header{background:#ebf9fa;}
.attend-chk-header .section-tit {text-align:center;font-size:22px;line-height:32px;color:#126b72;font-weight:500; padding:16px 0; letter-spacing: -1px;}
.attend-chk-header .section-tit span {display:inline-block;font-size:20px;line-height:27px;color:#000;font-family:"Mark Pro";font-weight:bold;}
.attend-chk {text-align: center;}
.attend-chk-table {margin:47px 9px 0;}
.attend-chk-weekdays {display: flex;text-align:center;}
.attend-chk-weekdays {display: flex;}
.attend-chk-weekdays li {width: 15%;font-size:14px;color:#333;font-family:"Mark Pro";font-weight: 600;}
.attend-chk-days {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 5px;}
.attend-chk-days li {
    position: relative;width:calc(100%/7);padding-bottom: 14.28%;font-size:17px;font-family:"Mark Pro";font-weight:500;
    text-align:center;color:#333;
}
.attend-chk-days li::before {
    position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:32px;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;
    text-align:center;content: "";
}
.attend-chk-days li span {
    position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
    width:100%;height:auto;text-align:center;margin-top:1px;
}

.attend-chk-days li.on::after {
    position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:32px;-webkit-border-radius:50%;border-radius:50%;
    text-align:center;content: "";background-size:74% auto;z-index:10;
}
.attend-chk-days li ~ li {border-right: none;}
.attend-chk-days li::before span {content: attr(data-score);position: absolute;top: 28%;left: 50%;font-size: 14px;line-height: 1.14;text-align: center;letter-spacing: 0.14px;color: #aaa;transform: translate(-50%, 0);}
.section-attend-box .banner-txt {margin:40px 40px 0; text-align:center;}
.section-attend-box .banner-txt h2 {font-size:26px;line-height:32px;color:#fff;font-family:"AppleSDGothicNeoB00";font-weight:normal; letter-spacing: -2px;}
.section-attend-box .banner-txt p {font-size:13px;line-height:19px;color:#fff;font-family:"AppleSDGothicNeoM00";font-weight:normal;letter-spacing:-1px;margin-top:7px;}

.attend-chk-btn {width:100%;text-align:center;margin-top:40px;}
.attend-chk-btn input {
    width:212px;background-color:#000;height:45px;color:#fff;font-size:17px;font-family:"AppleSDGothicNeoR00";
    /* -webkit-box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0;
     -khtml-box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0;
       -moz-box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0;
            box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0; */
}
.attend-chk-btn input.off, .btn-coupon-down.off, .txt-comment-btm .button.off, .btn-imgfile-add .button.off {
    background:#f5f5f5 !important;border-color:#ebebeb !important;color:#999 !important;
}

.section-attend-box .banner-txt .attend-chk-btm {
     width:80%;margin:17px auto 0;display:flex;justify-content:space-between;/* border:1px dashed #999; */background:#fff;
     height:45px;line-height:45px;-webkit-border-radius:22px;border-radius:22px;align-content:center;align-items:center;padding:0 30px;
}
.section-attend-box .banner-txt .attend-chk-btm .section-tit {font-family:"AppleSDGothicNeoM00";font-size:15px;color:#000;line-height:19px;letter-spacing:-1px; font-weight: 600;}
.section-attend-box .banner-txt p.section-descr {margin-top:0;font-family:"AppleSDGothicNeoM00";font-size:15px;color:#000;line-height:19px;letter-spacing:-1px; font-weight: 600;}
.section-attend-box .banner-txt .attend-chk-btm .section-descr span {font-size:25px;font-family:"Mark Pro";font-weight:bold;color:#ff6060;line-height:27px;}
.explain-section {margin:0 -16px -40px;text-align:center;/* background:#F5F5F5;padding:30px 16px 72px; border-top:1px solid rgba(112, 112, 112, 0.16);*/}
.explain-section .tit {font-family:"AppleSDGothicNeoB00";font-size:18px;color:#000;line-height:24px;letter-spacing:-1px;font-weight:normal;}

.event-caut {margin:24px 0 0;}
.event-caut li {padding-left:8px;position:relative;margin-bottom:8px;font-family:"AppleSDGothicNeoR00";font-size:14px;color:#333;line-height:21px;font-weight:normal;}
.event-caut li:last-child {margin-bottom:0;}
.event-caut li:before {position:absolute;top:8px;left:0;width:3px;height:3px;content:"";background:#D6D6D6;}

.attend-coupon-top {text-align:center;margin:0 -16px;text-align:center;}
.attend-coupon-top > img {width:auto;vertical-align:top;}

.attend-coupon-box {text-align:center;/* border-top:1px solid #EBEBEB; */margin:0 -16px;/* padding:31px 38px 36px; */position:relative;}
.attend-coupon-box > img {width:auto;vertical-align:top;}
.attend-coupon-box .btn-coupon-area {position:absolute;bottom:0;left:0;width:100%;text-align:center;height:40px;}
.attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:42px;}
.attend-coupon-box .btn-coupon-area .btn-coupon-down {
    display:inline-block;width:180px;height:40px;line-height:40px;/* color:#fff;font-size:14px; */
    /* font-family:"AppleSDGothicNeoR00";position:relative;vertical-align:top;
                -webkit-box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0;
                 -khtml-box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0;
                   -moz-box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0;
            box-shadow:rgba(0, 0, 0, 0.16) 0 3px 6px 0; */
}
.attend-coupon-box .btn-coupon-area .btn-coupon-down img {width:22px;height:22px;margin-left:6px;position:relative;top:-1px;}
.attend-coupon-box .icon-heart-img {width:18px;height:16px;margin:0 7px 0;position:relative;top:-4px;}
.attend-coupon-box .btm-txt-num {display:inline-block;width:100%;font-size:14px;line-height:19px;color:#333;font-family:"AppleSDGothicNeoM00";}
.attend-coupon-box h2.section-tit {position:relative;font-size:16px;line-height:21px;letter-spacing:-1px;color:#333;font-family:"AppleSDGothicNeoM00";font-weight:normal;}
.attend-coupon-box h2.section-tit:after {position:absolute;bottom:0;left:50%;transform:translate(-50%, -50%);width:90px;height:1px;content: "";background-color:#707070;}
.attend-coupon-box h2.section-tit span {display:inline-block;margin-right:12px;font-size:18px;line-height:24px;color:#000;font-family:"Mark Pro";font-weight:bold;}
.attend-coupon-box p {font-size:22px;line-height:30px;color:#333;font-family:"AppleSDGothicNeoEB00";}
.attend-chk-days li.no-bg-color::before {background-color:transparent;}

.event-coupon-wrap img.attend-mark {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:23.5px;height:auto;margin-top:1px;}
.attend-mark {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:23.5px;height:auto;margin-top:1px;}
.center-heart {padding-top:112px;background:url("http://mcdn.twosome.co.kr/upload/mobile/event/2022/220422/ico_pop_heart.png") no-repeat center 44px;text-align:center;background-size:56px auto;}
.center-heart strong {font-size:16px;font-weight:normal;color:#333;line-height:24px;font-family:"AppleSDGothicNeoSB00";}
.center-coupon {padding-top:112px;background:url("http://mcdn.twosome.co.kr/upload/mobile/event/2022/220422/ico_pop_coupon.png") no-repeat center 44px;text-align:center;background-size:56px auto;}
.center-coupon strong {font-size:16px;font-weight:normal;color:#333;line-height:24px;font-family:"AppleSDGothicNeoSB00";}

/*쿠폰 상단버튼 위치 수정*/
.is-right-btn {color:#000;font-weight:600;margin-left:12px;padding:0;position:absolute !important;right:4px;top:0;}
.is-right-btn:hover {border-bottom:none !important;}

/* 선물하기 */
.coupon-amount dl {
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
    align-items:center;justify-content:space-between;margin:23px 0 32px;
}
.coupon-amount dl dt {font-weight:normal;color:#000;}
.coupon-amount dl dd.amount-discount {color:#d50037;line-height:21px;font-size:12px;}
.amount-discount span {font-size:12px;color:#d50037;font-family:"Mark Pro";font-weight:bold;line-height:21px;}
.coupon-amount .button.is-outlined {border-color:#333;}

.layer-use-coupon .layer_content .layer_content_inner {margin:-24px -16px 0;}
.layer-use-coupon .custom-layer-wrap .collapse-header {border-bottom:none;}
.layer-use-coupon .custom-layer-wrap .collapse {border-bottom:1px solid #ebebeb;}
.layer-use-coupon .collapse-body {background:#fff;}
.layer-use-coupon .coupon-list-radio {padding:0;}
.layer-use-coupon .custom-layer-wrap .collapse-header a .custom-layer-tags span {margin-top:3px;color:#333;font-family:"AppleSDGothicNeoR00";line-height:21px;}
.layer-use-coupon .custom-layer-wrap .collapse-header a .custom-layer-tags span em {font-family:"Mark Pro";font-weight:normal;line-height:21px;}
.layer-use-coupon .custom-layer-wrap .collapse-header a .custom-layer-tags span strong {font-family:"Mark Pro";font-weight:bold;line-height:21px;}
.layer-use-coupon .coupon-list-radio li .date-amount {margin-top:7px;}
.layer-use-coupon .coupon-list-radio li .date-amount .date em {font-family:"Mark Pro";font-weight:normal;line-height:18px;}
.icon-coupon-gift {width:40px;height:40px;background: url('/resources/images/icon/ico_40_gift.svg') 50% 50% no-repeat;}

/* 컵보증금 */
.cup-deposit {text-align:right;font-size:12px;color:#fff;}
.cup-deposit + .flex-1.text-right {flex:inherit;width:70px;}

.txt-cup-red {display:none;padding-left:8px;margin-top:10px;}
.txt-cup-red:before {content:'*';position:absolute;top:3px;left:0;}

.layer-use-coupon .is-active .custom-dc-txt {display:none;}
.custom-dc-txt {position:absolute;bottom:10px;right:16px;display:block;font-size:12px;color:#d50037;font-weight:normal;}
.mt-style {margin-top:16px !important;}
.btn-imgfile-add {text-align:center;width:180px;margin:24px auto 0;}


/*  좋아요 하트 */
:root {
  --heart: #D50037;
}

.ico-heart use {
  fill: transparent;
  /* stroke: rgba(255, 255, 255, 0.7); */
  stroke:#D6D6D6;
  stroke-width: 1.2;
  transition: all 0.33s ease;
}

.ico-heart use:last-of-type {
  fill: var(--heart);
  stroke: var(--heart);
  opacity: 0;
  transform: scale(0.33);
  transform-origin: center;
}

.on-sec .ico-heart use, .on-sen .ico-heart use {
  stroke: transparent;
  
}

.on-sec .ico-heart use:last-of-type, .on-sen .ico-heart use:last-of-type {
  opacity: 1;
  transform: none;
/*   transition: all 0.5s cubic-bezier(0.19, 2, 0.45, 0.94); */
}

.ico-heart {
  width: 15px;
  height: 14.5px;
  overflow: visible !important;
  z-index: 5;
  position: absolute;
  bottom: 0;
  right:16px; 
}


.heart{
  width: 20px;
  height:20px;
  display: block;
  /* border:1px solid #fff; */
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 30%;
}
.heart-wrap{
    /* margin:14px 0 0 14px !important; */
     height: 40px;
  position: absolute;
  width: 50px;
    bottom:0;
    left:78px;
    margin:0;
} 

.heart-disable{ /*비활성화시*/
        pointer-events: none;
}

.heart-disable > .ico-heart use{
    fill:#D6D6D6;
}
.heart-disable + .picture-list__like small{
    color:#D6D6D6;
}
.picture-list .picture-list-item:nth-last-of-type(2) .heart-wrap{ /*무한스크롤때문에 넣음*/
    bottom:25px;
}
#layer_my_comment .picture-list .picture-list-item:nth-last-of-type(2) .heart-wrap, #layer_my_picture .picture-list .picture-list-item:nth-last-of-type(2) .heart-wrap{
    bottom:0;
}
.hide {
  display: none;
}

.on-sec > .moving{
  /* opacity: 0; */
  position: absolute;
  height: 50%;
  opacity: 0;
  animation: floating-heart 0.85s  backwards cubic-bezier(0.5, 0.5, 0.5, 0.5);
  z-index: 1;
  bottom:0;
  right:16px;
}


@keyframes floating-heart {
  0% {
    opacity: 0;
    bottom: 0%;
    left: 30%;
  }
 33% {
    opacity: 1;
    bottom: 33%;
    left: 20%;
  }
 
  66% {
    opacity:0.5;
    bottom:66%;
    left: 50%;
  }
  
  80% {
    opacity: 0;
    bottom: 80%;
    left: 45%;
  }
  99% {
    opacity: 0;
    bottom: 100%;
    left: 60%;
  }
}
#layer_my_picture .picture-list-item:nth-last-of-type(2), #layer_my_comment .picture-list-item:nth-last-of-type(2){
    padding-bottom:0;
    border-bottom: none;
}

.btn-rep{position:fixed;bottom:65px;right:10px;width:80px;height:88px;background:url('https://mcdn.twosome.co.kr/upload/mobile/event/2022/220614/btn_floating.png') no-repeat center 8px;background-size:80px auto;animation:flortingUpDown .7s infinite alternate; z-index:99;}
                            @keyframes flortingUpDown {
                                0%{transform:translateY(0)}
                                100%{transform:translateY(-15px)}
                            }
.btn-asw{width: 40px; height: 40px; background: rgba(255,255,255,.7); position: fixed;  bottom: 166px;  right: 28px; border:1px solid #ddd; z-index:100; border-radius: 50%; display: flex;
    align-items: center; justify-content: center;}
.btn-asw + i:before{color:#000; font-size:16px;}

.btn-asw-top, .btn-reply{display:none !important;}                            
                            
/* Galaxy fold */
@media screen and (min-width:280px) and (max-width:359px) {
    .stamp-main.stamp-cup-main .stamp-cup-num .button-rotate-refresh {right:10%;}
    .stamp-main.stamp-cup-main .row-tooltip-wrap {margin:10px 0 14px;}
    [class*='spec-ty'] {width:80%;}
    .stamp-main.stamp-cup-main .link-horiz-menus li.stamp-list01:before {margin-left:4px;margin-right:4px;}
    .stamp-main.stamp-cup-main .link-horiz-menus li.stamp-list02:before {margin-left:4px;margin-right:4px;}
    .section-attend-box .banner-txt h2 {font-size:20px;}
    .section-attend-box .banner-txt {margin:33px 20px}
    .section-attend-box .banner-txt .attend-chk-btm {width:100%;}
    .attend-coupon-box .btn-coupon-area {height:30px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:140px;height:30px;line-height:30px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:33px;}
}

@media screen and (max-width:320px) {
	/* .stamp-cup-box .stamp-list-wrap.has-image .spec-ty10 {transform:translate(-50%, 27%); top:50% !important;} */
}

@media screen and (min-width:360px) {
	.stamp-list-wrap.has-image .spec-ty07 {transform: translate(-50%, 36%) !important;  }
   /*  .stamp-cup-box .stamp-list-wrap.has-image .stamp-list {transform:translate(-50%, 0); top:79px !important;} */
    .stamp-cup-box .stamp-list-wrap.has-image .spec-ty05 {top:120px !important;}
    .stamp-cup-box .stamp-list-wrap.has-image .spec-ty06 {top:84px !important;}
    .stamp-cup-box .stamp-list-wrap.has-image .spec-ty08 {top:139px !important;}
   /*  .stamp-cup-box .stamp-list-wrap.has-image .spec-ty10 {transform:translate(-50%, 42%); top:50% !important;} */
    .stamp-cup-box .stamp-list-wrap.has-image .spec-ty11 {transform:translate(-46%, -92%); top:50% !important;}
    /* [class*='spec-ty'] {width:75%;} */
}

@media screen and (min-width:375px) {
    .attend-coupon-box .btn-coupon-area {height:42px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:185px;height:42px;line-height:42px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:45px;}
}

@media screen and (min-width:390px) {
    .stamp-main.stamp-cup-main .stamp-cup-num .button-rotate-refresh {right:68px;}
    .attend-chk-days li::before {width:70%;height:70%;}
    .event-coupon-wrap img.attend-mark {width:70%;}
    .attend-mark {width:50%;}
    .attend-chk-days li.on::after {width:70%;height:70%;}

    .attend-coupon-box .btn-coupon-area {height:44px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:200px;height:44px;line-height:44px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:46px;}
}

@media screen and (min-width:412px) {
    .attend-coupon-box .btn-coupon-area {height:46px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:206px;height:46px;line-height:46px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:50px;}
}

@media screen and (min-width:480px) {
    .attend-chk-days li {font-size:20px;}
    .attend-coupon-box .btn-coupon-area {height:52px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:240px;height:52px;line-height:52px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:58px;}
}

@media screen and (min-width:640px) {
    .attend-chk-days li {font-size:24px;}
    .attend-coupon-box .btn-coupon-area {height:70px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:316px;height:70px;line-height:70px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:77px;}
}
/* Tablet */
@media screen and (min-width:768px) {
    .attend-chk-days li {font-size:32px;}
    .attend-coupon-box .btn-coupon-area {height:84px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:380px;height:84px;line-height:84px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:92px;}
}

@media screen and (min-width:1024px) {
    .attend-chk-days li {font-size:48px;}
    .attend-coupon-box .btn-coupon-area {height:108px;}
    .attend-coupon-box .btn-coupon-area .btn-coupon-down {width:488px;height:108px;line-height:108px;}
    .attend-coupon-box .btn-coupon-area.btn-ty02 {bottom:118px;}
}