/* BASIC css start */
.snb-wrap{position:fixed;left:4%;top:4%;z-index:10;width:160px;}
.snb-wrap h1{margin-bottom:50px;}
.snb-wrap a{display:block;padding:3px 0;color:#000;font-family:'Noto Sans KR', sans-serif;}
.snb-depth2, .snb-depth3{display:none;overflow:hidden;}
.snb-depth2.on, .snb-depth3.on{display:block;}
.snb-wrap .snb-depth1 > li{margin-bottom:17px; margin-left:30px;}
.snb-wrap .snb-depth1 > li > a{padding:6px 0;font-size:14px;}
.snb-wrap .snb-depth2{padding-top:10px;border-top:1px solid #000;}
.snb-wrap .snb-depth2 > li{margin-bottom:12px;}
.snb-wrap .snb-depth2 > li > a{font-size:13px;}
.snb-wrap .snb-depth2 > li > a:before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border:1px solid #000;}
.snb-wrap .snb-depth2 > li > a.on:before{background:#000;}
.snb-wrap .snb-depth3{padding:8px 0 0 15px;}
.snb-wrap .snb-depth3 > li > a{font-size:12px;line-height:1.6;}
.tlogo{width: 90px; height:90px; margin-top:30px; margin-left:20px;}

.cs-list-wrap{position:fixed;right:4%;top:8%;z-index:10;}
.cs-list-wrap ul{display:flex;align-items:center;}
.cs-list-wrap ul li{position:relative;padding:0 12px;}
.cs-list-wrap ul li + li:before{content:'';position:absolute;left:0;top:3px;height:12px;width:1px;background-color:#000;}

/* À̵¿¹öÆ° */   
.move{position: fixed; right: 5%; top: 40%;z-index:25}
.move ul{}
.move ul li{margin: 10px 0;}
.move ul li a{display: block;  border-radius: 50%; width: 22px; height: 22px;position: relative;transition:all .4s; border:1px solid rgba(0,0,0,0)}
.move ul li a span{width: 10px; height: 10px; border-radius: 50%; background-color: #7d7d7d;text-indent: -9999px;  position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);transition:all .4s}
.move ul li a.on{border: 1px solid #000; transition:all .4s}
.move ul li a.on span{background-color: #000;transition:all .4s}



/* ¼½¼Ç°øÅë */
section{width: 100%; min-height: 970px; height:100vh}
section .sec_inner{width: 1350px; margin: 0 auto; height: 100%;}
section .shop_now{font-family: 'Lato' , sans-serif; font-size: 14px; color: #000;padding-bottom: 7px; border-bottom: 1px solid #000;font-weight: 600;letter-spacing: 1px; display: inline-block;}
section .shop_now span{display: inline-block;margin-left: 17px;}
section .shop_now span img{display:inline-block; margin-top:-3px}
section p.tit{font-family: 'Noto Sans KR', sans-serif;letter-spacing: -.2px;font-weight:500 }
.start{transition: all 2s; opacity: 0;}
.end{opacity: 1 !important;transition: all 2s;margin-top:-35px}



/* sec1 */
#sec1{background: url(/design/redbrown/0705wishblack/intro_01.jpg) no-repeat center center ;background-size: cover;}
#sec1 .sec_inner{position: relative;}
#sec1 .sec_inner .sec1_cont{text-align: center;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);transition: all 1s;opacity:0}
#sec1 h22{font-family: 'Playfair Display SC', serif; color: #000; font-size: 30px;font-weight:600; letter-spacing:3.5px} /*  font-size: 63px;  letter-spacing:5.5px */
#sec1 h2{font-family: 'Playfair Display SC', serif; color: #000; font-size: 31px;font-weight:600; letter-spacing:3.5px} /*  font-size: 63px;  letter-spacing:5.5px */
#sec1 .sec_inner .sec1_cont .sec1_logo{}
#sec1 .sec_inner .sec1_cont .sec1_logo{}
#sec1 .sec_inner .sec1_cont .sec1_logo img{}
#sec1 .sec_inner .sec1_cont p.tit{font-family: 'Noto Sans KR', sans-serif; color: #333; font-size: 20px; margin: 20px 0 29px;font-weight: 500; letter-spacing: 3.2px;}
#sec1 .sec_inner .sec1_cont .shop_now{font-family: 'Lato' , sans-serif; font-size: 14px; color: #000;padding-bottom: 10px; border-bottom:1px solid #000;font-weight: 600;letter-spacing: 1px; display: inline-block;}
#sec1 .sec_inner .sec1_cont .shop_now span{display: inline-block;margin-left: 8px;}
#sec1 .sec_inner .sec1_cont .shop_now span img{}

/* sec2 */
#sec2{height:975px}
#sec2 .sec_inner{padding-top: 5%;position: relative;}
#sec2 .sec_inner .thumb{width: 675px;height: 650px;float: left;position: absolute;} /*   margin-left:675px;  */
#sec2 .sec_inner .thumb img{width: 100%;}
#sec2 .sec_inner .txt_cont{width: 820px;height: 358px; background-color: #f5f5f5; float: right; margin-top: 130px; padding: 150px 20px 120px 240px;}
#sec2 .sec_inner .txt_cont h22{font-family: 'Playfair Display', serif; font-size: 23px; font-weight: 600;letter-spacing: 1px; margin-left:300px;}
#sec2 .sec_inner .txt_cont h2{font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 500;letter-spacing: 4px; margin-left:300px;}
#sec2 .sec_inner .txt_cont p.tit{color: #666; font-size: 20px;margin: 20px 0 70px;line-height:1.7; font-weight: 500; margin-left:300px;}
#sec2 .sec_inner .txt_cont .shop_now{margin-left:300px; margin-top:-80px;}


/* sec3 */
#sec3{}
#sec3>div{width: 100%; float: left;height: 100%;}
#sec3 .sec3_right{background: url(/design/redbrown/0705wishblack/intro_03.jpg) no-repeat center center; background-size: cover;position: relative;}
#sec3 .sec3_right .sec3L_cont{text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#sec3 .sec3_right .sec3L_cont h2{font-family: 'Playfair Display SC', serif; color: #fff; font-size: 28px;font-weight:600 } 
#sec3 .sec3_right .sec3L_cont p.tit{font-size: 20px; margin: 40px 0 30px; font-weight:400}
#sec3 .sec3_left .sec3L_cont .shop_now{color: #fff; border-color: #fff;}
#sec3 .sec3_left{background-color: #f5f5f5;position: relative;}
#sec3 .sec3_right .sec3R_cont{position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
#sec3 .sec3_right .sec3R_cont h3{font-family: 'Playfair Display SC', serif; font-size: 26px; text-align: center; margin-bottom: 50px;font-weight:600; color:#000}
#sec3 .sec3_right .sec3R_cont .swiper{width: 670px;padding-bottom: 60px;}
#sec3 .sec3_right .sec3R_cont .swiper ul{}
#sec3 .sec3_right .sec3R_cont .swiper ul li{width: 325px; height: 461px;}
#sec3 .sec3_right .sec3R_cont .swiper ul li a{display:block; width:100%; height:100%}
#sec3 .sec3_right .sec3R_cont .swiper ul li a img{width:100%;object-fit:cover; height:100%}
#sec3 .swiper-pagination-bullet-active{width: 20px;border-radius: 10px;background-color: #222;}


/* sec4 */
/*   #sec4{background: url(/design/asianbean/13709/codlab07/branded/PC_img/sec4.png) no-repeat center center; background-size: cover;}  */
#sec4 .sec_inner{display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;}
#sec4 .sec_inner h2{margin-bottom: 60px; font-family: 'Playfair Display SC', serif; font-size: 48px; color: white; text-align: center; font-weight: 600;}
#sec4 .sec_inner ul{}
#sec4 .sec_inner ul li{display: inline-block; margin: 0 7px; width: 430px; height: 613px;}
#sec4 .sec_inner ul li>a{display: block;width: 100%;}
#sec4 .sec_inner ul li .thumb{width: 100%; height: 445px;}
#sec4 .sec_inner ul li .thumb img{width: 100%; height: 100%; object-fit: cover; margin-left:25px;}
#sec4 .sec_inner ul li .text_area{width: 100%; background-color: #fff; height: 168px; padding: 20px; position: relative;}
#sec4 .sec_inner ul li .text_area h3{padding-top: 4px; text-align: center;font-family: 'Lato' , sans-serif; color: #000; font-size: 22px; margin-bottom: 13px; font-weight: 500;}
#sec4 .sec_inner ul li .text_area p{text-align: center;font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #7f7f7f; font-weight: 400;padding:0 16px}
#sec4 .sec_inner ul li .text_area .plus{float: right; position: absolute; bottom: 25px; right: 25px; top:100px;}
#sec4 .sec_inner ul li .text_area .plus img{display: inline-block;}

/* BASIC css end */