/* BASIC css start */
#wrap {position: relative;}

/* ¸ñ·ÏÆäÀÌÁö */
.sub_title_best {text-align:center;margin:40px auto;border-top:0px solid #dedede;padding-top:10px;}
.sub_recommend {width:100% !important;background-color:#f7f7f7; margin:70px 0px 0px; padding-bottom:30px;}

#content {width: 100%; margin-left:0;}
#contentWrap {width: 100%;}

/* ¸ñ·ÏÀ̹ÌÁö */
.titImgWrap {position: relative;}
.titImgWrap img {width: 100%;}
.titImgWrap .titInner {width: 1220px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.titImgWrap .titInner p {font-size: 28px;color: #191919;font-weight: 400;line-height: 1;}



.cateWrap {width: 100%;border-bottom: 1px solid #dbdbdb;padding: 40px 0px;}
.cateWrap ul {width: 1220px;margin: 0 auto;font-size: 0;}
.cateWrap ul li {display: inline-block;width: calc((100% - 72px ) / 7);margin-right: 12px;margin-top: 10px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #767676;background: #f4f4f4;border-radius: 10px; cursor:pointer;}
.cateWrap ul li:nth-child(7n) {margin-right: 0;}
.cateWrap ul li.active {font-weight: 500;background: #f4534e;color: #fff;}

.total {width: 1220px;margin: 37px auto 0;padding: 0 10px;box-sizing: border-box;}
.total p {font-size: 16px;color: #191919;}
.total p .cnt {color: #ee4a44;font-weight: 500;}

.contWrap {width: 1236px;margin: 40px auto 0;}
.contWrap ul {font-size: 0;}
.contWrap li {display: inline-block;width: calc((100% - 48px) / 3);margin: 0 8px;vertical-align: top;cursor: pointer; margin-bottom:50px;}
.contWrap li.off {display:none;}
.contWrap li:nth-child(3n) {/*margin-right: 0;*/}
.contWrap li .imgWrap {width: 100%;height: 240px;position: relative;overflow: hidden;border-radius: 10px 10px 0 0;}
.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 .slider .imgWrap {display: none;}
.contWrap li .slider .imgWrap:first-child {display: block;}
.contWrap li .txtWrap {padding: 25px 20px;background: #f4f4f4;border-radius: 0 0 10px 10px;}
.contWrap li .txtWrap .txtBx {color: #333333;font-size: 16px;line-height: 1.5;height: 50px;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: 16px;margin-top: 10px;}




#popWrap {position: fixed;top: 50%;left: 50%;opacity:0;transform: translate(-50%,-50%);z-index: 101;}
#popWrap h3 {text-align: center;font-size: 32px;color: #ffffff;font-weight: 500;margin-bottom: 30px;}
#popWrap h3 .pop_pg {position: unset;}
#popWrap .popCont {width: 980px;height: 540px;overflow: hidden;margin: 0 auto;}
#popWrap .popCont ul {height:100%;}
#popWrap .contBx {width: 980px;height: 540px;align-items: center;border-radius: 20px;overflow: hidden;}
#popWrap .contBx .slider {background:#000; position:relative;}
#popWrap .contBx .slick-arrow {position: absolute;top: 42%;transform: translateY(42%);width: 20px;height: 20px;border-radius: 50%;text-indent: -9999px;background: #000;z-index: 9;}
#popWrap .contBx .slick-arrow.slick-prev {left: 20px;}
#popWrap .contBx .slick-arrow.slick-next {right: 360px;}
#popWrap .contBx .imgWrap {width: 640px !important;height: 540px;background: #000000;position: relative;}
#popWrap .contBx .imgWrap img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: contain;}
#popWrap .contBx .txtWrap {position: absolute;top: 0;right: 0;z-index: 99;width: 340px;background: #fff;box-sizing: border-box;border-radius: 0 20px 20px 0;height: 100%;font-size: 16px;color: #767676;line-height: 1.5;}
#popWrap .contBx .txtWrap p {padding: 40px 30px;width: 100%;box-sizing: border-box;}
#popWrap .contBx .txtWrap p.txtBx {max-height: 455px;overflow: auto;}
#popWrap .contBx .txtWrap p.writer {position: absolute;bottom: 0;border-top: 1px solid #dbdbdb;padding: 30px;}
#popWrap .pop_prev, 
#popWrap .pop_next {display: inline-block;width: 33px;height: 63px;background: center / 33px 63px no-repeat;}
#popWrap .pop_next::after, 
#popWrap .pop_prev::after {display: none;}
#popWrap .pop_prev {left: -83px;background-image: url(/design/duduworld/220906/ico_pop_prev.png);}
#popWrap .pop_next {right: -83px;background-image: url(/design/duduworld/220906/ico_pop_next.png);}
#popWrap .pop_close {position: fixed;top: 6px;right: 26px;cursor:pointer}


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