@charset "utf-8";

.layer_tooltip {z-index:50;}

/* Swiper */
.swiper {position:relative;width:auto;padding:0 12px;overflow:hidden;}
.swiper_slide {flex-shrink:0;}
.swiper_wrap {position:relative;width:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;}

/* 메인 타이틀 */
h3.title {padding:16px 18px 15px;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;}

.mc_open {background:#1a1a1a;}
#wrap {z-index:15; background:var(--basic-color-white,#ffffff); min-height:100vh;}
.mc_open #wrap {-webkit-transform: translate3d(0, calc(100% - 90px), 0);transform: translate3d(0, calc(100% - 90px), 0); height:100vh;}
body .floating.tg{display:block;}
body.mc_open .floating.tg{display:none;}
.scrollDisable {height:100vh; min-height:100%; overflow:hidden !important; touch-action:none; -webkit-overflow-scrolling:touch;}



/*베너*/
#mcWrap .sticker_banner {position:absolute; top:0; left:0; width:100%; height:100%; z-index:11;}
#mcWrap .sticker_banner::before {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); content:"";}
#mcWrap .sticker_banner .img_area {margin:0 25%;}
#mcWrap .sticker_banner .img_area a {display:block;}
#mcWrap .sticker_banner .img_area img {display:block; width:100%;}
#mcWrap .sticker_banner .banner_wrap {position:absolute; left:0; bottom:0; width:100%; z-index:11;}
#mcWrap .sticker_banner .banner_wrap .close_area .chk_area {position:absolute; left:18px; bottom:18px; padding:0 12px; text-align:left; box-sizing:border-box;}
#mcWrap .sticker_banner .banner_wrap .close_area label {font-size:14px; letter-spacing:-.2px; color:var(--basic-color-white,#ffffff); opacity:.6;}
#mcWrap .sticker_banner .banner_wrap .close_btn {position:absolute; top:14%; right:14%; display:inline-block; width:32px; height:32px; background:url(https://image.lotteimall.com/imall_mc/site/images/unity/renewal/btn_close_sticker_banner_new.png) no-repeat center center; background-size:32px 32px; text-indent:-999em; vertical-align:middle;}
.sticker_banner .close_area * {vertical-align:middle;}
.sticker_banner input[type="checkbox"] {position:relative; width:18px; height:18px; border:1px solid rgba(255,255,255,.6); border-radius:4px;}
/* background:url(https://image.lotteimall.com/imall_mc/site/images/unity/renewal/icon_checkbox.png) no-repeat center center; background-size:18px 18px; */
.sticker_banner .close_area label {margin-left:3px;}
.sticker_banner input[type="checkbox"]:checked::before{display:block; position:absolute; left:50%; top:50%; width:10px; height:8px; margin:-4px 0 0 -5px; background:url(https://image.lotteimall.com/imall_mc/site/images/unity/renewal/icon_checkbox_chk.png) no-repeat center center; background-size:10px 8px; content:"";}
/* 배너 수정 */
.bnr_main_popup {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000}
.bnr_main_popup::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
.bnr_main_popup .banner_wrap {position:absolute;right:0;top:50%;left:0;margin:0 auto;width:276px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
.bnr_main_popup .img_area {width:100%}
.bnr_main_popup .img_area a {display:block}
.bnr_main_popup .img_area img {display:block;border-top-left-radius:0px;border-top-right-radius:0px;width:100%}
.bnr_main_popup .close_area {position:relative;display:-webkit-box;display:flex;border-bottom-left-radius:0px;border-bottom-right-radius:0px;height:48px;background-color: var(--color-gray7,#f3f3f3);}
.bnr_main_popup .close_area::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1px;height:16px;background-color: var(--color-gray5,#dfdfdf);}
.bnr_main_popup .close_area > span,
.bnr_main_popup .close_area > button {display:block;width:100%}
.bnr_main_popup .close_area label {display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer}
.bnr_main_popup .close_area input {position:absolute;display:block;width:0;height:0;font-size:0;white-space:nowrap;text-indent:-9999px;overflow:hidden}
.bnr_main_popup .close_area label {letter-spacing:-0.2px}
.bnr_main_popup .close_area label,
.bnr_main_popup .close_area button {font-size:14px;color:var(--basic-color-black,#111111);}

/* 연결 지연 */
.network_error .not_connect {display:block;}
.network_error #mcWrap .controller_area .on_air {display:block; position:absolute; left:0; top:0; width:64px; height:34px; background:rgba(255, 255, 255, 0.1); border-radius:20px; font-size:14px; line-height:32px; color:rgba(255,255,255,.52); text-align:center; font-weight:700;}
.not_connect {display:none; position:absolute; left:0; top:0; right:0; bottom:0;z-index:10;}
.not_connect::before {position:absolute; left:0; top:0; right:0; bottom:0; background:#1a1a1a; content:"";}
.not_connect .connect_wrap {display:table; table-layout:fixed;  width:100%; height:100%; padding-top:47px; box-sizing:border-box;}
.not_connect .connect_wrap .connect_con {display:table-cell; position:relative; width:100%; vertical-align:middle; z-index:3;}
.not_connect .connect_wrap .tit_area {text-align:center;}
.not_connect .connect_wrap .tit_area::before {display:block; width:100%; height:96px; background:url(https://image.lotteimall.com/imall_mc/site/images/unity/renewal/not_connect_icon_wifi.png) no-repeat center 0; background-size:100px auto;  content:"";}
.not_connect .connect_wrap .tit_area strong {font-size:18px; color:var(--basic-color-white,#ffffff);}
.not_connect .connect_wrap .tit_area p {margin-top:7px; font-size:15px; color:var(--basic-color-white,#ffffff); opacity:.8;}
.not_connect .connect_wrap .call_area {padding:25px 10% 0; overflow:hidden;}
.not_connect .connect_wrap .call_area a {float:left; width:48%; padding:18px 0; border:1px solid rgba(151,151,151,0.4); border-radius:12px; box-sizing:border-box; text-align:center;}
.not_connect .connect_wrap .call_area a + a {margin-left:4%;}
.not_connect .connect_wrap .call_area a strong::before {display:block; width:100%; height:47px; background:url(https://image.lotteimall.com/imall_mc/site/images/unity/renewal/not_connect_icon_tel.png) no-repeat center 0; background-size:37px auto;  content:"";}
.not_connect .connect_wrap .call_area a strong {display:block; font-size:18px; color:var(--basic-color-white,#ffffff); letter-spacing:-0.9px; font-weight:400;}
.not_connect .connect_wrap .call_area a span {display:block; font-size:14px; color:#ff6b61; letter-spacing:-0.5px;}
.not_connect .connect_wrap .btn_area {padding:15px 10% 0;}
.not_connect .connect_wrap .btn_area .btn {display:block; width:100%; height:45px; border-radius:4px; line-height:40px; color:var(--basic-color-white,#ffffff); font-size:17px; box-sizing:border-box;}
.not_connect .connect_wrap .btn_area .btn + .btn {margin-top:10px;}
.not_connect .connect_wrap .btn_area .btn.red {background:var(--primary-color,#ff383b);}
.not_connect .connect_wrap .btn_area .btn.black {background:#333;}
.not_connect.layer_dim {padding:0; z-index:15;}
.not_connect.layer_dim  .connect_wrap .tit_area::before {height:105px;}
.not_connect.layer_dim  .connect_wrap .btn_area {padding:50px 10% 0;}

/* 코코야 : 카테고리 - 팻펨 */
.alarm_btn:before, .alarm_btn.on:before, .btn_alarm:before, .vod_thumb_item .control:before, .onair_thumb .onair_control .play:before, .onair_thumb_new .onair_control .play:before, .onair_thumb .onair_control .btn_schedule:before, .onair_list .info_thumb .info_time .tit:before, .main_tvshop_wrap .swiper_slide.schedule .more_item span:after, .prod_list.thum > li .exh_item .flag_area .ico_pick:before, .special_brand h3 .ico_arr, .tool_area .sch_area .btn_search:after, .schedule_btn_area .btn_schedule:before, .prod_list.thum > li .exh_item .img_thumb .zoom_goods:before, .prod_list.thum > li .exh_item .info_thumb .btn_zzim:before, .cocoya_brand .btn_area.col2 .btn_mtype1:before, .prod_search .sch_area .btn_search:after, .card_area .area_content:after, .showroom_content .broadcast_area .area_content:after, .tvshop_onair_new .notice_layer .btn_area .btn_reset:before, .cocoya_research .rsh_box .tit .more:after, .cocoya_brand2 .brand_search:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_ico_fn.png);background-repeat:no-repeat;background-size:150px auto;}
.main_popup_banner .swiper_btn_prev:before, .main_popup_banner .swiper_btn_next:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_popup.png);background-repeat:no-repeat;background-size:150px auto;}
.deal_list .btn_area.col2 .btn_ltype1:after {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_bul.png);background-repeat:no-repeat;background-size:200px auto;}
.deal_list .firstdeal_flag:before, .cate_has_search .btn_open_search .btn_search:after, .onair_thumb .onair_control .btn_barotalk:before, .onair_talk .tit:before, .swiper .btn_control a, .swiper .btn_open_all a, .tvshop_thank .txt_thank:after, .tab_tvshop .tab_menu .tab_btn a:after, .tab_tvshop .tab_menu .on a:after, .home_msg h3.title:after, .home_msg.molive h3.title:before, .main_brand_wrap .my_brand .btn_mylist:before, .cate_has_search .btn_open_search .btn_search.on:after, .cate_has_search .cate_sch_area .btn_search:after, .cocoya_fam .fam_item .set, .cocoya_fam .fam_item .profile .name .ico, .cocoya_fam .fam_item .profile .breed:before, .cocoya_fam .fam_item .profile .birth:before,#specialBnrPop .btn_close:before, #letitBnrPop .btn_close:before, .cocoya_research .rsh_box .tit > span:before, .deal_list .urgentdeal_flag:before, .simmani h3.title:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_main_v3.png);background-repeat:no-repeat;background-size:200px auto;}
.top_search .btn_search:after, .top_search .input_delete .delete_icon:after, .ov_search_area .search_input .btn_search:after {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_gnb.png);background-repeat:no-repeat;background-size:200px auto;}

/* Swiper */
.swiper {position:relative;width:auto;padding:0 12px;overflow:hidden;}
.swiper_slide {flex-shrink:0;}
.swiper_wrap {position:relative;width:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;}
.swiper .prod_list {overflow:visible;}

.swiper_slide.schedule {width:66px !important;}
.swiper_slide.schedule .more_item {height:100%;background-color:var(--basic-color-white,#ffffff);/* border:#eee 1px solid; */box-sizing:border-box;border-radius:7px;overflow:hidden;display:flex;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;text-align:center}
.swiper_slide.schedule .more_item span {display:inline-block;font-size:13px;line-height:18px}
.swiper_slide.schedule .more_item span:after {content:'';display:block;width:16px;height:12px;margin:5px auto 3px;background-position:-105px -180px;}
.swiper_slide.schedule .more_item {height:100%;}
.prod_vtc_list .swiper_slide.schedule .more_item {height:135px;}

.swiper_pagination, .swiper .btn_control {position:absolute;z-index:1}
.swiper_pagination {right:12px;bottom:12px;width:59px;height:18px;line-height:18px;padding-left:15px;background:rgba(0,0,0,0.6);border-radius:9px;box-sizing:border-box;color:var(--basic-color-white,#ffffff);font-size:12px;letter-spacing:-0.04em;text-align:center;}
.swiper-pagination-current {font-weight:700;}
.swiper .btn_control {right:51px;bottom:6px;}
.isAND .swiper .btn_control {bottom:5px;}
.swiper .btn_control a {display:none;width:23px;height:23px;vertical-align:-1px;}
.swiper .btn_control a.btn_start {background-position:-165px -20px}
.swiper .btn_control a.btn_stop {background-position:-165px -55px}
.swiper .btn_control a.active {display:inline-block;}
.swiper .btn_control a.btn_all {display:inline-block;width:23px;height:23px;margin-top:1px;background-position:-165px -90px}

/* 배너 : 멀티 스와이프 */
.multi_banner_swiper {min-height:100px;border-bottom:#ddd 1px solid}
.multi_banner_swiper:first-child.line_section:before {height:0;}
.multi_banner_swiper .swiper {padding:0;}
.multi_banner_swiper li  {width:100%;}
.multi_banner_swiper li a {display:block; height: 100%}
.multi_banner_swiper li a img {width:100%}

/* 배너 : 불릿 페이지네이션 스와이프 */
.bullet_banner_swiper {position:relative;}/* padding-bottom:30px; */
.bullet_banner_swiper .swiper {width:100%;padding:0 0 20px 0;overflow:hidden;z-index:10}
.bullet_banner_swiper li {width:100%}
.bullet_banner_swiper li a {display:block;height:100%}
.bullet_banner_swiper li a img {width:100%;}
.bullet_banner_swiper .swiper_pagination {position:absolute;width:100%;bottom:0;left:0;right:0;height:7px;line-height:1px;padding:0;background:none;text-align:center}
.bullet_banner_swiper .swiper-pagination-bullet {display:inline-block;width:7px;height:7px;margin:0 0.2em;background-color:#bbb;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s}
.bullet_banner_swiper .swiper-pagination-bullet-active {width:17px;background-color:#666}

/* 배너 : 기본 */
.main_banner.bline {border-bottom:#ddd 1px solid}
.main_banner img {width:100%;}
.top_concept_banner {min-height:200px;}
.top_concept_banner img {width:100%;}

.cate_sub_menu {overflow:hidden;position:relative;height:47px;background-color:var(--basic-color-white,#ffffff);border-bottom:#ddd 1px solid;}
.cate_sub_menu .tab_scroll {padding:0 7px;/* height:47px; */}
.cate_sub_menu .tab_scroll li a {display:block;height:47px;padding:11px 8px 0;box-sizing:border-box;font-size:14px;text-align:center}
.cate_sub_menu .tab_scroll li.on a {padding:11px 5px 0;}
.cate_sub_menu .tab_scroll li a span {display:block;color:#666;line-height:26px}
.cate_sub_menu .tab_scroll li.on a span {height:23px;padding:0 8px;border-style:solid;border-width:1px;background-color:var(--basic-color-white,#ffffff);line-height:24px;border-radius:2px;}

/* 메인 타이틀 */
h3.title {padding:16px 18px 15px;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;}
h3.title.align_c{text-align:center;}
h3.title .name {font-weight:700;color:#6450c9}
h3.title .disc {display:block;padding-right:15px;font-size:13px;color:#999;line-height:1.47em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;}
h3.title .pet_name{margin-right:6px;color:#757cbb;font-weight:700;}

/* 메인 버튼 : 알림 */
.btn_alarm {display:block;position:absolute;width:35px;height:35px;box-sizing:border-box;border:#ddd 1px solid;background:var(--basic-color-white,#ffffff);border-radius:100%;text-align:center}
.btn_alarm:before {content:'';display:inline-block;width:16px;height:17px;margin-top:8px;background-position:-45px -150px;}
/*.btn_alarm.on:before {background-position:-99px -150px;}*/

.alarm_btn strong {display:inline-block;line-height:18px;padding:0 5px;margin:5px 0 0 5px;background-color:var(--primary-color,#ff383b);border-radius:18px;font-size:10px;font-weight:700;color:var(--basic-color-white,#ffffff);text-align:center;vertical-align:top}
.alarm_btn:before {content:'';display:inline-block;width:16px;height:17px;margin-right:6px;background-position:-45px -150px;vertical-align:-4px;}
.alarm_btn.on {color:var(--primary-color,#ff383b)}
.alarm_btn.on:before {background-position:-99px -150px;}

.tvshop_popular2 .tvshop_popular2_list ul {position:relative;padding:0 12px 12px 12px;overflow:hidden;}
.tvshop_popular2 .tvshop_popular2_list li {float:left;box-sizing:border-box;width:50%;padding:0 6px;position: relative;margin-bottom: 13px;}
.tvshop_popular2 .tvshop_popular2_list li .prod_item {display:block;}
.tvshop_popular2 .tvshop_popular2_list li .ready{position:relative;width:100%;padding-top:50%;box-sizing:border-box;overflow:hidden;padding-bottom:55px;border-radius:9px;}
.tvshop_popular2 .tvshop_popular2_list li .ready img{position:absolute;left:0;width:100%;top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
.tvshop_popular2 .tvshop_popular2_list .img_thumb {position:relative;width:100%;padding-top:50%;border-radius:9px 9px 0 0;box-sizing:border-box;overflow:hidden}
.tvshop_popular2 .tvshop_popular2_list .img_thumb img {position:absolute;left:0;width:100%;top:0;/*top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);*/}
.tvshop_popular2 .tvshop_popular2_list .info_thumb {height:55px;background: #f0f0f0;border-radius:0 0 9px 9px;padding-left: 10px;}
.tvshop_popular2 .tvshop_popular2_list .tit {padding:8px 35px 0 0;font-size: 15px;color: var(--basic-color-black,#111111);overflow:hidden;white-space:nowrap;-webkit-line-clamp:1;text-overflow:ellipsis;}
.tvshop_popular2 .tvshop_popular2_list .time {width:70%;margin-top: -3px;font-size:12px;color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tvshop_popular2 .btn_alarm {width:30px;height:30px;bottom:12px;right:16px;border:0;}
.tvshop_popular2 .btn_alarm:before{margin-top:6px;margin-left: 7px;; background-repeat:no-repeat; background-size:14px auto; background-position:center;}
.tvshop_popular2 .btn_alarm:before{background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/2023/unit/alarm02_off.svg)}
.tvshop_popular2 .btn_alarm.on {border:none !important;}
.tvshop_popular2 .btn_alarm.on:before{background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/2023/unit/alarm02_on.svg);}

.tab_tvshop .tab_menu {overflow:hidden;border-bottom:var(--primary-color,#ff383b) 1px solid;display:-webkit-box;display:-webkit-flex;display:flex;}
.tab_tvshop .tab_menu li {display:-webkit-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-box-pack:center;}
.tab_tvshop .tab_menu .tab_btn a {display:block;width:100%;height:45px;border-top:#bbb 1px solid;background-color:#f6f6f6;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.tab_tvshop .tab_menu .on a {border-color:var(--primary-color,#ff383b);background:var(--primary-color,#ff383b);}
.tab_tvshop .tab_menu .barotv a:after, .tab_tvshop .tab_menu .onetv a:after {content:'';display:inline-block;height:15px;}
.tab_tvshop .tab_menu .barotv a:after {width:66px;background-position:0 -35px}
.tab_tvshop .tab_menu .barotv.on a:after {background-position:0 0}
.tab_tvshop .tab_menu .onetv a:after {width:67px;background-position:-80px -35px}
.tab_tvshop .tab_menu .onetv.on a:after {background-position:-80px 0}
.tab_tvshop .info {height:41px;padding-right:12px;text-align:right}
.tab_tvshop .info .tooltip {display:inline-block;margin-top:8px;}
.tab_tvshop .info .tooltip .txt{font-size:12px;color:#666;vertical-align:middle}
.tab_tvshop .live_info {position:relative;margin:0 12px;padding:9px 6px 8px;border-bottom:#eee 1px solid;font-size:13px;color:#666}
.tab_tvshop .live_info .days {line-height:30px;}
.tab_tvshop .live_info .days:before {content:'';display:inline-block;width:1px;height:12px;margin:0 6px 1px;background-color:#ddd;vertical-align:middle}
.tab_tvshop .live_info .alarm_btn {display:block;position:absolute;top:9px;right:6px;padding:0 5px 0 11px;vertical-align:middle}
/* 180720 TV쇼핑 카테고리 추가로 해당 리스트가 끝이 아니게되어 추가 */
.tab_tvshop:not(:last-child) .deal_list {margin-bottom:0;}

/* TV쇼핑 - 방송알림등록 */
hr.line + #container.no_bottom {padding-bottom:0}
.no_bottom:after {content:"";display:block;height:10px;background:#f0f0f0;}
.main_banner img {display:block;width:100%}
.main_onair_alarm_wrap .tvshop_keyword {padding-bottom:30px;border-bottom: 1px solid #ddd;}
.main_onair_alarm_wrap h3.title {padding:13px 18px 17px}

.main_onair_alarm_wrap .tvshop_popular {margin-bottom:28px}
.main_onair_alarm_wrap .tvshop_popular2 {margin-bottom:5px}
.main_onair_alarm_wrap .tvshop_popular2 .tvshop_popular2_list ul{padding-bottom: 0;}
.main_onair_alarm_wrap .tvshop_keyword {margin-top:-1px}

.main_onair_alarm_wrap .tvshop_popular .btn_alarm:before {background-position:-125px -150px;}
.main_onair_alarm_wrap .tvshop_popular .btn_alarm.on:before {background-position:-99px -150px;}

.tvshop_keyword ul {overflow:hidden;padding:0 10px;margin:-7px 0}
.tvshop_keyword li {float:left;width:33.33333%;padding:5px 7px;box-sizing:border-box;text-align:center}
.tvshop_keyword .popular_keyword_item_wrap {position:relative;width:100%;margin:0 auto;}
.tvshop_keyword .popular_keyword_item {display:block;position:relative;width:100%;height:100%;box-sizing:border-box;border:#eee 1px solid;border-radius:5px;overflow:hidden;}
.tvshop_keyword .img_thumb {width:100%;padding-top:100%;}
.tvshop_keyword .img_thumb img {position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.tvshop_keyword .img_thumb.logo_type img {width:100%;height:auto;}
.tvshop_keyword .info_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:5px;overflow:hidden;display:flex;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;text-align:center}
.tvshop_keyword .info_thumb .keyword {height:40px;padding:0 10px;box-sizing:border-box;font-size:14px;line-height:1.3em;color:var(--basic-color-white,#ffffff);overflow:hidden;display:flex;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-pack:center;text-align:center}
.tvshop_keyword .btn_alarm {bottom:0;right:0;border:0 none;background-color:transparent;}
.tvshop_keyword .btn_alarm:before {height:17px;margin:9px 1px 0 0;background-position:-72px -150px;}
.tvshop_keyword .btn_alarm.on:before {background-position:-99px -150px;}

.alarm_best_list {padding:0 18px 19px;margin-top:-15px;border-bottom:1px solid #ddd}
.list_alarm li {position:relative;height:84px;padding:12px 0;border-bottom:#eee 1px solid;}
.list_alarm li:last-child {border-bottom:0 none}
.list_alarm .prod_item {display:block;position:relative;height:100%;padding-left:96px;}
.list_alarm .img_thumb {position:absolute;top:0;left:0;width:84px;border:#eee 1px solid;border-radius:9px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;}
.list_alarm .img_thumb img {width:100%}
.list_alarm .ranking_flag {position:absolute;left:0;top:0;width:22px;height:22px;font-size:12px;line-height:22px;background:rgba(234,74,62,.9);color:var(--basic-color-white,#ffffff);font-weight:700;text-align:center;border-radius:8px 0;}
.list_alarm .prod_tit {padding-top:2px;font-size:15px;line-height:1.3em}
.list_alarm .prod_tit [class*="cate_"] {display:inline-block;font-size:14px;}
.list_alarm .prod_tit [class*="cate_"]:before {content:"[";}
.list_alarm .prod_tit [class*="cate_"]:after {content:"]";}
.list_alarm .prod_tit .cate_tv {color:var(--primary-color,#ff383b);}
.list_alarm .prod_tit .cate_store {color:#a06e18;}
.list_alarm .prod_tit .cate_one {color:#f57900;}
.list_alarm .prod_price {padding:3px 0 0 2px;font-size:13px}
.list_alarm .prod_price .won {display:inline-block;margin-top:1px;font-size:12px;vertical-align:top;}
.list_alarm .prod_price .real_price strong {font-size:17px}
.list_alarm .prod_price .cost {display:inline-block;color:#999;font-size:13px;}
.list_alarm .prod_price .cost .won {margin-top:0;font-size:11px;}
.list_alarm .alarm_btn {display:block;position:absolute;bottom:12px;right:0;height:25px;text-align:center;font-size:13px;border-radius:5px;border:1px solid #bbb;-webkit-box-sizing:border-box;box-sizing:border-box;}
.list_alarm .alarm_btn strong {position:absolute;top:-5px;right:-6px;margin:0}
.list_alarm .btn_alarm {bottom:12px;right:12px;padding:0 9px;font-size:1px;line-height:1px;color:transparent;}
.list_alarm .btn_alarm:before {position:relative; background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/2023/commodity/ico_alarm_rn.svg) !important; background-position:center; background-size: cover !important;}
.list_alarm .btn_alarm.on {background-color:#fff !important;}
.list_alarm .btn_alarm.on:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/2023/commodity/ico_alarm_on_rn.svg) !important;}
.list_alarm .prd_soldout {text-align:center;}
.list_alarm .prod_option {height:18px;padding-top:3px}
.list_alarm .prod_option em {display:inline-block;margin-right:5px;padding:0 5px 2px 4px;font-size: 11px;line-height: 14px;border:1px solid #ddd;letter-spacing:-1px;vertical-align:top}

.alarm_best_list .list_alarm .prod_tit {height:38px;padding-top:5px}
.alarm_best_list .list_alarm .alarm_btn {width:35px;height:35px;padding:0 9px;font-size:1px;line-height:1px;color:transparent;border-color:#ddd;border-radius:100%;}
.alarm_best_list .list_alarm .alarm_btn:before {margin:8px 0 0;background-position:-125px -150px;}
.alarm_best_list .list_alarm .alarm_btn.on:before {background-position:-99px -150px;}

.tool_area {position:relative;padding:0 12px 18px 12px;border-bottom:1px solid #ddd;}
.tool_area .sch_area {position:relative;height:40px;padding:0 30px 0 6px;box-sizing:border-box;background:var(--basic-color-white,#ffffff);border:#bbb 1px solid;border-radius:5px;}
.tool_area .sch_area .text_search {width:100%;height:38px;padding:7px 41px 7px 6px;background-color:transparent;font-size:14px;}
.tool_area .sch_area .text_search::-webkit-input-placeholder {font-size:14px;}
.tool_area .sch_area .text_search:-moz-placeholder {font-size:14px;}
.tool_area .sch_area .text_search::-moz-placeholder {font-size:14px;}
.tool_area .sch_area .btn_search {position:absolute;top:0;right:0;width:40px;height:38px;}
.tool_area .sch_area .btn_search:after {content:'';display:block;width:18px;height:18px;margin:0 auto;background-position:-35px -270px;vertical-align:middle}
.tool_area .my_alarm {overflow:hidden;position:relative;margin-bottom:12px;padding:10px 120px 10px 12px;background-color:#f5f4fb;z-index:2}
.tool_area .my_alarm .user {display:inline-block;margin:3px 0 4px;font-size:14px;word-break:keep-all;}
.tool_area .my_alarm .name {font-weight:700;}
.tool_area .my_alarm .count {color:var(--primary-color,#ff383b);font-weight:700;}
.tool_area .my_alarm .btn_mylist {position:absolute;top:50%;right:12px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}

/* 방송알림 검색결과 */
.search_wrap .tool_area {padding:12px 12px 20px;border-bottom:0 none;}
.search_wrap .tool_area .sch_area {border-color:#666;}
.search_wrap .tab_wrap {margin:0 12px}
/* .search_wrap .tab_wrap .btn_more {margin:12px 0 0;} */
.search_wrap .tab_wrap .list_none {padding-top:20px;}
.search_wrap .sch_total {margin-top:-7px;padding:0 6px;font-size:15px;}
.search_wrap .sch_total .num {font-weight:700;color:var(--basic-color-black,#111111);}
.search_wrap .list_alarm {margin-top:-3px}
.search_wrap .list_alarm li {border-radius:10px;margin-top:12px;padding:12px;border:1px solid #ddd;}
.search_wrap .list_brand li {height:65px;padding:10px 11px;}
.search_wrap .list_brand .img_thumb {width:63px;height:63px;border-radius:50%;}
.search_wrap .list_brand .img_thumb img {position:absolute;top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}

.search_wrap .list_brand .prod_item {display: table;height:65px;padding-left:76px;}
.search_wrap .list_brand .info_thumb {display:table-cell;vertical-align:middle;}
.search_wrap .list_brand .prod_tit {padding-top:0;padding-right:40px}

.cocoya_nav {background:var(--basic-color-white,#ffffff);border-bottom:1px solid #ddd;overflow:hidden}
.cocoya_nav ul {display:-webkit-box;display:flex;}
.cocoya_nav li {width:100%;-webkit-box-flex:1;overflow:hidden;}
.cocoya_nav li a {display:block;position:relative;width:100%;height:80px;padding-top:12px;box-sizing:border-box;font-size:13px;font-weight:700;line-height:1.25;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cocoya_nav li a:before {content:'';display:block;width:42px;height:42px;margin:-2px auto 0;background-repeat:no-repeat;background-size:42px;}
.cocoya_nav li a.dog:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/main/cocoya_nav_dog.gif);}
.cocoya_nav li a.cat:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/main/cocoya_nav_cat.gif);}
.cocoya_nav li a.etc:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/main/cocoya_nav_etc.gif);}
.cocoya_nav li a.all:before {background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/main/cocoya_nav_all.gif);}
.cocoya_nav li a:after {content:'';display:block;position:absolute;right:0;top:15px;;width:1px;height:50px;background:#eee;}
.cocoya_nav li:last-child a:after {display:none;}

.cocoya_fam_banner {padding:14px 12px;background:#f0f0f0}
.cocoya_fam_banner img {width:100%}

.cocoya_fam {padding:0;background:#f0f0f0}
.cocoya_fam .fam_item {position:relative;height:127px;margin:12px;padding:15px 10px 15px 136px;background:var(--basic-color-white,#ffffff);border:1px solid #dddd;border-radius:8px;box-sizing:border-box;overflow:hidden}
.cocoya_fam .fam_item .resize {display:block;position:absolute;top:15px;left:20px;width:95px;height:95px;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;overflow:hidden;}
.cocoya_fam .fam_item .resize img {width:150%;height:150%;display:block;border-radius:0;margin:-25% 0 0 -25%;}
.cocoya_fam .fam_item .resize img[src*="img_none.jpg"] {width:100%;height:100%;margin:0;}
.cocoya_fam .fam_item .set {position:absolute;top:86px;left:91px;width:24px;height:24px;background-position:-35px -125px;z-index:1}
.cocoya_fam .fam_item .profile > span {display:block;line-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;}
.cocoya_fam .fam_item .profile .name {position:relative;padding:15px 21px 6px 0;font-size:16px;}
.cocoya_fam .fam_item .profile .name strong {display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;}
.cocoya_fam .fam_item .profile .name .ico {display:inline-block;position:absolute;top:15px;width:18px;height:18px;margin-left:3px;background-position:-70px -125px;vertical-align:middle}
.cocoya_fam .fam_item .profile .breed {padding-right:10px;font-size:14px;color:#666}
.cocoya_fam .fam_item .profile .breed:before {content:'';display:inline-block;width:13px;height:13px;margin-right:5px;vertical-align:-2px;}
.cocoya_fam .fam_item .profile .breed.male:before {background-position:-170px -170px;}
.cocoya_fam .fam_item .profile .breed.female:before {background-position:-170px -150px;}
.cocoya_fam .fam_item .profile .birth {padding-right:10px;font-size:14px;color:#666}
.cocoya_fam .fam_item .profile .birth:before {content:'';display:inline-block;width:15px;height:14px;margin-right:4px;background-position:-75px -160px;vertical-align:-2px;}
.cocoya_fam .fam_item.last_banner {padding:0;text-align:center}
.cocoya_fam .fam_item.last_banner img {width:auto;height:100%}
.cocoya_fam.bullet_banner_swiper .swiper {padding:0;}
.cocoya_fam.bullet_banner_swiper .swiper_pagination {margin-bottom:12px;}
/*.cocoya_fam.bullet_banner_swiper .swiper-pagination-bullet {background-color:#ddd;}*/
/*.cocoya_fam.bullet_banner_swiper .swiper-pagination-bullet-active {background-color:#757cbb;}*/

.cocoya_advice {padding:0 12px 12px;background:#f0f0f0}
.cocoya_coupon_down {padding-bottom:12px;background:#f0f0f0}
.cocoya_delivery {border-bottom:1px solid #ddd;}

.main_cocoya_wrap h3.title {padding:14px 18px 16px;}

.cocoya_guide {padding-bottom:30px}
.cocoya_guide .swiper_slide {padding:0 6px;}
.cocoya_guide .item {display:block;height:100%;width:151px;border:#ddd 1px solid;border-radius:8px;box-sizing:border-box;overflow:hidden}
.cocoya_guide .img_thumb img {width:100%;}
.cocoya_guide .info_thumb {padding:10px 10px 9px}
.cocoya_guide .info_thumb .prod_tit {height:35px;font-size:14px;line-height:17px;-webkit-box-pack:inherit;}
.cocoya_guide .info_thumb .hash_cate {padding-top:6px;font-size:13px;color:#888}

.cocoya_knowhow {padding-bottom:20px;}
.cocoya_knowhow h3.title:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;margin-left:12px;height:1px;background-color:#ddd}
.cocoya_knowhow .knowhow_list {padding:0 18px;margin-top:-10px}
.cocoya_knowhow .knowhow_list li {border-bottom:#eee 1px solid;}
.cocoya_knowhow .knowhow_list li:last-child {border-bottom:none;}
.cocoya_knowhow .knowhow_list .item {position:relative;height:70px;padding:10px 0 10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;}
.cocoya_knowhow .knowhow_list .img_thumb {position:absolute;width:102px;padding-top:70px;border-radius:8px;overflow:hidden;}
.cocoya_knowhow .knowhow_list .img_thumb img {position:absolute;left:0;width:100%;top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
.cocoya_knowhow .knowhow_list .info_thumb {margin-left:115px;padding-bottom:2px;font-size:14px;line-height:1.3em;}
.cocoya_knowhow .knowhow_list .info_thumb .prod_tit {display:block;margin-bottom:4px;color:#757cbb;font-weight:700;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:inherit;-webkit-box-pack:inherit;}
.cocoya_knowhow .knowhow_list .info_thumb .txt {overflow:hidden;color:#555;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-box-pack:center;word-wrap:break-word;word-break:break-all;}

.cocoya_pick {border-bottom:1px solid #ddd}
.cocoya_pick .prod_list.thum {margin:0;}
.cocoya_pick .prod_list.thum a.prod_item .img_thumb img {border-radius:2px;}
.cocoya_pick .prod_list .img_thumb img {border:none;}
.cocoya_pick .prod_list.thum > li {position:relative;padding:0 15px 20px 18px;}
.cocoya_pick .prod_list.thum > li:nth-of-type(2n) {padding:0 18px 20px 15px;}
.cocoya_pick .prod_list.thum > li .info_thumb {padding:0}
.cocoya_pick .prod_list.thum > li a.prod_item .info_thumb .prod_price {padding-bottom:0;}
.cocoya_pick .prod_tit {height:38px;font-size:14px;}

.cocoya_brand {padding-bottom:30px}
.cocoya_brand ul {padding:0 8px;overflow:hidden}
.cocoya_brand li {float:left;width:33.3333%;padding-bottom:15px;}
.cocoya_brand .item {display:block;height:100%;padding:0 5px;text-align:center}
.cocoya_brand .img_banner {display:-webkit-box;-webkit-box-align:center;-webkit-box-pack: center;overflow:hidden;width:85px;height:85px;margin:0 auto;border-radius:100%;border:1px solid #ddd;}
.cocoya_brand .img_banner img {width:100%}
.cocoya_brand .info_banner {padding-top:5px;font-size:13px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;}
.cocoya_brand .btn_area.col2 {padding:2px 18px 0;}
.cocoya_brand .btn_area.col2 .btn_mtype1 {height:40px;line-height:38px;padding:0;font-size:14px;}
.cocoya_brand .btn_area.col2 .btn_mtype1:before {content:'';display:inline-block;width:18px;height:18px;margin-right:5px;background-position:-35px -355px;vertical-align:-4px;}
.isAND .cocoya_brand .btn_area.col2 .btn_mtype1 {line-height:40px;}

.cocoya_banner_swiper {padding:10px 0;border-top:1px solid #ddd;background:#f0f0f0}
.cocoya_banner_swiper .swiper {padding:0 7px;}
.cocoya_banner_swiper li {width:84%;padding:0 5px 2px;}
.cocoya_banner_swiper li a {display:block;box-shadow:0 1px 2px #b7b5b2;border-radius:8px;overflow:hidden}
.cocoya_banner_swiper li img {width:100%}

.cocoya_prod {padding:0 18px 18px;background:#c2e4dd}
.cocoya_prod h3 {margin:0 -18px;}
.cocoya_prod h3 img {width:100%;}
.cocoya_prod .prod_list {padding:5px 15px;background:var(--basic-color-white,#ffffff);border-radius:2px;overflow:hidden}
.cocoya_prod .prod_list a.prod_item {border-top:#eee 1px solid;padding:10px 0 10px 103px;overflow:hidden}
.cocoya_prod .prod_list li:first-child a.prod_item {border-top:none}
.cocoya_prod .prod_list a.prod_item .img_thumb {width:88px;margin-left:-103px;}
.cocoya_prod .prod_list a.prod_item .img_thumb img {width:88px;height:auto;border:none;border-radius:2px;}
.cocoya_prod .prod_list .info_thumb {padding-top:12px;}
.cocoya_prod .prod_list .prod_tit {height:38px;font-size:14px;}
.cocoya_prod .prod_list .prod_price {margin-top:6px}
.cocoya_prod .prod_list .prod_price .real_price {color:var(--basic-color-black,#111111);}
.cocoya_prod .prod_list .prod_price .real_price strong {font-size:17px}

.cocoya_issue {background:var(--basic-color-white,#ffffff);}
.cocoya_issue ul {overflow:hidden;margin-top:-6px;padding:0 12px}
.cocoya_issue li {float:left;width:33.33333%;box-sizing:border-box;padding:6px;}
.cocoya_issue li:nth-child(1) {width:66.66666%;}
.cocoya_issue li:nth-child(2){float:right;}
.cocoya_issue li:nth-child(3),
.cocoya_issue li:nth-child(6){float:right}
.cocoya_issue li:nth-child(4){clear:left;}
.cocoya_issue li a {position:relative;display:block;height:100%;border-radius:2px;overflow:hidden;}
.cocoya_issue li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.05);}
.cocoya_issue li a img {width:100%;}

/* 180806 코코야 베스트 50 */
.cocoya_best50 .cate_sub_menu {border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#f6f6f6;}
.cocoya_best50 .cate_sub_menu .tab_scroll li.on a span {border-color:#757cbb;color:#757cbb;background:transparent;}

.cocoya_new_fam .cocoya_fam {padding:0 0 12px 0;}
.cocoya_new_fam .cocoya_fam .swiper {background:#747cbb;}
.cocoya_new_fam .cocoya_fam .fam_item{margin:12px 12px 0 12px;}
.cocoya_new_fam .cocoya_fam .fam_item_none{margin:12px 12px 0 12px;}
.cocoya_new_fam .coupon_advice {position:relative;background:#747cbb;}
.cocoya_new_fam .coupon_advice ul:after {clear:both;display:block;content:'';}
.cocoya_new_fam .coupon_advice ul li {float:left;width:33.33333%;}
.cocoya_new_fam .coupon_advice ul li a {display:block;position:relative;width:100%;padding:12px 0;color:var(--basic-color-white,#ffffff);text-align:center;}
.cocoya_new_fam .coupon_advice ul li a:after {content:'';display:block;position:absolute;top:12px;right:0;width:1px;height:45px;background:#8389c2;}
.cocoya_new_fam .coupon_advice ul li a strong {display:block;margin-bottom:4px;font-size:23px;font-weight:700;}
.cocoya_new_fam .coupon_advice ul li a span {display:block;font-size:14px;}
.cocoya_new_fam .coupon_advice ul li:nth-child(2) a:before {content:'';display:inline-block;width:24px;height:21px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_main_v3.png);background-repeat:no-repeat;background-size:200px auto;background-position:-67px -235px;}
.cocoya_new_fam .coupon_advice ul li:nth-child(3) a:after {display:none;}
.cocoya_new_fam .coupon_advice ul li:nth-child(3) a:before {content:'';display:inline-block;width:26px;height:21px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_main_v3.png);background-repeat:no-repeat;background-size:200px auto;background-position:-164px -200px;}
.cocoya_new_fam .coupon_advice ul li .new:before {content:'';display:inline-block;position:absolute;top:6px;right:50%;width:15px;height:15px;margin-right:-22px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_ico_fn.png);background-repeat:no-repeat;background-size:150px auto;background-position:-101px -520px;z-index:20;}
.cocoya_new_fam .coupon_advice .rela_time {display:none;position:absolute;bottom:63%;right:1.5%;width:51.86%;z-index:30;}
.cocoya_new_fam .coupon_advice .rela_time img{width:100%;}

.cocoya_buy_now {border-bottom:1px solid #ddd;}
.cocoya_buy_now .swiper {margin:0 15px;padding:0;text-align:center;}
.cocoya_buy_now .swiper_slide {width:100%;}
.cocoya_buy_now .swiper_btn_prev, .cocoya_buy_now .swiper_btn_next {position:absolute;top:50%;width:15px;height:25px;margin-top:-92px;z-index:10;cursor:pointer}
.cocoya_buy_now .swiper_btn_prev:before, .cocoya_buy_now .swiper_btn_next:before {content:'';display:block;width:15px;height:25px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_bul.png);background-repeat:no-repeat;background-size:220px auto;}
.cocoya_buy_now .swiper_btn_prev {left:0;}
.cocoya_buy_now .swiper_btn_next {right:0;}
.cocoya_buy_now .swiper_btn_prev:before {background-position:0 -62px;}
.cocoya_buy_now .swiper_btn_next:before {background-position:-22px -62px;}
.cocoya_buy_now .swiper-button-disabled {display:none;}
.cocoya_buy_now .img_thumb {position:relative;width:62%;margin:0 auto 20px auto;}
.cocoya_buy_now .img_thumb img {width:100%;border:none;border-radius:0;box-sizing:border-box;}
.cocoya_buy_now .info_thumb {width:100%;margin-bottom:15px;color:var(--basic-color-black,#111111);}
.cocoya_buy_now .info_thumb .prod_tit {margin-bottom:10px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;line-height:1.3;}
.cocoya_buy_now .info_thumb .prod_price strong {font-size:22px;font-weight:700;}
.cocoya_buy_now .info_thumb .prod_price .won {font-size:15px;}
.cocoya_buy_now .buy_now {display:inline-block;margin-bottom:25px;padding:10px 26px;background-color:#757cbb;border-radius:2px;color:var(--basic-color-white,#ffffff);text-align:center;}
.cocoya_buy_now .buy_now:before {content:'';display:inline-block;width:29px;height:15px;margin-right:6px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_main_v3.png);background-repeat:no-repeat;background-size:200px auto;background-position:-120px -200px;vertical-align:-3px;}
.cocoya_buy_now .chg_item {display:inline-block;margin-bottom:25px;padding:10px 26px;border:1px solid #999;border-radius:20px;color:#666;text-align:center;}
.cocoya_buy_now .chg_item:before {content:'';display:inline-block;width:20px;height:20px;margin-right:10px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_live.png);background-repeat:no-repeat;background-size:100px auto;background-position:-39px -39px;vertical-align:-4px;}

.cocoya_research .rsh_box {margin-bottom:15px;}
.cocoya_research .rsh_box .tit {position:relative;margin:0 18px;padding:14px 0 16px;border-top:1px solid #eee;color:var(--basic-color-black,#111111);font-size:16px;}
.cocoya_research .rsh_box .tit > span{display:block;}
.cocoya_research .rsh_box .tit > span:before{content:'';display:inline-block;width:25px;height:25px;margin-right:9px;vertical-align:-7px;}
.cocoya_research .rsh_box .tit .ico1:before {background-position:-40px -200px;}
.cocoya_research .rsh_box .tit .ico2:before {background-position:-80px -200px;}
.cocoya_research .rsh_box .tit .more {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.cocoya_research .rsh_box .tit .more:after {content:'';display:block;position:absolute;right:0;top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);width:8px;height:13px;background-position:-105px -120px;}
.cocoya_research .rsh_box .swiper {padding:0;}
.cocoya_research .rsh_box .swiper li {width:76%;margin-left:15px;}
.cocoya_research .rsh_box .swiper li img {width:100%}
.cocoya_research .rsh_box .swiper li .img_thumb {position:relative;overflow:hidden;width:100%;padding-top:60%;}
.cocoya_research .rsh_box .swiper li .img_thumb img {position:absolute;top:50%;left:0;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
.cocoya_research .rsh_box .swiper li .img_thumb:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.lotteimall.com/imall_mc/site/images/unity/main/mask.png) no-repeat;-webkit-background-size:100% 100%;}
.cocoya_research .rsh_box .swiper li .rsh_tit {margin-bottom:3px;color:var(--basic-color-black,#111111);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;}
.cocoya_research .rsh_box .swiper li .hash_cate {color:#757cbb;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;}

.cocoya_lately_brand {padding-bottom:20px;border-bottom:1px solid #ddd;}
.cocoya_lately_brand ul {overflow:hidden;padding:0 10px;}
.cocoya_lately_brand ul li {float:left;width:33.3333%;}
.cocoya_lately_brand ul li a {display:block;height:100%;text-align:center;}
.cocoya_lately_brand .img_bnr {position:relative;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;overflow:hidden;width:100px;height:100px;margin:0 auto;border-radius:100%;}
.cocoya_lately_brand .img_bnr:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3);z-index:1;}
.cocoya_lately_brand .img_bnr img {width:100%;height:100%;}
.cocoya_lately_brand .img_bnr .item_name {display:block;position:absolute;top:50%;left:0;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);width:100px;color:var(--basic-color-white,#ffffff);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;word-break:break-all;z-index:2;}
.cocoya_lately_brand .no_img {width:100px;height:100px;}

.cocoya_brand2 {border-bottom:1px solid #ddd;}
.cocoya_brand2 ul {margin:0 14px;overflow:hidden;border-top:1px solid #f0f0f0;}
.cocoya_brand2 ul li {float:left;width:50%;border-bottom:1px solid #f0f0f0;}
.cocoya_brand2 ul li a {display:table;width:100%;height:65px;}
.cocoya_brand2 ul li a .brand_img{display:table-cell;width:85px;height:85px;vertical-align:middle;}
.cocoya_brand2 ul li a .brand_img img {width:100%;}
.cocoya_brand2 ul li a .brand_name {display:table-cell;padding:0 10px;vertical-align:middle;}
.cocoya_brand2 ul li a .brand_name span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap: break-word;word-break:break-all;}
.cocoya_brand2 .brand_search {display:block;padding:20px 0 19px 0;text-align:center;}
.cocoya_brand2 .brand_search:before {content:'';display:inline-block;width:18px;height:18px;margin-right:5px;background-position:-35px -355px;vertical-align:-4px;}

.cocoya_bestcart {padding-bottom:25px;border-bottom:1px solid #ddd;}

.cocoya_hotitem {background:#f0f0f0;}
.cocoya_hotitem .swiper{padding:0;}
.cocoya_hotitem .swiper .swiper_wrap {margin-top:42px;}
.cocoya_hotitem .swiper .swiper_slide {position:relative;width:92%;margin:0 auto;padding-bottom:55px;background:var(--basic-color-white,#ffffff);border:1px solid #ddd;border-radius:2px;}
.cocoya_hotitem .swiper .swiper_slide .chg_item {display:block;position:absolute;bottom:0;left:0;width:100%;padding:0 15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 2px 2px;box-sizing:border-box;text-align:center;}
.cocoya_hotitem .swiper .swiper_slide .chg_item:before {content:'';display:inline-block;width:20px;height:20px;margin-right:10px;background-image:url(https://image.lotteimall.com/imall_mc/site/images/unity/sp_live.png);background-repeat:no-repeat;background-size:100px auto;background-position:-39px -39px;vertical-align:-4px;}
.cocoya_hotitem .swiper .swiper_pagination {overflow:hidden;width:92%;position:absolute;top:0;right:0;bottom:0;left:0;height:34px;margin:0 auto;padding:0;background:none;color:var(--basic-color-black,#111111);font-size:15px;}
.cocoya_hotitem .swiper .swiper_pagination .swiper-pagination-bullet {display:inline-block;width:32%;padding:7px 0;color:#666;box-sizing:border-box;text-align:center;}
.cocoya_hotitem .swiper .swiper_pagination .swiper-pagination-bullet-active {background:#757cbb;color:var(--basic-color-white,#ffffff);border-radius:20px;}

.cocoya_hotitem .info_box {overflow:hidden;position:relative;padding:15px;border-bottom:#eee 1px solid;}
.cocoya_hotitem .info_box .txt_box {float:left;width:60%;padding:5px 0;}
.cocoya_hotitem .info_box .txt_box strong {margin-bottom:3px;color:var(--basic-color-black,#111111);font-size:15px;font-weight:700;line-height:1.3;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-wrap:break-word;word-break:break-all;}
.cocoya_hotitem .info_box .txt_box span {color:#757cbb;font-size:14px;}
.cocoya_hotitem .info_box .resize {float:right;width:70px;height:70px;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;overflow:hidden;}
.cocoya_hotitem .info_box .resize img {width:150%;height:150%;display:block;border-radius:0;margin:-25% 0 0 -25%;}
.cocoya_hotitem .info_box .resize img[src*="img_none.jpg"] {width:100%;height:100%;margin:0;}

.cocoya_hotitem .prod_list {width:100%;padding:5px 15px;box-sizing:border-box;}
.cocoya_hotitem .prod_list li .prod_item {border-top:#eee 1px solid;padding:10px 0 10px 103px;overflow:hidden;}
.cocoya_hotitem .prod_list li:first-child .prod_item {border-top:none}
.cocoya_hotitem .prod_list li .prod_item .img_thumb {width:88px;margin-left:-103px;}
.cocoya_hotitem .prod_list li .prod_item .img_thumb img {width:88px;height:auto;}
.cocoya_hotitem .prod_list li .info_thumb {padding-top:20px;}
.cocoya_hotitem .prod_list li .prod_tit {height:18px;font-size:14px;-webkit-line-clamp:1;}
.cocoya_hotitem .prod_list li .prod_price {margin-top:6px;}
.cocoya_hotitem .prod_list li .prod_price .real_price {color:var(--basic-color-black,#111111);}
.cocoya_hotitem .prod_list li .prod_price .real_price strong {font-size:17px;}

/* Exif에 따른 회전 */
img.exif-6 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
img.exif-8 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
img[src*="_exif3"],img[src*="_exif4"]{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
img[src*="_exif5"],img[src*="_exif6"]{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
img[src*="_exif7"],img[src*="_exif8"]{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

@media only screen and (min-width:320px){
	.pf_wrap #container {font-size:11px}
}
@media only screen and (min-width:360px){
	.pf_wrap #container {font-size:12px}
}
@media only screen and (min-width:375px){
	.pf_wrap #container {font-size:13px}
}
@media only screen and (min-width:400px){
	.pf_wrap #container {font-size:14px}
}
@media only screen and (min-width:480px){
	.pf_wrap #container {font-size:16px}
}
@media only screen and (min-width:640px){
	.pf_wrap #container {font-size:22px}
}
@media only screen and (min-width:768px){
	.pf_wrap #container {font-size:26px}
}
@media only screen and (min-width:1024px){
	.pf_wrap #container {font-size:35px}
}

/* 코코야 베스트 50 탭 여백및 활성화 색 수정 */
body.tg .cocoya_best50 .tab_scroll {padding: 0 12px;}
body.tg .cocoya_best50 .tab_scroll li a {padding:11px 0 0;}
body.tg .cocoya_best50 .tab_scroll li span {padding:0 9px;}
body.tg .cocoya_best50 .tab_scroll li.on span {border:0;border-radius:13px;height:25px;line-height:25px;color:var(--basic-color-white,#ffffff);background:#757cbb;}
.cocoya_best50 .cate_sub_menu.fixed {border-bottom:1px solid transparent;background:transparent;}
.cocoya_best50 .cate_sub_menu.fixed ul {position:fixed;top:52px;left:0;right:0;z-index:800;}
.cocoya_best50 .cate_sub_menu.fixed::before {content:'';position:fixed;top:52px;left:0;right:0;border-bottom:1px solid #eee;height:47px;background:#f6f6f6;z-index:800;}
.cocoya_best50 .cate_sub_menu.fixed.sub ul {top:46px;}
.cocoya_best50 .cate_sub_menu.fixed.sub::before {top:46px;}

/* cocoya main */
.cocoya_new_fam.cocoya_edit .coupon_advice ul li{padding:16px 0}
.cocoya_new_fam.cocoya_edit .coupon_advice ul li a:before{content:initial}
.cocoya_new_fam.cocoya_edit .coupon_advice ul li a{padding:0}
.cocoya_new_fam.cocoya_edit .coupon_advice ul li a .icon{margin-bottom:6px}
.cocoya_new_fam.cocoya_edit .coupon_advice ul li a span{line-height:1em}
.cocoya_new_fam.cocoya_edit .coupon_advice ul li a img{width:26px;height:22px}
.cocoya_new_fam.cocoya_edit .coupon_advice ul li a:after{top:0;height:40px}
/*.cocoya_new_fam.cocoya_edit .swiper ul li .fam_item_none{padding-bottom:15px}*/

/*2022.09 메인 하단 랜던 팝업*/
.bnr_random_popup {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000}
.bnr_random_popup .multi_banner_swiper li{width:0;}
.bnr_random_popup::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.bnr_random_popup .banner_wrap {position:fixed;right:0;bottom:0;left:0;width:100%;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);background:transparent;border-radius:0;}
.bnr_random_popup .banner_wrap.bg_none{background:transparent}
.bnr_random_popup .img_area {width:100%; height:100%; overflow: hidden;}
.bnr_random_popup .img_area a {display:flex;position:relative;}
.bnr_random_popup .img_area img {display:block;width:100%;object-fit:cover;}
.bnr_random_popup .close_area {position:relative;display:-webkit-box;display:flex;height:52px;background-color:var(--color-gray7,#f3f3f3);}
.bnr_random_popup .close_area::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1px;height:14px;background-color:var(--color-gray5,#dfdfdf);}
.bnr_random_popup .close_area > span,
.bnr_random_popup .close_area > button {display:block;width:100%}
.bnr_random_popup .close_area label {display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer}
.bnr_random_popup .close_area input {position:absolute;display:block;width:0;height:0;font-size:0;white-space:nowrap;text-indent:-9999px;overflow:hidden}
.bnr_random_popup .close_area label {letter-spacing:-0.2px}
.bnr_random_popup .close_area label,
.bnr_random_popup .close_area button {font-size:14px;color:var(--basic-color-black,#111111);font-weight:400;}
.bnr_random_popup .multi_banner_swiper{min-height:auto;border-bottom:none}
/* .bnr_random_popup .multi_banner_swiper .swiper_pagination{width:35px;height:21px;line-height:21px;padding:0;right:8px;bottom:8px;font-size:11px;background:rgba(17,17,17,0.3);border-radius:11px;}
.bnr_random_popup .multi_banner_swiper .swiper_pagination span{color:#e3e3e3}
.bnr_random_popup .multi_banner_swiper .swiper_pagination span.swiper-pagination-current{color:var(--basic-color-white,#ffffff);} */

/* .bnr_random_popup .multi_banner_swiper .img_area img, 
.bnr_random_popup .multi_banner_swiper li {aspect-ratio:218/280;} */
.bnr_random_popup .multi_banner_swiper .swiper-pagination-bullets {width:max-content;height:2px;display:flex;position:relative;margin:12px auto;padding:0;right:initial;bottom:initial;line-height:1px;background:none;text-align:center;border-radius:0;letter-spacing:-0.02em;}
.bnr_random_popup .multi_banner_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    width:24px;
    height:1px;
    margin:0;
    background-color:transparent;
	border-bottom:1px solid var(--color-gray5,#dfdfdf);
    border-radius: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	box-sizing:border-box;
}
.bnr_random_popup .multi_banner_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
    height:1px;
    border-bottom: 1px solid var(--basic-color-black,#111111);
    background-color: var(--basic-color-black,#111111);
}
.bnr_random_popup .multi_banner_swiper .swiperSingle {padding:0 20%;}
.bnr_random_popup .multi_banner_swiper .swiperSingle .swiper_wrap {
	aspect-ratio:218/280;
	margin:auto auto 26px auto;
}
.bnr_random_popup .multi_banner_swiper .swiperSingle li {width:100%;}
.bnr_random_popup .multi_banner_swiper .swiperSingle .img_area img {min-width:218px;max-width:100%;}
@media all and (min-width: 768px) and (orientation: landscape) {
    .bnr_random_popup .multi_banner_swiper{width:50%;margin:0 auto;}
}

/* 메인바텀팝업 멀티 이미지 배너 슬라이드 추가 (광고플래그, 페이징) */
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper {padding: 0;}
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper_slide {width:auto; max-width:100%;}
.bnr_random_popup .banner_wrap .main_bottom_banner .img_area {position: relative;}
.bnr_random_popup .banner_wrap .main_bottom_banner .img_area.ad::after {position: absolute; content: 'AD'; bottom: 10px; right: 48px; display: block; text-align: center; font-size: 11px; line-height: 14px; color:var(--basic-color-white,#ffffff); width: 28px; height: 18px; background:rgba(17, 17, 17, 0.4); padding-top: 2px; box-sizing: border-box; z-index: 1;}
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper_pagination {opacity:0; visibility:hidden; bottom:10px; right: 10px; width: 32px; padding: 2px 0 0; border-radius: 0; box-sizing: border-box; background: rgba(17, 17, 17, 0.4); font-size: 11px; line-height: 14px; letter-spacing: -0.22px;}
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper_pagination.on {opacity:1; visibility:visible;}
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper-pagination-total {position: relative; padding-left: 9px; color: rgba(255, 255, 255, 0.7);}
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper-pagination-total::before {width: 1px; top: 50%; margin-top: -4px; content: ''; display: block; position: absolute; left: 4px; height: 8px; background: rgba(223, 223, 223, 1);}
.bnr_random_popup .banner_wrap .main_bottom_banner .swiper_single .img_area.ad::after {right: 10px;}

/* 투게더앱 : 메인 팝업; */
.main_popup_banner {position:relative;}
.main_popup_banner .swiper {padding:0;}
.main_popup_banner li {width:100%;}
.main_popup_banner li a {display:block;height:100%}
.main_popup_banner li a img {width:100%;object-fit:cover;}
.main_popup_banner .swiper_btn_prev, .main_popup_banner .swiper_btn_next {position:absolute;top:50%;width:30px;height:61px;margin-top:-30px;z-index:10;cursor:pointer}
.main_popup_banner .swiper_btn_prev:before, .main_popup_banner .swiper_btn_next:before {content:'';display:block;width:30px;height:61px;}
.main_popup_banner .swiper_btn_prev {left:0;}
.main_popup_banner .swiper_btn_next {right:0;}
.main_popup_banner .swiper_btn_prev:before {background-position:-50px 0;}
.main_popup_banner .swiper_btn_next:before {background-position:-95px 0;}
.main_popup_banner .swiper_pagination {position:absolute;width:100%;bottom:18px;left:0;right:0;height:7px;line-height:1px;padding:0;background:none;text-align:center}
.main_popup_banner .swiper-pagination-bullet {display:inline-block;width:7px;height:7px;margin:0;background-color:#bbb;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s}
.main_popup_banner .swiper-pagination-bullet-active {width:17px;background-color:#666;}

#together_mainPop {position:fixed;top:0;right:0;bottom:0;left:0;padding:0 12px;z-index:1003;text-align:center;font-size:0;}
#together_mainPop:after {content:"";display:inline-block;height:100%;vertical-align:middle;}
#together_mainPop .layer_wrap {display:inline-block;width:80%;vertical-align:middle;position:relative;top:auto;right:auto;left:auto;padding:0;box-sizing:border-box;border-radius:0;transform:translateY(0);-webkit-transform:translateY(0);}
#together_mainPop .btn {display:flex;justify-content:center;align-items:center;height:48px;position:relative;overflow:hidden;background-color:var(--color-gray7,#f3f3f3);box-sizing:border-box;border-top:1px solid var(--color-gray5,#dfdfdf);}
#together_mainPop .btn::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1px;height:14px;background-color:var(--color-gray5,#dfdfdf);}
#together_mainPop .btn button {box-sizing:border-box;width:50%;height:100%;line-height:100%;color:var(--basic-color-black,#111111);font-size:14px;background-color:var(--color-gray7,#f3f3f3)}
#together_mainPop .btn button:first-child:before {display:none;}
#together_mainPop .swiper_btn_prev,
#together_mainPop .swiper_btn_next {margin-top:-18px;width:36px;height:36px;background:rgba(255,255,255,0.7);box-shadow:-2px 2px 4px rgba(17, 17, 17, 0.05);}
#together_mainPop .swiper_btn_prev:before {background:url(https://image.lotteimall.com/imall_mc/site/images/unity/2023/together/ico_arrow.png) center center no-repeat;transform:rotate(180deg);}
#together_mainPop .swiper_btn_next:before {background:url(https://image.lotteimall.com/imall_mc/site/images/unity/2023/together/ico_arrow.png) center center no-repeat;}
#together_mainPop .swiper_btn_prev:before,
#together_mainPop .swiper_btn_next:before {width:36px;height:36px;background-size:24px auto;}
#together_mainPop .swiper_pagination {height:9px;bottom:10px;}
#together_mainPop .swiper-pagination-bullet {width:24px;height:1px;background:var(--color-gray5,#dfdfdf);}
#together_mainPop .swiper-pagination-bullet-active {height:2px;background:var(--basic-color-black,#111111);}
#together_mainPop.tg {padding:0;}
#together_mainPop.tg .layer_wrap {width:300px;}

/* 상단 광고구좌 */
.top_banner_verybig {display:none;}
.top_banner_verybig.open{display: grid;grid-template-rows: 1fr;overflow: hidden;position:relative;background: #000}

.top_banner_verybig .inner{min-height:0;}
.top_banner_verybig.open .inner{min-height:38px;}
.top_banner_verybig .img_area{position:relative;z-index: 2;padding:8px 12px}
.top_banner_verybig .img_area img {width: 100%;border-radius: 1px;}
.top_banner_verybig .img_area .title{position:absolute;left:30px;top:50%;font-size:4.2vw;font-weight:700;line-height: 1.5em;letter-spacing: -1px;transform: translate(0,-50%);}
.top_banner_verybig .img_area .ad{position:absolute;padding:2px 3px 1px 4px;background:rgb(1,1,1,0.2);color:#fff;font-size:11px;text-align:center;line-height:13px;right:12px;top:8px;border-radius: 0 1px 0 0;}
.top_banner_verybig .text_area{height:38px;color:#000;font-size:15px;font-weight: bold;opacity: 0;position:absolute;left:0;top:0;bottom:0;right:0;z-index: 1;padding:12px 0 0 18px;box-sizing:border-box;}
.top_banner_verybig .text_area .txt a{display:block;line-height:16px;font-weight:700;color:#111;margin-right:85px;overflow:hidden;height:16px;}
.top_banner_verybig .text_area .ad{position:absolute;right:46px;top:11px;padding:2px 3px 1px 4px;background:rgb(1,1,1,0.2);color:#fff;font-size:11px;text-align:center;line-height:13px;}
.top_banner_verybig .text_area .close {position: absolute;top: 7px;right: 16px;width: 24px;height: 24px;text-indent: -1000em;font-size: 0;z-index: 1;}
.top_banner_verybig .text_area .close::before {content: "";position: absolute;top: 12px;left: 4px;width: 15px;height: 1px;background: #aaa;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.top_banner_verybig .text_area .close::after {content: "";position: absolute;top: 12px;left: 4px;width: 15px;height: 1px;background: #aaa;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.top_banner_verybig.small{grid-template-rows: 0fr;transition: grid-template-rows 0.6s ease-out;transition-delay: 3.5s;}
.top_banner_verybig.small .img_area{animation: verybig_img 0.6s;animation-fill-mode: forwards;position:relative;z-index: 2;animation-delay: 3.5s;}
.top_banner_verybig.small .text_area{animation: verybig_txt 0.6s;animation-fill-mode: forwards;animation-delay: 3.5s;font-size:15px;}
body.bfOn .top_banner_verybig.small{transition:none;grid-template-rows: 1fr;}
body.bfOn .top_banner_verybig.small .inner{min-height:38px;}
body.bfOn .top_banner_verybig.small .img_area{display:none}
body.bfOn .top_banner_verybig.small .text_area{opacity: 1;animation:none;}
@keyframes verybig_txt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes verybig_img {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}
.top_banner_verybig2 {height:0;overflow: hidden;position:relative;z-index: 1;display: none;}
.top_banner_verybig2.open{height:38px;background: #000;display: block;}
.top_banner_verybig2 .img_area_big{height:136px;box-sizing:border-box;overflow: hidden;opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;padding:8px 12px;text-align:center;}
.top_banner_verybig2 .img_area_big .ban{position:relative;display: inline-block;height:100%;}
.top_banner_verybig2 .img_area_big img {width:351px;height:120px;border-radius: 1px;}
.top_banner_verybig2 .img_area_big .ad{position:absolute;padding:2px 3px 1px 4px;background:rgba(111,111,111,0.2);color:#fff;font-size:11px;text-align:center;line-height:13px;left:0;top:0;}
.top_banner_verybig2 .img_area_small{color:#000;font-size:15px;font-weight: bold;z-index: 2;opacity: 1;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;}
.top_banner_verybig2 .img_area_small .ban{position:relative;display: inline-block;height:100%;}
.top_banner_verybig2 .img_area_small img{width:375px;height:38px;}
.top_banner_verybig2 .img_area_small .ad{position:absolute;padding:2px 3px 1px 4px;background:rgba(111,111,111,0.2);color:#fff;font-size:11px;text-align:center;line-height:13px;left:0;top:0;}
.top_banner_verybig2 .img_area_small .close {position: absolute;top: 50%;margin-top: -12px;right: 12px; width: 24px;height: 24px;text-indent: -1000em;font-size: 0;z-index: 1;opacity: 0;background: url(https://image.lotteimall.com/imall_mc/site/images/unity/gnb_topbanner_close.svg) no-repeat 100% 100%;}

.top_banner_verybig2.small{animation: bannerPlay 4s;animation-fill-mode: forwards;}
.top_banner_verybig2.small .img_area_big{animation: img_show 4s;animation-fill-mode: forwards;}
.top_banner_verybig2.small .img_area_small{animation: img_hide 4s;animation-fill-mode: forwards;}
.top_banner_verybig2.small .img_area_small .close {opacity: 1;transition: all 2s ease;;}
body.bfOn .top_banner_verybig2.small{animation:none}
body.bfOn .top_banner_verybig2.small .img_area_big{animation:none}
body.bfOn .top_banner_verybig2.small .img_area_small{animation:none}
body.bfOn .top_banner_verybig2.small .img_area_small .close {opacity: 1;}

@keyframes bannerPlay {
    0% {height:38px}
    5% {height:136px}
    55% {height:136px}
    60%,100% {height:38px}
}

@keyframes img_show {
    0% {opacity: 0;}
    5% {opacity: 1;}
    55% {opacity: 1;}
    60%,100% {opacity: 0;}
}

@keyframes img_hide {
    0% {opacity: 1;}
    5% {opacity: 0;}
    55% {opacity: 0;}
    60%,100% {opacity: 1;}
}

@media all and (min-width:280px) and (max-width:319px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:28px;}
    .top_banner_verybig2 .img_area_big{height:96px;}
    .top_banner_verybig2 .img_area_big img{width:256px;height:80px;}
    .top_banner_verybig2 .img_area_small img{width:280px;height:28px;}
    @keyframes bannerPlay {
        0% {height:28px}
        5% {height:96px}
        55% {height:96px}
        60%, 100% {height:28px}
    }
}

@media all and (min-width:320px) and (max-width:359px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:32px;}
    .top_banner_verybig2 .img_area_big{height:117px;}
    .top_banner_verybig2 .img_area_big img{width:296px;height:101px;}
    .top_banner_verybig2 .img_area_small img{width:320px;height:32px;}
    @keyframes bannerPlay {
        0% {height:32px}
        5% {height:117px}
        55% {height:117px}
        60%, 100% {height:32px}
    }
}

@media all and (min-width:360px) and (max-width:374px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:36px;}
    .top_banner_verybig2 .img_area_big{height:131px;}
    .top_banner_verybig2 .img_area_big img{width:336px;height:115px;}
    .top_banner_verybig2 .img_area_small img{width:360px;height:36px;}

    @keyframes bannerPlay {
        0% {height:36px}
        5% {height:131px}
        55% {height:131px}
        60%,100% {height:36px}
    }
}

@media all and (min-width:375px) and (max-width:383px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:38px;}
    .top_banner_verybig2 .img_area_big{height:136px;}
    .top_banner_verybig2 .img_area_big img{width:351px;height:120px;}
    .top_banner_verybig2 .img_area_small img{width:375px;height:38px;}
    @keyframes bannerPlay {
        0% {height:38px}
        5% {height:136px}
        55% {height:136px}
        60%,100% {height:38px}
    }
}

@media all and (min-width:384px) and (max-width:389px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:39px;}
    .top_banner_verybig2 .img_area_big{height:139px;}
    .top_banner_verybig2 .img_area_big img{width:360px;height:123px;}
    .top_banner_verybig2 .img_area_small img{width:384px;height:39px;}
    @keyframes bannerPlay {
        0% {height:39px}
        5% {height:139px}
        55% {height:139px}
        60%,100% {height:39px}
    }
}

@media all and (min-width:390px) and (max-width:429px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:40px;}
    .top_banner_verybig2 .img_area_big{height:141px;}
    .top_banner_verybig2 .img_area_big img{width:366px;height:125px;}
    .top_banner_verybig2 .img_area_small img{width:390px;height:40px;}
    @keyframes bannerPlay {
        0% {height:40px}
        5% {height:141px}
        55% {height:141px}
        60%,100% {height:40px}
    }
}

@media all and (min-width:430px) and (max-width:479px) { 
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:44px;}
    .top_banner_verybig2 .img_area_big{height:156px;}
    .top_banner_verybig2 .img_area_big img{width:406px;height:140px;}
    .top_banner_verybig2 .img_area_small img{width:430px;height:44px;}
    @keyframes bannerPlay {
        0% {height:44px}
        5% {height:156px}
        55% {height:156px}
        60%,100% {height:44px}
    }
}

@media all and (min-width: 480px) and (max-width:597px) {
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:49px;}
    .top_banner_verybig2 .img_area_big{height:180px;}
    .top_banner_verybig2 .img_area_big img{width:456px;height:158px;}
    .top_banner_verybig2 .img_area_small img{width:480px;height:49px;}
     @keyframes bannerPlay {
        0% {height:49px}
        5% {height:180px}
        55% {height:180px}
        60%,100% {height:49px}
    }
}

@media all and (min-width: 598px){
    .top_banner_verybig2.open,.top_banner_verybig2 .img_area_small{height:61px;}
    .top_banner_verybig2 .img_area_big{height:217px;}
    .top_banner_verybig2 .img_area_big img{width:574px;height:201px;}
    .top_banner_verybig2 .img_area_small img{width:598px;height:61px;}
     @keyframes bannerPlay {
        0% {height:61px}
        5% {height:217px}
        55% {height:217px}
        60%,100% {height:61px}
    }
}

.top_banner_verybig3 {height:0;overflow: hidden;position:relative;z-index: 1;}
.top_banner_verybig3.open{height:38px;background: #000;display: block;transition: all 0.2s ease;}
.top_banner_verybig3 .img_area_big{height:136px;box-sizing:border-box;overflow: hidden;opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;transition: all 0.6s ease;}
.top_banner_verybig3 .img_area_big .ban{position:relative;display: inline-block;height:100%;}
.top_banner_verybig3 .img_area_big video {width:100%;margin-top: -10px;}
.top_banner_verybig3 .img_area_big .ad{position:absolute;padding:2px 3px 1px 4px;background:rgba(111,111,111,0.2);color:#fff;font-size:11px;text-align:center;line-height:13px;right:0;top:0;display: none;}
.top_banner_verybig3 .img_area_small{color:#000;font-size:15px;font-weight: bold;z-index: 2;opacity: 1;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;transition: all 0.6s ease;}
.top_banner_verybig3 .img_area_small .ban{position:relative;display: inline-block;height:100%;}
.top_banner_verybig3 .img_area_small img{width:375px;height:38px;}
.top_banner_verybig3 .img_area_small .ad{position:absolute;padding:2px 3px 1px 4px;background:rgba(111,111,111,0.2);color:#fff;font-size:11px;text-align:center;line-height:13px;left:0;top:0;}
.top_banner_verybig3 .img_area_small .close {position: absolute;top: 50%;margin-top: -12px;right: 12px; width: 24px;height: 24px;text-indent: -1000em;font-size: 0;z-index: 1;background: url(https://image.lotteimall.com/imall_mc/site/images/unity/gnb_topbanner_close.svg) no-repeat 100% 100%;display: none;}

.top_banner_verybig3.small{height:136px;}
.top_banner_verybig3.small .img_area_big{opacity:1;transition: all 0.6s ease;}
.top_banner_verybig3.small .img_area_small{opacity:0;transition: all 0.6s ease;}
.top_banner_verybig3.scroll  .img_area_small .close {display:block !important;}
body.bfOn .top_banner_verybig3.small{transition:none;height:auto;}
body.bfOn .top_banner_verybig3.small .img_area_big{display: none}
body.bfOn .top_banner_verybig3 .img_area_big{transition:none;display:none;}
body.bfOn .top_banner_verybig3 .img_area_small{transition:none;position:relative;opacity: 1;}
body.bfOn .top_banner_verybig3 .img_area_small .close {display:block;}

@media all and (min-width:280px) and (max-width:319px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:28px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:138px;}
    .top_banner_verybig3 .img_area_big video{height:158px;}
    .top_banner_verybig3 .img_area_small img{width:280px;height:28px;}
}

@media all and (min-width:320px) and (max-width:359px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:28px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:160px;}
    .top_banner_verybig3 .img_area_big video{height:180px;}
    .top_banner_verybig3 .img_area_small img{width:320px;height:32px;}
}

@media all and (min-width:360px) and (max-width:374px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:36px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:183px;}
    .top_banner_verybig3 .img_area_big video{height:203px;}
    .top_banner_verybig3 .img_area_small img{width: 360px;height:36px;}
}

@media all and (min-width:375px) and (max-width:389px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:38px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:191px;}
    .top_banner_verybig3 .img_area_big video{height:211px;}
    .top_banner_verybig3 .img_area_small img{width:375px;height:38px;}
}

@media all and (min-width:384px) and (max-width:389px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:39px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:196px;}
    .top_banner_verybig3 .img_area_big video{height:216px;}
    .top_banner_verybig3 .img_area_small img{width:384px;height:39px;}
}

@media all and (min-width:390px) and (max-width:429px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:40px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:199px;}
    .top_banner_verybig3 .img_area_big video{height:219px;}
    .top_banner_verybig3 .img_area_small img{width:390px;height:40px;}
}

@media all and (min-width:430px) and (max-width:479px) { 
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:44px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:222px;}
    .top_banner_verybig3 .img_area_big video{height:242px;}
    .top_banner_verybig3 .img_area_small img{width:430px;height:44px;}
}

@media all and (min-width: 480px) and (max-width:597px) {
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:49px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:250px;}
    .top_banner_verybig3 .img_area_big video{height:270px;}
    .top_banner_verybig3 .img_area_small img{width:480px;height:49px;}
}

@media all and (min-width: 598px){
    .top_banner_verybig3.open,.top_banner_verybig3 .img_area_small{height:61px;}
    .top_banner_verybig3.small,.top_banner_verybig3 .img_area_big{height:316px;}
    .top_banner_verybig3 .img_area_big video{height:336px;}
    .top_banner_verybig3 .img_area_small img{width:598px;height:61px;}
}

.notice_home_popup {z-index:9999; transform: translate(-50%, 0); position:fixed; left: 50%; bottom:auto; overflow: hidden; background:rgba(17,17,17,0.5); top:auto; bottom: 64px; width:auto; height:auto; border-radius: 0.2em; min-width:210px; min-height:56px;}
.notice_home_popup .cont {min-width:280px; min-height:52px; padding:0 10px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; box-sizing:border-box; word-break:keep-all; text-align:center;}
.notice_home_popup .cont p {white-space: nowrap; font-size:13px; line-height: 1.4; color:#fff;}

/* 동영상 메인 팝업 추가 */
.video_main_popup .layer_video_wrap {position: absolute; width: 260px; top: 50%; left: 0; right: 0; padding-bottom: 48px; margin: auto; transform: translateY(-50%);}
.video_main_popup .layer_video_wrap.layer_scroll {top: 10px; bottom: 10px; transform: translateY(0);}
.video_main_popup .layer_video_wrap .layer_cont {position: relative; width: 100%; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.video_main_popup .layer_video_wrap .video_area {position: relative; width: 100%; aspect-ratio: 9/16; overflow: hidden;}
.video_main_popup .layer_video_wrap .video_area .video {width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top;}
.video_main_popup .layer_video_wrap .video_area .info_box {position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 12px 16px;}
.video_main_popup .layer_video_wrap .video_area .info_box::before {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.8) 100%);}
.video_main_popup .layer_video_wrap .video_area .info_box .tit {font-size: 18px; color:var(--basic-color-white,#ffffff); line-height: 19px; height: 19px; letter-spacing: -0.36px; font-weight: 700; white-space:nowrap; text-overflow:ellipsis; word-break: break-all; overflow: hidden; position: relative; z-index: 1;}
.video_main_popup .layer_video_wrap .video_area .info_box .txt {font-size: 14px; color:var(--basic-color-white,#ffffff); line-height: 17px; height: 17px; letter-spacing: -0.28px; margin-top: 8px; white-space:nowrap; text-overflow:ellipsis; word-break: break-all; overflow: hidden; position: relative; z-index: 1;}
.video_main_popup .layer_video_wrap .video_area .info_box .txt:empty {margin: 0; height: 0;}
.video_main_popup .layer_video_wrap .video_area .icon_ad {position: absolute; top: 8px; right: 8px; display: block; text-align: center; font-size: 11px; line-height: 14px; color:var(--basic-color-white,#ffffff); width: 28px; height: 18px; background:rgba(17, 17, 17, 0.4); padding-top: 2px; box-sizing: border-box;}
.video_main_popup .layer_video_wrap .video_area .link_more {position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; z-index: 100;}
.video_main_popup .layer_video_wrap .close_area {position:absolute; bottom: 0; left: 0; width: 100%; display:-webkit-box;display:flex;height:48px;background-color:var(--color-gray7,#f3f3f3);}
.video_main_popup .layer_video_wrap .close_area::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1px;height:14px;background-color:var(--color-gray5,#dfdfdf);}
.video_main_popup .layer_video_wrap .close_area > span,
.video_main_popup .layer_video_wrap .close_area > button {display:block;width:100%}
.video_main_popup .layer_video_wrap .close_area label {display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer}
.video_main_popup .layer_video_wrap .close_area input {position:absolute;display:block;width:0;height:0;font-size:0;white-space:nowrap;text-indent:-9999px;overflow:hidden}
.video_main_popup .layer_video_wrap .close_area label {letter-spacing:-0.2px;}
.video_main_popup .layer_video_wrap .close_area label,
.video_main_popup .layer_video_wrap .close_area .close_btn {font-size:14px;color:var(--basic-color-black,#111111);letter-spacing: -0.28px;}