@charset "UTF-8";
.common_reco_widget {opacity:0;}
.common_reco_widget.padding {opacity:0; padding: 0 13px;}
.commreco_container_a {position:relative; margin:20px 0;}
.commreco_container_a .commreco_title {margin-bottom:20px; font-size:16px;}
.commreco_container_a .commreco_title > img {margin-right:10px; margin-top:-2px;}
.commreco_container_a .commreco_slide_wrap {width:100%; height:100%; position:relative; overflow:hidden;}
.commreco_container_a .commreco_slide_wrap .swiper-container {width:calc(100% + 17px); position:relative; margin-left:-17px; -webkit-overflow-scrolling:touch;}
/*  .commreco_container_a .commreco_slide_wrap .swiper-container::-webkit-scrollbar { width: 0 !important } */
/* .commreco_container_a .commreco_slide_wrap .swiper-container::-webkit-scrollbar{-webkit-appearance: none;} */
.commreco_container_a .commreco_slide_wrap .swiper-container::-webkit-scrollbar-track
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper {padding-bottom: 12px;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper:after {content:''; display:block; clear:both;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item {/* width:206px;  */float:left; margin-left:17px; margin-right:0.5px; text-align:center;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item:last-child {margin-right:0;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item.emp > a:hover > span:after {border:1px solid rgba(255, 0, 0, 0.9);}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > span {width:100%; position:relative; display:block;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > span:after {width:100%; height:100%; content:''; display:block; border:1px solid rgba(221, 221, 221, 0.9); position:absolute; top:0; left:0; box-sizing:border-box;}	        
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > span > img {width:100%; height:100%;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > .re_title {display:block; font-style:initial; font-size:12px; color:#494949; font-family:"돋움"; line-height:150%; margin:10px 0 5px 0; max-height: 50px; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; word-wrap: break-word;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > .re_title:after {display:none;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > strong {color: rgb(234, 46, 73); font-weight: bold; font-size: 13px; font-family: 돋움, dotum;}
.commreco_container_a .commreco_slide_wrap .swiper-container .swiper-wrapper .item > a > strong > span {color:#ec3553; font-size:12px; font-family:"돋움";}
.commreco_container_a .commreco_slide_btn {position:absolute; top:-5px; right:0px;}
.commreco_container_a .commreco_slide_btn:after {content:''; display:block; clear:both;}
.commreco_container_a .commreco_slide_btn > div > button {width:100%; height:100%; border:none;}
.commreco_container_a .commreco_slide_btn > div > button > span {display:block; text-indent:-9999px; overflow:hidden;}
.commreco_container_a .commreco_slide_btn .left_btn {width:30px; height:31px; float:left;}
.commreco_container_a .commreco_slide_btn .left_btn > button {outline: none; background:url("http://img.moongori.com/_image/commreco/left_btn.png") no-repeat; background-color:rgba(255, 255, 255, 0.9);}
.commreco_container_a .commreco_slide_btn .left_btn:hover > button {background-color:rgba(220, 220, 220, 0.9);}
.commreco_container_a .commreco_slide_btn .right_btn {width:30px; height:31px; float:left; margin-left:-1px;}
.commreco_container_a .commreco_slide_btn .right_btn > button {outline: none; background:url("http://img.moongori.com/_image/commreco/right_btn.png") no-repeat; background-color:rgba(255, 255, 255, 0.9);}
.commreco_container_a .commreco_slide_btn .right_btn:hover > button {background-color:rgba(220, 220, 220, 0.9);}
.row-chunk {float:left; width: 100%;} 

.swiper-container {margin-left:auto; margin-right:auto;}
.swiper-slide {text-align: center; font-size: 18px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; float:left;}
.swiper-pagination-bullets {bottom: 15px !important;}
.swiper-pagination-bullet {margin: 0 1px;}
.swiper-pagination {width:100%;}