@charset "UTF-8";

/*공통*/
#wrap {overflow:hidden}
.sixth__event--wrap {position:relative;top:0;left:0;min-width:1280px;width:100%;background-color:#fff; overflow: hidden;}

.sixth__event--wrap .event__alim--bar {display:flex;width:100%;height:44px;background:#1c2043;align-items:center;justify-content:center;}
.sixth__event--wrap .event__alim--bar > p {font-size:14px;color:#fff;font-weight:bold;}
.sixth__event--wrap .event__alim--bar .btn__open-alim {position:relative;width:50px;height:24px;margin-left:74px;background:#c1c1c1;border-radius:12px;transition:background-color .5s;}
.sixth__event--wrap .event__alim--bar .btn__open-alim > span {display:block;text-indent:-9999px;}
.sixth__event--wrap .event__alim--bar .btn__open-alim:after {content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:100%;transition:left .5s;}
.sixth__event--wrap .event__alim--bar .btn__open-alim.on {background-color:#14c270;}
.sixth__event--wrap .event__alim--bar .btn__open-alim.on:after {left:29px;}

.sixth__event--wrap .event__time--bar {display:flex;width:100%;height:32px;background:#ebebeb;align-items:center;justify-content:center;}
.sixth__event--wrap .event__time--bar span {font-size:13px;color:#1c2043;}
.sixth__event--wrap .event__time--bar .time__box {width:27px;height:18px;margin-left:8px;margin-right:2px;color:#fff;text-align:center;line-height:18px;border-radius:3px;background:#1c2043;}


.sixth__event--wrap .top_tab_wrap {position:relative;height:50px;}
.sixth__event--wrap .top_tab_wrap .compactFixed {left: 0 !important;right: 0; }
.sixth__event--wrap .top_tab_wrap .nav {position:relative;width:100%;max-width:1280px;height:50px;margin:0 auto;background-color:#f1016a;-webkit-backdrop-filter: blur(25px);backdrop-filter: blur(25px);}
.sixth__event--wrap .top_tab_wrap ul {position:relative;display:flex;width:1280px;height:100%;margin:0 auto;box-sizing:border-box;justify-content:center;}
.sixth__event--wrap .top_tab_wrap ul li + li {margin-left:104px;}
.sixth__event--wrap .top_tab_wrap ul li a {display:flex;height:50px;align-items:center;text-align:center;box-sizing:border-box;overflow:hidden;}
.sixth__event--wrap .top_tab_wrap ul li a span {display:block;font-size:16px;color:#fff;opacity:0.7;}
.sixth__event--wrap .top_tab_wrap ul li.active a span {font-weight:bold;opacity:1;}

.sixth__event--wrap .event__cont {position:relative;}
.sixth__event--wrap .event__cont .cont__img {display:block;width:720px;margin:0 auto;}
.sixth__event--wrap .event__cont.benefit-info {background:#fff;}

.sixth__event--wrap .event__cont.goods-info {padding-bottom:67px;background:#80d4ff;}
.sixth__event--wrap .event__cont .deco__bellygom {position:absolute;top:-182px;left:50%;width:179px;margin-left:-334px;}
.sixth__event--wrap .event__cont .deco__prime {position:absolute;top:-28px;left:50%;width:117px;margin-left:110px;}
.sixth__event--wrap .event__cont .deco__bellygom2 {position:absolute;bottom:-190px;left:50%;width:202px;margin-left:20px;transition:bottom 0.5s ease-in-out;z-index:1;}

.sixth__event--wrap .event__cont .deco__bellygom2.showing {bottom:-165px;}

.sixth__event--wrap .event__cont .video__area {position:absolute;top:186px;left:50%;width:400px;transform:translateX(-50%);}
.sixth__event--wrap .event__cont .video__area video {width:100%;}

.sixth__event--wrap .event__cont.share-event {background:#ffd85c;z-index:2;}
.sixth__event--wrap .event__cont.share-event .deco_hand {position:absolute;top:-18px;left:50%;width:147px;margin-left:74px;}

.sixth__event--wrap .event__cont .event__btn--wrap {margin-top:10px;}
.sixth__event--wrap .event__cont .event__btn--wrap button {display:block;width:320px;margin:0 auto;}
.sixth__event--wrap .event__cont .event__btn--wrap button + button {margin-top:12px;}
.sixth__event--wrap .event__cont .event__btn--wrap button.complete{position:relative;}
.sixth__event--wrap .event__cont .event__btn--wrap button.complete img {opacity:0;}
.sixth__event--wrap .event__cont .event__btn--wrap button.complete:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/cjom/event/25_06_event/sixth_anniversary/images/btn_comment_complete.png) no-repeat 0 0;background-size:100% auto;}

.sixth__event--wrap .event__comment--wrap {background:#fff;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap {width:760px;margin: auto;}

.sixth__event--wrap .event__cont .accordion__notice--wrap .accordion__notice--list {width:760px;margin:32px auto 0;}


.sixth__event--wrap .event__comment--wrap .comment__input--box {padding-bottom:32px;background:#ffd85c;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .comment__title {width:720px;margin:0 auto;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box {display:block;width:320px;margin:0 auto;border:0;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box li.row {display:block;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box [class^=column-] {display:block;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .column-white {padding:0;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .column-white .textarea {position:relative;height:108px;border:1px solid #ddd;background:#fff;border-radius:4px;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea {border:0;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea > .scroll-content {height:108px !important;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea > .scroll-content > textarea {position:relative;height:108px;padding:16px;font-size:15px;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea > .scroll-content > textarea::placeholder {font-size:15px;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .textarea-count {position:absolute;bottom:14px;right:16px;margin:0;font-size:12px;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .column-label {position:relative;width:100%;margin-top:16px;padding:0;}
.sixth__event--wrap .event__comment--wrap .comment__input--box .coment-box .btn__comment {padding:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap {background:#fff;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .title-bar {position:relative;height:auto;padding:40px 0 7px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .title-bar .bbs-total {font-size:14px;color:#222;letter-spacing:-0.1em;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .title-bar button {position:absolute;bottom:7px;right:2px;font-size:14px;color:#222;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box {border-top:1px solid #ddd;border-bottom:0;background:none;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box [class^=column-] {display:block;border:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment {padding:16px 0 12px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .txt {font-size:16px;color:#333;letter-spacing:-0.05em;line-height:1.5;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list {margin-top:4px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list li {font-size:13px;color:#aaa;letter-spacing:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list li+li {margin-left:4px;padding-left:6px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list li+li:before {top: 8px;width: 2px;height: 2px;margin: 0;background: #aaa;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .link-box {top: auto;bottom: 12px;right: -6px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .link-box .link-list {padding: 0 8px;font-size: 13px;color: #aaa;line-height: 1.3;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .link-box .link-list > span {letter-spacing: 0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .column-white {padding: 16px 0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row {display:block;border-bottom: 1px solid #e6e6e6;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment [class^=column-] {border:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea {position:relative;margin:0 auto;border:1px solid #ddd;font-size:16px;background:#fff;border-radius:4px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .row {border:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .coment-box {border:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .scroll-textarea {height:100px !important;border:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .scroll-textarea > .scroll-content {height:100px !important;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .scroll-textarea > .scroll-content > textarea {padding:16px 24px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea-count {position:absolute;bottom:16px;right:24px;color:#999;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea-count .current {font-size:12px;color:#111;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea-count .total {font-size:12px;color:#999;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging {margin-top:32px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging .btn-prev {margin-left:4px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging .btn-next {margin-right:4px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging ul {margin:0 4px;font-size:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging li:first-child {margin-left:0;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging li+li {margin-left:4px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging li a {font-size:14px;color:#333;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .paging li span {font-size:14px;color:#fff;background:#111;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .row.modify__comment .btn-area {padding:0 0 20px;font-size:0;background:none;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .row.modify__comment .btn-area .btn-white-lg {width:84px;min-width:auto;height:40px;padding:0;font-size:15px;color:#111;border:1px solid #ddd;border-radius:4px;background:#fff;line-height:38px;}
.sixth__event--wrap .event__comment--wrap .comment__list--wrap .row.modify__comment .btn-area .btn-default-lg {width:84px;min-width:auto;height:40px;margin-left:8px;padding:0;font-size:15px;color:#fff;border:1px solid #111;border-radius:4px;background:#111;line-height:38px;}