@charset "UTF-8";

.ap_event { margin-bottom: -49px; }

.event_list>li{position:relative; background: #fff;}
.event_list>li>a{display:block; font-size: 16px; color: #333;}
.event_list .lazy_load_wrap{ padding-top: 64%; background: #f3f3f3 url(../../images/common/img_loading.png) no-repeat 50% 50%; background-size: 45px 45px; }
.event_list .event_info{ padding: 17px 0 42px; text-align: center; }
.event_list .event_title { padding: 0 20px; font-size: 20px; font-weight: bold; line-height: 1.5; }
.event_list .date { display: block; padding-top: 8px; font-size: 12px; font-weight: normal; line-height: 1; }

.ap_event .non_content {width:100%; text-align:center; padding:191px 0 161px; overflow:hidden}
.ap_event .non_content > p  {font-size:14px; color:#999; line-height:1.3; font-weight: normal; }

.evt_sel_wrap01 { position: relative; padding-top: 10px; padding-bottom: 44px;}
.evt_sel_wrap01.dimmed:after { animation: dimmedOpacity 0.2s forwards; content: ''; display: block; z-index: 30; position: fixed; top: 0; width: 100%; max-width: 1024px; height: 100%; background: rgba(0, 0, 0, 0.5); overflow: hidden; touch-action: none;}
@keyframes dimmedOpacity { from { background: rgba(0, 0, 0, 0);} to { background: rgba(0, 0, 0, 0.5);}}
.evt_sel_wrap01 .ui_select_box_wrap { position: static; top:auto; left:auto; width:100%; padding-top: 40px;}
.evt_sel_wrap01 .ui_select_box_wrap.fixed-wrap { padding-top: 95px; }
.evt_sel_wrap01 .prod-list-wrap:first-child .common-prod-title { margin-top: 8px; }
.evt_sel_wrap01 .ui_tab .prod-list-wrap:first-child .common-prod-title { margin-top: 0; }
.evt_sel_wrap01 .prod-list-wrap {padding-top: 40px;}
.evt_sel_wrap01 .prod-list-wrap + .prod-list-wrap {padding-top:46px;}
.evt_sel_wrap01 .prod-list-wrap .event-banner-list { margin-top:-43px; margin-bottom: -5px; }
.evt_sel_wrap01 .ui_tab .prod-list-wrap .event-banner-list { margin-top: 7px; margin-bottom: -5px; }
.evt_sel_wrap01 .prod-list-wrap + .prod-list-wrap .event-banner-list { margin-top: 0; }
.evt_sel_wrap01 .prod-list-wrap .event-banner-list a { display: block; overflow: hidden; text-align: center; height: 70px; }
.evt_sel_wrap01 .prod-list-wrap .event-banner-list a img { height: auto; width: auto; min-height: auto; max-height: 70px; max-width: 100%; }
.evt_sel_wrap01 .prod-list-wrap .prod-list.single .label-area { left: 20px; }
.evt_sel_wrap01 .prod-list-wrap .prod-list.single {padding: 0 20px;}
.evt_sel_wrap01 .prod-list-wrap .prod-list.single .prod-info .desc {height: auto;}
.evt_sel_wrap01 .prod-list-wrap .prod-list.single .prod-info .price em {color: #000; vertical-align: top;}
.evt_sel_wrap01 .prod-list-wrap .prod-list.single > .item + .item {border-top: none}
.evt_sel_wrap01 .open-close-btn-group {padding-top: 16px;}

/* 2024-03-21 APM-35082 : [기획전 고도화] 상품그룹정보 > 소팅기능 */
.prod-list-wrap .prod-list-sorting {display: flex; align-items: flex-start; justify-content: space-between; padding: 0 20px;}
.prod-list-sorting .common-prod-title {margin: 0; padding: 0; width: calc(100% - 107px);}
.prod-list-sorting .common-prod-sorting {display: flex; align-items: center; font-size: 13px; line-height: 24px; color: #000;}
html.webkit .prod-list-sorting .common-prod-sorting .sorting_text {padding-top: 2px;}
.prod-list-sorting .common-prod-sorting:after {content: ""; display: inline-block; margin-left: 2px; width: 18px; height: 18px; background:url(../../images/common/ic_sorting_s18.svg) no-repeat 100%;}

/* 셀렉박스 */
.ui_select_box { padding: 0 20px 0; background-color: #fff; }
.ui_select_box.fixed {position:fixed; top:55px; left:50%; transform: translateX(-50%); width:100%; max-width:1024px; z-index:51; padding: 20px; box-shadow: 0 2px 4px 0 rgba(58, 65, 111, 0.05);}
.ui_select_box.fixed2 {position:fixed; top:0; left:0; width:100%; z-index:30; padding: 20px; border-bottom: 1px solid #ddd; }
/*.special_event_detail .ui_select_box.fixed { margin-top: -14px; }
.special_event_detail .ui_select_box.fixed2 { margin-top: 0; }*/
.ui_select_box.fixed.has_top_ban { margin-top: 40px; }
/*.special_event_detail .ui_select_box.fixed.has_top_ban { margin-top: 26px; }*/
.ap_event_detail {margin-bottom: -65px; padding-bottom: 65px; background: #fff;}
.ap_event_detail .event_visual {background: #fff;}
/*@media screen and (max-width:751px) {
    .ap_event_detail .event_visual {max-width:100%;}
}*/

.ap_event_detail .ui_select.open { position: relative; z-index: 50; }
.ap_event_detail .conetent-slide-wrapper .block-btn-group { padding-bottom: 0; }
.ap_event_detail .ui_select { background-color: #fff;}
.ap_event_detail .ui_select li a { padding: 0 10px; background-color: #fff; cursor: pointer;}
.ap_event_detail .ui_select li:last-child a { border-top: none; border-bottom: none; color: #333; font-weight: normal;}
.ap_event_detail .ui_select .select_options { max-height: 189px; }
.ap_event_detail .ui_select .select_options li>* { padding: 0;}
.ap_event_detail .ui_select.type2 .select_options li> a { padding: 0 20px !important;}
.ap_event_detail .block-btn-group:last-child { padding-top: 40px; }

.beauty_tester_wrap .event-notice {padding: 0;}
.event-notice {padding: 40px 20px 20px; background: #fff;}
.event-button-group {padding: 30px 20px 60px;}
.event-notice .header { position: relative; padding: 0 0 15px; color: #333; font-weight: bold; border-bottom: 1px solid #f0f0f0;}
.event-notice .header .title { font-size: 14px; line-height: 17px; font-weight: bold; color: #333; }
.event-notice .header .btn-more {position: absolute; top: 3px; right: 0; bottom: auto; width:auto; padding-right: 21px; font-size: 14px; color: #888; font-weight: normal; }
.event-notice .header .li-close {display: none;}
.event-notice .header.on .li-open {display: none;}
.event-notice .header.on .li-close {display: inline;}
.event-notice .header .ficon {position: absolute; top: 0; right: 0; font-size: 17px; line-height: 17px; transition: all 0.3s; }
.event-notice .header .ficon:before {vertical-align: top;}
.event-notice .header.on .ficon { transform: rotate(-180deg); }
.event-notice .list { padding: 20px 0; }
.event-notice .list .item { position: relative; padding-left: 14px; font-size: 14px; line-height: 19px; color: #333;}
.event-notice .list .item:before {content:''; position: absolute; top: 7px; left:0; width: 4px; height: 4px; border-radius: 2px; background-color: #ddd;}
.event-notice .list .item + .item { margin-top:  15px;}
.event-notice .block-btn-group {padding: 40px 0 0;}
.event-button-group .block-btn-group,
.ap_event_detail .event-button-group .block-btn-group:last-child {padding: 0;}
.event-notice + .event-button-group {padding: 0 20px 40px;}
.event-notice + .event-button-group .block-btn-group {padding-top: 0;}

/* 2024-03-19 APM-35081 [기획전 고도화] 제휴사용 난수번호 > 난수번호 영역 / 팝업 */
.event-button-promotion {display: flex; flex-direction: column; padding: 30px 20px; background: #fff; border-bottom: 10px solid #f0f0f0;}
.event-button-promotion .btn_promotion {display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 55px; border-radius: 8px; font-size: 16px; font-weight: 600;}
.event-button-promotion .btn_promotion + .btn_promotion {margin-top: 10px;}
.event-button-promotion .bt_code {background-color: #3a416f; color: #fff;}
.event-button-promotion .bt_use {background-color: #fff; border: 1px solid #000; color: #000;}
html.webkit .event-button-promotion .btn_promotion {padding-top: 2px;}
@media screen and (min-width: 640px){
    .event-button-promotion {flex-direction: row; align-items: center; justify-content: space-between;}
    .event-button-promotion .btn_promotion {margin-right:4px;}
    .event-button-promotion .btn_promotion + .btn_promotion  {margin: 0 0 0 4px;}
}

.brand-event-title {padding: 30px 20px 20px; font-size: 22px; font-weight: bold; line-height: 27px; color: #000; letter-spacing:-0.11px;}
.brand-event {margin: 20px 0 0;}
.brand-event .swiper-container {padding: 0 20px;}
.brand-event .swiper-slide {overflow: hidden; width: 150px; height: 84px; margin-right: 8px; border: 1px solid #e2e2e2; border-radius: 8px;}
.brand-event .swiper-slide > a { display: block; width:100%; height: 100%; padding:5px 0; text-align: center;}
.brand-event .swiper-slide img { width: auto; max-width: 95%; max-height: 100%; vertical-align: middle; }
.brand-event.inline-center-one .swiper-wrapper,
.brand-event.inline-center-two .swiper-wrapper { display: block; text-align: center; font-size: 0; white-space: nowrap; }
.brand-event.inline-center-one .swiper-slide,
.brand-event.inline-center-two .swiper-slide { display: inline-block; max-width: none; width: 50%; height: 70px; }
.brand-event.inline-center-one .swiper-slide + .swiper-slide,
.brand-event.inline-center-two .swiper-slide + .swiper-slide { margin-left: -1px; border-left: 1px solid #ddd; }
.brand-event.inline-center-one { border: none; }
.brand-event.inline-center-one .swiper-slide:only-child { width: 188px; border:1px solid #ddd;  margin: 0; }

.brand-event [class*=swiper-button-] {display: none; position: absolute; top: 50%; width: 35px; height: 35px; margin-top: -17.5px; background-repeat: no-repeat; background-position: center center; background-size: 100%; z-index: 2;}
.brand-event .swiper-container:hover [class^=swiper-button-] {display: block;}
.brand-event .swiper-button-prev {left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1IDM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREREREREO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiMzQTQxNkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjljMy4zLDAsNiwyLjcsNiw2djIzYzAsMy4zLTIuNyw2LTYsNmwwLDBIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTAsMWgyOWMyLjgsMCw1LDIuMiw1LDV2MjNjMCwyLjgtMi4yLDUtNSw1SDBWMXoiLz4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCQ0KCQkJCTxyZWN0IHg9IjEwLjMiIHk9IjEzLjMiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTUuMjEzMiAxNS40MTQyKSIgY2xhc3M9InN0MiIgd2lkdGg9IjExLjMiIGhlaWdodD0iMS41Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQkNCgkJCQk8cmVjdCB4PSIxNS4zIiB5PSIxNS4zIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMC4xNjMgMTcuNDY0NSkiIGNsYXNzPSJzdDIiIHdpZHRoPSIxLjUiIGhlaWdodD0iMTEuMyIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');}
.brand-event .swiper-button-next {right: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1IDM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREREREREO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiMzQTQxNkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LDBoMjl2MzVINmMtMy4zLDAtNi0yLjctNi02bDAsMFY2QzAsMi43LDIuNywwLDYsMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02LDFoMjl2MzNINmMtMi44LDAtNS0yLjItNS01VjZDMSwzLjIsMy4yLDEsNiwxeiIvPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJDQoJCQkJPHJlY3QgeD0iMTMuMyIgeT0iMjAuMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtOS4yODQzIDE5LjU4NTgpIiBjbGFzcz0ic3QyIiB3aWR0aD0iMTEuMyIgaGVpZ2h0PSIxLjUiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCQ0KCQkJCTxyZWN0IHg9IjE4LjMiIHk9IjguMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNC4zMzQ1IDE3LjUzNTUpIiBjbGFzcz0ic3QyIiB3aWR0aD0iMS41IiBoZWlnaHQ9IjExLjMiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K');}
.brand-event .swiper-container [class*=swiper-button-].swiper-button-disabled {display: none;}

.conetent-slide-wrapper.section-block-line.evt_ongoing {padding: 10px 0 60px;}
.conetent-slide-wrapper .swiper-container {padding: 0 20px;}
.conetent-slide-wrapper .swiper-container .swiper-slide .thumb {display:block; overflow:hidden; position:relative; width:100%; padding-top:63.8%; border-radius: 8px;}
.conetent-slide-wrapper .swiper-container .swiper-slide .thumb img {position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.conetent-slide-wrapper.section-block-line.evt_ongoing .swiper-container .swiper-slide .inside-swipe img {border-radius:8px;}
.conetent-slide-wrapper.section-block-line.evt_ongoing .swiper-container .swiper-slide {width: 360px!important;}
.conetent-slide-wrapper.sale_ongoing .swiper-container .swiper-wrapper {width: 360px!important;}

@media screen and (max-width: 640px) {
    .conetent-slide-wrapper.section-block-line.evt_ongoing .swiper-container .swiper-slide {width:100%!important;}
    .conetent-slide-wrapper.sale_ongoing .swiper-container .swiper-wrapper {width: 100%!important;}
}

@media (any-pointer: coarse){
.conetent-slide-wrapper [class*=swiper-button-] {display:none!important;}
.brand-event [class*=swiper-button-]{display:none!important;}
}
.conetent-slide-wrapper [class*=swiper-button-] {display: none; position: absolute; top: 50%; width: 35px; height: 35px; margin-top: -17.5px; background-repeat: no-repeat; background-position: center center; background-size: 100%; z-index: 2;}
.conetent-slide-wrapper .swiper-container:hover [class^=swiper-button-] {display: block;}
.conetent-slide-wrapper .swiper-button-prev {left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1IDM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREREREREO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiMzQTQxNkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjljMy4zLDAsNiwyLjcsNiw2djIzYzAsMy4zLTIuNyw2LTYsNmwwLDBIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTAsMWgyOWMyLjgsMCw1LDIuMiw1LDV2MjNjMCwyLjgtMi4yLDUtNSw1SDBWMXoiLz4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCQ0KCQkJCTxyZWN0IHg9IjEwLjMiIHk9IjEzLjMiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTUuMjEzMiAxNS40MTQyKSIgY2xhc3M9InN0MiIgd2lkdGg9IjExLjMiIGhlaWdodD0iMS41Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQkNCgkJCQk8cmVjdCB4PSIxNS4zIiB5PSIxNS4zIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMC4xNjMgMTcuNDY0NSkiIGNsYXNzPSJzdDIiIHdpZHRoPSIxLjUiIGhlaWdodD0iMTEuMyIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');}
.conetent-slide-wrapper .swiper-button-next {right: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1IDM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREREREREO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiMzQTQxNkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LDBoMjl2MzVINmMtMy4zLDAtNi0yLjctNi02bDAsMFY2QzAsMi43LDIuNywwLDYsMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02LDFoMjl2MzNINmMtMi44LDAtNS0yLjItNS01VjZDMSwzLjIsMy4yLDEsNiwxeiIvPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJDQoJCQkJPHJlY3QgeD0iMTMuMyIgeT0iMjAuMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtOS4yODQzIDE5LjU4NTgpIiBjbGFzcz0ic3QyIiB3aWR0aD0iMTEuMyIgaGVpZ2h0PSIxLjUiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCQ0KCQkJCTxyZWN0IHg9IjE4LjMiIHk9IjguMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNC4zMzQ1IDE3LjUzNTUpIiBjbGFzcz0ic3QyIiB3aWR0aD0iMS41IiBoZWlnaHQ9IjExLjMiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K');}
.conetent-slide-wrapper .swiper-container [class*=swiper-button-].swiper-button-disabled {display: none;}


/*  타이틀 */
.ap_contents.ap_event_detail .h_title {margin-top: 0;}
.ap_contents.ap_event_detail .h_title.fz19 {padding: 25px 16px; font-size: 19px;}

/* event_list */
.ap_event_detail .event_list {margin:0 -16px 0}
.ap_event_detail .event_list li {margin-top: 0;}

.event-tab-wrapper .tab-panel { display: none; }
.event-tab-wrapper .tab-panel.active { display: block; }

/* 댓글 */
.ap_event_detail .comment_area {position: relative; padding: 10px 0 40px;}
.ap_event_detail .comment_area .pd_md {padding: 0 20px;}
.ap_event_detail .comment_area .comment_input {margin: 20px 0 0;}
.comment-top-title {padding: 30px 0 20px; font-size: 22px; font-weight: bold; line-height: 27px; color: #000; letter-spacing:-0.11px;}
.check-my-comment { float: right;}
.check-my-comment .text {color: #000;}
.ap_event_detail .open-close-btn-group .btn-core {height: 46px; line-height: 47px; color: #000; border-radius: 8px; border-color: #e2e2e2; font-weight: 500;}
.ap_event_detail .open-close-btn-group .btn-core .ficon {display: inline-block; position: relative; top: -2px; width: auto; height: auto; margin-left: 3px; font-size: 20px; color: #666; vertical-align: middle; line-height: 1;}
.ap_event_detail .open-close-btn-group .btn-core .ficon:before {vertical-align: top;}
.ap_event_detail .comment_area .comment_list .control-area .btn-gray-line {height: 26px; border-color: #e2e2e2; border-radius: 13px; color: #888;}
.ap_event_detail .comment_area .comment_list .control-area .btn-gray-line .ficon {display: inline-block; margin-right: 4px; line-height: 24px; color: #aaa; vertical-align: 0; position: relative; top: -1px;}
.ap_event_detail .comment_area .comment_list .control-area .btn-gray-line.on {color: #457cdb; border-color: #457cdb;}
.ap_event_detail .comment_area .comment_list .control-area .btn-gray-line.on .ficon {color: #457cdb;}


/* 동영상 */
.event_visual .video_box {padding: 0 15px; padding-bottom: 30px;}
.event_visual .video_box p {padding-top: 40px; line-height: 1.2; text-align: center;}
.event_visual .video_box .y_video_wrap {padding-top: 25px;}

/* 간격 */
.ap_event_detail .product_list_new {margin-bottom: 9px;}
.ap_event_detail .tit_f_20 {height:57px; padding:20px 16px}

.ap_event_detail .prod-list-wrap .prod-list .prod-info .review-block {display: block} /*리뷰 활성화*/

/* 이벤트 상세보기 > 댓글영역 */
.only_disabled01 input {background:#fff}
.img_review_ph01 {overflow: hidden; width:80px; height:80px; margin-top:20px; border-radius: 8px;}
.img_review_ph01
.img_review_ph01 img {display:block; width:120px; height:120px}
/* 이벤트 상세보기 > 댓글/이미지 작성 팝업 */
.layer_popup.fullpage.evt_review01 {background:#fff;}
.layer_popup.evt_review01 .repl_wrap01 {position:relative; padding: 35px 20px 0;}
.repl_wrap01 .repl_text_area01 {overflow:hidden; height:196px; border: 1px solid #ddd; border-radius: 8px;}
.repl_wrap01 .repl_text_area01 .textarea textarea {  overflow-y:auto; height:196px; padding: 15px 10px; border:0; color:#333; font-size:14px; resize:none; white-space:pre-wrap;}
.repl_wrap01 .repl_text_area01 .textarea textarea.inside-textarea { height: 176px; }

.text_right {position:absolute; bottom: -22px; right: 20px; font-size: 14px; text-align:right; color: #999}
.text_right .current {color: #999}
.text_right.inside-textarea { bottom: 10px; right: 30px; font-size: 12px; color: #666; line-height: 15px; color: #666;}
.text_right.inside-textarea small { font-size: 12px; }
.text_right.inside-textarea .current {color: #457cdb;}

.txt_upload01 {position:absolute; top:35px; right:27px;}
.txt_upload01 a {display:block; color:#a8a8a8; font-size:14px}
.txt_upload01.on a {color:#000; font-weight:bold}

.pic_area01 {padding:0 20px; }
.pic_area01 .ui_input_images .btn_pic_add {display:inline-block; position: relative; width:80px; height:80px; margin-right: 6px; padding-top: 24px; font-size: 30px; color:#333; line-height: 30px; border-radius: 8px; text-align:center; background-color: #f0f0f0; vertical-align: top;}
.pic_area01 .ui_input_images .btn_pic_add:before,
.pic_area01 .ui_input_images .btn_pic_add:after {content: ""; display: block; position: absolute; background: #666;}
.pic_area01 .ui_input_images .btn_pic_add:before {width: 1.5px; height: 16px; left: calc(50% - (1.5px / 2)); top: calc(50% - (16px / 2));}
.pic_area01 .ui_input_images .btn_pic_add:after {width: 16px; height: 1.5px; left: calc(50% - (16px / 2)); top: calc(50% - (1.5px / 2));}

.pic_area01 .ui_input_images {position:relative; margin-top:20px; }
.pic_area01 .ui_input_images .attach {display: inline-block; position: relative; margin:0; vertical-align: top;}
.pic_area01 .ui_input_images .attach li {position:absolute; top:0; left:0; width:80px; height:80px; margin:0; background:#fff; border-radius: 8px;}
.pic_area01 .ui_input_images .attach li:before {content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.06); border-radius: 8px; z-index: 1;}
.pic_area01 .ui_input_images .attach li img {border-radius:0;}

.pic_area01 .ui_input_images .attach .btn_del {position:absolute; top:0; right:0; display: block; width: 24px; height: 24px; margin: 0; background: rgba(0,0,0,.5); border-radius: 0 8px 0 8px; background-size: 100%;  z-index: 2;}
.pic_area01 .ui_input_images .attach .btn_del .ficon {color: #fff; font-size: 11px;}
.pic_area01 .ui_input_images .attach .btn_del:before {display:none}
.pic_area01 .ui_input_images .attach .btn_del:after {display:none}

/* 사진보기 팝업 */
.layer_popup.fullpage.bg_bk {background:#000}
.layer_popup.fullpage.bg_bk .layer_title {background:#000; border:0}
.layer_popup.fullpage.bg_bk .layer_cont {display:table; height:100%}
.layer_popup.fullpage.bg_bk .ico_close {width:18px; height:18px; background:url("../../images/common/ico_close_bgbk.png") no-repeat 0 0; background-size:18px}
.layer_popup.fullpage.bg_bk .img_view01 {display:table-cell; width:100%; vertical-align:middle; text-align:center}

/* pickup_layer */
.pickup_layer { position:fixed; bottom:0; left:0; right:0; z-index: 30; } /*  -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1); */
.pickup_layer-dim { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.6); }
.pickup_layer .equal-btn-group { position:absolute; bottom:0; left:0; right:0; }
.pickup_layer .equal-btn-group { padding-bottom: constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); background-color: #333; }
.pickup_layer .purchase_btns button{height: 50px; border-radius:4px; font-size: 15px; font-weight: bold;}
.pickup_layer .purchase_btns button.disabled {color:#8d8d8d}
.pickup_layer [class^="btn_"]:disabled{color:#8d8d8d;}

.pickup_layer .btn-div { font-size: 0; }
.pickup_layer .btn-core.btn-option { color: #12c2ff; }

.pickup_layer .btn-core.btn-option:disabled,
.pickup_layer .btn-core.btn-alram:disabled,
.pickup_layer .btn-core.btn-option.disabled,
.pickup_layer .btn-core.btn-alram.disabled { color: #fff; }

.pickup-prod-wrap { 
    display: none; position: absolute; bottom:60px; bottom: calc( constant(safe-area-inset-bottom) + 60px); bottom: calc( env(safe-area-inset-bottom) + 60px);
    left:0; right:0; overflow: auto; padding: 40px 20px; background-color: #fff; z-index: 60; max-height: 462px; -webkit-overflow-scrolling: touch;
}
.pickup-prod-wrap .pickup-name { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 3px solid #333; }
.pickup-prod-wrap .pickup-name .text { font-size: 16px; font-weight: bold; color: #333; }

.pickup_layer .pickup-prod-group { border: 1px solid #333; }
.pickup_layer .pickup-prod-group + .pickup-prod-group { margin-top: 20px; }
.pickup_layer .pickup-prod-group .group-title { padding: 14px 20px; background-color: #f3f3f3; font-size: 14px; font-weight: bold; line-height: 18px; }
.pickup_layer .pickup-prod-group .group-list { padding: 0 20px; }
.pickup_layer .pickup-prod-group .group-list .item { position: relative; min-height: 70px; padding: 20px 100px 20px 0; }
.pickup_layer .pickup-prod-group .group-list .item + .item { border-top: 1px solid #ddd; }
.pickup_layer .pickup-prod-group .group-list .item.nodata { padding-right: 0; }
.pickup_layer .pickup-prod-group .group-list .item.nodata .comment { padding: 23px 0; font-size: 14px; color: #999; text-align: center; }

.pickup_layer .pickup-prod-group .pickup-item-info { display: block; overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 1.2; }
.pickup_layer .pickup-prod-group .pickup-item-info + .pickup-item-info { margin-top: 2px; padding-right: 0; } 
.pickup_layer .pickup-prod-group .pickup-item-price { position: absolute; right: 0; top: 36px; }
.pickup_layer .pickup-prod-group .btn-remove-pickup-item { position: absolute; right: -6px; top: 10px; padding: 5px; font-size: 12px; line-height: 12px; }

.pickup_layer .price-wrapper { padding-top: 13px; }
.pickup_layer .price-wrapper:after { content:''; clear: both; display: block; }
.pickup_layer .ui_spinner { display: inline-block; margin: 7px 0 0 -2px; vertical-align: top; }
.pickup_layer .price { float: right; margin-top: 16px; font-size: 20px; font-weight: bold; color: #ff6708; text-align: right; }

.pickup_layer.open{top:0; box-shadow:none; z-index:55} /* background:rgba(0, 0, 0, 0.25);  */
.pickup_layer.open .pickup_layer-dim,
.pickup_layer.open .pickup-prod-wrap { display:block;}

/* 종료된 이벤트 */
.ap_event_detail .event_end {position:absolute; left:0; right:0; top: auto; height: 100%; text-align: center; background: rgba(0,0,0,.5); z-index:19;}
.ap_event_detail .event_end .txt {position:fixed; right:0; left:0; margin-top: 263px; color: #fff; font-size:20px; font-weight: bold; line-height: 1.1;}
.ap_event_detail .event_end .txt.posA {position:absolute;}