/* BASIC css start */
/*--- reset ---*/

img:focus{outline:0}
#contentWrap{width:100% !important;}


/*--- stylelog ---*/
.stylelog{width:100%;min-width:1330px;margin:0 auto;text-align:center;overflow:hidden;background:#fff7f1;}
.stylelog img{vertical-align:top;width:100%;/*min-width:1330px;max-width:1920px;*/border:0;display:block}
.stylelog img:focus{outline:none !important;}
.stylelog .staff{clear:both;width:1330px;margin:220px auto 100px;}        
a.cateLink{width:100%;display:block;vertical-align:top;}
.stylelog .rel{position: relative;}
.stylelog .abs{position: absolute;z-index:2}
                

.tit_wrapper{width:50%;float:left;}
/* 페이드인 페이드아웃 효과 */
.cycler{position: relative;width:50%;float:right;/*height:1044px;*/}/* 이미지 가로사이즈 높이 꼭 변경해야함 */
.cycler img{position: absolute;z-index: 1;background-color: white;}
#cycler img.active{z-index: 3}

.stylelog .sect {position:relative}
.stylelog .sect .imglist, .stylelog .sect .prd_name{position:absolute;}
.stylelog .imglist01{width:calc(402/1920*100%);top:calc(80/830*100%);right:calc(385/1920*100%);z-index:2;}
.stylelog .imglist02{width:calc(402/1920*100%);top:calc(225/830*100%);right:calc(50/1920*100%);z-index:3;}
.stylelog .imglist03{width:calc(597/1920*100%);top:-10%;right:calc(144/1920*100%);z-index:2;}
.stylelog .imglist04{width:calc(918/1920*100%);top:calc(95/830*100%);left:calc(102/1920*100%);z-index:2;}
.stylelog .imglist05{width:25%;top:calc(340/830*100%);left:35%;z-index:2;}
.stylelog .imglist06{width:25%;top:calc(440/830*100%);left:40%;z-index:2;}
.stylelog .imglist07{width:calc(820/1920*100%);bottom:calc(140/830*100%);right:calc(110/1920*100%);z-index:2;}
.stylelog .imglist08{width:100%;top:0;left:0;z-index:2;}
.stylelog .imglist09{width:calc(1150/1920*100%);top:0;left:0;z-index:2;margin-bottom:200px;}
.stylelog .imglist10{width:calc(376/1920*100%);bottom:calc(80/830*100%);left:calc(388/1920*100%);z-index:2;}
.stylelog .imglist11{width:calc(376/1920*100%);top:calc(88/830*100%);left:calc(80/1920*100%);z-index:3;}
.stylelog .imglist12{width:100%;top:0;left:0;z-index:2;;}
.stylelog .imglist13{width:calc(450/1920*100%);top:10%;left:35%;z-index:2;}                    
.stylelog .imglist14{width:calc(452/1920*100%);top:11%;right:5%;z-index:2;}
.stylelog .imglist15{width:calc(550/1920*100%);top:18%;left:3.87%;z-index:2;}
.stylelog .imglist16{width:calc(400/1920*100%);bottom:6%;left:18%;z-index:3;}
.stylelog .imglist17{width:calc(550/1920*100%);bottom:14%;right:8%;z-index:2;}
.stylelog .imglist18{width:calc(350/1920*100%);top:9%;right:33%;z-index:3;}
.stylelog .imglist19{width:calc(376/1920*100%);top:9%;left:4%;z-index:3;}
.stylelog .imglist20{width:calc(376/1920*100%);bottom:9%;left:21%;z-index:3;}
.stylelog .imglist21{width:calc(400/1920*100%);top:6%;left:35%;z-index:3;}
                    
                    
                    
                    
/* 상품명 */                    
.stylelog .sect .prd_name{width:25%;display:block;}
.stylelog .sect .prd_name01{bottom:calc(120/830*100%);right:calc(385/1920*100%);}
.stylelog .sect .prd_name02{bottom:calc(195/830*100%);right:calc(14/1920*100%);}
.stylelog .sect .prd_name03{bottom:calc(45/830*100%);left:calc(380/1920*100%);}
.stylelog .sect .prd_name04{top:45%;right:9%;z-index:4 !important;}
.stylelog .sect .prd_name05{bottom:22%;left:40%;}
.stylelog .sect .prd_name06{top:30%;right:15%;}
.stylelog .sect .prd_name07{bottom:15%;left:35%;z-index:4 !important;}
.stylelog .sect .prd_name08{top:55%;left:35%;}
.stylelog .sect .prd_name09{bottom:26%;left:40%;}
.stylelog .sect .prd_name10{bottom:15%;left:40%;}
/* BASIC css end */