/* BASIC css start */
.cateWrap {width: 100%;padding: 15px 14px;border-top: 10px solid #f4f4f4;box-sizing: border-box;}
.cateWrap ul {width: 100%;margin: 0 auto;font-size: 0;max-height: 110px;overflow: hidden;}
.cateWrap ul li {display: inline-block;width: calc((100% - 14px)/ 3);margin-right: 7px;margin-top: 10px;height: 43px;line-height: 43px;text-align: center;font-size: 0.875rem;color: #191919;background: #f4f4f4;border-radius: 5px;cursor:pointer;}
.cateWrap ul li:nth-child(3n) {margin-right: 0;}
.cateWrap ul li.active {font-weight: 500;color: #ee4a44;}
.cateWrap .moreBtn { padding: 25px 0 10px; text-align:center; }

.total {border-top: 1px solid #eeeeee; width: calc(100% - 28px);margin: 0 14px;padding: 25px 10px 0;box-sizing: border-box;}
.total p {font-size: 16px;color: #191919;}
.total p .cnt {color: #ee4a44;font-weight: 500;}

.contWrap {width: 100%;margin: 25px auto 0;padding: 0 14px;box-sizing: border-box;}
.contWrap ul {font-size: 0;padding-bottom: 10px;margin-bottom: 50px;}
.contWrap li {display: block;cursor: pointer;margin-bottom: 15px;}
.contWrap li:nth-child(3n) {/*margin-right: 0;*/}
.contWrap li .imgWrap {display:none;width: 100%;height: 250px;position: relative;overflow: hidden;border-radius: 10px 10px 0 0;}
.contWrap li .imgWrap:first-child {display:block;}
.contWrap li .imgWrap img {width: 100%;height: 100%;/* border-radius: 10px 10px 0 0; */position: absolute;top: 0;bottom: 0;left: 0;right: 0;object-fit: cover;}
.contWrap li .txtWrap {padding: 15px 16px;background: #f4f4f4;border-radius: 0 0 10px 10px;text-align:left;}
.contWrap li .txtWrap .txtBx {color: #333333;font-size: 0.875rem;line-height: 1.5;height: 2.625rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* ¶óÀμö */-webkit-box-orient: vertical;word-wrap:break-word;/* line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */}
.contWrap li .txtWrap .writer {color: #999999;font-size: 0.75rem;margin-top: 10px;}


#popWrap {display: none;position: fixed;top: 50px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 101;background: #ffffff;}
#popWrap .h_title {border-bottom: 10px solid #eee;}
#popWrap h3 {color: #191919;font-size: 1.125rem;}
#popWrap h3 .pop_pg {position: unset;}
#popWrap ul {width: 100%;height: auto;margin: 0 auto;padding: 15px 0 50px;}
#popWrap .contBx {width: calc(100% - 28px);height: 100%;display: block;margin: 0 14px;box-sizing: border-box;}
#popWrap .contBx .slider {position: relative;}
#popWrap .contBx .slider .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 15px;height: 15px;border-radius: 100%;background: #000;text-indent: -9999px;border: 0;}
#popWrap .contBx .slider .slick-arrow.slick-prev {left: 10px;}
#popWrap .contBx .slider .slick-arrow.slick-next {right: 10px;}
#popWrap .contBx .imgWrap {display:block;width: 100%;height: auto;position: relative;padding-top: 100%;}
#popWrap .contBx .imgWrap img {width: 100%;height: 100%;border-radius: 20px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;object-fit: cover;}
#popWrap .contBx .txtWrap {background: #fff;height: 100%;font-size: 16px;color: #767676;line-height: 1.5;position: relative;width: 100%;padding: 25px 16px;box-sizing: border-box;text-align: left;}
#popWrap .contBx .txtWrap p {width: 100%;box-sizing: border-box;}
#popWrap .contBx .txtWrap p.txtBx {}
#popWrap .contBx .txtWrap p.writer {padding-top: 15px;}
#popWrap .pop_prev, 
#popWrap .pop_next {display: inline-block;width: 40px;height: 60px;background: center / 40px 60px no-repeat;}
#popWrap .pop_next::after, 
#popWrap .pop_prev::after {display: none;}
#popWrap .pop_prev {left: 0;background-image: url(/design/duduworld/220906/ico_pop_prev_black.png);}
#popWrap .pop_next {right: 0;background-image: url(/design/duduworld/220906/ico_pop_next_black.png);}
#popWrap .pop_close {position: fixed;top: 6px;right: 26px;cursor:pointer}


.dataWrap {display: none;}
/* BASIC css end */