﻿/* 이빛몰 모바일 sch css 모음 */

/* 2020 03 25 top m btn */
.float_btn_wrap {position:fixed; bottom:-150px; right:5%;z-index:998;transition:bottom .4s!important;}
.float_btn_wrap.show {bottom:73px;}
.float_btn_wrap li {margin-bottom:5px; display:block; box-sizing:border-box;}
.float_btn_wrap li a {display:block; width:38px; height:38px; background-color:#000; border-radius:50%; text-align:center; box-sizing:border-box; padding-top:8px; opacity:.8; color:#fff; border:1px solid #fff;}
.float_btn_wrap li a img {width:25px;}


.float_btn_wrap_main {position:fixed; bottom:-150px; right:5%;z-index:998;transition:bottom .4s!important;}
.float_btn_wrap_main.show {bottom:73px;}
.float_btn_wrap_main li {margin-bottom:5px; display:block; box-sizing:border-box;}
.float_btn_wrap_main li a {display:block; width:50px; height:50px; background-color:#000; border-radius:50%; text-align:center; box-sizing:border-box; padding-top:8px; opacity:.8; color:#fff; border:1px solid #fff;}
.float_btn_wrap_main li a img {width:25px;}

.search_pop {display:none; position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.6); z-index:99999;}
.search_pop .search_pop_inner {position:relative; left:0; bottom:0; right:0; top:60px; padding:20px;}
.search_pop .search_pop_inner h2 {color:#fff; font-size:18px; font-weight:normal; letter-spacing:.3em; margin-bottom:15px;}
.search_pop .search_pop_inner .search_area {margin-bottom:35px;}
.search_pop .search_pop_inner .search_area fieldset {position:relative;}
.search_pop .search_pop_inner .search_area fieldset input {width:100%; height:50px; position:relative; display:block; box-sizing:border-box;}
.search_pop .search_pop_inner .search_area fieldset button {position:absolute; top:1px; right:1px; bottom:1px; border:none; color:#000; background-color:#fff; font-size:33px;}
.search_pop a.close_btn {position:absolute; right:10px; top:10px; background:url('/m/images/btn_close3.png'); width:40px; height:40px; background-size:40px 40px;}
.search_pop .search_pop_inner .search_area fieldset button { position: absolute; top: 2px; right: 1px; bottom: 1px; border: none; color: #000; background-color: #fff; font-size: 33px; display: inline-block; margin: 0; padding: 0; width: 49px; height: 48px; -webkit-box-shadow:none; box-shadow:none; }
.search_pop .search_pop_inner .search_history {position:relative; overflow-y:auto; height:340px;}
.search_pop .search_pop_inner .search_history li {line-height:3em; text-align:center;}
.search_pop .search_pop_inner .search_history li a {color:#fff; font-size:14px; display:block; width:70%; margin:0 auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.search_pop .del_btn_wrap {position:absolute; bottom:15%; left:50%; margin-left:-100px; display:block; width:200px; box-sizing:border-box; padding:14px 0; background-color:#000; text-align:center;}
.search_pop .del_btn_wrap .sch_del_btn {display:block; width:100%; color:#fff;}
.unniB_top_wrap {display:none;}

@media all and (max-width:412px){
	.search_pop .search_pop_inner .search_history {height:280px;}
}

@media all and (max-width:360px){
	.search_pop .search_pop_inner .search_history {height:266px;}
}

@media all and (max-width:320px){
	.search_pop .search_pop_inner .search_history {height:206px;}
}
.wow { visibility:visible;}

/* 앨범형에서 일자형으로 우리샵처럼 상품리스트를 통일하기때문에 기존의 앨범형을누르면 ui가 깨져서 가림처리해둠 20200326 sch */
.list_view_type{display:none;}

/* main_sch0326 eventmall_category_sch0326 eventmall_sch0326 */
.sch-list-css.cont_list>li{width: 100%;margin-bottom: 8px;padding: 13px 15px 15px;margin: 0 0 7px 0;min-height: initial;}
.sch-list-css.cont_list li dl dt {float: left;width: 40%;box-sizing: border-box;padding-right: 14px;}
.sch-list-css.cont_list li dl dd {float: left;width: 60%;box-sizing: border-box;padding: 5px;}
.sch-list-css.cont_list li .tit {font-size: 16px;color: #131313;font-weight: normal;letter-spacing: -0.5px;line-height: 20px;text-overflow: ellipsis;
    overflow: hidden;word-wrap: break-word;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sch-list-css.cont_list li dl dd .price_wrap {overflow: hidden;text-align: left;padding-top: 8px;margin-bottom: -5px;position: relative;}
.sch-list-css.cont_list li dl dd .price_wrap > div.per {font-size: 12px;font-weight: normal;line-height: 30px;}
.sch-list-css.cont_list li dl dd .price_wrap > div.pricebox {display: block;}

/* newGoods_sch0326 */
.newList.sch-list-css ul.cont_list{width: 100% !important;}
.newList.sch-list-css ul.cont_list>li{width: 100% !important;margin-bottom: 8px;padding: 13px 15px 15px;margin: 0 0 7px 0;min-height: initial;}
.newList.sch-list-css ul li dl dt {float: left;width: 40%;box-sizing: border-box;padding-right: 14px;}
.newList.sch-list-css ul li dl dd {float: left;width: 60%;box-sizing: border-box;padding: 5px;}
.newList.sch-list-css ul li .tit {font-size: 16px;color: #131313;font-weight: normal;letter-spacing: -0.5px;line-height: 20px;text-overflow: ellipsis;
    overflow: hidden;word-wrap: break-word;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newList.sch-list-css ul li dl dd .price_wrap {overflow: hidden;text-align: left;padding-top: 8px;margin-bottom: -5px;position: relative;}
.newList.sch-list-css ul li dl dd .price_wrap > div.per {font-size: 12px;font-weight: normal;line-height: 30px;}
.newList.sch-list-css ul li dl dd .price_wrap > div.pricebox {display: block;}

.m_kakao-icon {
	display:block;
    width: 50px;
    height: 50px;
	position: fixed;
    bottom: 210px;
    right: 19px;
    cursor: pointer;
    background: url('/images/banner/20230711/cs_kakao_m.svg') 0 0 no-repeat;
	background-size: contain;
    z-index: 10;
}

.m_kakao-icon_main {
	display:block;
    width: 50px;
    height: 50px;
	position: fixed;
    bottom: 80px;
    right: 8px;
    cursor: pointer;
    background: url('/images/banner/20230711/cs_kakao_m.svg') 0 0 no-repeat;
	background-size: contain;
    z-index: 10;
}