@charset "utf-8";

.main_visual{width: 100%;position: fixed;background: #fff;}
.swiper-button-next{width:32px;height: 50px;left: 5%;background: url('../../images/main/btn_main_next.png') no-repeat left 0; background-size: 80%;}
.swiper-button-prev{width:32px;height: 50px;right: 5%;background: url('../../images/main/btn_main_prev.png') no-repeat right 0;background-size: 80%;}

.lst_search{display: none;}
.lst_bicycle{padding-top: 20px;}
.lst_category{width: 81.25%;height: 380px;margin: 0 auto 20px;position: relative;overflow-y: hidden;box-shadow: 0px 0px 20px #888;cursor: pointer;}
.lst_category img{width: 100%;position: absolute;top: 20%;}
span.lst_icon_hovr > img{display: none;}
.lst_category_title{width: auto;padding: 7% 6% 0;position: relative;top: 0;z-index: 9;background: #fff;}
.lst_category_title strong{padding:0 0 0 0;display: inline-block;font-size: 1.125rem;font-weight: normal;}
.lst_category_title > p{width: 100%;padding: 10px 0 20px 0;color: #707070;line-height: 20px;font-size: 0.875rem;}
.lst_category_title a{width: 30px;height: 30px;text-indent: -10000px;position: absolute;top: 15%;right: 5%;background: url("../../images/common/m_icon_short.png") no-repeat 4px 8px;background-size: 80%;}
.bg_box{width: 50%;height: 10px;position: absolute;bottom: -10px;left: 0;background: #fff;}
.bg_box::after{content: "";border-top: 10px solid #fff;border-right: 10px solid transparent;left: 100%;position: absolute;}

/* 한줄공지 */
.hanju_notice{width: 90%; padding: 6% 0 0;margin: 0 auto ;}
.hanju_notice p{width: 90%;min-height:60px;padding:3% 5%;margin: 6% auto 0;text-align: left;font-weight: 300;color: #fff;box-sizing: border-box;background:  #333;}
.hanju_notice p span{padding-right: 5%;padding-bottom: 5px;display: inline-block;font-weight: bold;}
.hanju_notice p span.hanju_day{margin-top: 5px;margin-left: 0;display: inline-block;font-size: 0.8125rem;font-weight: 300;}
.hanju_notice p a.ellipsis-multi {width:99%;overflow: hidden;font-size: 0.8125rem;font-weight: 300;color: #fff;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.2em;height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}

/* [운영] 240919 메인 한줄 공지 스와이퍼 기능 추가 */
.container_wrap.hanju_notice_con {padding-top: 12%;}
#swiper_hanju_notice {width: 81.25%; height: 60px; padding: 0; background: #333;}
#swiper_hanju_notice .swiper-slide {padding:3% 5%; text-align: left; box-sizing: border-box;}
#swiper_hanju_notice .swiper-slide a.ellipsis-multi {width: 100%;overflow: hidden;font-size: 0.8125rem;font-weight: 300;color: #fff;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.2em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
#swiper_hanju_notice .swiper-slide span{padding-right: 5%;padding-bottom: 5px;display: inline-block;font-weight: bold;}
#swiper_hanju_notice .swiper-slide span.hanju_day{margin-top: 5px;margin-left: 0;display: inline-block;font-size: 0.8125rem;font-weight: 300;}


.btn_Top{width: 67px;height: 67px;position: fixed;right: 10px;bottom: 470px;text-indent: -10000px;background: url('../../images/main/btn_top.png') no-repeat 0 0;}